npm - @cube-dev/ui-kit - Versions diffs - 0.23.2 → 0.24.1 - Mend

@cube-dev/ui-kit 0.23.2 → 0.24.1

Files changed (626) hide show

package/cjs/components/content/CopyPasteBlock/CopyPasteBlock.js ADDED Viewed

@@ -0,0 +1,169 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.24.1
+ * Released under the MIT license.
+ */
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyPasteBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dnd_1 = require("@react-aria/dnd");
+const icons_1 = require("@ant-design/icons");
+const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
+const actions_1 = require("../../actions");
+const Card_1 = require("../Card/Card");
+const tasty_1 = require("../../../tasty");
+const Toasts_1 = require("../../overlays/Toasts");
+const _internal_1 = require("../../../_internal");
+const StyledBlock = (0, tasty_1.tasty)({
+    styles: {
+        display: 'grid',
+        flow: 'column',
+        placeContent: 'center space-between',
+        placeItems: 'center stretch',
+        gap: '1x',
+        position: 'relative',
+        maxWidth: '100%',
+        color: 'inherit',
+        padding: '0 1.5x',
+        height: {
+            '': '4.5x',
+            '[data-size="small"]': '3.5x',
+            '[data-size="large"]': '5.5x',
+        },
+        userSelect: 'none',
+        Label: {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+        },
+    },
+});
+const CopyPasteBlockElement = (0, tasty_1.tasty)(Card_1.Card, {
+    qa: 'CopyPasteBlock',
+    styles: {
+        display: 'block',
+        fill: '#grey-light',
+        radius: '1r',
+        padding: 0,
+        color: {
+            '': '#dark',
+            error: '#danger-text',
+        },
+        border: {
+            '': '2px dashed #dark-04',
+            ':focus': '2px dashed #purple-text',
+            error: '2px dashed #danger',
+        },
+        transition: 'theme',
+        cursor: 'pointer',
+        preset: {
+            '': 't3',
+            '[data-size="large"]': 't2',
+        },
+        height: {
+            '': '5x',
+            '[data-size="small"]': '4x',
+            '[data-size="large"]': '6x',
+        },
+        boxSizing: 'border-box',
+        Grid: {
+            display: 'grid',
+            flow: 'row',
+            gridColumns: 'minmax(0, 1fr) min-content',
+            placeContent: 'center stretch',
+            width: 'min 20x',
+            radius: '1r',
+            position: 'relative',
+        },
+        Shortcut: {
+            display: {
+                '': 'none',
+                ':focus & !error': 'inline',
+            },
+        },
+    },
+});
+const CopyButton = (0, tasty_1.tasty)(actions_1.Button, {
+    type: 'clear',
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0),
+    'aria-label': 'Copy to clipboard',
+    styles: {
+        placeSelf: {
+            '': 'none',
+            '!multiline & !with-scroll': 'stretch',
+        },
+        border: '#clear',
+        outline: {
+            '': '#purple-03.0',
+            'focused & focus-visible': '#purple-03 inset',
+        },
+        radius: {
+            '': '0 1r 1r 0',
+            'multiline | with-scroll': '0 1r 0 0',
+        },
+        height: {
+            '': '4.5x',
+            '[data-size="small"]': '3.5x',
+            '[data-size="large"]': '4.5x',
+        },
+    },
+});
+function CopyPasteBlock(allProps, ref) {
+    const { value = '', onPaste, placeholder, title, size = 'medium', ...props } = allProps;
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.POSITION_STYLES);
+    const [error, setError] = (0, react_1.useState)(null);
+    const { clipboardProps } = (0, dnd_1.useClipboard)({
+        async onPaste(items) {
+            let pasted = await Promise.all(items
+                .filter((item) => item.kind === 'text' && item.types.has('text/plain'))
+                .map((item) => item.getText('text/plain')));
+            try {
+                await onPaste?.(pasted.join('\n'));
+            }
+            catch (e) {
+                setError(String(e));
+            }
+        },
+        getItems() {
+            return value
+                ? [
+                    {
+                        'text/plain': value,
+                    },
+                ]
+                : [];
+        },
+        onCopy() {
+            if (value) {
+                toast.success(`${title || 'Text'} copied`);
+            }
+        },
+    });
+    (0, _internal_1.useTimer)({
+        delay: 1000,
+        callback() {
+            setError(null);
+        },
+        isDisabled: !error,
+    });
+    const { toast } = (0, Toasts_1.useToastsApi)();
+    async function onCopy() {
+        await (0, clipboard_copy_1.default)(value);
+        toast.success(`${title || 'Text'} copied`);
+    }
+    const pristineValue = value.replace(/\n/, ' ');
+    return ((0, jsx_runtime_1.jsx)(CopyPasteBlockElement, { ref: ref, mods: { error: !!error }, "data-size": size, styles: styles, tabIndex: "0", ...props, ...clipboardProps, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsxs)(StyledBlock, { "data-size": size, mods: {
+                        placeholder: !!placeholder || !value,
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder ? placeholder : 'Select and paste' }, void 0)) }, void 0), (0, jsx_runtime_1.jsxs)("span", { "data-element": "Shortcut", children: [(0, jsx_runtime_1.jsx)("kbd", { children: "Cmd" }, void 0), " + ", (0, jsx_runtime_1.jsx)("kbd", { children: "V" }, void 0)] }, void 0)] }, void 0), value && !error && ((0, jsx_runtime_1.jsx)(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0))] }, void 0) }, void 0));
+}
+const _CopyPasteBlock = (0, react_1.forwardRef)(CopyPasteBlock);
+exports.CopyPasteBlock = _CopyPasteBlock;

package/cjs/components/content/CopyPasteBlock/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.24.1
+ * Released under the MIT license.
+ */
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./CopyPasteBlock"), exports);

package/cjs/components/content/CopySnippet/CopySnippet.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/CopySnippet/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Divider.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Footer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Paragraph.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Placeholder/Placeholder.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/PrismCode/PrismCode.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Result/Result.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Tag/Tag.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/content/Title.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Checkbox/Checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Checkbox/CheckboxGroup.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Checkbox/context.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DateInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DateInputBase.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DatePicker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DatePickerButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DatePickerInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DatePickerSegment.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/DateRangePicker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/TimeInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/intl.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/parseDate.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/props.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/DatePicker/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/FieldWrapper/FieldWrapper.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/FieldWrapper/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/FieldWrapper/types.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/FileInput/FileInput.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/Field.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/Form.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/Submit/Submit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/Submit/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/SubmitError.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/types.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/use-field/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/use-field/types.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/use-field/use-field-props.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/use-field/use-field.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */

package/cjs/components/forms/Form/use-form.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.2
+ * @cube-dev/ui-kit v0.24.1
  * Released under the MIT license.
  */