@cube-dev/ui-kit 0.90.3 → 0.91.0

package/es/utils/react/useQaProps.js

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

package/es/version.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.90.3
+ * @cube-dev/ui-kit v0.91.0
  * Released under the MIT license.
  */
 
-export const VERSION = '0.90.3';
+export const VERSION = '0.91.0';
 if (typeof window !== 'undefined') {
     const version = VERSION;
     // Ensure CubeUIKit is defined on window in a way bundlers recognize

package/package.json

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

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

@@ -1,41 +1,18 @@
 import { ReactNode } from 'react';
-import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared/index';
-import { Props } from '../../../../tasty/index';
+import { FieldCoreProps, ValidateTrigger, ValidationState } from '../../../../shared/index';
 import { CubeFieldData, FieldTypes } from '../types';
 import { CubeFormInstance } from '../use-form';
-export interface CubeFieldProps<T extends FieldTypes> {
+export interface UseFieldProps<T extends FieldTypes> extends FieldCoreProps {
     /** The initial value of the input. */
     defaultValue?: any;
-    /** 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);
-    /** Validation rules */
-    rules?: ValidationRule[];
     /** The form instance */
     form?: CubeFormInstance<T>;
-    /** Field name. It's used as a key the form data. */
-    name?: string;
     /** The validation state of the field */
     validationState?: ValidationState;
-    /** Debounce in milliseconds for validation */
-    validationDelay?: number;
     /** Whether to show valid state */
     showValid?: boolean;
     /** On which event perform the validation for the field */
     validateTrigger?: ValidateTrigger;
-    /**
-     * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
-     * Message for the field. Some additional information or error notice
-     */
-    message?: ReactNode;
-    /** Description for the field. Will be placed below the label */
-    description?: ReactNode;
-    /** Error message for the field. Always displayed in danger state regardless of validation state */
-    errorMessage?: ReactNode;
-    labelProps?: Props;
 }
 export type FieldReturnValue<T extends FieldTypes> = {
     id: string;

package/types/components/form/Form/use-field/use-field-props.d.ts

@@ -1,6 +1,6 @@
 import type { ValidateTrigger } from '../../../../shared/index';
 import type { FieldTypes } from '../types';
-import type { CubeFieldProps } from './types';
+import type { UseFieldProps } from './types';
 export type UseFieldPropsParams = {
     valuePropsMapper?: ({ value, onChange }: {
         value: any;
@@ -16,4 +16,4 @@ export type UseFieldPropsParams = {
      */
     unsafe__isDisabled?: boolean;
 };
-export declare function useFieldProps<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params?: UseFieldPropsParams): Props;
+export declare function useFieldProps<T extends FieldTypes, Props extends UseFieldProps<T>>(props: Props, params?: UseFieldPropsParams): Props;

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

@@ -1,7 +1,7 @@
 import { ValidateTrigger } from '../../../../shared/index';
 import { FieldTypes } from '../types';
-import { CubeFieldProps, FieldReturnValue } from './types';
+import { FieldReturnValue, UseFieldProps } from './types';
 export type UseFieldParams = {
     defaultValidationTrigger?: ValidateTrigger;
 };
-export declare function useField<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params: UseFieldParams): FieldReturnValue<T>;
+export declare function useField<T extends FieldTypes, Props extends UseFieldProps<T>>(props: Props, params: UseFieldParams): FieldReturnValue<T>;

package/types/shared/form.d.ts

@@ -17,28 +17,22 @@ 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 FieldBaseProps extends FormBaseProps {
+/** Core field identity and validation props */
+export interface FieldCoreProps {
+    /** The unique ID of the field */
+    id?: string;
+    /** The id prefix for the field to avoid collisions between forms */
+    idPrefix?: string;
     /** The field name */
     name?: string;
-    /** The label of the field */
-    label?: ReactNode;
-    /** Validation rules */
-    rules?: ValidationRule[];
     /** The form instance */
     form?: any;
-    /** An additional content next to the label */
-    extra?: ReactNode;
-    /** The validation state of the field */
-    validationState?: ValidationState;
+    /** Function that checks whether to perform update of the form state. */
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+    /** Validation rules */
+    rules?: ValidationRule[];
     /** Debounce in milliseconds for validation */
     validationDelay?: number;
-    /** On which event perform the validation for the field */
-    validateTrigger?: ValidateTrigger;
-    necessityIndicator?: NecessityIndicator;
-    necessityLabel?: ReactNode;
-    labelSuffix?: ReactNode;
-    /** Custom label props */
-    labelProps?: Props;
     /**
      * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
      * Message for the field. Some additional information or error notice
@@ -48,16 +42,23 @@ export interface FieldBaseProps extends FormBaseProps {
     description?: ReactNode;
     /** Error message for the field. Always displayed in danger state regardless of validation state */
     errorMessage?: ReactNode;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Custom label props */
+    labelProps?: Props;
+}
+export interface FieldBaseProps extends FormBaseProps, FieldCoreProps {
+    /** The label of the field */
+    label?: ReactNode;
+    /** An additional content next to the label */
+    extra?: ReactNode;
+    necessityIndicator?: NecessityIndicator;
+    necessityLabel?: ReactNode;
+    labelSuffix?: 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. */
@@ -80,8 +81,6 @@ export interface FormBaseProps {
     labelPosition?: LabelPosition;
     /** Whether the field presents required mark */
     requiredMark?: boolean;
-    /** Whether the field is required */
-    isRequired?: boolean;
     /** The type of necessity indicator */
     necessityIndicator?: NecessityIndicator;
     /** That can replace the necessity label */