@cube-dev/ui-kit 0.0.0-canary-5a0e8ed → 0.0.0-canary-89a0ed8

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 
@@ -56,7 +56,7 @@ const TOKENS = {
     'minor-color': color('dark', 0.65),
     'success-bg-color': 'rgba(41, 190, 110, .1)',
     'note-bg-color': color('note', 0.1),
-    'note-text-color': color('dark', 0.65),
+    'note-text-color': color('note', 0.65),
     'danger-bg-color': color('danger', 0.05),
     'danger-bg-hover-color': color('danger', 0.1),
     'primary-1': color('purple', 0.9),

package/es/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5a0e8ed
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-5a0e8ed",
+  "version": "0.0.0-canary-89a0ed8",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -16,7 +16,7 @@
     "@ant-design/icons": "^4.7.0",
     "@react-aria/button": "^3.3.4",
     "@react-aria/checkbox": "^3.3.1",
-    "@react-aria/combobox": "3.2.1",
+    "@react-aria/combobox": "^3.2.1",
     "@react-aria/dialog": "^3.1.4",
     "@react-aria/focus": "^3.5.0",
     "@react-aria/i18n": "^3.3.4",
@@ -48,7 +48,7 @@
     "@react-stately/utils": "^3.5.0",
     "@react-types/button": "^3.4.1",
     "@react-types/checkbox": "^3.2.5",
-    "@react-types/combobox": "3.2.1",
+    "@react-types/combobox": "^3.2.1",
     "@react-types/dialog": "^3.3.4",
     "@react-types/menu": "^3.5.2",
     "@react-types/numberfield": "^3.1.3",

package/types/_internal/hooks/index.d.ts

@@ -1 +1,4 @@
 export * from './use-deprecation-warning';
+export * from './use-event';
+export * from './use-sync-ref';
+export * from './use-chained-callback';

package/types/_internal/hooks/use-chained-callback.d.ts

@@ -0,0 +1 @@
+export declare function useChainedCallback(...callbacks: (((...args: any) => any) | null | undefined | boolean)[]): (...args: any[]) => void;

package/types/_internal/hooks/use-event.d.ts

@@ -0,0 +1,7 @@
+/**
+ * useEvent shim from the latest React RFC.
+ *
+ * @see https://github.com/reactjs/rfcs/pull/220
+ * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
+ */
+export declare function useEvent<Func extends (...args: Args) => Result, Args extends Parameters<any> = Parameters<Func>, Result extends ReturnType<any> = ReturnType<Func>>(callback: Func): (...args: Args) => Result;

package/types/_internal/hooks/use-sync-ref.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare function useSyncRef<T>(value: T): MutableRefObject<T>;

package/types/components/actions/Button/Button.d.ts

@@ -4,7 +4,7 @@ export interface CubeButtonProps extends CubeActionProps {
     icon?: ReactNode;
     isLoading?: boolean;
     isSelected?: boolean;
-    type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
+    type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | (string & {});
     size?: 'small' | 'default' | 'large' | (string & {});
 }
 export declare function provideStyles({ size, type, theme, isLoading, icon, children, label, }: {

package/types/components/overlays/NewNotifications/Bar/Bar.d.ts

@@ -0,0 +1,7 @@
+import { Key } from 'react';
+import { CubeNotifyApiProps } from '../types';
+export declare type NotificationsBarProps = {
+    toasts: Map<Key, CubeNotifyApiProps>;
+    onRemoveToast: (id: Key) => void;
+};
+export declare function NotificationsBar(props: NotificationsBarProps): JSX.Element;

package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts

@@ -0,0 +1,8 @@
+import { Key } from 'react';
+import { CubeNotifyApiProps } from '../types';
+export declare type FloatingNotificationProps = {
+    id: Key;
+    notificationProps: CubeNotifyApiProps;
+    onRemoveToast: (id: Key) => void;
+};
+export declare const FloatingNotification: import("react").NamedExoticComponent<FloatingNotificationProps>;

package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import type { TransitionProps } from 'react-transition-group/Transition';
+export declare type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
+export declare function TransitionComponent(props: TransitionComponentProps): JSX.Element;

package/types/components/overlays/NewNotifications/Bar/index.d.ts

@@ -0,0 +1 @@
+export * from './Bar';

package/types/components/overlays/NewNotifications/Notification/Notification.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { NotificationProps } from './types';
+export declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/overlays/NewNotifications/Notification/NotificationAction.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { CubeButtonProps } from '../../../actions';
+export declare type NotificationActionProps = PropsWithChildren<{
+    type?: 'primary' | 'secondary';
+}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
+export declare function NotificationAction(props: NotificationActionProps): JSX.Element;

package/types/components/overlays/NewNotifications/Notification/NotificationCloseButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type NotificationCloseButtonProps = {
+    onPress: () => void;
+    isHovered: boolean;
+    isFocused: boolean;
+};
+export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;

package/types/components/overlays/NewNotifications/Notification/NotificationDescription.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare type NotificationDescriptionProps = {
+    description: string;
+} & HTMLAttributes<HTMLElement>;
+export declare const NotificationDescription: import("react").NamedExoticComponent<{
+    description: string;
+} & HTMLAttributes<HTMLElement>>;

package/types/components/overlays/NewNotifications/Notification/NotificationFooter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CubeNotificationProps } from '../types';
+interface NotificationFooterProps {
+    actions?: CubeNotificationProps['actions'];
+}
+export declare function NotificationFooter(props: NotificationFooterProps): JSX.Element;
+export {};

package/types/components/overlays/NewNotifications/Notification/NotificationHeader.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare type NotificationHeaderProps = {
+    header: string;
+} & HTMLAttributes<HTMLElement>;
+export declare const NotificationHeader: import("react").NamedExoticComponent<{
+    header: string;
+} & HTMLAttributes<HTMLElement>>;

package/types/components/overlays/NewNotifications/Notification/NotificationIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NotificationIconProps } from './types';
+export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;

package/types/components/overlays/NewNotifications/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Notification';
+export * from './NotificationAction';

package/types/components/overlays/NewNotifications/Notification/types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import type { NotificationType, CubeNotificationProps } from '../types';
+export declare type NotificationProps = {
+    isFocused?: boolean;
+    attributes?: HTMLAttributes<HTMLDivElement>;
+} & CubeNotificationProps;
+export declare type NotificationIconProps = {
+    type: NotificationType;
+    icon?: ReactNode;
+};

package/types/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CubeDialogProps } from '../../Dialog';
+export declare function NotificationsDialogTrigger(props: any): JSX.Element;
+export declare function NotificationsDialog(props: CubeDialogProps): JSX.Element;

