npm - @cube-dev/ui-kit - Versions diffs - 0.14.3 → 0.14.5 - Mend

@cube-dev/ui-kit 0.14.3 → 0.14.5

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 (563) hide show

package/es/provider.js CHANGED Viewed

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

package/es/providers/StyleProvider.js CHANGED Viewed

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

package/es/services/notification.js CHANGED Viewed

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

package/es/shared/form.js CHANGED Viewed

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

package/es/shared/index.js CHANGED Viewed

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

package/es/stories/FormFieldArgs.js CHANGED Viewed

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

package/es/stories/components/ConfirmDeletionDialogForm.js CHANGED Viewed

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

package/es/stories/components/DialogFormApp.js CHANGED Viewed

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

package/es/stories/components/StyledButton.js CHANGED Viewed

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

package/es/stories/lists/baseProps.js CHANGED Viewed

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

package/es/styled/index.js CHANGED Viewed

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

package/es/styled/styled.js CHANGED Viewed

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

package/es/tasty/index.js CHANGED Viewed

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

package/es/tasty/providers/BreakpointsProvider.js CHANGED Viewed

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

package/es/tasty/styles/align.js CHANGED Viewed

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

package/es/tasty/styles/border.js CHANGED Viewed

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

package/es/tasty/styles/boxShadow.combinator.js CHANGED Viewed

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

package/es/tasty/styles/color.js CHANGED Viewed

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

package/es/tasty/styles/createStyle.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
@@ -11,7 +11,7 @@ const CACHE = {};
 export function createStyle(styleName, cssStyle, converter) {
     const key = `${styleName}.${cssStyle ?? ''}`;
     if (!CACHE[key]) {
-        CACHE[key] = styleHandlerCacheWrapper((styleMap) => {
+        const styleHandler = (styleMap) => {
             let styleValue = styleMap[styleName];
             if (styleValue == null || styleValue === false)
                 return;
@@ -58,8 +58,9 @@ export function createStyle(styleName, cssStyle, converter) {
             }
             const { value } = parseStyle(styleValue, 1);
             return { [finalCssStyle]: value };
-        });
-        CACHE[key].__lookupStyles = [styleName];
+        };
+        styleHandler.__lookupStyles = [styleName];
+        CACHE[key] = styleHandlerCacheWrapper(styleHandler);
     }
     return CACHE[key];
 }

package/es/tasty/styles/dimension.js CHANGED Viewed

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

package/es/tasty/styles/display.js CHANGED Viewed

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

package/es/tasty/styles/fill.js CHANGED Viewed

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

package/es/tasty/styles/flow.js CHANGED Viewed

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

package/es/tasty/styles/font.js CHANGED Viewed

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

package/es/tasty/styles/fontStyle.js CHANGED Viewed

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

package/es/tasty/styles/gap.js CHANGED Viewed

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

package/es/tasty/styles/groupRadius.js CHANGED Viewed

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

package/es/tasty/styles/height.js CHANGED Viewed

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

package/es/tasty/styles/index.js CHANGED Viewed

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

package/es/tasty/styles/justify.js CHANGED Viewed

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

package/es/tasty/styles/list.js CHANGED Viewed

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

package/es/tasty/styles/margin.js CHANGED Viewed

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

package/es/tasty/styles/marginBlock.js CHANGED Viewed

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

package/es/tasty/styles/marginInline.js CHANGED Viewed

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

package/es/tasty/styles/outline.js CHANGED Viewed

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

package/es/tasty/styles/padding.js CHANGED Viewed

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

package/es/tasty/styles/paddingBlock.js CHANGED Viewed

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

package/es/tasty/styles/paddingInline.js CHANGED Viewed

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

package/es/tasty/styles/predefined.js CHANGED Viewed

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

package/es/tasty/styles/preset.js CHANGED Viewed

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

package/es/tasty/styles/radius.js CHANGED Viewed

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

package/es/tasty/styles/reset.js CHANGED Viewed

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

