@cube-dev/ui-kit 0.0.0-canary-85915a2 → 0.0.0-canary-bee8cc8

package/cjs/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/forms/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -19,7 +19,6 @@ const tasty_1 = require("../../../tasty");
 const interactions_2 = require("../../../utils/react/interactions");
 const FieldWrapper_1 = require("../FieldWrapper");
 const react_2 = require("../../../utils/react");
-const Form_2 = require("../Form");
 const ADD_STYLES = {
     display: 'grid',
     placeContent: 'stretch',
@@ -142,10 +141,9 @@ const InputElement = (0, tasty_1.tasty)({ qa: 'Input', styles: exports.DEFAULT_I
 function TextInputBase(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_2.useFieldProps)(props);
-    let { qa, mods, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, rows = 1, size, validationState, icon, type, ...otherProps } = props;
-    const { fieldWrapperProps, rest } = (0, FieldWrapper_1.extractFieldWrapperProps)(props);
-    const styles = (0, tasty_1.extractStyles)(rest, STYLE_LIST);
+    let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, ...otherProps } = props;
+    let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
+    let type = otherProps.type;
     inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
     let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled });
@@ -157,19 +155,19 @@ function TextInputBase(props, ref) {
     (0, react_1.useImperativeHandle)(ref, () => ({
         ...(0, utils_1.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 ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_1.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 = {};
         }
@@ -210,7 +208,27 @@ function TextInputBase(props, ref) {
     let 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: {
                     WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
                 }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled }, void 0), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (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" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
-    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...fieldWrapperProps, ref: domRef, styles: styles, isDisabled: isDisabled, Component: textField }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
+            labelPosition,
+            label,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            necessityLabel,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            tooltip,
+            isHidden,
+            labelSuffix,
+            Component: textField,
+            ref: domRef,
+        } }, void 0));
 }
 const _TextInputBase = (0, react_1.forwardRef)(TextInputBase);
 exports.TextInputBase = _TextInputBase;

