@cube-dev/ui-kit 0.12.7 → 0.13.1

package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -21,6 +21,9 @@ const Description = tasty(Paragraph, {
         overflow: 'hidden',
     },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export const NotificationDescription = memo(function NotificationDescription(props) {
     const { description, ...descriptionProps } = props;
     return (_jsx(Description, { ...mergeProps(descriptionProps, {

package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -21,6 +21,9 @@ const FooterArea = tasty(ButtonGroup, {
         },
     },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export const NotificationFooter = memo(function NotificationFooter(props) {
     const { actions, onClose, onDismiss, hasDescription } = props;
     return (_jsx(FooterArea, { mods: { 'has-description': hasDescription }, children: flatten(typeof actions === 'function'
@@ -28,12 +31,11 @@ export const NotificationFooter = memo(function NotificationFooter(props) {
             : actions)
             .filter((action) => isElement(action))
             .map((action, index) => {
-            var _a;
             const { props } = action;
             const defaultType = index === 0 ? 'primary' : 'secondary';
             return React.cloneElement(action, {
                 ...props,
-                type: (_a = props.type) !== null && _a !== void 0 ? _a : defaultType,
+                type: props.type ?? defaultType,
             }, props.children);
         }) }, void 0));
 });

package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -20,6 +20,9 @@ const Header = tasty(Title, {
         },
     },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export const NotificationHeader = memo(function NotificationHeader(props) {
     const { header, ...headerProps } = props;
     return _jsx(Header, { ...headerProps, children: header }, void 0);

package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -47,6 +47,9 @@ const IconPreset = tasty({
         },
     },
 });
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export const NotificationIcon = memo(function NotificationIcon(props) {
     const { icon, type } = props;
     return (_jsx(IconContainer, { children: icon ? (icon) : (_jsx(IconPreset, { mods: {

package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -9,6 +9,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import invariant from 'tiny-invariant';
 const NotificationContext = createContext(null);
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 export function NotificationProvider(props) {
     const { children, ...value } = props;
     return (_jsx(NotificationContext.Provider, { value: value, children: children }, void 0));

package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -25,15 +25,15 @@ const NotificationContainer = tasty({
         position: 'relative',
         display: 'grid',
         width: '100%',
-        padding: '1.5x 1x 1.5x 1.5x',
-        radius: '0.5x',
+        padding: '0.5x 0.5x 1.5x 1.5x',
         gridAreas: `
-      "icon . header"
-      "icon . description"
-      ".    . footer"
+      ".    . .           .      close"
+      "icon . header      .      close"
+      "icon . description .      close"
+      ".    . footer      footer footer"
     `,
-        gridColumns: 'min-content 1x minmax(0, auto)',
-        gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
+        gridColumns: 'min-content 1x minmax(0, auto) 1x minmax(0, min-content)',
+        gridRows: '1x minmax(0, auto) minmax(0, auto) minmax(0, auto)',
         fill: '#white',
         boxShadow: {
             '': '0 0 0 4bw #purple-04.0 inset',
@@ -41,16 +41,19 @@ const NotificationContainer = tasty({
         },
     },
 });
+/**
+ * @internal This component is unstable and is a subject to change.
+ */
 export const NotificationView = forwardRef(function NotificationView(props, ref) {
     const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
     const labelID = useId();
     const descriptionID = useId();
     const onCloseEvent = useEvent(() => {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose?.();
     });
     const onDismissEvent = useEvent(() => {
         if (isDismissible) {
-            onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+            onDismiss?.();
         }
     });
     const { hoverProps, isHovered } = useHover({});
@@ -61,7 +64,7 @@ export const NotificationView = forwardRef(function NotificationView(props, ref)
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), ref: ref, styles: styles, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { isHovered: isHovered, isFocused: isFocusVisible, onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
+    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), ref: ref, styles: styles, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
 });
 
         

package/es/components/overlays/NewNotifications/NotificationView/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationView/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -13,9 +13,9 @@ import { useNotifications } from './use-notifications';
 export const NotificationsContext = createContext(null);
 export function NotificationsProvider(props) {
     const { children, rootRef } = props;
-    const { toasts, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
+    const { notifications, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
     const providerValue = useMemo(() => ({ api, addOnDismissListener }), []);
-    return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
+    return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
 }
 
         

package/es/components/overlays/NewNotifications/NotificationsContext/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -9,18 +9,19 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { useEvent } from '../../../../_internal';
 const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
 export function useNotifications(rootRef) {
+    const idPrefix = useMemo(() => new Date().getTime(), []);
     const idRef = useRef(0);
     const listeners = useRef([]);
-    const [toasts, setToasts] = useState(new Map());
+    const [notifications, setNotifications] = useState(new Map());
     const addToast = Object.assign(useEvent((props) => {
         const nextID = idRef.current++;
-        const { id = nextID, duration, isDismissible = true, ...rest } = props;
-        setToasts((toasts) => {
+        const { id = `${idPrefix}_${nextID}`, duration, isDismissible = true, ...rest } = props;
+        setNotifications((toasts) => {
             const newToasts = new Map(toasts);
             newToasts.set(id, {
                 id,
                 isDismissible,
-                duration: duration !== null && duration !== void 0 ? duration : (isDismissible ? 5000 : null),
+                duration: duration ?? (isDismissible ? 5000 : null),
                 ...rest,
             });
             return newToasts;
@@ -36,7 +37,7 @@ export function useNotifications(rootRef) {
         attention: (props) => addToast({ type: 'attention', ...props }),
     });
     const updateToast = useEvent((id, props) => {
-        setToasts((toasts) => {
+        setNotifications((toasts) => {
             const currentToast = toasts.get(id);
             if (currentToast) {
                 const newToasts = new Map(toasts);
@@ -50,7 +51,7 @@ export function useNotifications(rootRef) {
         });
     });
     const removeToast = useEvent((id) => {
-        setToasts((toasts) => {
+        setNotifications((toasts) => {
             if (toasts.has(id)) {
                 const newToasts = new Map(toasts);
                 newToasts.delete(id);
@@ -60,25 +61,26 @@ export function useNotifications(rootRef) {
         });
     });
     const onDismissNotification = useEvent((id) => {
-        var _a;
-        const toast = toasts.get(id);
-        if ((toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) !== false) {
-            (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
+        const toast = notifications.get(id);
+        if (toast?.putNotificationInDropdownOnDismiss !== false) {
+            rootRef?.current?.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
         }
     });
     const addOnDismissListener = useEvent((listener) => {
-        var _a;
         const callback = (e) => listener(e.detail);
-        const unsub = () => { var _a; return (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(DISMISS_EVENT_NAME, callback); };
+        const unsub = () => rootRef?.current?.removeEventListener(DISMISS_EVENT_NAME, callback);
         listeners.current.push(unsub);
-        (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(DISMISS_EVENT_NAME, callback);
+        rootRef?.current?.addEventListener(DISMISS_EVENT_NAME, callback);
         return unsub;
     });
     useEffect(() => () => listeners.current.forEach((cb) => cb()), []);
-    const api = useMemo(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
+    const api = useMemo(() => ({ notify: addToast, update: updateToast, remove: removeToast }), 
+    // All deps are stable since we use `useEvent` hook
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
     return {
         api,
-        toasts: useMemo(() => [...toasts.values()], [toasts]),
+        notifications: useMemo(() => [...notifications.values()], [notifications]),
         onDismissNotification,
         addOnDismissListener,
     };

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js

@@ -0,0 +1,44 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.13.1
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Item } from '@react-stately/collections';
+import { tasty } from '../../../../tasty';
+import { useNotificationsList } from '../hooks';
+import { NotificationListItem } from './NotificationsListItem';
+const NotificationListContainer = tasty({
+    styles: { boxSizing: 'border-box', width: '100%' },
+});
+/**
+ * Provides ability to show notifications as a list.
+ *
+ * @example
+ *   <NotificationsList>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ *
+ * @example Removing a notification
+ *   <NotificationsList onDismiss={(id) => removeNotification(id)}>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ */
+export function NotificationsList(props) {
+    const { items, children, onDismiss } = props;
+    const ref = useRef(null);
+    const { state, listProps } = useNotificationsList({
+        items,
+        children,
+        ref,
+    });
+    return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
+}
+NotificationsList.Item = Item;
+
+        

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js

@@ -0,0 +1,29 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.13.1
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useNotificationListItem } from '../hooks';
+import { tasty } from '../../../../tasty';
+import { useEvent } from '../../../../_internal';
+import { NotificationView } from '../NotificationView';
+const NotificationListItemWrap = tasty({
+    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
+});
+/**
+ * @internal This component is not intended to be used
+ */
+export function NotificationListItem(props) {
+    const { item, state, onDismiss } = props;
+    const { key, props: notificationProps } = item;
+    const ref = useRef(null);
+    const onDismissEvent = useEvent(() => onDismiss?.(key));
+    const { itemProps } = useNotificationListItem({ ref, key, state });
+    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
+}
+
+        

package/es/components/overlays/NewNotifications/NotificationsList/index.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.13.1
+ * Released under the MIT license.
+ */
+
+export * from './NotificationsList';
+
+        

package/es/components/overlays/NewNotifications/NotificationsList/types.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.13.1
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

package/es/components/overlays/NewNotifications/hooks/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -9,10 +9,9 @@ import { useContext, useEffect } from 'react';
 import { useEvent } from '../../../../_internal';
 import { NotificationsContext } from '../NotificationsContext';
 export function useNotificationsObserver(callback) {
-    var _a;
-    const { addOnDismissListener } = (_a = useContext(NotificationsContext)) !== null && _a !== void 0 ? _a : {};
+    const { addOnDismissListener } = useContext(NotificationsContext) ?? {};
     const callbackEvent = useEvent(callback);
-    useEffect(() => addOnDismissListener === null || addOnDismissListener === void 0 ? void 0 : addOnDismissListener(callbackEvent), [addOnDismissListener]);
+    useEffect(() => addOnDismissListener?.(callbackEvent), [addOnDismissListener]);
 }
 
         

package/es/components/overlays/NewNotifications/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Notification/Notification.js

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

package/es/components/overlays/OverlayWrapper.js

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

package/es/components/overlays/Toasts/Toast.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ export function Toast(props) {
     const defaultId = useId();
     const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
     const { toast, update, remove } = useToastsApi();
-    const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const id = propsId ?? defaultId;
     const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     useEffect(() => {
         toast({ id, ...props });

package/es/components/overlays/Toasts/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/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.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/use-toasts-api.js

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

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -68,16 +68,16 @@ const TooltipTipElement = tasty({
 const StyledTooltipElement = styled(TooltipElement) `
   ${(props) => {
     return getOverlayTransitionCSS({
-        placement: props === null || props === void 0 ? void 0 : props['data-position'],
-        minOffset: props === null || props === void 0 ? void 0 : props['data-min-offset'],
-        minScale: props === null || props === void 0 ? void 0 : props['data-min-scale'],
+        placement: props?.['data-position'],
+        minOffset: props?.['data-min-offset'],
+        minScale: props?.['data-min-scale'],
     });
 }}
 `;
 function Tooltip(props, ref) {
     let { ref: overlayRef, arrowProps, state, overlayProps, minOffset, minScale, ...tooltipProviderProps } = useContext(TooltipContext);
     let defaultRef = useRef(null);
-    const finalOverlayRef = overlayRef !== null && overlayRef !== void 0 ? overlayRef : defaultRef;
+    const finalOverlayRef = overlayRef ?? defaultRef;
     props = mergeProps(props, tooltipProviderProps);
     let { placement = 'top', isOpen, tipStyles, showIcon, isMaterial, ...otherProps } = props;
     const styles = extractStyles(otherProps, CONTAINER_STYLES);

package/es/components/overlays/Tooltip/TooltipProvider.js

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

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.1
  * Released under the MIT license.
  */
 
@@ -44,8 +44,7 @@ function TooltipTrigger(props) {
         return _jsx(Block, { children: trigger }, void 0);
     }
     function onClick(e) {
-        var _a;
-        (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.parentNode.click();
+        e?.currentTarget?.parentNode.click();
     }
     return (_jsxs(FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? (_jsx(ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), _jsx(TooltipContext.Provider, { value: {
                     state,

package/es/components/overlays/Tooltip/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.1
  * Released under the MIT license.
  */