@cube-dev/ui-kit 0.0.0-canary-855d62e → 0.0.0-canary-29fafcf

package/es/utils/warnings.js

@@ -0,0 +1,44 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-29fafcf
+ * Released under the MIT license.
+ */
+
+const SUGGESTED_PROP_MAP = {
+    disabled: 'isDisabled',
+    loading: 'isLoading',
+    selected: 'isSelected',
+};
+const PREFIX = 'CubeUIKit';
+const devMode = process.env.NODE_ENV !== 'production';
+export function propDeprecationWarning(name, props, propList) {
+    propList.forEach((prop) => {
+        if (prop in props) {
+            const suggestion = SUGGESTED_PROP_MAP[prop];
+            warn(`"${prop}" property of "${name}" component is deprecated.${suggestion ? ` Use "${suggestion}" property instead.` : ''}`);
+        }
+    });
+}
+export function warn(...args) {
+    if (devMode) {
+        console.warn(`${PREFIX}:`, ...args);
+    }
+}
+export function deprecationWarning(condition, { property, name, betterAlternative, reason, }) {
+    if (condition)
+        return;
+    if (!devMode)
+        return;
+    // we can make deprecations even better if we add the md syntax in the console.
+    // anyway, everything down below will be stripped in the production build
+    console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
+    warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
+        ? betterAlternative()
+        : betterAlternative}`);
+    reason &&
+        warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    console.groupEnd();
+}
+
+        

package/es/version.js

@@ -0,0 +1,25 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-29fafcf
+ * Released under the MIT license.
+ */
+
+export const VERSION = '0.0.0-canary-29fafcf';
+if (typeof window !== 'undefined') {
+    const version = VERSION;
+    // Ensure CubeUIKit is defined on window in a way bundlers recognize
+    window.CubeUIKit = window.CubeUIKit || { version };
+    // Check for multiple versions
+    if (window.CubeUIKit.version && window.CubeUIKit.version !== version) {
+        console.error('More than one version of CubeUIKit is loaded', {
+            loadedVersions: [window.CubeUIKit.version, version],
+        });
+    }
+    else {
+        // Set version if not already set
+        window.CubeUIKit.version = version;
+    }
+}
+
+        

package/package.json

@@ -1,77 +1,20 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-855d62e",
-  "type": "module",
+  "version": "0.0.0-canary-29fafcf",
   "description": "UIKit for Cube Projects",
+  "keywords": [
+    "uikit"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cube-js/cube-ui-kit.git"
   },
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "sideEffects": false,
-  "packageManager": "pnpm@10.19.0",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./tasty/static": {
-      "import": "./dist/tasty/static/index.js",
-      "types": "./dist/tasty/static/index.d.ts"
-    },
-    "./tasty/zero": {
-      "import": "./dist/tasty/zero/index.js",
-      "types": "./dist/tasty/zero/index.d.ts"
-    },
-    "./tasty/zero/babel": {
-      "import": "./dist/tasty/zero/babel.js",
-      "types": "./dist/tasty/zero/babel.d.ts"
-    },
-    "./tasty/zero/next": {
-      "import": "./dist/tasty/zero/next.js",
-      "types": "./dist/tasty/zero/next.d.ts"
-    }
-  },
-  "files": [
-    "dist/**/*.js",
-    "dist/**/*.d.ts",
-    "dist/**/*.map",
-    "dist/README.md",
-    "dist/CHANGELOG.md",
-    "dist/tasty.config.ts"
-  ],
-  "scripts": {
-    "start": "pnpm storybook",
-    "build": "tsdown",
-    "watch": "tsdown --watch",
-    "test": "vitest run",
-    "test-cover": "vitest run --coverage",
-    "test-watch": "vitest",
-    "prettier": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "eslint": "eslint --cache src",
-    "eslint:fix": "eslint --cache --fix src",
-    "eslint:errors": "eslint --cache --quiet src",
-    "lint": "npm-run-all -p eslint prettier",
-    "fix": "npm-run-all -p eslint:fix prettier:fix",
-    "storybook": "STORYBOOK_MODE=stories storybook dev -p 6060",
-    "build-storybook": "STORYBOOK_MODE=stories storybook build --stats-json",
-    "build-docs": "STORYBOOK_MODE=docs storybook build --docs -o storybook-docs",
-    "chromatic": "chromatic --only-changed",
-    "build-static-docs": "npm run build-docs && node scripts/snapshot-docs.js",
-    "size": "size-limit",
-    "prepare": "husky install",
-    "clear": "pnpm clear:dist && rimraf ./storybook-docs ./storybook-static ./node_modules/.cache",
-    "clear:dist": "rimraf ./dist",
-    "release": "pnpm build && changeset publish --provenance",
-    "postinstall": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
-    "add-icons": "cd src/icons && node add-new-icon.js && pnpm fix"
-  },
-  "keywords": [
-    "uikit"
-  ],
   "author": "Cube Dev Team",
+  "engines": {
+    "node": ">=22.14.0",
+    "pnpm": "^10.0.0"
+  },
+  "sideEffects": false,
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -79,6 +22,7 @@
   "dependencies": {
     "@babel/helper-plugin-utils": "^7.24.0",
     "@babel/types": "^7.24.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@internationalized/date": "^3.10.1",
     "@react-aria/focus": "^3.21.3",
     "@react-aria/i18n": "^3.12.14",
@@ -89,12 +33,17 @@
     "@react-spectrum/utils": "^3.12.10",
     "@react-stately/utils": "^3.11.0",
     "@react-types/shared": "^3.32.1",
+    "@sparticuz/chromium": "^137.0.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@vitejs/plugin-react": "^4.3.2",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",
     "email-validator": "^2.0.4",
+    "globals": "^16.0.0",
+    "playwright-core": "^1.53.2",
     "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.30.0",
     "react-aria": "^3.45.0",
@@ -105,92 +54,33 @@
     "react-stately": "^3.43.0",
     "react-transition-group": "^4.4.5",
     "react-types": "^0.1.0",
-    "tiny-invariant": "^1.3.3",
-    "usehooks-ts": "^3.1.0",
-    "valid-url": "^1.0.9"
-  },
-  "devDependencies": {
-    "@actions/core": "^1.11.1",
-    "@actions/exec": "^1.1.1",
-    "@actions/github": "^6.0.0",
-    "@babel/core": "^7.24.0",
-    "@changesets/changelog-github": "^0.4.4",
-    "@changesets/cli": "^2.22.0",
-    "@codemirror/lang-json": "^6.0.2",
-    "@commitlint/cli": "^17.4.4",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@eslint/js": "^9.25.1",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@size-limit/file": "^8.2.4",
-    "@size-limit/webpack": "^8.2.4",
-    "@size-limit/webpack-why": "^8.2.4",
-    "@sparticuz/chromium": "^137.0.1",
-    "@statoscope/cli": "^5.20.1",
-    "@storybook/addon-docs": "^10.2.3",
-    "@storybook/addon-links": "^10.2.3",
-    "@storybook/react-vite": "^10.2.3",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.7.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "14.6.1",
-    "@types/babel__core": "^7.20.5",
-    "@types/babel__helper-plugin-utils": "^7.10.3",
-    "@types/node": "^22.17.2",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@types/react-is": "^18.2.4",
-    "@types/react-test-renderer": "^18.0.7",
-    "@types/react-transition-group": "^4.4.10",
-    "@typescript-eslint/eslint-plugin": "^8.31.0",
-    "@typescript-eslint/parser": "^8.31.0",
-    "@uiw/react-codemirror": "^4.25.4",
-    "@vitejs/plugin-react": "^4.3.2",
-    "@vitest/coverage-v8": "^4.0.18",
-    "best-effort-json-parser": "^1.2.1",
-    "bytes": "^3.1.2",
-    "chromatic": "^13.1.4",
-    "csstype": "^3.1.2",
-    "dedent": "^0.7.0",
-    "eslint": "^9.25.1",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^10.2.3",
-    "globals": "^16.0.0",
-    "husky": "^6.0.0",
-    "lint-staged": "^10.0.0",
-    "markdown-table": "^3.0.3",
-    "npm-run-all": "^4.1.5",
-    "playwright": "^1.53.2",
-    "playwright-core": "^1.53.2",
-    "prettier": "^3.2.5",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-router": "^6.22.3",
-    "react-test-renderer": "^19.1.1",
     "remark-gfm": "^4.0.1",
-    "rimraf": "^6.0.1",
     "serve-handler": "^6.1.6",
-    "size-limit": "^8.2.6",
-    "storybook": "^10.2.3",
-    "storybook-addon-turbo-build": "^2.0.1",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.6.3",
+    "tiny-invariant": "^1.3.3",
     "typescript-eslint": "^8.31.0",
-    "vite": "^7.1.3",
-    "vitest": "^4.0.18"
+    "usehooks-ts": "^3.1.0",
+    "valid-url": "^1.0.9"
   },
-  "browserslist": [
-    "last 2 Chrome versions",
-    "last 2 Firefox versions",
-    "last 2 Safari major versions"
-  ],
   "license": "MIT",
-  "engines": {
-    "node": ">=22.14.0",
-    "pnpm": "^10.0.0"
-  }
-}
+  "type": "module",
+  "module": "./es/index.js",
+  "types": "./types/index.d.ts",
+  "main": "./es/index.js",
+  "exports": {
+    ".": {
+      "import": "./es/index.js",
+      "require": "./cjs/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./tasty/static": {
+      "import": "./es/tasty/static/index.js",
+      "types": "./types/tasty/static/index.d.ts"
+    },
+    "./tasty/zero/babel": {
+      "import": "./es/tasty/zero/babel.js",
+      "types": "./types/tasty/zero/babel.d.ts"
+    },
+    "./tasty.config": "./tasty.config.ts"
+  },
+  "private": false
+}

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

@@ -0,0 +1,9 @@
+export * from './use-deprecation-warning';
+export * from './use-event';
+export * from './use-sync-ref';
+export * from './use-chained-callback';
+export * from './use-timer';
+export * from './use-effect-once';
+export * from './use-warn';
+export * from './use-is-first-render';
+export * from './use-debounced-value';

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-debounced-value.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedValue<T>(value: T, delay?: number, maxWait?: number): T;

package/types/_internal/hooks/use-deprecation-warning.d.ts

@@ -0,0 +1,2 @@
+import { deprecationWarning } from '../../utils/warnings';
+export declare function useDeprecationWarning(...args: Parameters<typeof deprecationWarning>): void;

package/types/_internal/hooks/use-effect-once.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useEffectOnce(effect: EffectCallback): 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-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): boolean;

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/_internal/hooks/use-timer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './timer';
+export * from './use-timer';

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

@@ -0,0 +1,15 @@
+export declare class Timer {
+    private readonly callback;
+    private readonly delay;
+    private remaining;
+    private timerId;
+    private startTime;
+    private _status;
+    get status(): "paused" | "running" | "stopped";
+    private set status(value);
+    constructor(callback: () => unknown, delay: number);
+    reset(): void;
+    pause(): void;
+    resume(): void;
+    private clear;
+}

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

@@ -0,0 +1,10 @@
+import { Timer } from './timer';
+export type UseTimerProps = {
+    callback?: () => void;
+    delay?: number | null;
+    isDisabled?: boolean;
+    timer?: Timer | null;
+};
+export declare function useTimer(props?: UseTimerProps): {
+    readonly timer: Timer | null;
+};

package/types/_internal/hooks/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

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

@@ -0,0 +1,15 @@
+import { warn } from '../../utils/warnings';
+export type WarnKey = string | unknown[];
+export type WarnArgs = Parameters<typeof warn>;
+export type WarnParameters<T extends WarnKey = WarnKey> = {
+    /**
+     * If true, the warning will only be shown once per session.
+     * If false, the warning will be shown once for a component instance.
+     *
+     * @default true
+     */
+    once?: boolean;
+    key?: T;
+    args: [...WarnArgs];
+};
+export declare function useWarn<Condition, Key extends WarnKey>(condition: Condition, params: WarnParameters<Key>): void;

package/types/_internal/index.d.ts

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

package/types/components/Block.d.ts

@@ -0,0 +1,4 @@
+import { AllBaseProps, ContainerStyleProps } from '../tasty';
+export interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {
+}
+export declare const Block: import("react").ForwardRefExoticComponent<CubeBlockProps & import("react").RefAttributes<unknown>>;

package/types/components/CollectionItem.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+import { ItemProps } from 'react-stately';
+import { CubeItemProps } from './content/Item/Item';
+export interface CubeCollectionItemProps<T> extends ItemProps<T>, Omit<CubeItemProps, 'children'> {
+    onAction?: () => void;
+    wrapper?: (item: ReactElement) => ReactElement;
+    [key: string]: any;
+}
+/**
+ * Filters out service props from collection item props, returning only
+ * props that should be passed to the Item component.
+ *
+ * This eliminates the need to manually extract and pass Item props
+ * in components like MenuItem, ListBox Option, and Select Option.
+ *
+ * @param itemProps - The props from a collection item (node.props)
+ * @returns Filtered props safe to spread onto Item component
+ *
+ * @example
+ * ```tsx
+ * const itemProps = filterCollectionItemProps(item.props);
+ * return <Item {...itemProps} />;
+ * ```
+ */
+export declare function filterCollectionItemProps(itemProps: Record<string, any> | undefined): Record<string, any>;
+declare const _CollectionItem: (<T>(props: CubeCollectionItemProps<T>) => ReactElement) & {
+    Action: import("react").ForwardRefExoticComponent<Omit<import("./actions/ItemAction").CubeItemActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+    Badge: import("react").ForwardRefExoticComponent<import("./content/ItemBadge").CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { _CollectionItem as CollectionItem };

package/types/components/GlobalStyles.d.ts

@@ -0,0 +1,14 @@
+interface GlobalStylesProps {
+    bodyStyles?: {
+        [key: string]: string;
+    };
+    fonts?: boolean;
+    fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+    publicUrl?: string;
+    font?: string;
+    monospaceFont?: string;
+    /** @deprecated Tokens are now always applied via useGlobalStyles */
+    applyLegacyTokens?: boolean;
+}
+export declare function GlobalStyles(props: GlobalStylesProps): null;
+export {};

package/types/components/GridProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Styles } from '../tasty';
+export interface CubeGridProviderProps {
+    children: ReactNode;
+    columns?: number;
+    gap?: Styles['gap'];
+    width?: Styles['width'];
+    initialWidth?: Styles['width'];
+}
+export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<HTMLDivElement>>;