@cube-dev/ui-kit 0.39.1 → 0.40.0

package/cjs/components/{forms → fields}/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -13,12 +13,11 @@ const icons_1 = require("@ant-design/icons");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
 const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
-const wrapper_1 = require("../wrapper");
 const InvalidIcon_1 = require("../../shared/InvalidIcon");
 const ValidIcon_1 = require("../../shared/ValidIcon");
 const ADD_STYLES = {
@@ -137,8 +136,8 @@ exports.DEFAULT_INPUT_STYLES = {
 const InputElement = (0, tasty_1.tasty)({ qa: 'Input', styles: exports.DEFAULT_INPUT_STYLES });
 function _TextInputBase(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onBlur',
         valuePropsMapper: ({ value, onChange }) => ({
             value: typeof value === 'string' || typeof value === 'number'
@@ -211,7 +210,7 @@ function _TextInputBase(props, ref) {
         prefix,
         suffix,
     ]);
-    const hasTextSecurity = inputRef?.current?.value && multiLine && type === 'password';
+    const hasTextSecurity = multiLine && type === 'password';
     const textSecurityStyles = hasTextSecurity
         ? {
             fontFamily: 'text-security-disc',
@@ -219,7 +218,7 @@ function _TextInputBase(props, ref) {
         }
         : {};
     const textField = ((0, jsx_runtime_1.jsxs)(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [(0, jsx_runtime_1.jsx)(InputElement, { as: ElementType, ...(0, react_2.mergeProps)(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, disabled: !!isDisabled, maxLength: maxLength, minLength: minLength }), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }) : null, (validationState && !isLoading) || isLoading || suffix ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
-    return (0, wrapper_1.wrapWithField)(textField, domRef, {
+    return (0, form_1.wrapWithField)(textField, domRef, {
         ...props,
         styles,
     });

package/cjs/components/fields/TextInput/index.js

@@ -0,0 +1,27 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextInput"), exports);
+__exportStar(require("./TextInputBase"), exports);
+
+        

package/cjs/components/{forms → fields}/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -22,12 +22,18 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Input"), exports);
-__exportStar(require("./TextInput/TextInput"), exports);
-__exportStar(require("./TextInput/TextInputBase"), exports);
+__exportStar(require("./TextInput"), exports);
 __exportStar(require("./PasswordInput/PasswordInput"), exports);
 __exportStar(require("./NumberInput/NumberInput"), exports);
 __exportStar(require("./FileInput/FileInput"), exports);
-__exportStar(require("./TextArea/TextArea"), exports);
-__exportStar(require("./Form"), exports);
+__exportStar(require("./TextArea"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./DatePicker"), exports);
+__exportStar(require("./RadioGroup"), exports);
+__exportStar(require("./SearchInput"), exports);
+__exportStar(require("./Slider"), exports);
+__exportStar(require("./Switch/Switch"), exports);
+__exportStar(require("./Select"), exports);
+__exportStar(require("./ComboBox"), exports);
 
         

package/cjs/components/{forms → form}/FieldWrapper/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -11,18 +11,19 @@ exports.FieldWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Paragraph_1 = require("../../content/Paragraph");
-const tasty_1 = require("../../../tasty");
+const index_1 = require("../../../tasty/index");
 const TooltipProvider_1 = require("../../overlays/Tooltip/TooltipProvider");
 const Text_1 = require("../../content/Text");
-const react_2 = require("../../../utils/react");
+const index_2 = require("../../../utils/react/index");
 const Space_1 = require("../../layout/Space");
 const Flex_1 = require("../../layout/Flex");
 const Label_1 = require("../Label");
-const icons_1 = require("../../../icons");
-const FieldElement = (0, tasty_1.tasty)({
+const index_3 = require("../../../icons/index");
+const FieldElement = (0, index_1.tasty)({
     qa: 'Field',
     styles: {
         display: 'grid',
+        width: 'auto',
         gridColumns: {
             '': 'minmax(0, 1fr)',
             'has-sider': '@(full-label-width, auto) minmax(0, 1fr)',
@@ -55,7 +56,7 @@ const FieldElement = (0, tasty_1.tasty)({
 if (process.env.NODE_ENV === 'development') {
     FieldElement.displayName = 'FieldWrapperElement';
 }
-const MessageElement = (0, tasty_1.tasty)({
+const MessageElement = (0, index_1.tasty)({
     qa: 'Field_Message',
     styles: {
         preset: 't3',
@@ -75,11 +76,11 @@ const MessageElement = (0, tasty_1.tasty)({
  */
 exports.FieldWrapper = (0, react_1.forwardRef)(function FieldWrapper(props, ref) {
     const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, children, } = props;
-    const labelComponent = label ? ((0, jsx_runtime_1.jsx)(Label_1.Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "baseline space-between", width: "100%", children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeItems: "center", gap: "0.25x", children: [(0, jsx_runtime_1.jsx)("div", { children: label }), tooltip ? ((0, jsx_runtime_1.jsx)(TooltipProvider_1.TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: (0, jsx_runtime_1.jsx)(icons_1.InfoCircleIcon, { style: {
+    const labelComponent = label ? ((0, jsx_runtime_1.jsx)(Label_1.Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": typeof label === 'string' ? label : undefined, ...labelProps, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "baseline space-between", width: "100%", children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeItems: "center", gap: "0.25x", children: [(0, jsx_runtime_1.jsx)("div", { children: label }), tooltip ? ((0, jsx_runtime_1.jsx)(TooltipProvider_1.TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: (0, jsx_runtime_1.jsx)(index_3.InfoCircleIcon, { style: {
                                     color: 'var(--purple-text-color)',
                                     margin: '0 4px',
                                 } }) })) : null, (0, jsx_runtime_1.jsx)("div", { children: labelSuffix })] }), extra && (0, jsx_runtime_1.jsx)(Text_1.Text, { preset: "t3", children: extra })] }) })) : null;
-    let descriptionComponent = description ? ((0, jsx_runtime_1.jsx)("div", { "data-element": "Description", children: (0, react_2.wrapNodeIfPlain)(description, () => ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: description }))) })) : null;
+    let descriptionComponent = description ? ((0, jsx_runtime_1.jsx)("div", { "data-element": "Description", children: (0, index_2.wrapNodeIfPlain)(description, () => ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: description }))) })) : null;
     const mods = {
         'has-sider': labelPosition === 'side',
         'has-description': !!description,

package/cjs/components/{forms → form}/FieldWrapper/extract-field-wrapper-props.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractFieldWrapperProps = void 0;
+exports.extractFieldWrapperProps = extractFieldWrapperProps;
 const createFieldWrapperPropsKeys = (arr) => new Set(arr);
 const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
     'as',
@@ -45,6 +45,5 @@ function extractFieldWrapperProps(props) {
     }
     return { fieldWrapperProps, rest };
 }
-exports.extractFieldWrapperProps = extractFieldWrapperProps;
 
         

package/cjs/components/{forms → form}/FieldWrapper/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms/Form/use-field → form/FieldWrapper}/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → form}/Form/Field.js

@@ -1,21 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInsideLegacyField = exports.Field = void 0;
+exports.Field = Field;
+exports.useInsideLegacyField = useInsideLegacyField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const react_1 = require("react");
-const react_2 = require("../../../utils/react");
-const FieldWrapper_1 = require("../FieldWrapper");
+const index_1 = require("../../../utils/react/index");
+const index_2 = require("../FieldWrapper/index");
 const warnings_1 = require("../../../utils/warnings");
 const Form_1 = require("./Form");
-const use_field_1 = require("./use-field");
+const index_3 = require("./use-field/index");
 function getDefaultValidateTrigger(type) {
     type = type || '';
     return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
@@ -81,7 +82,7 @@ function Field(props) {
     }
     let child = children == null ? null : react_1.Children.only(children);
     const inputType = child?.type?.cubeInputType ?? 'Text';
-    const __props = (0, use_field_1.useField)(allProps, {
+    const __props = (0, index_3.useField)(allProps, {
         defaultValidationTrigger: getDefaultValidateTrigger(inputType),
     });
     const { validationState, message, isRequired, name, id } = __props;
@@ -94,14 +95,14 @@ function Field(props) {
         labelProps.for = id;
     }
     if (__props.nonInput) {
-        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, labelProps: labelProps, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }) }));
+        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, jsx_runtime_1.jsx)(index_2.FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, labelProps: labelProps, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }) }));
     }
     if (!form) {
         (0, warnings_1.warn)('Form Field requires declared form instance if field name is specified');
         return null;
     }
     if (!__props.field) {
-        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, react_2.mergeProps)(child.props, {
+        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, index_1.mergeProps)(child.props, {
                 ...getValueProps(inputType),
                 label: name,
                 name,
@@ -149,9 +150,8 @@ function Field(props) {
     Object.assign(newProps, getValueProps(inputType, __props.field?.inputValue, __props.onChange, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
-    return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, react_2.mergeProps)(childProps, newProps, onChange ? { onChange: __props.onChange } : {}, onSelectionChange ? { onSelectionChange: __props.onChange } : {})) }));
+    return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, index_1.mergeProps)(childProps, newProps, onChange ? { onChange: __props.onChange } : {}, onSelectionChange ? { onSelectionChange: __props.onChange } : {})) }));
 }
-exports.Field = Field;
 const LegacyFieldContext = (0, react_1.createContext)({
     insideLegacyField: false,
 });
@@ -163,6 +163,5 @@ function useInsideLegacyField() {
     const { insideLegacyField = false } = (0, react_1.useContext)(LegacyFieldContext);
     return insideLegacyField;
 }
-exports.useInsideLegacyField = useInsideLegacyField;
 
         

package/cjs/components/{forms → form}/Form/Form.js

@@ -1,23 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.useFormProps = exports.FormContext = void 0;
+exports.Form = exports.FormContext = void 0;
+exports.useFormProps = useFormProps;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
 const provider_1 = require("../../../provider");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
+const index_1 = require("../../../tasty/index");
+const index_2 = require("../../../utils/react/index");
 const promise_1 = require("../../../utils/promise");
 const use_form_1 = require("./use-form");
 exports.FormContext = (0, react_1.createContext)({});
-const FormElement = (0, tasty_1.tasty)({
+const FormElement = (0, index_1.tasty)({
     as: 'form',
     qa: 'Form',
     styles: {
@@ -41,7 +42,6 @@ function useFormProps(props) {
     const ctx = (0, react_1.useContext)(exports.FormContext);
     return { ...ctx, ...props };
 }
-exports.useFormProps = useFormProps;
 const formPropNames = new Set([
     'action',
     'autoComplete',
@@ -63,7 +63,7 @@ function Form(props, ref) {
     if (!labelWidth) {
         labelWidth = isHorizontal ? 'auto' : undefined;
     }
-    ref = (0, react_2.useCombinedRefs)(ref);
+    ref = (0, index_2.useCombinedRefs)(ref);
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
         onSubmitCallback = async (e) => {
@@ -114,7 +114,7 @@ function Form(props, ref) {
         onSubmit: onSubmitCallback,
         onValuesChange,
     });
-    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
+    let styles = (0, index_1.extractStyles)(otherProps, index_1.CONTAINER_STYLES);
     if (labelWidth) {
         styles['@label-width'] = labelWidth;
     }
@@ -143,7 +143,7 @@ function Form(props, ref) {
             form?.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
-    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side', horizontal: isHorizontal }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, index_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side', horizontal: isHorizontal }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }) }) }));
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.

package/cjs/components/{forms → form}/Form/Submit/Submit.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -12,14 +12,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const provider_1 = require("../../../../provider");
 const Form_1 = require("../Form");
-const actions_1 = require("../../../actions");
+const index_1 = require("../../../actions/index");
 exports.Submit = (0, react_1.forwardRef)(function Submit(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     const { form, ...otherProps } = props;
     const formData = form?.getFieldsValue() ?? {};
     const isInvalid = Object.keys(formData).some((name) => form?.isFieldInvalid(name) ?? false);
-    return ((0, jsx_runtime_1.jsx)(actions_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isInvalid, ...otherProps }));
+    return ((0, jsx_runtime_1.jsx)(index_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isInvalid, ...otherProps }));
 });
 
         

package/cjs/components/{forms → form}/Form/Submit/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → form}/Form/SubmitError.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubmitError = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Alert_1 = require("../../content/Alert");
+const index_1 = require("../../content/Alert/index");
 const Form_1 = require("./Form");
 /**
  * An alert that shows a form error message received from the onSubmit callback.
@@ -24,7 +24,7 @@ const SubmitError = function SubmitError(props) {
         typeof submitError !== 'string') {
         submitError = 'Internal error';
     }
-    return ((0, jsx_runtime_1.jsx)(Alert_1.Alert, { theme: "danger", ...props, children: submitError }));
+    return ((0, jsx_runtime_1.jsx)(index_1.Alert, { theme: "danger", ...props, children: submitError }));
 };
 exports.SubmitError = SubmitError;
 

package/cjs/components/{forms → form}/Form/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ Object.defineProperty(exports, "useFormProps", { enumerable: true, get: function
 Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return Form_1.FormContext; } });
 const Form = Object.assign(Form_1.Form, { Item: Field_1.Field, useForm: use_form_1.useForm, SubmitError: SubmitError_1.SubmitError });
 exports.Form = Form;
-var use_field_1 = require("./use-field");
-Object.defineProperty(exports, "useFieldProps", { enumerable: true, get: function () { return use_field_1.useFieldProps; } });
+var index_1 = require("./use-field/index");
+Object.defineProperty(exports, "useFieldProps", { enumerable: true, get: function () { return index_1.useFieldProps; } });
 
         

package/cjs/components/{forms → form}/Form/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/{forms → form}/Form/use-field/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 

package/cjs/components/form/Form/use-field/types.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/components/{forms → form}/Form/use-field/use-field-props.js

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldProps = void 0;
+exports.useFieldProps = useFieldProps;
 const react_1 = require("react");
 const react_2 = require("react");
-const _internal_1 = require("../../../../_internal");
+const index_1 = require("../../../../_internal/index");
 const Field_1 = require("../Field");
-const react_3 = require("../../../../utils/react");
+const index_2 = require("../../../../utils/react/index");
 const warnings_1 = require("../../../../utils/warnings");
 const use_field_1 = require("./use-field");
 function useFieldProps(props, params = {}) {
@@ -44,9 +44,9 @@ function useFieldProps(props, params = {}) {
         (0, warnings_1.warn)(`The "rules" prop is not supported for fields that are not part of a form. The "${props.name}" field is placed outside the form.`);
     }
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onBlurChained = (0, _internal_1.useChainedCallback)(field?.onBlur, 'onBlur' in props ? props.onBlur : undefined);
+    const onBlurChained = (0, index_1.useChainedCallback)(field?.onBlur, 'onBlur' in props ? props.onBlur : undefined);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onChangeEvent = (0, _internal_1.useEvent)((value, dontTouch) => field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger));
+    const onChangeEvent = (0, index_1.useEvent)((value, dontTouch) => field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger));
     const valueProps = !isOutsideOfForm
         ? valuePropsMapper({ value: field.value, onChange: onChangeEvent })
         : {};
@@ -62,7 +62,7 @@ function useFieldProps(props, params = {}) {
     }
     const result = isOutsideOfForm
         ? props
-        : (0, react_3.mergeProps)(props, field, valueProps, {
+        : (0, index_2.mergeProps)(props, field, valueProps, {
             validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
             onBlur: onBlurChained,
         });
@@ -78,6 +78,5 @@ function useFieldProps(props, params = {}) {
     }
     return result;
 }
-exports.useFieldProps = useFieldProps;
 
         

package/cjs/components/{forms → form}/Form/use-field/use-field.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useField = void 0;
+exports.useField = useField;
 const react_1 = require("react");
-const _internal_1 = require("../../../../_internal");
+const index_1 = require("../../../../_internal/index");
 const Form_1 = require("../Form");
 const validation_1 = require("../validation");
 const ID_MAP = {};
@@ -41,7 +41,7 @@ function useField(props, params) {
     }
     const nonInput = !name;
     const fieldName = name != null ? name : '';
-    const isFirstRender = (0, _internal_1.useIsFirstRender)();
+    const isFirstRender = (0, index_1.useIsFirstRender)();
     let [fieldId, setFieldId] = (0, react_1.useState)(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
     (0, react_1.useEffect)(() => {
         let newId;
@@ -57,7 +57,7 @@ function useField(props, params) {
                 form.removeField(fieldName);
             }
         };
-    }, []);
+    }, [fieldName]);
     let field = form?.getFieldInstance(fieldName);
     if (field) {
         field.rules = rules;
@@ -88,7 +88,7 @@ function useField(props, params) {
             form.setFieldValue(fieldName, defaultValue, false, true);
         }
     }
-    const onChangeHandler = (0, _internal_1.useEvent)((val, dontTouch) => {
+    const onChangeHandler = (0, index_1.useEvent)((val, dontTouch) => {
         if (!form)
             return;
         const field = form.getFieldInstance(fieldName);
@@ -112,7 +112,7 @@ function useField(props, params) {
             form.validateField(fieldName).catch(() => { }); // do nothing on fail
         }
     });
-    const onBlurHandler = (0, _internal_1.useEvent)(() => {
+    const onBlurHandler = (0, index_1.useEvent)(() => {
         if (validateTrigger === 'onBlur') {
             // We need a timeout so the change event can be done.
             setTimeout(() => {
@@ -156,6 +156,5 @@ function useField(props, params) {
         nonInput,
     ]);
 }
-exports.useField = useField;
 
         

package/cjs/components/{forms → form}/Form/use-form.js

@@ -1,15 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = exports.CubeFormInstance = void 0;
+exports.CubeFormInstance = void 0;
+exports.useForm = useForm;
 const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
+const index_1 = require("../../../tasty/index");
 const validation_1 = require("./validation");
 function setValue(obj, path, value) {
     let a = path.split('.');
@@ -141,10 +142,10 @@ class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        this.initialFields = tasty_1.dotize.convert(values) ?? {};
+        this.initialFields = index_1.dotize.convert(values) ?? {};
     }
     updateInitialFieldsValue(values) {
-        this.initialFields = { ...this.initialFields, ...tasty_1.dotize.convert(values) };
+        this.initialFields = { ...this.initialFields, ...index_1.dotize.convert(values) };
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();
@@ -240,6 +241,9 @@ class CubeFormInstance {
             return false;
         return !!field.touched;
     }
+    get isTouched() {
+        return Object.values(this.fields).some((field) => field?.touched);
+    }
     getFieldError(name) {
         const field = this.getFieldInstance(name);
         if (!field)
@@ -326,6 +330,5 @@ function useForm(form, ref, options = {}) {
     }
     return [formRef.current];
 }
-exports.useForm = useForm;