@cube-dev/ui-kit 0.12.7 → 0.13.0

package/es/components/content/Title.js

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

package/es/components/forms/Checkbox/Checkbox.js

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

package/es/components/forms/Checkbox/CheckboxGroup.js

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

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

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

package/es/components/forms/FieldWrapper.js

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

package/es/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -68,7 +68,7 @@ const FileInputElement = tasty(Action, {
     },
 });
 function extractContents(element, callback) {
-    const files = element === null || element === void 0 ? void 0 : element.files;
+    const files = element?.files;
     if (files && files.length > 0) {
         const fileReader = new FileReader();
         fileReader.onload = function () {
@@ -88,7 +88,7 @@ function FileInput(props, ref) {
     const onLocalChange = useCallback((event) => {
         const value = event.target.value;
         if (type === 'file') {
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            onChange?.(value);
         }
         else if (onChange) {
             extractContents(event.target, onChange);
@@ -99,21 +99,20 @@ function FileInput(props, ref) {
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),
         select() {
-            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            if (inputRef?.current) {
                 inputRef.current.select();
             }
         },
         getInputElement() {
-            return inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+            return inputRef?.current;
         },
     }));
     const fileInput = (_jsxs(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
             selected: !!value,
             'drag-hover': dragHover,
         }, onKeyDown: (e) => {
-            var _a;
             if (e.key === 'Enter' || e.key === 'Space') {
-                (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                inputRef?.current?.click();
             }
         }, children: [_jsx("input", { ref: inputRef, id: id, name: name, "data-element": "Input", type: "file", tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
                     setDragHover(true);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -105,7 +105,7 @@ export function Field(allProps) {
             }
         };
     }, []);
-    let field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
+    let field = form?.getFieldInstance(fieldName);
     if (field) {
         field.rules = rules;
     }
@@ -140,9 +140,9 @@ export function Field(allProps) {
         if (!field) {
             form.createField(fieldName, true);
         }
-        if ((field === null || field === void 0 ? void 0 : field.value) == null) {
+        if (field?.value == null) {
             form.setFieldValue(fieldName, defaultValue, false, true);
-            field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
+            field = form?.getFieldInstance(fieldName);
         }
     }
     firstRunRef.current = false;
@@ -232,7 +232,7 @@ export function Field(allProps) {
             newProps.message = field.errors[0];
         }
     }
-    Object.assign(newProps, getValueProps(inputType, field === null || field === void 0 ? void 0 : field.inputValue, onChangeHandler, child.props.allowsCustomValue));
+    Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
     return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -43,9 +43,9 @@ function Form(props, ref) {
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
         onSubmitCallback = async (e) => {
-            if (e && (e === null || e === void 0 ? void 0 : e.preventDefault)) {
-                e && (e === null || e === void 0 ? void 0 : e.preventDefault) && (e === null || e === void 0 ? void 0 : e.preventDefault());
-                e && (e === null || e === void 0 ? void 0 : e.stopPropagation) && (e === null || e === void 0 ? void 0 : e.stopPropagation());
+            if (e && e?.preventDefault) {
+                e && e?.preventDefault && e?.preventDefault();
+                e && e?.stopPropagation && e?.stopPropagation();
                 if (e.nativeEvent) {
                     const evt = e.nativeEvent;
                     if (evt.submitter &&
@@ -60,7 +60,7 @@ function Form(props, ref) {
             try {
                 await form.validateFields();
                 await timeout();
-                await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(form.getFormData()));
+                await onSubmit?.(form.getFormData());
             }
             catch (e) {
                 await timeout();
@@ -69,10 +69,10 @@ function Form(props, ref) {
                 }
                 // errors are shown
                 // transfer errors to the callback
-                onSubmitFailed === null || onSubmitFailed === void 0 ? void 0 : onSubmitFailed(e);
+                onSubmitFailed?.(e);
             }
             finally {
-                form === null || form === void 0 ? void 0 : form.setSubmitting(false);
+                form?.setSubmitting(false);
             }
             // output data from form directly
             // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
@@ -105,7 +105,7 @@ function Form(props, ref) {
     }
     useEffect(() => {
         if (defaultValues) {
-            form === null || form === void 0 ? void 0 : form.setInitialFieldsValue(defaultValues);
+            form?.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
     return (_jsx(FormElement, { ...filterBaseProps(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: _jsx(FormContext.Provider, { value: ctx, children: _jsx(Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -82,12 +82,10 @@ export class CubeFormInstance {
         this.setFields = this.setFields.bind(this);
     }
     async submit() {
-        var _a;
-        return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
+        return this.onSubmit?.(this.getFormData());
     }
     getFieldValue(name) {
-        var _a;
-        return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
+        return this.fields[name]?.value;
     }
     getFieldsValue() {
         return Object.values(this.fields).reduce((map, field) => {
@@ -132,8 +130,7 @@ export class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        var _a;
-        this.initialFields = (_a = dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
+        this.initialFields = dotize.convert(values) ?? {};
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -131,7 +131,7 @@ export async function applyRules(value, rules, form) {
     for (let rule of rules) {
         await applyRule(value, rule, form).catch((err) => {
             if (err instanceof Error) {
-                err = (err === null || err === void 0 ? void 0 : err.message) || rule.message;
+                err = err?.message || rule.message;
             }
             throw err || rule.message;
         });

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -152,19 +152,19 @@ function TextInputBase(props, ref) {
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),
         select() {
-            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            if (inputRef?.current) {
                 inputRef.current.select();
             }
         },
         getInputElement() {
-            return inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+            return inputRef?.current;
         },
     }));
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
-    if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder)) {
+    if (!inputProps?.placeholder) {
         if (!inputProps) {
             inputProps = {};
         }

package/es/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ export const Prefix = forwardRef(function Prefix(allProps, outerRef) {
     const styles = extractStyles(props, CONTAINER_STYLES);
     const ref = useCombinedRefs(outerRef);
     useLayoutEffect(() => {
-        if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
+        if (ref?.current && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ const DEFAULT_CANCEL_PROPS = {
 function AlertDialog(props, ref) {
     const { onClose } = useDialogContext();
     const { danger, actions, title, styles, noActions, content, ...otherProps } = props;
-    let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions !== null && actions !== void 0 ? actions : {};
+    let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions ?? {};
     // the confirm button is present by default
     confirmProps =
         confirmProps !== false
@@ -45,13 +45,7 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => {
-                                var _a, _b;
-                                return chain((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
-                            } }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => { var _a; return chain((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => {
-                                var _a, _b;
-                                return chain((_b = (_a = cancelProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('cancel'));
-                            } }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
+    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), onClose?.('cancel')) }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
 }
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.