@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/index.js

@@ -1,160 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.notification = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.TooltipProvider = exports.TooltipTrigger = exports.Tooltip = exports.useDialogContainer = exports.DialogForm = exports.DialogContainer = exports.DialogTrigger = exports.Dialog = exports.Avatar = exports.ListBoxPopup = exports.Select = exports.MenuTrigger = exports.Menu = exports.Tag = exports.Badge = exports.CloudLogo = exports.Skeleton = exports.Placeholder = exports.Card = exports.Base64Upload = exports.Result = exports.Footer = exports.Header = exports.Content = exports.GridProvider = exports.Divider = exports.Suffix = exports.Prefix = exports.PrismDiffCode = exports.PrismCode = exports.Root = exports.ResizablePanel = exports.Panel = exports.Flow = exports.Space = exports.Link = exports.Flex = exports.Grid = exports.ActiveZone = exports.Block = exports.Section = exports.Item = void 0;
-exports.copy = exports.Portal = exports.useProviderProps = exports.Provider = exports.Paragraph = exports.Title = exports.Text = void 0;
-require("./version");
-const Text_1 = require("./components/content/Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-const Title_1 = require("./components/content/Title");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return Title_1.Title; } });
-const Paragraph_1 = require("./components/content/Paragraph");
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return Paragraph_1.Paragraph; } });
-var react_stately_1 = require("react-stately");
-Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return react_stately_1.Item; } });
-Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return react_stately_1.Section; } });
-__exportStar(require("@internationalized/date"), exports);
-// generic components
-var Block_1 = require("./components/Block");
-Object.defineProperty(exports, "Block", { enumerable: true, get: function () { return Block_1.Block; } });
-var ActiveZone_1 = require("./components/content/ActiveZone/ActiveZone");
-Object.defineProperty(exports, "ActiveZone", { enumerable: true, get: function () { return ActiveZone_1.ActiveZone; } });
-__exportStar(require("./components/content/CopySnippet"), exports);
-__exportStar(require("./components/content/CopyPasteBlock"), exports);
-var Grid_1 = require("./components/layout/Grid");
-Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
-var Flex_1 = require("./components/layout/Flex");
-Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return Flex_1.Flex; } });
-var Link_1 = require("./components/navigation/Link/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-var Space_1 = require("./components/layout/Space");
-Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return Space_1.Space; } });
-var Flow_1 = require("./components/layout/Flow");
-Object.defineProperty(exports, "Flow", { enumerable: true, get: function () { return Flow_1.Flow; } });
-var Panel_1 = require("./components/layout/Panel");
-Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return Panel_1.Panel; } });
-var ResizablePanel_1 = require("./components/layout/ResizablePanel");
-Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return ResizablePanel_1.ResizablePanel; } });
-var Root_1 = require("./components/Root");
-Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return Root_1.Root; } });
-var PrismCode_1 = require("./components/content/PrismCode/PrismCode");
-Object.defineProperty(exports, "PrismCode", { enumerable: true, get: function () { return PrismCode_1.PrismCode; } });
-var PrismDiffCode_1 = require("./components/content/PrismDiffCode/PrismDiffCode");
-Object.defineProperty(exports, "PrismDiffCode", { enumerable: true, get: function () { return PrismDiffCode_1.PrismDiffCode; } });
-var Prefix_1 = require("./components/layout/Prefix");
-Object.defineProperty(exports, "Prefix", { enumerable: true, get: function () { return Prefix_1.Prefix; } });
-var Suffix_1 = require("./components/layout/Suffix");
-Object.defineProperty(exports, "Suffix", { enumerable: true, get: function () { return Suffix_1.Suffix; } });
-var Divider_1 = require("./components/content/Divider");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
-var GridProvider_1 = require("./components/GridProvider");
-Object.defineProperty(exports, "GridProvider", { enumerable: true, get: function () { return GridProvider_1.GridProvider; } });
-var Content_1 = require("./components/content/Content");
-Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return Content_1.Content; } });
-var Header_1 = require("./components/content/Header");
-Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
-var Footer_1 = require("./components/content/Footer");
-Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_1.Footer; } });
-var Result_1 = require("./components/content/Result/Result");
-Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return Result_1.Result; } });
-// atoms
-__exportStar(require("./components/status"), exports);
-var Base64Upload_1 = require("./components/other/Base64Upload/Base64Upload");
-Object.defineProperty(exports, "Base64Upload", { enumerable: true, get: function () { return Base64Upload_1.Base64Upload; } });
-var Card_1 = require("./components/content/Card/Card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
-__exportStar(require("./components/actions"), exports);
-var Placeholder_1 = require("./components/content/Placeholder/Placeholder");
-Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
-var Skeleton_1 = require("./components/content/Skeleton/Skeleton");
-Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
-var CloudLogo_1 = require("./components/other/CloudLogo/CloudLogo");
-Object.defineProperty(exports, "CloudLogo", { enumerable: true, get: function () { return CloudLogo_1.CloudLogo; } });
-var Badge_1 = require("./components/content/Badge/Badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
-var Tag_1 = require("./components/content/Tag/Tag");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
-var Menu_1 = require("./components/pickers/Menu/Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
-var MenuTrigger_1 = require("./components/pickers/Menu/MenuTrigger");
-Object.defineProperty(exports, "MenuTrigger", { enumerable: true, get: function () { return MenuTrigger_1.MenuTrigger; } });
-var Select_1 = require("./components/fields/Select/Select");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
-Object.defineProperty(exports, "ListBoxPopup", { enumerable: true, get: function () { return Select_1.ListBoxPopup; } });
-var Avatar_1 = require("./components/content/Avatar/Avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
-var Dialog_1 = require("./components/overlays/Dialog");
-Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
-Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return Dialog_1.DialogTrigger; } });
-Object.defineProperty(exports, "DialogContainer", { enumerable: true, get: function () { return Dialog_1.DialogContainer; } });
-Object.defineProperty(exports, "DialogForm", { enumerable: true, get: function () { return Dialog_1.DialogForm; } });
-Object.defineProperty(exports, "useDialogContainer", { enumerable: true, get: function () { return Dialog_1.useDialogContainer; } });
-var Tooltip_1 = require("./components/overlays/Tooltip/Tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
-var TooltipTrigger_1 = require("./components/overlays/Tooltip/TooltipTrigger");
-Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return TooltipTrigger_1.TooltipTrigger; } });
-var TooltipProvider_1 = require("./components/overlays/Tooltip/TooltipProvider");
-Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return TooltipProvider_1.TooltipProvider; } });
-__exportStar(require("./components/content/Alert"), exports);
-// molecules
-var LegacyTabs_1 = require("./components/navigation/LegacyTabs/LegacyTabs");
-Object.defineProperty(exports, "LegacyTabs", { enumerable: true, get: function () { return LegacyTabs_1.LegacyTabs; } });
-var FileTabs_1 = require("./components/organisms/FileTabs/FileTabs");
-Object.defineProperty(exports, "FileTabs", { enumerable: true, get: function () { return FileTabs_1.FileTabs; } });
-var Modal_1 = require("./components/organisms/Modal/Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var StatsCard_1 = require("./components/organisms/StatsCard/StatsCard");
-Object.defineProperty(exports, "StatsCard", { enumerable: true, get: function () { return StatsCard_1.StatsCard; } });
-var AlertDialog_1 = require("./components/overlays/AlertDialog");
-Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
-Object.defineProperty(exports, "useAlertDialogAPI", { enumerable: true, get: function () { return AlertDialog_1.useAlertDialogAPI; } });
-// services
-var notification_1 = require("./services/notification");
-Object.defineProperty(exports, "notification", { enumerable: true, get: function () { return notification_1.notification; } });
-__exportStar(require("./tasty"), exports);
-exports.Typography = {
-    Text: Text_1.Text,
-    Title: Title_1.Title,
-    Paragraph: Paragraph_1.Paragraph,
-};
-var provider_1 = require("./provider");
-Object.defineProperty(exports, "Provider", { enumerable: true, get: function () { return provider_1.Provider; } });
-Object.defineProperty(exports, "useProviderProps", { enumerable: true, get: function () { return provider_1.useProviderProps; } });
-var portal_1 = require("./components/portal");
-Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return portal_1.Portal; } });
-__exportStar(require("./components/fields"), exports);
-__exportStar(require("./utils/react"), exports);
-__exportStar(require("./tasty"), exports);
-var clipboard_copy_1 = require("clipboard-copy");
-Object.defineProperty(exports, "copy", { enumerable: true, get: function () { return __importDefault(clipboard_copy_1).default; } });
-__exportStar(require("@react-aria/ssr"), exports);
-__exportStar(require("./components/overlays/NewNotifications"), exports);
-__exportStar(require("./components/overlays/Toasts"), exports);
-__exportStar(require("./shared"), exports);
-__exportStar(require("./icons"), exports);
-__exportStar(require("./components/form"), exports);
-
-        

