zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

React 19 refactoring: Removed forwardRef references in all UI Components (#99)

Browse Source 
* React 19 refactoring: Removed forwardRef references in all UI Components
* Added Progress UI component from Shadcn
* Updated dependencies
* Formatted files
* Fix Mobile Dropdowns
This commit is contained in:
Giancarlo Buomprisco
2024-12-23 15:15:00 +08:00
committed by GitHub
parent 970f901d05
commit cec47cef78
58 changed files with 1359 additions and 1610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/ui/src/makerkit/multi-step-form.tsx
View File

@@ -128,22 +128,22 @@ export function MultiStepFormContextProvider(props: {
return props.children(ctx);
}
export const MultiStepFormStep = React.forwardRef<
HTMLDivElement,
export const MultiStepFormStep: React.FC<
React.PropsWithChildren<
{
asChild?: boolean;
ref?: React.Ref<HTMLDivElement>;
} & HTMLProps<HTMLDivElement>
>
>(function MultiStepFormStep({ children, asChild, ...props }, ref) {
> = function MultiStepFormStep({ children, asChild, ...props }) {
const Cmp = asChild ? Slot : 'div';
return (
<Cmp ref={ref} {...props}>
<Cmp {...props}>
<Slottable>{children}</Slottable>
</Cmp>
);
});
};
export function useMultiStepFormContext<Schema extends z.ZodType>() {
const context = useContext(MultiStepFormContext) as ReturnType<
@@ -165,6 +165,7 @@ export function useMultiStepFormContext<Schema extends z.ZodType>() {
* @param schema
* @param form
* @param stepNames
* @param onSubmit
*/
export function useMultiStepForm<Schema extends z.ZodType>(
schema: Schema,
@@ -323,39 +324,37 @@ export function useMultiStepForm<Schema extends z.ZodType>(
);
}
export const MultiStepFormHeader = React.forwardRef<
HTMLDivElement,
export const MultiStepFormHeader: React.FC<
React.PropsWithChildren<
{
asChild?: boolean;
} & HTMLProps<HTMLDivElement>
>
>(function MultiStepFormHeader({ children, asChild, ...props }, ref) {
> = function MultiStepFormHeader({ children, asChild, ...props }) {
const Cmp = asChild ? Slot : 'div';
return (
<Cmp ref={ref} {...props}>
<Cmp {...props}>
<Slottable>{children}</Slottable>
</Cmp>
);
});
};
export const MultiStepFormFooter = React.forwardRef<
HTMLDivElement,
export const MultiStepFormFooter: React.FC<
React.PropsWithChildren<
{
asChild?: boolean;
} & HTMLProps<HTMLDivElement>
>
>(function MultiStepFormFooter({ children, asChild, ...props }, ref) {
> = function MultiStepFormFooter({ children, asChild, ...props }) {
const Cmp = asChild ? Slot : 'div';
return (
<Cmp ref={ref} {...props}>
<Cmp {...props}>
<Slottable>{children}</Slottable>
</Cmp>
);
});
};
/**
* @name createStepSchema