package/types/components/overlays/NewNotifications/NotificationsDialog/index.d.ts

@@ -0,0 +1 @@
+export * from './NotificationsDialogTrigger';

package/types/components/overlays/NewNotifications/NotificationsList.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { CollectionChildren } from '@react-types/shared';
+import type { CubeNotificationProps } from './types';
+export declare type NotificationsListProps = {
+    children: CollectionChildren<CubeNotificationProps>;
+};
+export declare function NotificationsList(props: NotificationsListProps): JSX.Element;
+export declare namespace NotificationsList {
+    var Item: (props: CubeNotificationProps) => null;
+}

package/types/components/overlays/NewNotifications/NotificationsProvider.d.ts

@@ -0,0 +1,14 @@
+import { Key, PropsWithChildren } from 'react';
+import { CubeNotifyApiProps } from './types';
+declare type NotificationApi = {
+    notify: (props: CubeNotifyApiProps) => {
+        id: Key;
+        update: (props: Partial<CubeNotifyApiProps>) => void;
+        remove: () => void;
+    };
+    update: (id: Key, props: Partial<CubeNotifyApiProps>) => void;
+    remove: (id: Key) => void;
+};
+export declare function useNotifications(): NotificationApi;
+export declare function NotificationsProvider(props: PropsWithChildren<{}>): JSX.Element;
+export {};

package/types/components/overlays/NewNotifications/index.d.ts

@@ -0,0 +1,5 @@
+export { NotificationsProvider, useNotifications, } from './NotificationsProvider';
+export * from './NotificationsList';
+export { NotificationAction } from './Notification';
+export type { NotificationActionProps } from './Notification';
+export type { CubeNotificationProps } from './types';

package/types/components/overlays/NewNotifications/timer.d.ts

@@ -0,0 +1,12 @@
+export declare class Timer {
+    private readonly callback;
+    private readonly delay;
+    private remaining;
+    private timerId;
+    private startTime;
+    constructor(callback: () => void, delay: number);
+    reset: () => void;
+    pause: () => void;
+    resume: () => void;
+    private clear;
+}

package/types/components/overlays/NewNotifications/types.d.ts

@@ -0,0 +1,47 @@
+import { Key, ReactElement, ReactNode } from 'react';
+import { NotificationAction, NotificationActionProps } from './Notification';
+export declare type NotificationType = 'success' | 'danger' | 'attention';
+export declare type NotificationActionType = ReactElement<NotificationActionProps, typeof NotificationAction>;
+export declare type CubeNotificationProps = {
+    /**
+     * @default 'attention'
+     */
+    type?: NotificationType;
+    /**
+     * The delay before the notification hides (in milliseconds) If set to `null`, it will never dismiss.
+     */
+    duration?: number | null;
+    /**
+     * ID of the notification. Mostly used when you need to prevent duplicate. By default, we generate a unique id for each notification
+     */
+    id?: Key;
+    /**
+     * If true, notification will have the close button.
+     * @default true
+     */
+    isClosable?: boolean;
+    onClose?: () => void;
+    /**
+     * Title of the notification
+     */
+    header?: string;
+    description?: string;
+    /**
+     * Custom Icon for the notification
+     */
+    icon?: ReactNode;
+    /**
+     * Custom Actions in the notification
+     */
+    actions?: NotificationActionType | NotificationActionType[];
+} & (NotificationWithHeader | NotificationWithDescription);
+declare type NotificationWithHeader = {
+    header: string;
+    description?: string;
+};
+declare type NotificationWithDescription = {
+    header?: string;
+    description: string;
+};
+export declare type CubeNotifyApiProps = CubeNotificationProps;
+export {};

package/types/icons/Attention.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Attention(): JSX.Element;

package/types/icons/Cross.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Cross(): JSX.Element;

package/types/icons/Danger.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Danger(): JSX.Element;

package/types/icons/Success.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Success(): JSX.Element;

package/types/icons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Danger';
+export * from './Attention';
+export * from './Success';
+export * from './Cross';