@cube-dev/ui-kit 0.0.0-canary-8fec5dc → 0.0.0-canary-a7db5da

package/es/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/test/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/test/render.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/test/setup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/test/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/test/utils/wait.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/get-display-name.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8fec5dc
+ * @cube-dev/ui-kit v0.0.0-canary-a7db5da
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-8fec5dc",
+  "version": "0.0.0-canary-a7db5da",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/forms/Form/Field.d.ts

@@ -2,7 +2,8 @@ import { ReactElement, ReactNode } from 'react';
 import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../shared';
 import { CubeFormInstance } from './useForm';
 import { Styles } from '../../../tasty';
-export interface CubeFieldProps extends OptionalFieldBaseProps {
+import { FieldTypes } from './types';
+export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
@@ -17,7 +18,7 @@ export interface CubeFieldProps extends OptionalFieldBaseProps {
     /** Validation rules */
     rules?: ValidationRule[];
     /** The form instance */
-    form?: CubeFormInstance;
+    form?: CubeFormInstance<T>;
     /** The message for the field or text for the error */
     message?: string;
     /** The description for the field */
@@ -36,4 +37,4 @@ export interface CubeFieldProps extends OptionalFieldBaseProps {
     labelPosition?: LabelPosition;
     labelStyles?: Styles;
 }
-export declare function Field(allProps: CubeFieldProps): JSX.Element | null;
+export declare function Field<T extends FieldTypes>(allProps: CubeFieldProps<T>): JSX.Element | null;

package/types/components/forms/Form/Form.d.ts

@@ -2,9 +2,10 @@ import { FormHTMLAttributes } from 'react';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { CubeFormData, CubeFormInstance } from './useForm';
 import { FormBaseProps } from '../../../shared';
+import { FieldTypes } from './types';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
-export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
+export interface CubeFormProps<T extends FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
     /** Form name */
     name?: string;
     /** Default field values */
@@ -12,18 +13,18 @@ export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleP
         [key: string]: any;
     };
     /** Trigger when any value of Field changed */
-    onValuesChange?: (data: CubeFormData) => void | Promise<void>;
+    onValuesChange?: (data: CubeFormData<T>) => void | Promise<void>;
     /** Trigger when form submit and success */
-    onSubmit?: (data: CubeFormData) => void | Promise<void>;
+    onSubmit?: (data: CubeFormData<T>) => void | Promise<void>;
     /** Trigger when form submit and failed */
     onSubmitFailed?: (any?: any) => void | Promise<any>;
     /** Set form instance created by useForm */
-    form?: CubeFormInstance;
+    form?: CubeFormInstance<T>;
     /** The size of the side area with labels. Only for `labelPosition="side"` */
     labelWidth?: Styles['width'];
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
-declare const _Form: import("react").ForwardRefExoticComponent<CubeFormProps & import("react").RefAttributes<unknown>>;
+declare const _Form: import("react").ForwardRefExoticComponent<CubeFormProps<FieldTypes> & import("react").RefAttributes<unknown>>;
 export { _Form as Form };

package/types/components/forms/Form/index.d.ts

@@ -2,7 +2,7 @@
 import { Field } from './Field';
 import { useForm } from './useForm';
 import { useFormProps } from './Form';
-declare const Form: import("react").ForwardRefExoticComponent<import("./Form").CubeFormProps & import("react").RefAttributes<unknown>> & {
+declare const Form: import("react").ForwardRefExoticComponent<import("./Form").CubeFormProps<import("./types").FieldTypes> & import("react").RefAttributes<unknown>> & {
     Item: typeof Field;
     useForm: typeof useForm;
 } & {
@@ -12,3 +12,4 @@ declare const Form: import("react").ForwardRefExoticComponent<import("./Form").C
 export { useFormProps, Form, Field, useForm };
 export type { CubeFormProps } from './Form';
 export type { CubeFormInstance } from './useForm';
+export type { FieldTypes, Fields } from './types';

package/types/components/forms/Form/types.d.ts

@@ -0,0 +1,10 @@
+export declare type FieldTypes = Record<string, unknown>;
+export declare type CubeFieldData = {
+    value?: FieldTypes[CubeFieldData['name']];
+    name: keyof FieldTypes;
+    errors: string[];
+    touched?: boolean;
+    rules?: any[];
+    validating?: boolean;
+};
+export declare type Fields = Record<keyof FieldTypes, CubeFieldData>;

package/types/components/forms/Form/useForm.d.ts

@@ -1,35 +1,26 @@
-export declare type CubeFormData = {
-    [key: string]: unknown;
+import { FieldTypes, CubeFieldData } from './types';
+export declare type CubeFormData<T extends FieldTypes> = {
+    [key in keyof T]?: CubeFieldData;
 };
-export declare type CubeFieldData = {
-    value?: unknown;
-    name: string;
-    errors: string[];
-    touched?: boolean;
-    rules?: any[];
-    validating?: boolean;
-};
-export declare class CubeFormInstance {
+export declare class CubeFormInstance<T extends FieldTypes> {
     forceReRender: () => void;
     private initialFields;
     private fields;
     ref: {};
     isSubmitting: boolean;
-    onValuesChange: (CubeFormData: any) => void | Promise<any>;
-    onSubmit: (CubeFormData: any) => void | Promise<any>;
+    onValuesChange: (data: CubeFormData<T>) => void | Promise<void>;
+    onSubmit: (data: CubeFormData<T>) => void | Promise<void>;
     constructor(forceReRender?: () => void);
-    submit(): Promise<any>;
-    setFieldsValue(newData: {
-        [key: string]: unknown;
-    }, touched?: boolean, skipRender?: boolean, createFields?: boolean): void;
+    submit(): Promise<void>;
+    setFieldsValue(newData: Partial<T>, touched?: boolean, skipRender?: boolean, createFields?: boolean): void;
     getFieldValue(name: any): unknown;
-    getFieldsValue(): CubeFormData;
+    getFieldsValue(): Partial<T>;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
-    getFormData(): CubeFormData;
+    getFormData(): CubeFormData<T>;
     setFieldValue(name: string, value: unknown, touched?: boolean, skipRender?: boolean): void;
-    getFieldInstance(name: string): CubeFieldData;
+    getFieldInstance<Name extends keyof T>(name: Name): CubeFieldData;
     setInitialFieldsValue(values: {
         [key: string]: unknown;
     }): void;
@@ -39,14 +30,14 @@ export declare class CubeFormInstance {
     isFieldValid(name: string): boolean;
     isFieldInvalid(name: string): boolean;
     isFieldTouched(name: string): boolean;
-    getFieldError(name: string): string[];
-    createField(name: string, skipRender?: boolean): void;
+    getFieldError<Name extends keyof T>(name: Name): string[];
+    createField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
     removeField(name: string, skipRender?: boolean): void;
     setFields(newFields: CubeFieldData[]): void;
     setSubmitting(isSubmitting: boolean): void;
-    _createField(name: any, data?: Partial<CubeFieldData>): CubeFieldData;
+    _createField<Name extends keyof T>(name: Name, data?: Partial<CubeFieldData>): CubeFieldData;
 }
-export declare function useForm(form?: CubeFormInstance, ref?: any, options?: {
-    onSubmit?: CubeFormInstance['onSubmit'];
-    onValuesChange?: CubeFormInstance['onValuesChange'];
-}): [CubeFormInstance];
+export declare function useForm<TSourceType extends FieldTypes>(form?: CubeFormInstance<TSourceType>, ref?: any, options?: {
+    onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];
+    onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];
+}): [CubeFormInstance<TSourceType>];

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -2,7 +2,8 @@
 import { CubeDialogProps } from './Dialog';
 import { CubeFormProps } from '../../forms/Form/Form';
 import { CubeButtonProps } from '../../actions';
-export interface CubeDialogFormProps extends CubeDialogProps, Omit<CubeFormProps, 'role'> {
+import { FieldTypes } from '../../forms';
+export interface CubeDialogFormProps<T extends FieldTypes> extends CubeDialogProps, Omit<CubeFormProps<T>, 'role'> {
     /** Whether the submit button has a `danger` theme */
     danger?: boolean;
     /** Properties for submit button. Use `label` to change text. */
@@ -23,4 +24,4 @@ export interface CubeDialogFormRef {
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-export declare const DialogForm: (props: CubeDialogFormProps) => JSX.Element;
+export declare const DialogForm: <T extends FieldTypes>(props: CubeDialogFormProps<T>) => JSX.Element;

package/types/stories/components/ConfirmDeletionDialogForm.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { FieldTypes } from 'src/components/forms/Form/types';
 import { CubeDialogFormProps } from '../../index';
-interface ConfirmDeletionDialogFormProps extends Pick<CubeDialogFormProps, 'onSubmit' | 'onDismiss' | 'form'> {
+interface ConfirmDeletionDialogFormProps<T extends FieldTypes> extends Pick<CubeDialogFormProps<T>, 'onSubmit' | 'onDismiss' | 'form'> {
     name?: string;
 }
-export declare function ConfirmDeletionDialogForm(props: ConfirmDeletionDialogFormProps): JSX.Element;
+export declare function ConfirmDeletionDialogForm<T extends FieldTypes>(props: ConfirmDeletionDialogFormProps<T>): JSX.Element;
 export {};