@cube-dev/ui-kit 0.14.0 → 0.14.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @cube-dev/ui-kit
 
+## 0.14.2
+
+### Patch Changes
+
+- [#240](https://github.com/cube-js/cube-ui-kit/pull/240) [`d2369ba`](https://github.com/cube-js/cube-ui-kit/commit/d2369baae76de2abecfc865a91e2cac8d06d4d05) Thanks [@tenphi](https://github.com/tenphi)! - Add text security support in the TextArea component for Firefox
+
+## 0.14.1
+
+### Patch Changes
+
+- [#239](https://github.com/cube-js/cube-ui-kit/pull/239) [`8a31e19`](https://github.com/cube-js/cube-ui-kit/commit/8a31e1970eaed1a4afd77360b8d9e2ed85934be6) Thanks [@tenphi](https://github.com/tenphi)! - Fix `inherit` token values, so they mean what is meant.
+
+- [#237](https://github.com/cube-js/cube-ui-kit/pull/237) [`c079e38`](https://github.com/cube-js/cube-ui-kit/commit/c079e38fa9cac4e89554ae7d440f175106d4286c) Thanks [@tenphi](https://github.com/tenphi)! - Add ellipsis for long filenames in FileInput and prevent wrapping.
+
+- [#233](https://github.com/cube-js/cube-ui-kit/pull/233) [`4578e97`](https://github.com/cube-js/cube-ui-kit/commit/4578e97b3ec5790b88850b5310b67a8fa983411e) Thanks [@tenphi](https://github.com/tenphi)! - [BUMP] Upgrade tiny-invariant from 1.2.0 to 1.3.1
+
 ## 0.14.0
 
 ### Minor Changes

package/cjs/_internal/hooks/index.js

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

package/cjs/_internal/hooks/use-chained-callback.js

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

package/cjs/_internal/hooks/use-deprecation-warning.js

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

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

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

package/cjs/_internal/hooks/use-sync-ref.js

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

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

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

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

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

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

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

package/cjs/_internal/index.js

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

package/cjs/components/Base.js

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

package/cjs/components/Block.js

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

package/cjs/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.0
+ * @cube-dev/ui-kit v0.14.2
  * Released under the MIT license.
  */
 
@@ -82,6 +82,12 @@ const fontsProvider = ({ publicUrl = '' }) => `
     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');
+  }
 `;
 exports.GlobalStyles = (0, styled_components_1.createGlobalStyle) `
   body {
@@ -89,6 +95,11 @@ exports.GlobalStyles = (0, styled_components_1.createGlobalStyle) `
     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    ')

package/cjs/components/GridProvider.js

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

package/cjs/components/HiddenInput.js

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

package/cjs/components/OpenTrasition.js

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

package/cjs/components/Root.js

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

package/cjs/components/actions/Action.js

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

package/cjs/components/actions/Button/Button.js

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

package/cjs/components/actions/Button/Submit.js

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

package/cjs/components/actions/Button/index.js

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

package/cjs/components/actions/ButtonGroup/ButtonGroup.js

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

package/cjs/components/actions/index.js

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

package/cjs/components/content/ActiveZone/ActiveZone.js

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

package/cjs/components/content/Alert/Alert.js

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

package/cjs/components/content/Alert/index.js

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

package/cjs/components/content/Alert/types.js

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

package/cjs/components/content/Alert/use-alert.js

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

package/cjs/components/content/Avatar/Avatar.js

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

package/cjs/components/content/Badge/Badge.js

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

package/cjs/components/content/Card/Card.js

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

package/cjs/components/content/Content.js

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

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

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

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

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

package/cjs/components/content/Divider.js

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

package/cjs/components/content/Footer.js

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

package/cjs/components/content/Header.js

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

package/cjs/components/content/Paragraph.js

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

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

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

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

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

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

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

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

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

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

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

package/cjs/components/content/Text.js

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

package/cjs/components/content/Title.js

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

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

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

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

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

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

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

package/cjs/components/forms/FieldWrapper.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.0
+ * @cube-dev/ui-kit v0.14.2
  * Released under the MIT license.
  */
 
@@ -32,6 +32,7 @@ const FileInputElement = (0, tasty_1.tasty)(Action_1.Action, {
         radius: true,
         cursor: 'pointer',
         overflow: 'hidden',
+        whiteSpace: 'nowrap',
         Button: {
             radius: true,
             border: {
@@ -53,9 +54,17 @@ const FileInputElement = (0, tasty_1.tasty)(Action_1.Action, {
         },
         Placeholder: {
             color: '#dark-02',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            width: 'max 100%',
+            overflow: 'hidden',
         },
         Value: {
             color: '#dark-02',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            width: 'max 100%',
+            overflow: 'hidden',
         },
         Input: {
             position: 'absolute',
@@ -64,7 +73,7 @@ const FileInputElement = (0, tasty_1.tasty)(Action_1.Action, {
             bottom: 0,
             left: 0,
             radius: '@content-radius',
-            // opacity: 0,
+            opacity: 0.01,
             cursor: 'pointer',
             zIndex: 10,
         },
@@ -81,7 +90,7 @@ function extractContents(element, callback) {
     }
 }
 function FileInput(props, ref) {
-    let { id, name, qa, qaVal, onChange, placeholder, inputRef, label, extra, labelPosition, isRequired, necessityIndicator, necessityLabel, labelStyles, labelProps, isDisabled, validationState, message, description, requiredMark, tooltip, isHidden, inputStyles, labelSuffix, type = 'file', ...otherProps } = (0, provider_1.useProviderProps)(props);
+    let { id, name, qa, qaVal, onChange, placeholder, inputRef, label, extra, labelPosition, isRequired, necessityIndicator, necessityLabel, labelStyles, labelProps, isDisabled, validationState, message, description, requiredMark, tooltip, isHidden, inputStyles, labelSuffix, type = 'file', inputProps, ...otherProps } = (0, provider_1.useProviderProps)(props);
     const [value, setValue] = (0, react_1.useState)();
     const [dragHover, setDragHover] = (0, react_1.useState)(false);
     let domRef = (0, react_1.useRef)(null);
@@ -110,6 +119,9 @@ function FileInput(props, ref) {
             return inputRef?.current;
         },
     }));
+    const fileName = typeof value === 'string'
+        ? value.split('\\')?.pop()
+        : undefined;
     const fileInput = ((0, jsx_runtime_1.jsxs)(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
             selected: !!value,
             'drag-hover': dragHover,
@@ -123,7 +135,7 @@ function FileInput(props, ref) {
                     setDragHover(false);
                 }, onDrop: () => {
                     setDragHover(false);
-                } }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Button", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": !!value ? 'Value' : 'Placeholder', children: value || placeholder || 'No file selected' }, void 0)] }, void 0));
+                }, ...inputProps }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Button", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": !!fileName ? 'Value' : 'Placeholder', children: fileName || placeholder || 'No file selected' }, void 0)] }, void 0));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,

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

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

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

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

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

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

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

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

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

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