package/cjs/provider.js

@@ -1,60 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIKitContext = void 0;
-exports.Provider = Provider;
-exports.useProviderProps = useProviderProps;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("./tasty");
-exports.UIKitContext = (0, react_1.createContext)({});
-function Provider(allProps) {
-    let { breakpoints, children, insideForm, isDisabled, isReadOnly, isRequired, validationState, router, root, ref, } = allProps;
-    const parentContext = (0, react_1.useContext)(exports.UIKitContext);
-    if (breakpoints) {
-        children = ((0, jsx_runtime_1.jsx)(tasty_1.BreakpointsProvider, { value: breakpoints, children: children }));
-    }
-    const props = (0, react_1.useMemo)(() => ({
-        ref,
-        breakpoints,
-        insideForm,
-        isDisabled,
-        isReadOnly,
-        isRequired,
-        validationState,
-        router,
-        root,
-    }), [
-        ref,
-        breakpoints,
-        insideForm,
-        isDisabled,
-        isReadOnly,
-        isRequired,
-        validationState,
-        router,
-        root,
-    ]);
-    const newValue = (0, react_1.useMemo)(() => {
-        let newValue = Object.assign({}, parentContext);
-        Object.keys(props).forEach((key) => {
-            if (props[key] != null) {
-                newValue[key] = props[key];
-            }
-        });
-        return newValue;
-    }, [parentContext, props]);
-    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }));
-}
-function useProviderProps(props) {
-    const contextProps = (0, react_1.useContext)(exports.UIKitContext);
-    return { ...contextProps, ...props };
-}
-
-        