package/es/tasty/styles/shadow.js CHANGED Viewed

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

package/es/tasty/styles/styledScrollbar.js CHANGED Viewed

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

package/es/tasty/styles/transition.js CHANGED Viewed

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

package/es/tasty/styles/types.js CHANGED Viewed

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

package/es/tasty/styles/width.js CHANGED Viewed

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

package/es/tasty/tasty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
@@ -14,6 +14,7 @@ import { modAttrs } from './utils/modAttrs';
 import { renderStyles } from './utils/renderStyles';
 import { pointsToZones } from './utils/responsive';
 import { BASE_STYLES } from './styles/list';
+import { cacheWrapper } from './utils/styles';
 import { mergeStyles } from './utils/mergeStyles';
 import { getDisplayName } from './utils/get-display-name';
 // Implementation
@@ -58,6 +59,9 @@ function tasty(Component, options) {
     options = Component;
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
     let Element = styledComponents[originalAs](({ css }) => css);
+    const renderDefaultStyles = cacheWrapper((breakpoints) => {
+        return renderStyles(defaultStyles, pointsToZones(breakpoints));
+    });
     let _TastyComponent = forwardRef((allProps, ref) => {
         let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
         let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
@@ -70,12 +74,18 @@ function tasty(Component, options) {
             }
             return map;
         }, {});
-        let allStyles = useMemo(() => mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
+        if (Object.keys(propStyles).length === 0) {
+            propStyles = null;
+        }
+        const useDefaultStyles = !propStyles && !styles;
+        let allStyles = useMemo(() => useDefaultStyles
+            ? defaultStyles
+            : mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
         let contextBreakpoints = useContext(BreakpointsContext);
         breakpoints = breakpoints ?? contextBreakpoints;
-        let renderedStyles = useMemo(() => allStyles
-            ? renderStyles(allStyles, pointsToZones(breakpoints))
-            : '', [allStyles, breakpoints]);
+        let renderedStyles = useMemo(() => useDefaultStyles
+            ? renderDefaultStyles(breakpoints)
+            : renderStyles(allStyles, pointsToZones(breakpoints)), [allStyles, breakpoints]);
         if (mods) {
             Object.assign(otherProps, modAttrs(mods));
         }

package/es/tasty/types.js CHANGED Viewed

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

package/es/tasty/utils/colors.js CHANGED Viewed

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

package/es/tasty/utils/dotize.js CHANGED Viewed

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

package/es/tasty/utils/filterBaseProps.js CHANGED Viewed

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

package/es/tasty/utils/get-display-name.js CHANGED Viewed

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

package/es/tasty/utils/index.js CHANGED Viewed

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

package/es/tasty/utils/mergeStyles.js CHANGED Viewed

@@ -1,29 +1,29 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
 import { isSelector } from './renderStyles';
 export function mergeStyles(...objects) {
-    let styles = objects[0] || {};
+    let styles = objects[0] ? { ...objects[0] } : {};
     let pos = 1;
     while (pos in objects) {
-        const keys = styles ? Object.keys(styles) : [];
+        const selectorKeys = Object.keys(styles).filter((key) => isSelector(key) && styles[key]);
         const newStyles = objects[pos];
-        const resultStyles = { ...styles, ...newStyles };
-        for (let key of keys) {
-            if (isSelector(key)) {
-                resultStyles[key] = {
-                    ...(styles?.[key] ? styles[key] : null),
-                    ...(newStyles?.[key]
-                        ? newStyles[key]
-                        : null),
-                };
+        if (newStyles) {
+            const resultStyles = { ...styles, ...newStyles };
+            for (let key of selectorKeys) {
+                if (newStyles?.[key]) {
+                    resultStyles[key] = {
+                        ...styles[key],
+                        ...newStyles[key],
+                    };
+                }
             }
+            styles = resultStyles;
         }
-        styles = resultStyles;
         pos++;
     }
     return styles;