package/cjs/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ exports.Prefix = (0, react_1.forwardRef)(function Prefix(allProps, outerRef) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
     const ref = (0, react_2.useCombinedRefs)(outerRef);
     (0, react_2.useLayoutEffect)(() => {
-        if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
+        if (ref?.current && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);

package/cjs/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/organisms/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ const DEFAULT_CANCEL_PROPS = {
 function AlertDialog(props, ref) {
     const { onClose } = (0, context_1.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
@@ -48,13 +48,7 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => {
-                                var _a, _b;
-                                return (0, react_2.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 && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => { var _a; return (0, react_2.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 && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => {
-                                var _a, _b;
-                                return (0, react_2.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 ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => (0, react_2.chain)(confirmProps?.onPress?.(e), onClose?.('confirm')) }, void 0), secondaryProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => (0, react_2.chain)(secondaryProps?.onPress?.(e), onClose?.('secondary')) }, void 0)), cancelProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => (0, react_2.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.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -31,22 +31,21 @@ function AlertDialogApiProvider(props) {
                 meta: { id: currentId, isClosed: false, isVisible: true },
             };
             const close = () => {
-                var _a;
                 if (currentDialog.meta.isClosed)
                     return;
                 currentDialog.meta.isClosed = true;
-                (_a = params.cancelToken) === null || _a === void 0 ? void 0 : _a.removeEventListener('abort', close);
-                setOpenedDialog((currentState) => (currentState === null || currentState === void 0 ? void 0 : currentState.meta.id) !== currentId
+                params.cancelToken?.removeEventListener('abort', close);
+                setOpenedDialog((currentState) => currentState?.meta.id !== currentId
                     ? currentState
                     : {
                         props: currentState.props,
                         meta: { ...currentState.meta, isVisible: false },
                     });
-                setTimeout(() => setOpenedDialog((currentState) => (currentState === null || currentState === void 0 ? void 0 : currentState.meta.id) !== currentId ? currentState : null), 300);
+                setTimeout(() => setOpenedDialog((currentState) => currentState?.meta.id !== currentId ? currentState : null), 300);
             };
-            if (cancelToken === null || cancelToken === void 0 ? void 0 : cancelToken.aborted)
+            if (cancelToken?.aborted)
                 return new Promise(() => { });
-            cancelToken === null || cancelToken === void 0 ? void 0 : cancelToken.addEventListener('abort', close, { once: true });
+            cancelToken?.addEventListener('abort', close, { once: true });
             currentDialog.meta.promise = new Promise((resolve, reject) => {
                 currentDialog.meta.resolve = (status) => {
                     close();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ function AlertDialogZone(props) {
             return {
                 ...action,
                 onPress: (e) => {
-                    onPress === null || onPress === void 0 ? void 0 : onPress(e);
+                    onPress?.(e);
                     resolve(status);
                 },
             };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -27,17 +27,17 @@ function DialogForm(props) {
     [form] = (0, forms_1.useForm)(form);
     const { onClose } = (0, context_1.useDialogContext)();
     function onLocalDismiss() {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        onClose?.();
+        onDismiss?.();
         if (!preserve) {
-            form === null || form === void 0 ? void 0 : form.resetFields();
+            form?.resetFields();
         }
     }
     return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
-                        await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(data));
-                        onClose === null || onClose === void 0 ? void 0 : onClose();
+                        await onSubmit?.(data);
+                        onClose?.();
                         if (!preserve) {
-                            form === null || form === void 0 ? void 0 : form.resetFields();
+                            form?.resetFields();
                         }
                     }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? ((0, jsx_runtime_1.jsxs)(actions_2.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -19,11 +19,11 @@ function Overlay(props, ref) {
     let { root } = (0, provider_1.useProviderProps)({});
     let handleEntered = (0, react_1.useCallback)(() => {
         setExited(false);
-        onEntered === null || onEntered === void 0 ? void 0 : onEntered();
+        onEntered?.();
     }, [onEntered]);
     let handleExited = (0, react_1.useCallback)(() => {
         setExited(true);
-        onExited === null || onExited === void 0 ? void 0 : onExited();
+        onExited?.();
     }, [onExited]);
     // Don't un-render the overlay while it's transitioning out.
     let mountOverlay = isOpen || !exited;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/Tray.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Modal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -49,9 +49,10 @@ function NotificationsBar(props) {
     const { hoverProps, isHovered } = (0, interactions_1.useHover)({});
     const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)({ within: true });
     const moveFocus = (0, _internal_1.useEvent)((key) => {
-        var _a, _b, _c;
-        const nextKey = (_b = (_a = state.collection.getKeyBefore(key.toString())) !== null && _a !== void 0 ? _a : state.collection.getKeyAfter(key.toString())) !== null && _b !== void 0 ? _b : state.collection.getLastKey();
-        const elementToFocus = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.querySelector(`[data-id="${nextKey}"]`);
+        const nextKey = state.collection.getKeyBefore(key.toString()) ??
+            state.collection.getKeyAfter(key.toString()) ??
+            state.collection.getLastKey();
+        const elementToFocus = ref.current?.querySelector(`[data-id="${nextKey}"]`);
         if (elementToFocus) {
             (0, focus_1.focusSafely)(elementToFocus);
         }

package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Bar/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ const react_1 = require("../../../../utils/react");
 const hooks_1 = require("../hooks");
 function NotificationsDialogTrigger(props) {
     const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
-    (0, hooks_1.useNotificationsObserver)((args) => onCloseNotificationInBar === null || onCloseNotificationInBar === void 0 ? void 0 : onCloseNotificationInBar(args));
+    (0, hooks_1.useNotificationsObserver)((args) => onCloseNotificationInBar?.(args));
     return (0, jsx_runtime_1.jsx)(Dialog_1.DialogTrigger, { ...dialogTriggerProps, type: "popover" }, void 0);
 }
 exports.NotificationsDialogTrigger = NotificationsDialogTrigger;

package/cjs/components/overlays/NewNotifications/Dialog/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/NewNotifications/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function Notification(props) {
     const defaultId = (0, useId_1.useId)();
     const disableRemoveOnUnmountRef = (0, _internal_1.useSyncRef)(disableRemoveOnUnmount);
     const { notify, update, remove } = (0, hooks_1.useNotificationsApi)();
-    const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const id = propsId ?? defaultId;
     const removeNotification = (0, _internal_1.useEvent)((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     (0, react_1.useEffect)(() => {
         notify({ id, ...props });