@cube-dev/ui-kit 0.11.2 → 0.12.0

package/es/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
@@ -23,7 +23,7 @@ function isEqual(v1, v2) {
     return JSON.stringify(v1) === JSON.stringify(v2);
 }
 export class CubeFormInstance {
-    constructor(forceReRender) {
+    constructor(forceReRender = () => { }) {
         this.forceReRender = () => { };
         this.initialFields = {};
         this.fields = {};
@@ -31,12 +31,40 @@ export class CubeFormInstance {
         this.isSubmitting = false;
         this.onValuesChange = () => { };
         this.onSubmit = () => { };
-        this.forceReRender = forceReRender || (() => { });
-        this.initialFields = {};
-        this.fields = {};
+        this.setFieldsValue = (newData, touched, skipRender, createFields = false) => {
+            let flag = false;
+            Object.keys(newData).forEach((name) => {
+                let field = this.fields[name];
+                if (!field && createFields) {
+                    this.createField(name, skipRender);
+                    field = this.fields[name];
+                }
+                if (!field || isEqual(field.value, newData[name])) {
+                    if (field && touched === false) {
+                        field.errors = [];
+                    }
+                    return;
+                }
+                flag = true;
+                field.value = newData[name];
+                if (touched === true) {
+                    field.touched = touched;
+                }
+                else if (touched === false) {
+                    field.touched = false;
+                    field.errors = [];
+                }
+            });
+            if (flag && !skipRender) {
+                this.forceReRender();
+                if (touched) {
+                    this.onValuesChange && this.onValuesChange(this.getFormData());
+                }
+            }
+        };
+        this.forceReRender = forceReRender;
         this.getFieldValue = this.getFieldValue.bind(this);
         this.getFieldsValue = this.getFieldsValue.bind(this);
-        this.setFieldsValue = this.setFieldsValue.bind(this);
         this.setFieldValue = this.setFieldValue.bind(this);
         this.getFieldError = this.getFieldError.bind(this);
         this.getFieldInstance = this.getFieldInstance.bind(this);
@@ -51,50 +79,18 @@ export class CubeFormInstance {
         this.setFields = this.setFields.bind(this);
     }
     async submit() {
-        if (this.onSubmit) {
-            return this.onSubmit(this.getFormData());
-        }
-    }
-    setFieldsValue(newData, touched, skipRender, createFields = false) {
-        let flag = false;
-        Object.keys(newData).forEach((name) => {
-            let field = this.fields[name];
-            if (!field && createFields) {
-                this.createField(name, skipRender);
-                field = this.fields[name];
-            }
-            if (!field || isEqual(field.value, newData[name])) {
-                if (field && touched === false) {
-                    field.errors = [];
-                }
-                return;
-            }
-            flag = true;
-            field.value = newData[name];
-            if (touched === true) {
-                field.touched = touched;
-            }
-            else if (touched === false) {
-                field.touched = false;
-                field.errors = [];
-            }
-        });
-        if (flag && !skipRender) {
-            this.forceReRender();
-            if (touched) {
-                this.onValuesChange && this.onValuesChange(this.getFormData());
-            }
-        }
+        var _a;
+        return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
     }
     getFieldValue(name) {
-        return this.fields[name] && this.fields[name].value;
+        var _a;
+        return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
     }
     getFieldsValue() {
-        const data = {};
         return Object.values(this.fields).reduce((map, field) => {
             map[field.name] = field.value;
             return map;
-        }, data);
+        }, {});
     }
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
@@ -130,7 +126,8 @@ export class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        this.initialFields = dotize.convert(values) || {};
+        var _a;
+        this.initialFields = (_a = dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();
@@ -168,8 +165,8 @@ export class CubeFormInstance {
             return Promise.reject([err]);
         });
     }
-    validateFields(list) {
-        const fieldsList = list || Object.keys(this.fields);
+    validateFields(names) {
+        const fieldsList = names || Object.keys(this.fields);
         const errorList = [];
         return Promise.allSettled(fieldsList.map((name) => {
             return this.validateField(name).catch((errors) => {
@@ -240,7 +237,6 @@ export class CubeFormInstance {
     _createField(name, data) {
         return {
             name,
-            value: undefined,
             validating: false,
             touched: false,
             errors: [],

package/es/components/forms/Form/validation.js

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

package/es/components/forms/Input/Input.js

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

package/es/components/forms/Input/index.js

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

package/es/components/forms/Label.js

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

package/es/components/forms/NumberInput/NumberInput.js

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

package/es/components/forms/NumberInput/StepButton.js

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

package/es/components/forms/PasswordInput/PasswordInput.js

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

package/es/components/forms/RadioGroup/Radio.js

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

package/es/components/forms/RadioGroup/RadioGroup.js

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

package/es/components/forms/RadioGroup/context.js

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

package/es/components/forms/SearchInput/SearchInput.js

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

package/es/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
@@ -70,31 +70,31 @@ const SwitchElement = tasty({
             '': null,
             'inside-form & side-label': 'start',
         },
-    },
-});
-const SwitchThumbElement = tasty({
-    'aria-hidden': 'true',
-    styles: {
-        position: 'absolute',
-        width: '2.5x',
-        height: '2.5x',
-        radius: 'round',
-        fill: 'currentColor',
-        shadow: '0px 2px 4px #dark.20;',
-        top: '.25x',
-        left: {
-            '': '.25x',
-            checked: '2.5x',
+        Thumb: {
+            position: 'absolute',
+            width: '2.5x',
+            height: '2.5x',
+            radius: 'round',
+            fill: {
+                '': 'currentColor',
+                disabled: '#white.5',
+            },
+            shadow: '0px 2px 4px #dark.20;',
+            top: '.25x',
+            left: {
+                '': '.25x',
+                checked: '2.5x',
+            },
+            transition: 'left, theme',
+            cursor: 'pointer',
         },
-        transition: 'left',
-        cursor: 'pointer',
     },
 });
 function Switch(props, ref) {
     props = castNullableIsSelected(props);
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
+    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
     label = label || children;
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
@@ -116,9 +116,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = (_jsxs(SwitchWrapperElement, { qa: qa || 'Switch', mods: mods, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(SwitchElement, { mods: mods, styles: inputStyles, children: _jsx(SwitchThumbElement, { styles: thumbStyles, mods: {
-                        checked: inputProps.checked,
-                    } }, void 0) }, void 0)] }, void 0));
+    const switchField = (_jsxs(SwitchWrapperElement, { qa: qa || 'Switch', mods: mods, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(SwitchElement, { mods: mods, styles: inputStyles, children: _jsx("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0)] }, void 0));
     if (insideForm) {
         return (_jsx(FieldWrapper, { ...{
                 as: 'label',

package/es/components/forms/TextArea/TextArea.js

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useLayoutEffect, useRef } from 'react';
+import { forwardRef, useCallback, useRef } from 'react';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useControlledState } from '@react-stately/utils';
 import { useProviderProps } from '../../../provider';
 import { useTextField } from '@react-aria/textfield';
-import { chain } from '@react-aria/utils';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
+import { chain, useLayoutEffect } from '../../../utils/react';
 function TextArea(props, ref) {
     props = castNullableStringValue(props);
     props = useProviderProps(props);

package/es/components/forms/TextInput/TextInput.js

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

package/es/components/forms/TextInput/TextInputBase.js

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

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

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

package/es/components/layout/Space.js

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

package/es/components/layout/Suffix.js

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
 import { Block } from '../../Block';
 import { Space } from '../../layout/Space';
 import { Flex } from '../../layout/Flex';
@@ -14,6 +14,7 @@ import { Button } from '../../actions';
 import { tasty } from '../../../tasty';
 import styled from 'styled-components';
 import { Flow } from '../../layout/Flow';
+import { useLayoutEffect } from '../../../utils/react';
 const LegacyTabsContext = createContext({
     addTab() { },
     removeTab() { },

package/es/components/navigation/Link/Link.js

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

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import { Block } from '../../Block';
 import { Action } from '../../actions/Action';
@@ -15,6 +15,7 @@ import { Flex } from '../../layout/Flex';
 import { tasty } from '../../../tasty';
 import styled from 'styled-components';
 import { Button } from '../../actions';
+import { useLayoutEffect } from '../../../utils/react';
 const FileTabsContext = createContext({
     addTab() { },
     removeTab() { },

package/es/components/organisms/Modal/Modal.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/other/Base64Upload/Base64Upload.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { chain } from '@react-aria/utils';
 import { Button, ButtonGroup } from '../../actions';
 import { Content } from '../../content/Content';
 import { Paragraph } from '../../content/Paragraph';
@@ -16,6 +15,7 @@ import { useDialogContext } from '../Dialog/context';
 import { Title } from '../../content/Title';
 import { Header } from '../../content/Header';
 import { Footer } from '../../content/Footer';
+import { chain } from '../../../utils/react';
 const DEFAULT_CONFIRM_PROPS = {
     label: 'Ok',
     type: 'primary',

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.0
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from './Dialog';
 import { Title } from '../../content/Title';
 import { Form } from '../../forms/Form/Form';
-import { useForm } from '../../forms/Form';
+import { useForm } from '../../forms';
 import { Content } from '../../content/Content';
 import { Submit } from '../../actions/Button/Submit';
 import { Button } from '../../actions';

package/es/components/overlays/Dialog/DialogTrigger.js

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