@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/_internal/hooks/use-timer/index.js

@@ -1,27 +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("./timer"), exports);
-__exportStar(require("./use-timer"), exports);
-
-        

package/cjs/_internal/hooks/use-timer/timer.js

@@ -1,61 +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.Timer = void 0;
-class Timer {
-    get status() {
-        return this._status;
-    }
-    set status(status) {
-        this._status = status;
-    }
-    constructor(callback, delay) {
-        this.timerId = null;
-        this.startTime = null;
-        this._status = 'stopped';
-        this.callback = callback;
-        this.delay = delay;
-        this.remaining = delay;
-        this.resume();
-    }
-    reset() {
-        this.clear();
-        this.remaining = this.delay;
-        this.status = 'stopped';
-    }
-    pause() {
-        if (this.timerId === null || this.startTime === null) {
-            return;
-        }
-        this.clear();
-        this.remaining -= Date.now() - this.startTime;
-        this.status = 'paused';
-    }
-    resume() {
-        if (this.timerId !== null)
-            return;
-        this.startTime = Date.now();
-        this.clear();
-        this.timerId = setTimeout(() => {
-            this.reset();
-            this.callback();
-        }, this.remaining);
-        this.status = 'running';
-    }
-    clear() {
-        if (this.timerId === null) {
-            return;
-        }
-        clearTimeout(this.timerId);
-        this.timerId = null;
-    }
-}
-exports.Timer = Timer;
-
-        

package/cjs/_internal/hooks/use-timer/use-timer.js

@@ -1,48 +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.useTimer = useTimer;
-const react_1 = require("react");
-const use_event_1 = require("../use-event");
-const timer_1 = require("./timer");
-function useTimer(props = {}) {
-    const { callback, delay, isDisabled, timer: propsTimer = null } = props;
-    const callbackEvent = (0, use_event_1.useEvent)(() => callback?.());
-    const [timer, setTimer] = (0, react_1.useState)(() => {
-        if (propsTimer) {
-            return propsTimer;
-        }
-        if (typeof delay === 'number') {
-            return new timer_1.Timer(callbackEvent, delay);
-        }
-        return null;
-    });
-    if (isDisabled) {
-        timer?.reset();
-    }
-    else {
-        timer?.resume();
-    }
-    (0, react_1.useEffect)(() => {
-        setTimer(propsTimer);
-        return () => timer?.reset();
-    }, [propsTimer]);
-    (0, react_1.useEffect)(() => {
-        if (propsTimer)
-            return;
-        if (typeof delay === 'number') {
-            setTimer(new timer_1.Timer(callbackEvent, delay));
-        }
-        return () => timer?.reset();
-    }, [delay, propsTimer]);
-    (0, react_1.useEffect)(() => () => timer?.reset(), [timer]);
-    return { timer };
-}
-
-        

package/cjs/_internal/hooks/use-update-effect.js

