@cube-dev/ui-kit 0.48.1 → 0.49.1

package/es/components/form/Form/use-field/index.js

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

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

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

package/es/components/form/Form/use-field/use-field-props.js

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

package/es/components/form/Form/use-field/use-field.js

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

package/es/components/form/Form/use-form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.1
  * Released under the MIT license.
  */
 
@@ -158,21 +158,23 @@ export class CubeFormInstance {
         };
     }
     resetFields(names, skipRender) {
-        const fieldsValue = this.getFieldsValue();
-        const fieldNames = Object.keys({ ...fieldsValue, ...this.defaultValues });
-        const filteredFieldNames = names
-            ? fieldNames.filter((name) => names.includes(name))
-            : fieldNames;
-        const values = filteredFieldNames.reduce((map, name) => {
-            if (name in this.defaultValues) {
-                map[name] = this.defaultValues[name];
-            }
-            else {
-                map[name] = undefined;
+        names = names ?? Object.keys(this.fields);
+        names.forEach((fieldName) => {
+            const field = this.fields[fieldName];
+            if (!field) {
+                return;
             }
-            return map;
-        }, {});
-        this.setFieldsValue(values, false, skipRender);
+            const defaultValue = this.defaultValues[fieldName] ?? undefined;
+            field.value = defaultValue;
+            field.touched = false;
+            field.inputValue = defaultValue;
+            field.errors = [];
+            field.status = undefined;
+            field.validationId = (field.validationId ?? 0) + 1;
+        });
+        if (!skipRender) {
+            this.forceReRender();
+        }
     }
     async validateField(name) {
         const field = this.getFieldInstance(name);
@@ -189,12 +191,8 @@ export class CubeFormInstance {
             return Promise.reject(field.errors[0]);
         }
         field.validating = true;
-        if (!field.validationId) {
-            field.validationId = 1;
-        }
-        else {
-            field.validationId++;
-        }
+        field.status = undefined;
+        field.validationId = (field.validationId ?? 0) + 1;
         const validationId = field.validationId;
         // store validation to make sure there is no race condition.
         return applyRules(field, this, validationId)
@@ -254,12 +252,34 @@ export class CubeFormInstance {
     get isTouched() {
         return Object.values(this.fields).some((field) => field?.touched);
     }
+    /**
+     * True if all fields are verified and valid
+     * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.
+     */
+    get isValid() {
+        return Object.values(this.fields).every((field) => {
+            return field?.status === 'valid';
+        });
+    }
+    /**
+     * True if at least one field is verified and invalid.
+     * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least
+     * one field is verified and invalid.
+     */
+    get isInvalid() {
+        return Object.values(this.fields).some((field) => {
+            return field?.status === 'invalid';
+        });
+    }
     getFieldError(name) {
         const field = this.getFieldInstance(name);
         if (!field)
             return [];
         return field.errors || [];
     }
+    /**
+     * @deprecated This field is not supposed to be used directly.
+     */
     createField(name, skipRender) {
         // passing an empty name is incorrect, but we have to return a valid object to avoid inconsistency
         if (!name) {
@@ -273,6 +293,9 @@ export class CubeFormInstance {
         }
         return this.fields[name];
     }
+    /**
+     * @deprecated This field is not supposed to be used directly.
+     */
     removeField(name, skipRender) {
         if (this.fields[name]) {
             delete this.fields[name];
@@ -281,6 +304,13 @@ export class CubeFormInstance {
             this.forceReRender();
         }
     }
+    /**
+     * @deprecated This method is not recommended. Use other ways to alter fields.
+     * Use `setFieldValue` to change the value of a field.
+     * Use `verifyField` to validate a field.
+     * Use `setFieldError` to set an error for a field.
+     * Use `clearFieldsValidation` to clear all errors for a field.
+     */
     setFields(newFields) {
         newFields.forEach(({ name, value, errors }) => {
             this.fields[name] = this._createField(name, {
@@ -290,6 +320,30 @@ export class CubeFormInstance {
         });
         this.forceReRender();
     }
+    resetFieldsValidation(names, skipRender) {
+        (names || Object.keys(this.fields)).forEach((name) => {
+            const field = this.getFieldInstance(name);
+            if (!field)
+                return;
+            field.errors = [];
+            field.status = undefined;
+            field.validationId = (field.validationId ?? 0) + 1;
+        });
+        if (!skipRender) {
+            this.forceReRender();
+        }
+    }
+    setFieldError(name, error, skipRender) {
+        const field = this.getFieldInstance(name);
+        if (!field || !error)
+            return;
+        field.errors = [error];
+        field.status = 'invalid';
+        field.validationId = (field.validationId ?? 0) + 1;
+        if (!skipRender) {
+            this.forceReRender();
+        }
+    }
     setSubmitting(isSubmitting) {
         if (this.isSubmitting === isSubmitting)
             return;

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

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

package/es/components/form/Label.js

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

package/es/components/form/index.js

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

package/es/components/form/wrapper.js

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

package/es/components/layout/Panel.js

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

package/es/components/layout/ResizablePanel.js

@@ -1,11 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResizeObserver } from '@react-aria/utils';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
 import { useHover, useMove } from 'react-aria';
 import { tasty } from '../../tasty/index';
@@ -134,7 +135,7 @@ const HandlerElement = tasty({
     },
 });
 const Handler = (props) => {
-    const { direction = 'right', isDisabled } = props;
+    const { direction = 'right', isDisabled, ...otherProps } = props;
     const { hoverProps, isHovered } = useHover({});
     const isHorizontal = direction === 'left' || direction === 'right';
     const localIsHovered = useDebouncedValue(isHovered, 150);
@@ -145,7 +146,7 @@ const Handler = (props) => {
                 disabled: isDisabled,
             },
             'data-direction': direction,
-        }, props), children: [_jsx("div", { "data-element": "Track" }), !isDisabled ? (_jsxs("div", { "data-element": "Drag", children: [_jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" })] })) : null] }));
+        }, otherProps), children: [_jsx("div", { "data-element": "Track" }), !isDisabled ? (_jsxs("div", { "data-element": "Drag", children: [_jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" }), _jsx("div", { "data-element": "DragPart" })] })) : null] }));
 };
 const StyledPanel = tasty(Panel, {
     styles: {
@@ -172,6 +173,22 @@ function ResizablePanel(props, ref) {
     const [isDragging, setIsDragging] = useState(false);
     const isHorizontal = direction === 'left' || direction === 'right';
     ref = useCombinedRefs(ref);
+    const onResize = useEvent(() => {
+        if (ref?.current) {
+            const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';
+            const containerSize = ref.current[offsetProp];
+            if (Math.abs(containerSize - size) < 1 && !isDisabled) {
+                setVisualSize(size);
+            }
+            else {
+                setVisualSize(containerSize);
+            }
+        }
+    });
+    useResizeObserver({
+        ref,
+        onResize,
+    });
     function clamp(size) {
         if (typeof maxSize === 'number') {
             size = Math.min(maxSize, size);
@@ -225,16 +242,7 @@ function ResizablePanel(props, ref) {
         });
     });
     useEffect(() => {
-        if (ref.current) {
-            const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';
-            const containerSize = ref.current[offsetProp];
-            if (Math.abs(containerSize - size) < 1 && !isDisabled) {
-                setVisualSize(size);
-            }
-            else {
-                setVisualSize(containerSize);
-            }
-        }
+        onResize();
     }, [size, isDisabled]);
     useEffect(() => {
         if (!isDragging &&
@@ -242,7 +250,7 @@ function ResizablePanel(props, ref) {
             (providedSize == null || Math.abs(providedSize - visualSize) > 0.5)) {
             onSizeChange?.(Math.round(visualSize));
         }
-    }, [visualSize]);
+    }, [visualSize, isDragging]);
     useEffect(() => {
         setTimeout(notifyChange);
     }, [providedSize]);

package/es/components/layout/Space.js

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

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

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

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

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

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

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

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

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

package/es/components/other/Calendar/Calendar.js

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

package/es/components/other/Calendar/CalendarCell.js

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

package/es/components/other/Calendar/CalendarGrid.js

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

package/es/components/other/Calendar/RangeCalendar.js

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

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

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

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

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

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

@@ -1,15 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Title } from '../../content/Title';
-import { Form, useForm } from '../../form';
+import { Form, useForm, SubmitButton, } from '../../form';
 import { Content } from '../../content/Content';
-import { Submit } from '../../actions/Button/Submit';
 import { Button } from '../../actions';
 import { ButtonGroup } from '../../actions';
 import { Header } from '../../content/Header';
@@ -35,7 +34,7 @@ export function DialogForm(props) {
                         if (!preserve) {
                             form?.resetFields();
                         }
-                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }), _jsx(Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) })] })) : undefined] }) })] }));
+                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(SubmitButton, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }), _jsx(Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) })] })) : undefined] }) })] }));
 }
 
         

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

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

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

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

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

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

package/es/components/overlays/Modal/Modal.js

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

package/es/components/overlays/Modal/OpenTransition.js

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

package/es/components/overlays/Modal/Overlay.js

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

package/es/components/overlays/Modal/Popover.js

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