@kroo-web/design-system 1.1.103 → 1.1.106

package/dist/cjs/examples/CheckboxWithController/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TCheckboxProps } from '../../src';
+import { TFieldWithController } from '../form';
+export type TCheckboxControllerProps<T extends FieldValues> = TFieldWithController<T, TCheckboxProps>;
+export declare const CheckboxWithController: <T extends FieldValues>({ control, name, props }: TCheckboxControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/ComboBoxWithController/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TComboBoxProps } from '../../src';
+import { TFieldWithController } from '../form';
+export type TComboBoxControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TComboBoxProps, "field" | "name">>;
+export declare const ComboBoxWithController: <T extends FieldValues>({ control, name, props, }: TComboBoxControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/MagicForm/index.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from "react";
+export default function MagicForm({ defaultValues, children, onSubmit }: PropsWithChildren<{
+    defaultValues: {
+        [key: string]: any;
+    };
+    onSubmit: (data: any) => void;
+}>): React.JSX.Element;

package/dist/cjs/examples/NumberFieldWithController/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TNumberFieldProps } from '../../src';
+import { TFieldWithController } from '../form';
+export type TNumberFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TNumberFieldProps>;
+export declare const NumberFieldWithController: <T extends FieldValues>({ control, name, props }: TNumberFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/PhoneFieldWithController/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TPhoneFieldProps } from '../../src';
+import { TFieldWithController } from '../form';
+export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, TPhoneFieldProps>;
+export declare const PhoneFieldWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/PinInputWithController/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TFieldWithController } from '../form';
+import { TPinInputProps } from '../../src';
+export type TPhoneFieldControllerProps<T extends FieldValues> = TFieldWithController<T, Omit<TPinInputProps, 'onChange'>>;
+export declare const PinInputWithController: <T extends FieldValues>({ control, name, props }: TPhoneFieldControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/RadioGroupWithController/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+import { TRadioGroupProps } from '../../src';
+import { TFieldWithController } from '../form';
+export type TRadioGroupControllerProps<T extends FieldValues> = TFieldWithController<T, TRadioGroupProps> & {
+    children: React.ReactNode;
+};
+export declare const RadioGroupWithController: <T extends FieldValues>({ control, name, props, children }: TRadioGroupControllerProps<T>) => React.JSX.Element;

package/dist/cjs/examples/form/index.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
 import * as z from 'zod';
+import { Control, FieldValues, Path } from 'react-hook-form';
+export type TFieldWithController<T extends FieldValues, C> = {
+    control: Control<T, object>;
+    name: Path<T>;
+    props: C;
+};
 export declare const exampleSchema: z.ZodObject<{
     textField: z.ZodString;
     select: z.ZodString;
@@ -9,24 +15,33 @@ export declare const exampleSchema: z.ZodObject<{
     disclosureTextField: z.ZodString;
     range: z.ZodNumber;
     processor: z.ZodString;
+    phoneField: z.ZodString;
+    terms: z.ZodBoolean;
+    pin: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     select: string;
     radioGroup: string;
+    pin: string;
     range: number;
     textField: string;
     numberField: number;
     disclosureTextField: string;
     datePicker: Date;
     processor: string;
+    phoneField: string;
+    terms: boolean;
 }, {
     select: string;
     radioGroup: string;
+    pin: string;
     range: number;
     textField: string;
     numberField: number;
     disclosureTextField: string;
     datePicker: Date;
     processor: string;
+    phoneField: string;
+    terms: boolean;
 }>;
 export type TFormExample = {
     values: {
@@ -39,6 +54,25 @@ export type TFormExample = {
         disclosureTextField?: string;
         range?: number;
         processor?: string;
+        phoneField?: string;
+        terms?: boolean;
+        pin?: string;
     };
+    error?: boolean;
+    disabled?: boolean;
+};
+export type FormValues = {
+    textField: string;
+    currencyField: string;
+    select: string;
+    radioGroup: string;
+    numberField: number;
+    datePicker: string;
+    disclosureTextField: string;
+    range: number;
+    processor: string;
+    phoneField: string;
+    terms: boolean;
+    pin: string;
 };
-export declare const FormExample: ({ values }: TFormExample) => React.JSX.Element;
+export declare const FormExample: ({ values, error, disabled }: TFormExample) => React.JSX.Element;