@@ -1,23 +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.useUpdateEffect = useUpdateEffect;
-const react_1 = require("react");
-const use_is_first_render_1 = require("./use-is-first-render");
-function useUpdateEffect(effect, deps) {
-    const isFirst = (0, use_is_first_render_1.useIsFirstRender)();
-    (0, react_1.useEffect)(() => {
-        if (!isFirst) {
-            return effect();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-}
-
-        

package/cjs/_internal/hooks/use-warn.js

@@ -1,42 +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.useWarn = useWarn;
-const react_1 = require("react");
-const warnings_1 = require("../../utils/warnings");
-const use_event_1 = require("./use-event");
-const GLOBAL_WARNED = new Set();
-function useWarn(condition, params) {
-    const { once = true, key, args } = params;
-    const hasWarnedRef = (0, react_1.useRef)(false);
-    const execute = (0, use_event_1.useEvent)((condition, args) => {
-        if (condition) {
-            (0, warnings_1.warn)(...args);
-            return true;
-        }
-        return false;
-    });
-    if (once) {
-        const keyString = JSON.stringify(key);
-        if (GLOBAL_WARNED.has(keyString))
-            return;
-        if (execute(condition, args)) {
-            GLOBAL_WARNED.add(keyString);
-            return;
-        }
-    }
-    if (hasWarnedRef.current)
-        return;
-    if (execute(condition, args)) {
-        hasWarnedRef.current = true;
-        return;
-    }
-}
-
-        

package/cjs/_internal/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("./hooks"), exports);
-
-        

package/cjs/components/Block.js

@@ -1,24 +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.Block = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../tasty");
-const BlockElement = (0, tasty_1.tasty)({
-    styles: {
-        display: 'block',
-    },
-});
-exports.Block = (0, react_1.forwardRef)(function Block(props, ref) {
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(BlockElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-
-        

package/cjs/components/GlobalStyles.js

@@ -1,385 +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.GlobalStyles = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = require("styled-components");
-const tokens_1 = require("../tokens");
-const BODY_STYLES = {
-    'overscroll-behavior-y': 'none',
-    'background-color': 'white !important',
-    'font-family': 'var(--font)',
-    '-webkit-font-smoothing': 'antialiased',
-    '-moz-osx-font-smoothing': 'grayscale',
-    margin: '0',
-    padding: '0',
-    color: 'var(--dark-02-color)',
-    'font-size': '14px',
-    'line-height': '20px',
-    'letter-spacing': '0.02em',
-    'font-weight': '400',
-};
-const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => `
-  @font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/Inter-Regular.woff2) format('woff2'),
-      url(${publicUrl}/fonts/Inter-Regular.woff) format('woff');
-  }
-  @font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 500;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/Inter-Medium.woff2) format('woff2'),
-      url(${publicUrl}/fonts/Inter-Medium.woff) format('woff');
-  }
-  @font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 600;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/Inter-SemiBold.woff2) format('woff2'),
-      url(${publicUrl}/fonts/Inter-SemiBold.woff) format('woff');
-  }
-  @font-face {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 700;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/Inter-Bold.woff2) format('woff2'),
-      url(${publicUrl}/fonts/Inter-Bold.woff) format('woff');
-  }
-  @font-face {
-    font-family: 'Source Code Pro';
-    src: url('${publicUrl}/fonts/SourceCodePro-Regular.woff2') format('woff2'),
-      url('${publicUrl}/fonts/SourceCodePro-Regular.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-    font-display: ${fontDisplay};
-  }
-
-  @font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 400;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/JetBrainsMono-Regular.woff2) format('woff2'),
-      url(${publicUrl}/fonts/JetBrainsMono-Regular.woff) format('woff');
-  }
-
-  @font-face {
-    font-family: 'JetBrains Mono';
-    font-style: normal;
-    font-weight: 700;
-    font-display: ${fontDisplay};
-    src: url(${publicUrl}/fonts/JetBrainsMono-Bold.woff2) format('woff2'),
-      url(${publicUrl}/fonts/JetBrainsMono-Bold.woff) format('woff');
-  }
-
-  @font-face {
-    font-family: 'text-security-disc';
-    src: url(${publicUrl}/fonts/text-security-disc.woff2) format('woff2'),
-      url(${publicUrl}/fonts/text-security-disc.woff) format('woff');
-  }
-`;
-const GlobalStylesElement = (0, styled_components_1.createGlobalStyle) `
-  body {
-    ${({ $applyLegacyTokens }) => {
-    return $applyLegacyTokens
-        ? Object.entries(tokens_1.TOKENS)
-            .map(([key, value]) => {
-            // `inherit` value in custom property is reserved for inheritance behavior
-            if (value === 'inherit') {
-                // so we should rewrite it to contain the actual `inherit` value.
-                value = `var(--non-existent-${key}, inherit)`;
-            }
-            return `--${key}: ${value};`;
-        })
-            .join('\n    ')
-        : '';
-}}
-    ${({ $bodyStyles }) => {
-    return Object.entries({ ...BODY_STYLES, ...$bodyStyles })
-        .map(([key, value]) => {
-        return `${key}: ${value};`;
-    })
-        .join('\n    ');
-}}
-  }
-
-  html {
-    overscroll-behavior-y: none;
-    --font: ${({ $font }) => $font ||
-    'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    --monospace-font: ${({ $monospaceFont }) => `${$monospaceFont ? `${$monospaceFont}, ` : ''}Menlo, Monaco, Consolas, 'Courier New', monospace;`}
-  }
-
-  kbd {
-    font-family: var(--c2-font-family);
-    font-weight: var(--c2-font-weight);
-    font-size: var(--c2-font-size);
-    border: var(--border-width) solid var(--dark-04-color);
-    background-color: white;
-    color: var(--dark-color);
-    border-radius: var(--radius);
-    padding: 0 var(--outline-width);
-  }
-
-  .cube-animation-spin {
-    animation: cube-animation-spin 1s linear infinite;
-  }
-
-  @keyframes cube-animation-spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-  }
-
-  .cube-notification-container {
-    min-width: 288px;
-    max-width: 340px;
-    width: calc(100vw - 32px);
-    position: fixed;
-    top: 32px;
-    right: 16px;
-    z-index: 999999;
-  }
-
-  .cube-notifications {
-    display: grid;
-    grid-auto-flow: row;
-    grid-template-columns: 1fr;
-  }
-
-  .cube-notification-enter {
-    opacity: 0;
-    max-height: 0px;
-    margin-bottom: 0px;
-    transform: translate(100%, 0);
-  }
-
-  .cube-notification-enter-active {
-    opacity: 1;
-    max-height: 56px;
-    margin-bottom: 8px;
-    transform: translate(0, 0);
-    transition: all 300ms ease-in;
-
-    & > * {
-      margin-bottom: 0px;
-    }
-  }
-
-  .cube-notification-exit {
-    opacity: 1;
-    margin-bottom: 8px;
-    max-height: 56px;
-    transform: translate(0, 0);
-  }
-
-  .cube-notification-exit-active {
-    opacity: 0;
-    max-height: 0px;
-    margin-bottom: 0px;
-    transform: translate(100%, 0);
-    transition: all 300ms ease-in;
-
-    & > * {
-      margin-bottom: 0px;
-    }
-  }
-
-  b, strong {
-    font-weight: var(--bold-font-weight, 700);
-  }
-
-  [type=reset], [type=submit], button, html [type=button] {
-    -webkit-appearance: none;
-  }
-
-  code {
-    font-family: var(--monospace-font);
-  }
-
-  ${({ $fonts, $publicUrl, $fontDisplay }) => $fonts === false
-    ? ''
-    : fontsProvider({
-        publicUrl: $publicUrl,
-        ...($fontDisplay ? { fontDisplay: $fontDisplay } : {}),
-    })}
-    // Prism Code
-  code[class*="language-"],
-  pre[class*="language-"] {
-    color: var(--dark-color);
-    background: none;
-    font-family: var(--monospace-font);
-    text-align: left;
-    font-weight: normal;
-    font-size: 14px;
-    line-height: 20px;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    border-radius: 6px;
-    border: none;
-
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-  }
-
-  pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-  code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-    text-shadow: none;
-    background: rgba(var(--purple-color-rgb), .2);
-  }
-
-  pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-  code[class*="language-"]::selection, code[class*="language-"] ::selection {
-    text-shadow: none;
-    background: rgba(var(--purple-color-rgb), .2);
-  }
-
-  @media print {
-    code[class*="language-"],
-    pre[class*="language-"] {
-      text-shadow: none;
-    }
-  }
-
-  /* Code blocks */
-  pre[class*="language-"] {
-    overflow: auto;
-  }
-
-  :not(pre) > code[class*="language-"],
-  pre[class*="language-"] {
-    background: transparent;
-  }
-
-  /* Inline code */
-  :not(pre) > code[class*="language-"] {
-    border-radius: .3em;
-    white-space: normal;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: var(--dark-03-color);
-  }
-
-  .token.tag,
-  .token.operator,
-  .token.punctuation {
-    color: #993388;
-  }
-
-  .namespace {
-    opacity: .7;
-  }
-
-  .token.property,
-  .token.boolean,
-  .token.constant,
-  .token.symbol,
-  .token.key,
-  .token.keyword,
-  .token.deleted {
-    color: var(--pink-color);
-  }
-
-  .token.entity,
-  .token.number {
-    color: #30A666;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: var(--purple-text-color);
-  }
-
-  .token.url,
-  .language-css .token.string,
-  .style .token.string {
-    color: var(--dark-color);
-  }
-
-  .token.attr-value {
-    color: var(--dark-color);
-  }
-
-  .token.atrule,
-  .token.keyword {
-    font-weight: 500;
-  }
-
-  .token.function,
-  .token.class-name {
-    color: var(--pink-color);
-  }
-
-  .token.regex,
-  .token.important,
-  .token.variable {
-    color: var(--pink-color);
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: bold;
-  }
-
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-
-  .token.inserted-sign {
-    background-color: #e6ffed;
-    color: #30A666;
-  }
-
-  .token.deleted-sign {
-    background-color: #ffeef0;
-    color: (--danger-color);
-  }
-`;
-const GlobalStyles = (props) => {
-    const newProps = {};
-    Object.entries(props).forEach(([key, value]) => {
-        if (value !== undefined) {
-            newProps[`$${key}`] = value;
-        }
-    });
-    return (0, jsx_runtime_1.jsx)(GlobalStylesElement, { ...newProps });
-};
-exports.GlobalStyles = GlobalStyles;
-
-