npm - @cube-dev/ui-kit - Versions diffs - 0.20.5 → 0.20.7 - Mend

@cube-dev/ui-kit 0.20.5 → 0.20.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (580) hide show

package/es/_internal/hooks/use-effect-once.js CHANGED Viewed

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

package/es/_internal/hooks/use-event.js CHANGED Viewed

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

package/es/_internal/hooks/use-is-first-render.js CHANGED Viewed

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

package/es/_internal/hooks/use-sync-ref.js CHANGED Viewed

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

package/es/_internal/hooks/use-timer/index.js CHANGED Viewed

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

package/es/_internal/hooks/use-timer/timer.js CHANGED Viewed

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

package/es/_internal/hooks/use-timer/use-timer.js CHANGED Viewed

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

package/es/_internal/hooks/use-update-effect.js CHANGED Viewed

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

package/es/_internal/hooks/use-warn.js CHANGED Viewed

@@ -1,23 +1,39 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.5
+ * @cube-dev/ui-kit v0.20.7
  * Released under the MIT license.
  */
-import * as React from 'react';
+import { useRef } from 'react';
 import { warn } from '../../utils/warnings';
-export function useWarn(condition, ...args) {
-    const didWarn = React.useRef(false);
-    React.useEffect(() => {
-        if (didWarn.current)
-            return;
-        didWarn.current = true;
+import { useEvent } from './use-event';
+const GLOBAL_WARNED = new Set();
+export function useWarn(condition, params) {
+    const { once = true, key, args } = params;
+    const hasWarnedRef = useRef(false);
+    const execute = useEvent((condition, args) => {
         if (condition) {
             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;
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [condition]);
+    }
+    if (hasWarnedRef.current)
+        return;
+    if (execute(condition, args)) {
+        hasWarnedRef.current = true;
+        return;
+    }
 }

package/es/_internal/index.js CHANGED Viewed

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

package/es/components/Base.js CHANGED Viewed

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

package/es/components/Block.js CHANGED Viewed

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

package/es/components/GlobalStyles.js CHANGED Viewed

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

package/es/components/GridProvider.js CHANGED Viewed

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

package/es/components/HiddenInput.js CHANGED Viewed

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

package/es/components/OpenTrasition.js CHANGED Viewed

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

package/es/components/Root.js CHANGED Viewed

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

package/es/components/actions/Action.js CHANGED Viewed

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

package/es/components/actions/Button/Button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.5
+ * @cube-dev/ui-kit v0.20.7
  * Released under the MIT license.
  */
@@ -215,14 +215,15 @@ export const Button = forwardRef(function Button(allProps, ref) {
     const isSelected = props.isSelected;
     children = children || icon || rightIcon ? children : label;
     if (!children) {
+        const specifiedLabel = label ?? props['aria-label'] ?? props['aria-labelledby'];
         if (icon) {
-            if (!label) {
+            if (!specifiedLabel) {
                 accessibilityWarning('If you provide `icon` property for a Button and do not provide any children then you should specify the `label` property to make sure the Button element stays accessible.');
                 label = 'Unnamed'; // fix to avoid warning in production
             }
         }
         else {
-            if (!label) {
+            if (!specifiedLabel) {
                 accessibilityWarning('If you provide no children for a Button then you should specify the `label` property to make sure the Button element stays accessible.');
                 label = 'Unnamed'; // fix to avoid warning in production
             }

package/es/components/actions/Button/Submit.js CHANGED Viewed

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

package/es/components/actions/Button/index.js CHANGED Viewed

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

package/es/components/actions/ButtonGroup/ButtonGroup.js CHANGED Viewed

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

package/es/components/actions/index.js CHANGED Viewed

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

package/es/components/actions/use-action.js CHANGED Viewed

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

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

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

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

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

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

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

package/es/components/content/Alert/types.js CHANGED Viewed

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

package/es/components/content/Alert/use-alert.js CHANGED Viewed

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.5
+ * @cube-dev/ui-kit v0.20.7
  * Released under the MIT license.
  */
@@ -18,13 +18,12 @@ const BadgeElement = tasty({
         placeItems: 'center',
         padding: {
             '': '0',
-            single: '0 1px',
-            multiple: '0 2px',
+            long: '0 .5x',
         },
         radius: 'round',
         preset: 'tag',
         width: 'min 16px',
-        height: '16px',
+        height: '16px 16px',
         textAlign: 'center',
         color: '#white',
         fill: {
@@ -40,8 +39,7 @@ export const Badge = forwardRef(function Badge(allProps, ref) {
     let { type, children, ...props } = allProps;
     const styles = extractStyles(props, CONTAINER_STYLES);
     return (_jsx(BadgeElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, "data-type": type, mods: {
-            single: typeof children === 'string' && children.length === 1,
-            multiple: typeof children === 'string' && children.length === 2,
+            long: typeof children !== 'string' || children.length > 1,
         }, styles: styles, children: children }));
 });

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * Released under the MIT license.
  */

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * 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.20.5
+ * @cube-dev/ui-kit v0.20.7
  * Released under the MIT license.
  */
@@ -76,8 +76,8 @@ export function Field(props) {
     if (typeof children === 'function') {
         children = children(form);
     }
-    let child = Children.only(children);
-    inputType = inputType ?? (child?.type).cubeInputType ?? 'Text';
+    let child = children == null ? null : Children.only(children);
+    inputType = inputType ?? child?.type?.cubeInputType ?? 'Text';
     const __props = useField(allProps, {
         defaultValidationTrigger: getDefaultValidateTrigger(inputType),
     });