npm - @cube-dev/ui-kit - Versions diffs - 0.23.1 → 0.24.0 - Mend

@cube-dev/ui-kit 0.23.1 → 0.24.0

Files changed (622) hide show

package/es/components/content/Content.js CHANGED Viewed

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

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

@@ -0,0 +1,143 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.24.0
+ * Released under the MIT license.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useClipboard } from '@react-aria/dnd';
+import { CopyOutlined } from '@ant-design/icons';
+import copy from 'clipboard-copy';
+import { Button } from '../../actions';
+import { Card } from '../Card/Card';
+import { tasty } from '../../../tasty';
+import { useToastsApi } from '../../overlays/Toasts';
+import { useTimer } from '../../../_internal';
+const StyledBlock = tasty({
+    styles: {
+        position: 'relative',
+        maxWidth: '100%',
+        color: 'inherit',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
+});
+const ButtonContainer = tasty({
+    styles: {
+        position: 'relative',
+        display: 'grid',
+        gridAutoFlow: 'column',
+        margin: '(-1x - 1bw) -1.5x (-1x - 1bw) -1x',
+    },
+});
+const CopyPasteBlockElement = tasty(Card, {
+    qa: 'CopyPasteBlock',
+    styles: {
+        display: 'block',
+        fill: '#grey-light',
+        radius: '1r',
+        padding: 0,
+        color: {
+            '': '#dark',
+            error: '#danger-text',
+        },
+        border: {
+            '': true,
+            ':focus': '#purple',
+            'error & :focus': '#danger',
+        },
+        transition: 'theme',
+        cursor: 'pointer',
+        Grid: {
+            display: 'grid',
+            flow: 'row',
+            gridColumns: 'minmax(0, 1fr) auto',
+            width: 'min 20x',
+            radius: '1r',
+            position: 'relative',
+            overflow: 'hidden',
+        },
+    },
+});
+const ActionButton = tasty(Button, {
+    type: 'clear',
+    styles: {
+        padding: '1x 1.5x',
+        radius: 0,
+        placeSelf: {
+            '': 'none',
+            '!multiline & !with-scroll': 'stretch',
+        },
+        border: '#clear',
+        outline: {
+            '': '#purple-03.0',
+            'focused & focus-visible': '#purple-03 inset',
+        },
+    },
+});
+const CopyButton = tasty(ActionButton, {
+    icon: _jsx(CopyOutlined, {}, void 0),
+    'aria-label': 'Copy to clipboard',
+    styles: {
+        radius: {
+            '': '0 1r 1r 0',
+            'multiline | with-scroll': '0 1r 0 0',
+        },
+    },
+});
+function CopyPasteBlock(allProps) {
+    const { value = '', onPaste, placeholder, padding = '1.125x 1.5x', title, styles, ...props } = allProps;
+    const [error, setError] = useState(null);
+    const { clipboardProps } = 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`);
+            }
+        },
+    });
+    useTimer({
+        delay: 1000,
+        callback() {
+            setError(null);
+        },
+        isDisabled: !error,
+    });
+    const { toast } = useToastsApi();
+    async function onCopy() {
+        await copy(value);
+        toast.success(`${title || 'Text'} copied`);
+    }
+    const pristineValue = value.replace(/\n/, ' ');
+    return (_jsx(CopyPasteBlockElement, { mods: { error: !!error }, styles: { preset: 'default', ...styles }, tabIndex: "0", ...props, ...clipboardProps, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: {
+                        placeholder: !!placeholder || !value,
+                    }, styles: { padding }, children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : (_jsxs(_Fragment, { children: [placeholder ? placeholder : 'Select and paste', " ", _jsx("kbd", { children: "Cmd" }, void 0), " +", ' ', _jsx("kbd", { children: "V" }, void 0)] }, void 0)) }, void 0), _jsx(ButtonContainer, { styles: { padding }, children: _jsx(CopyButton, { isDisabled: !value, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
+}
+const _CopyPasteBlock = Object.assign(CopyPasteBlock, {
+    Button: ActionButton,
+});
+export { _CopyPasteBlock as CopyPasteBlock };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
@@ -149,7 +149,6 @@ function Checkbox(props, ref) {
                 as: 'label',
                 labelPosition,
                 label,
-                children,
                 extra,
                 styles,
                 isRequired,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/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.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/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.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */

package/es/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.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */

package/es/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.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */

package/es/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.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */

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

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

package/es/components/forms/Form/validation.js CHANGED Viewed

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

package/es/components/forms/Input/Input.js CHANGED Viewed

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

package/es/components/forms/Input/index.js CHANGED Viewed

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