@cube-dev/ui-kit 0.12.7 → 0.13.1

package/types/components/overlays/NewNotifications/{NotificationsList.d.ts → NotificationsList/types.d.ts}

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { Key } from 'react';
 import { CollectionElement } from '@react-types/shared';
-import { CollectionChildren } from './hooks';
-import type { CubeNotificationProps } from './types';
+import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
+import { CubeNotificationProps } from '../types';
 export declare type NotificationsListProps<T> = {
+    onDismiss?: (id: Key) => void;
     items?: T[] | readonly T[];
     children: CollectionChildren<T>;
 } & (NotificationsListFactory<T> | NotificationsListStatic);
@@ -14,7 +15,8 @@ export declare type NotificationsListStatic = {
     items?: 'You must either use factory or static children';
     children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
 };
-export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
-export declare namespace NotificationsList {
-    var Item: (props: import("./types").BaseNotificationProps) => null;
-}
+export declare type NotificationListItemProps = {
+    onDismiss?: NotificationsListProps<unknown>['onDismiss'];
+    item: NotificationItemNode<CubeNotificationProps>;
+    state: NotificationsListState<CubeNotificationProps>;
+};

package/types/components/pickers/Menu/MenuItem.d.ts

@@ -7,6 +7,7 @@ export interface MenuItemProps<T> {
     state: TreeState<T>;
     selectionIcon?: MenuSelectionType;
     isVirtualized?: boolean;
+    isDisabled?: boolean;
     onAction?: (key: Key) => void;
 }
 /** @private */

package/types/stories/components/StyledButton.d.ts

@@ -87,11 +87,11 @@ export declare const StyledButton: import("react").ComponentType<{
     "aria-controls"?: string | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-expanded"?: boolean | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
-    "aria-pressed"?: boolean | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;

package/types/tasty/utils/styles.d.ts

@@ -57,7 +57,7 @@ export declare const CUSTOM_UNITS: {
     lh: string;
     rp: string;
     gp: string;
-    wh: (num: any) => string;
+    dvh: (num: any) => string;
     sp: (num: any) => string;
 };
 export declare const DIRECTIONS: string[];

package/types/utils/random.d.ts

@@ -0,0 +1 @@
+export declare function random(min: number, max: number): number;

package/types/utils/range.d.ts

@@ -0,0 +1 @@
+export declare function range<Length extends number>(count: Length): Array<number>;

package/types/utils/react/interactions.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FocusProps } from '@react-aria/interactions';
 export declare function useFocus({ isDisabled }: FocusProps, onlyVisible?: boolean): {
-    focusProps: import("react").HTMLAttributes<HTMLElement>;
+    focusProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     isFocused: boolean;
 };

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

@@ -1,43 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationsList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const collections_1 = require("@react-stately/collections");
-const tasty_1 = require("../../../tasty");
-const NotificationView_1 = require("./NotificationView");
-const hooks_1 = require("./hooks");
-const NotificationListContainer = (0, tasty_1.tasty)({
-    styles: { boxSizing: 'border-box', width: '100%' },
-});
-function NotificationsList(props) {
-    const { items, children } = props;
-    const ref = (0, react_1.useRef)(null);
-    const { state, listProps } = (0, hooks_1.useNotificationsList)({
-        items,
-        children,
-        ref,
-    });
-    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
-}
-exports.NotificationsList = NotificationsList;
-NotificationsList.Item = collections_1.Item;
-const NotificationListItemWrap = (0, tasty_1.tasty)({
-    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
-});
-function NotificationListItem(props) {
-    const { item, state } = props;
-    const { key, props: notificationProps } = item;
-    const ref = (0, react_1.useRef)(null);
-    const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
-    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
-}
-
-        

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

@@ -1,39 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
- * 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 { NotificationView } from './NotificationView';
-import { useNotificationListItem, useNotificationsList, } from './hooks';
-const NotificationListContainer = tasty({
-    styles: { boxSizing: 'border-box', width: '100%' },
-});
-export function NotificationsList(props) {
-    const { items, children } = 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 }, item.key))) }, void 0));
-}
-NotificationsList.Item = Item;
-const NotificationListItemWrap = tasty({
-    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
-});
-function NotificationListItem(props) {
-    const { item, state } = props;
-    const { key, props: notificationProps } = item;
-    const ref = useRef(null);
-    const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
-}
-
-