package/cjs/providers/TrackingProvider.js

@@ -1,31 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrackingContext = void 0;
-exports.TrackingProvider = TrackingProvider;
-exports.useTracking = useTracking;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.TrackingContext = (0, react_1.createContext)({
-    event() {
-        // noop
-    },
-});
-function TrackingProvider({ children, event, }) {
-    const tracking = (0, react_1.useMemo)(() => ({ event }), [event]);
-    if (!event)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-    return ((0, jsx_runtime_1.jsx)(exports.TrackingContext.Provider, { value: tracking, children: children }));
-}
-function useTracking() {
-    const tracking = (0, react_1.useContext)(exports.TrackingContext);
-    return tracking;
-}
-
-        

package/cjs/services/notification.js

@@ -1,70 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.notification = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("react-dom/client");
-const react_transition_group_1 = require("react-transition-group");
-const Notification_1 = require("../components/overlays/Notification/Notification");
-let ID = 0;
-/**
- * @deprecated consider using `useNotificationsApi` instead
- */
-exports.notification = {
-    root: null,
-    defaultOptions: {
-        duration: 5000,
-    },
-    items: [],
-    init() {
-        if (this.root)
-            return;
-        this.root = document.createElement('div');
-        this.root.classList.add('cube-notification-container');
-        document.body.appendChild(this.root);
-        this._render([]);
-    },
-    render() {
-        this.init();
-        this._render();
-    },
-    _render(items) {
-        if (!items) {
-            items = this.items;
-        }
-        if (!this.root)
-            return;
-        const root = (0, client_1.createRoot)(this.root);
-        root.render((0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { className: "cube-notifications", children: items.map((item) => ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { timeout: 400, classNames: "cube-notification", children: (0, jsx_runtime_1.jsx)(Notification_1.Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }) }, item.id))) }));
-    },
-    show(type, message, options = {}) {
-        options = Object.assign({}, this.defaultOptions, options);
-        const id = ++ID;
-        this.items.push({ id, type, message });
-        this.render();
-        setTimeout(() => {
-            this.close(id);
-        }, options.duration);
-    },
-    close(id) {
-        this.items = this.items.filter((item) => item.id !== id);
-        this.render();
-    },
-    success(message, options) {
-        this.show('success', message, options);
-    },
-    danger(message, options) {
-        this.show('danger', message, options);
-    },
-    info(message, options) {
-        this.show('note', message, options);
-    },
-};
-
-        

