@cube-dev/ui-kit 0.0.0-canary-eeab042 → 0.0.0-canary-c08d161

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * 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-eeab042
+ * @cube-dev/ui-kit v0.0.0-canary-c08d161
  * Released under the MIT license.
  */
 

package/package.json

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

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { BaseProps } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import { CheckboxGroup } from './CheckboxGroup';
 import type { AriaCheckboxProps } from '@react-types/checkbox';
-export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
+export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FieldBaseProps {
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;

package/types/components/forms/Checkbox/CheckboxGroup.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
-export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps, ContainerStyleProps {
+export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FieldBaseProps, ContainerStyleProps {
     orientation?: 'vertical' | 'horizontal';
     inputStyles?: Styles;
 }

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

@@ -1,8 +1,8 @@
 import { RefObject } from 'react';
 import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
-export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
     /**
      * The size of the input
      * @default default

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

@@ -1,42 +1,15 @@
-import { ReactElement, ReactNode } from 'react';
-import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../shared';
+import { ReactElement } from 'react';
+import { FieldBaseProps } from '../../../shared';
 import { Styles } from '../../../tasty';
 import { CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
-export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
+export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
-    /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
-    type?: string;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
+    styles?: Styles;
     children?: ReactElement | ((CubeFormInstance: any) => ReactElement);
-    /** Function that checks whether to perform update of the form state. */
-    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
-    /** Validation rules */
-    rules?: ValidationRule[];
     /** The form instance */
     form?: CubeFormInstance<T>;
-    /** The message for the field or text for the error */
-    message?: ReactNode;
-    /** The description for the field */
-    description?: ReactNode;
-    /** Tooltip for the label that explains something. */
-    tooltip?: ReactNode;
-    /** Field name. It's used as a key the form data. */
-    name?: string | string[];
-    /** Whether the field is hidden. */
-    isHidden?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is loading. */
-    isLoading?: boolean;
-    styles?: Styles;
-    labelPosition?: LabelPosition;
-    labelStyles?: Styles;
-    labelSuffix?: ReactNode;
 }
 export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;
 export declare function useInsideLegacyField(): boolean;

package/types/components/forms/Form/use-field/types.d.ts

@@ -1,43 +1,7 @@
-import { ReactElement, ReactNode } from 'react';
-import { Styles } from '../../../../tasty';
+/// <reference types="react" />
 import { CubeFieldData, FieldTypes } from '../types';
-import { LabelPosition, OptionalFieldBaseProps, ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
+import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
 import { CubeFormInstance } from '../useForm';
-export interface LegacyCubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
-    /** The initial value of the input. */
-    defaultValue?: any;
-    /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
-    type?: string;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
-    children?: ReactElement | ((CubeFormInstance: any) => ReactElement);
-    /** Function that checks whether to perform update of the form state. */
-    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
-    /** Validation rules */
-    rules?: ValidationRule[];
-    /** The form instance */
-    form?: CubeFormInstance<T>;
-    /** The message for the field or text for the error */
-    message?: ReactNode;
-    /** The description for the field */
-    description?: ReactNode;
-    /** Tooltip for the label that explains something. */
-    tooltip?: ReactNode;
-    /** Field name. It's used as a key the form data. */
-    name?: string[] | string;
-    /** Whether the field is hidden. */
-    isHidden?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is loading. */
-    isLoading?: boolean;
-    styles?: Styles;
-    labelPosition?: LabelPosition;
-    labelStyles?: Styles;
-    labelSuffix?: ReactNode;
-}
 export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;
@@ -52,7 +16,7 @@ export interface CubeFieldProps<T extends FieldTypes> {
     /** The form instance */
     form?: CubeFormInstance<T>;
     /** Field name. It's used as a key the form data. */
-    name?: string | string[];
+    name?: string;
     /** The validation state of the field */
     validationState?: ValidationState;
     /** On which event perform the validation for the field */

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import { RadioGroup } from './RadioGroup';
 import type { AriaRadioProps } from '@react-types/radio';
-export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {
+export interface CubeRadioProps extends BaseProps, AriaRadioProps, FieldBaseProps {
     inputStyles?: Styles;
     type?: 'button' | 'radio';
 }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaRadioGroupProps } from '@react-types/radio';
-export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FormFieldProps {
+export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FieldBaseProps {
     groupStyles?: Styles;
 }
 /**

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

@@ -1,7 +1,7 @@
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaSliderProps } from '@react-types/slider';
-export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'>, BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps {
+export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps {
     inputStyles?: Styles;
     gradation?: string[];
     inputWidth?: string;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaSwitchProps } from '@react-types/switch';
-export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {
+export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps, AriaSwitchProps {
     inputStyles?: Styles;
     isLoading?: boolean;
     size?: 'large' | 'small';

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -1,10 +1,10 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 export declare const INPUT_WRAPPER_STYLES: Styles;
 export declare const DEFAULT_INPUT_STYLES: Styles;
-export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
     /** Left input icon */
     icon?: ReactElement;
     /** Input decoration before the main input */

package/types/components/pickers/Select/Select.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaSelectProps } from '@react-types/select';
-export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {
+export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps, AriaSelectProps<T> {
     icon?: ReactElement;
     prefix?: ReactNode;
     suffix?: ReactNode;

package/types/shared/form.d.ts

@@ -8,9 +8,13 @@ export type NecessityIndicator = 'icon' | 'label';
 export type ValidationState = 'invalid' | 'valid';
 /** On which event perform the validation for the field */
 export type ValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export interface OptionalFieldBaseProps {
+export interface FieldBaseProps extends FormBaseProps {
+    /** The field name */
+    name?: string;
     /** The label of the field */
-    label?: string;
+    label?: ReactNode;
+    /** Validation rules */
+    rules?: ValidationRule[];
     /** An additional content next to the label */
     extra?: ReactNode;
     /** The validation state of the field */
@@ -19,10 +23,33 @@ export interface OptionalFieldBaseProps {
     validateTrigger?: ValidateTrigger;
     necessityIndicator?: NecessityIndicator;
     necessityLabel?: ReactNode;
-}
-export interface FieldBaseProps extends OptionalFieldBaseProps {
-    /** The field name */
-    name: string[] | string;
+    labelSuffix?: ReactNode;
+    /** Custom label props */
+    labelProps?: Props;
+    /** Message for the field. Some additional information or error notice */
+    message?: ReactNode;
+    /** Description for the field. Will be placed below the label */
+    description?: ReactNode;
+    /** A tooltip that is shown inside the label */
+    tooltip?: ReactNode;
+    /** Whether the element should receive focus on render */
+    autoFocus?: boolean;
+    /** The unique ID of the field */
+    id?: string;
+    /** The id prefix for the field to avoid collisions between forms */
+    idPrefix?: string;
+    /** Function that checks whether to perform update of the form state. */
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+    /** Whether the field is hidden. */
+    isHidden?: boolean;
+    /** Whether the field is disabled. */
+    isDisabled?: boolean;
+    /** Whether the field is loading. */
+    isLoading?: boolean;
+    labelPosition?: LabelPosition;
+    labelStyles?: Styles;
+    /** Whether the field is inside the form. Private field. */
+    insideForm?: boolean;
 }
 export interface FormBaseProps {
     /** Styles of the label */
@@ -44,25 +71,6 @@ export interface FormBaseProps {
     /** On which event perform validation for the field */
     validateTrigger?: ValidateTrigger;
 }
-export interface FormFieldProps extends FormBaseProps {
-    /** Whether the field is inside the form. Private field. */
-    insideForm?: boolean;
-    /** A text label of the field */
-    label?: ReactNode;
-    labelSuffix?: ReactNode;
-    /** An additional content next to the label */
-    extra?: ReactNode;
-    /** Custom label props */
-    labelProps?: Props;
-    /** Message for the field. Some additional information or error notice */
-    message?: ReactNode;
-    /** Description for the field. Will be placed below the label */
-    description?: ReactNode;
-    /** A tooltip that is shown inside the label */
-    tooltip?: ReactNode;
-    /** Whether the element should receive focus on render */
-    autoFocus?: boolean;
-}
 export type ValidationRuleBase = {
     [key: string]: any;
 } & {