npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-e6e904c → 0.0.0-canary-b596850 - Mend

@cube-dev/ui-kit 0.0.0-canary-e6e904c → 0.0.0-canary-b596850

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/tasty/tasty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
+ * @cube-dev/ui-kit v0.0.0-canary-b596850
  * Released under the MIT license.
  */
@@ -40,9 +40,9 @@ const modAttrs_1 = require("./utils/modAttrs");
 const renderStyles_1 = require("./utils/renderStyles");
 const responsive_1 = require("./utils/responsive");
 const list_1 = require("./styles/list");
-const cache_wrapper_1 = require("./utils/cache-wrapper");
+const styles_1 = require("./utils/styles");
 const mergeStyles_1 = require("./utils/mergeStyles");
-const getDisplayName_1 = require("./utils/getDisplayName");
+const get_display_name_1 = require("./utils/get-display-name");
 // Implementation
 function tasty(Component, options) {
     if (typeof Component === 'string') {
@@ -79,95 +79,60 @@ function tasty(Component, options) {
             }, propsWithStylesValues);
             return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as ?? extendTag, element: element || extendElement }));
         });
-        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, getDisplayName_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
+        _WrappedComponent.displayName = `TastyWrappedComponent(${(0, get_display_name_1.getDisplayName)(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
         return _WrappedComponent;
     }
-    const tastyOptions = Component;
-    let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, ...defaultProps } = tastyOptions;
-    let _TastyComponent;
-    if (variants) {
-        /**
-         * Create a tasty component for each variant.
-         * Then return a component that receives a `variant` and chooses the right component.
-         */
-        const variantComponents = Object.keys(variants).reduce((map, variant) => {
-            const variantStyles = variants?.[variant];
-            map[variant] = tasty({
-                as: originalAs,
-                styles: (0, mergeStyles_1.mergeStyles)(defaultStyles, variantStyles),
-                styleProps,
-                ...defaultProps,
-            });
+    options = Component;
+    let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
+    let Element = styled_components_1.default[originalAs](({ css }) => css);
+    /**
+     * An additional optimization that allows to avoid rendering styles across various instances
+     * of the same element if no custom styles are provided via `styles` prop or direct style props.
+     */
+    const renderDefaultStyles = (0, styles_1.cacheWrapper)((breakpoints) => {
+        return (0, renderStyles_1.renderStyles)(defaultStyles, (0, responsive_1.pointsToZones)(breakpoints));
+    });
+    let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
+    let _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
+        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
+        let propStyles = (styleProps
+            ? styleProps.concat(list_1.BASE_STYLES)
+            : list_1.BASE_STYLES).reduce((map, prop) => {
+            if (prop in otherProps) {
+                map[prop] = otherProps[prop];
+                delete otherProps[prop];
+            }
             return map;
         }, {});
-        if (!variantComponents['default']) {
-            variantComponents['default'] = tasty({
-                as: originalAs,
-                styles: defaultStyles,
-                styleProps,
-                ...defaultProps,
-            });
+        if (Object.keys(propStyles).length === 0) {
+            propStyles = null;
         }
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
-            const { variant, ...restProps } = allProps;
-            const Component = (variantComponents[variant] ||
-                variantComponents['default']);
-            return (0, jsx_runtime_1.jsx)(Component, { ...restProps, ref: ref });
-        });
-    }
-    else {
-        let Element = styled_components_1.default[originalAs](({ css }) => css);
-        /**
-         * An additional optimization that allows to avoid rendering styles across various instances
-         * of the same element if no custom styles are provided via `styles` prop or direct style props.
-         */
-        const renderDefaultStyles = (0, cache_wrapper_1.cacheWrapper)((breakpoints) => {
-            return (0, renderStyles_1.renderStyles)(defaultStyles || {}, (0, responsive_1.pointsToZones)(breakpoints));
-        });
-        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-        // eslint-disable-next-line react/display-name
-        _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
-            let { as, styles, variant, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
-            let propStyles = (styleProps
-                ? styleProps.concat(list_1.BASE_STYLES)
-                : list_1.BASE_STYLES).reduce((map, prop) => {
-                if (prop in otherProps) {
-                    map[prop] = otherProps[prop];
-                    delete otherProps[prop];
-                }
-                return map;
-            }, {});
-            if (Object.keys(propStyles).length === 0) {
-                propStyles = null;
-            }
-            if (!styles || (styles && Object.keys(styles).length === 0)) {
-                styles = undefined;
-            }
-            const propStylesCacheKey = JSON.stringify(propStyles);
-            const stylesCacheKey = (0, react_1.useMemo)(() => {
-                return JSON.stringify(styles);
-            }, [styles]);
-            const useDefaultStyles = !propStyles && !styles;
-            const styleCacheKey = (0, react_1.useMemo)(() => {
-                return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
-            }, [propStylesCacheKey, stylesCacheKey]);
-            let allStyles = (0, react_1.useMemo)(() => useDefaultStyles
-                ? defaultStyles
-                : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styleCacheKey]);
-            let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-            breakpoints = breakpoints ?? contextBreakpoints;
-            let renderedStyles = (0, react_1.useMemo)(() => {
-                return useDefaultStyles
-                    ? renderDefaultStyles(breakpoints)
-                    : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints));
-            }, [allStyles, breakpoints]);
-            if (mods) {
-                Object.assign(otherProps, (0, modAttrs_1.modAttrs)(mods));
-            }
-            return ((0, jsx_runtime_1.jsx)(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
-        });
-    }
+        if (!styles || (styles && Object.keys(styles).length === 0)) {
+            styles = undefined;
+        }
+        const propStylesCacheKey = JSON.stringify(propStyles);
+        const stylesCacheKey = (0, react_1.useMemo)(() => {
+            return JSON.stringify(styles);
+        }, [styles]);
+        const useDefaultStyles = !propStyles && !styles;
+        const styleCacheKey = (0, react_1.useMemo)(() => {
+            return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
+        }, [propStylesCacheKey, stylesCacheKey]);
+        let allStyles = (0, react_1.useMemo)(() => useDefaultStyles
+            ? defaultStyles
+            : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styleCacheKey]);
+        let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
+        breakpoints = breakpoints ?? contextBreakpoints;
+        let renderedStyles = (0, react_1.useMemo)(() => {
+            return useDefaultStyles
+                ? renderDefaultStyles(breakpoints)
+                : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints));
+        }, [allStyles, breakpoints]);
+        if (mods) {
+            Object.assign(otherProps, (0, modAttrs_1.modAttrs)(mods));
+        }
+        return ((0, jsx_runtime_1.jsx)(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
+    });
     _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
     return _TastyComponent;
 }

package/cjs/tasty/types.js CHANGED Viewed

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

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

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

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

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

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

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

package/cjs/tasty/utils/{getDisplayName.js → get-display-name.js} RENAMED Viewed

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

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

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

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

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

package/cjs/tasty/utils/modAttrs.js CHANGED Viewed

@@ -1,26 +1,23 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
+ * @cube-dev/ui-kit v0.0.0-canary-b596850
  * Released under the MIT license.
  */
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modAttrs = void 0;
-const case_converter_1 = require("./case-converter");
-const cache_wrapper_1 = require("./cache-wrapper");
 function modAttrs(map) {
     return map
         ? Object.keys(map).reduce((attrs, key) => {
             if (map[key]) {
-                attrs[`data-is-${(0, case_converter_1.camelToKebab)(key)}`] = '';
+                attrs[`data-is-${key}`] = '';
             }
             return attrs;
         }, {})
         : null;
 }
-const _modAttrs = (0, cache_wrapper_1.cacheWrapper)(modAttrs);
-exports.modAttrs = _modAttrs;
+exports.modAttrs = modAttrs;

package/cjs/tasty/utils/renderStyles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
+ * @cube-dev/ui-kit v0.0.0-canary-b596850
  * Released under the MIT license.
  */
@@ -39,7 +39,7 @@ const CACHE_LIMIT = 1000;
  * @param {string} [suffix]
  * @return {string}
  */
-function renderStyles(styles, responsive = [], suffix) {
+function renderStyles(styles, responsive, suffix) {
     const zones = responsive;
     const responsiveStyles = Array.from(Array(zones.length)).map(() => '');
     const cacheKey = JSON.stringify({ s: styles, r: responsive, suffix });
@@ -58,7 +58,7 @@ function renderStyles(styles, responsive = [], suffix) {
         if (selectorKeys.length) {
             selectorKeys.forEach((key) => {
                 const addSuffix = getSelector(key);
-                innerStyles += renderStyles(styles?.[key], responsive, addSuffix);
+                innerStyles += renderStyles(styles[key], responsive, addSuffix);
             });
         }
         keys.forEach((styleName) => {
@@ -74,7 +74,7 @@ function renderStyles(styles, responsive = [], suffix) {
                 let isResponsive = false;
                 const lookupStyles = STYLE.__lookupStyles;
                 const filteredStyleMap = lookupStyles.reduce((map, name) => {
-                    map[name] = styles?.[name];
+                    map[name] = styles[name];
                     if (Array.isArray(map[name])) {
                         if (map[name].length === 0) {
                             delete map[name];

package/cjs/tasty/utils/responsive.js CHANGED Viewed

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

package/cjs/tasty/utils/string.js CHANGED Viewed

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