package/cjs/shared/form.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/shared/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./form"), exports);
-
-        

package/cjs/stories/Form.stories.js

@@ -1,92 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFormExample = exports.HorizontalLoginForm = exports.SimpleValidation = exports.LoginForm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../index");
-const DialogFormApp_1 = require("./components/DialogFormApp");
-const FormFieldArgs_1 = require("./FormFieldArgs");
-exports.default = {
-    title: 'Forms/Form',
-    component: index_1.Form,
-    argTypes: {
-        ...FormFieldArgs_1.DISABLE_BASE_ARGS,
-    },
-};
-exports.LoginForm = {
-    // 1s of submitting
-    render: (args) => ((0, jsx_runtime_1.jsxs)(index_1.Form, { requiredMark: false, onSubmit: () => {
-            return new Promise((resolve) => {
-                setTimeout(resolve, 1000);
-            });
-        }, ...args, children: [(0, jsx_runtime_1.jsx)(index_1.Field, { label: "Email", name: "email", rules: [
-                    {
-                        required: true,
-                        message: 'E-mail required',
-                    },
-                    {
-                        type: 'email',
-                        message: 'Please enter a valid e-mail',
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { type: "email" }) }), (0, jsx_runtime_1.jsx)(index_1.Field, { label: "Password", name: "password", rules: [
-                    {
-                        required: true,
-                        message: 'Password required',
-                    },
-                    {
-                        min: 8,
-                        message: 'The password must be at least 8 characters',
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Password, { type: "password" }) }), (0, jsx_runtime_1.jsxs)(index_1.Space, { children: [(0, jsx_runtime_1.jsx)(index_1.SubmitButton, { children: "Submit" }), (0, jsx_runtime_1.jsx)(index_1.ResetButton, { children: "Reset" })] })] })),
-    name: 'LoginForm',
-};
-exports.SimpleValidation = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(index_1.Form, { onSubmit: (data) => {
-            console.log('! Submit', data);
-        }, ...args, children: [(0, jsx_runtime_1.jsx)(index_1.Form.Item, { name: "test", label: "Test", rules: [
-                    {
-                        validator(rule, value) {
-                            return value ? Promise.resolve() : Promise.reject('Required');
-                        },
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.TextInput, {}) }), (0, jsx_runtime_1.jsxs)(index_1.Space, { children: [(0, jsx_runtime_1.jsx)(index_1.SubmitButton, { children: "Submit" }), (0, jsx_runtime_1.jsx)(index_1.ResetButton, { children: "Reset" })] }), (0, jsx_runtime_1.jsx)(index_1.Form.SubmitError, {})] })),
-};
-exports.HorizontalLoginForm = {
-    // 1s of submitting
-    render: (args) => ((0, jsx_runtime_1.jsxs)(index_1.Form, { orientation: "horizontal", labelPosition: "side", requiredMark: false, onSubmit: () => {
-            return new Promise((resolve) => {
-                setTimeout(resolve, 1000);
-            });
-        }, ...args, children: [(0, jsx_runtime_1.jsx)(index_1.Field, { label: "Email", name: "email", rules: [
-                    {
-                        required: true,
-                        message: 'E-mail required',
-                    },
-                    {
-                        type: 'email',
-                        message: 'Please enter a valid e-mail',
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { type: "email", size: "small" }) }), (0, jsx_runtime_1.jsx)(index_1.Field, { label: "Password", name: "password", rules: [
-                    {
-                        required: true,
-                        message: 'Password required',
-                    },
-                    {
-                        min: 8,
-                        message: 'The password must be at least 8 characters',
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Password, { type: "password", size: "small" }) }), (0, jsx_runtime_1.jsx)(index_1.SubmitButton, { size: "small", children: "Submit" })] })),
-    name: 'HorizontalLoginForm',
-};
-exports.DialogFormExample = {
-    render: () => (0, jsx_runtime_1.jsx)(DialogFormApp_1.DialogFormApp, {}),
-    name: 'DialogFormApp',
-};
-
-