@oniratec/onira-react-ui 1.0.6 → 1.1.1

package/dist/index.d.ts

@@ -47,6 +47,10 @@ declare type BaseField<T extends FieldValues> = {
     hidden?: (values: Partial<T>) => boolean;
     /** Grid layout helpers */
     colSpan?: 1 | 2 | 3 | 4;
+    /** Personalized render for custom elements **/
+    render?: (props: {
+        form: UseFormReturn<T>;
+    }) => ReactNode;
 };
 
 declare type BaseProps = {
@@ -149,7 +153,7 @@ declare type FieldDependency<T extends FieldValues> = {
     onChangeTrigger?: FieldPath<T>[];
 };
 
-declare type FieldKind = 'input' | 'password' | 'textarea' | 'select' | 'toggle' | 'checkbox';
+declare type FieldKind = 'input' | 'password' | 'textarea' | 'select' | 'toggle' | 'checkbox' | 'custom';
 
 export declare const FieldLabel: React_2.ForwardRefExoticComponent<React_2.LabelHTMLAttributes<HTMLLabelElement> & React_2.RefAttributes<HTMLLabelElement>>;
 
@@ -166,7 +170,7 @@ export declare interface FormFactoryConfig<TFormModel extends FieldValues, TEnti
     crossRules?: CrossRule<TFormModel>[];
 }
 
-export declare function FormFactoryRenderer<TFormModel extends FieldValues, TEntity>({ config, form, onSubmitAction, submitLabel, maxWidthClass, }: Props_4<TFormModel, TEntity>): JSX.Element;
+export declare function FormFactoryRenderer<TFormModel extends FieldValues, TEntity>({ config, form, onSubmitAction, submitLabel, maxWidthClass, children, }: Props_4<TFormModel, TEntity>): JSX.Element;
 
 export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
 
@@ -265,6 +269,7 @@ declare interface Props_4<TFormModel extends FieldValues, TEntity> {
     onSubmitAction: (data: TFormModel) => void | Promise<void>;
     submitLabel: string;
     maxWidthClass?: string;
+    children?: ReactNode;
 }
 
 declare type Section<T extends FieldValues> = {
@@ -319,6 +324,19 @@ export declare interface ThemeColors {
     error: string;
 }
 
+declare interface ThemeContextValue {
+    theme: Theme;
+    setMode: (mode: ColorMode) => void;
+}
+
+export declare function ThemeProvider({ mode, children, customTheme }: ThemeProviderProps): JSX.Element;
+
+declare interface ThemeProviderProps {
+    mode?: ColorMode;
+    customTheme?: Partial<Theme>;
+    children: ReactNode;
+}
+
 export declare interface ThemeShadows {
     card: {
         sm: string;
@@ -354,4 +372,6 @@ export declare const TooltipTrigger: ComponentType<TooltipPrimitive.TooltipTrigg
 
 export declare function useField(): FieldContextValue;
 
+export declare function useTheme(): ThemeContextValue;
+
 export { }