npm - @cube-dev/ui-kit - Versions diffs - 0.14.2 → 0.14.4 - Mend

@cube-dev/ui-kit 0.14.2 → 0.14.4

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/tasty/utils/modAttrs.js CHANGED Viewed

@@ -1,22 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.2
+ * @cube-dev/ui-kit v0.14.4
  * Released under the MIT license.
  */
-/**
- * Generate data DOM attributes from modifier map.
- * @param {Object<string,boolean>} map
- * @return {Object<string,string>}
- */
 export function modAttrs(map) {
-    return Object.keys(map).reduce((attrs, key) => {
-        if (map[key]) {
-            attrs[`data-is-${key}`] = '';
-        }
-        return attrs;
-    }, {});
+    return map
+        ? Object.keys(map).reduce((attrs, key) => {
+            if (map[key]) {
+                attrs[`data-is-${key}`] = '';
+            }
+            return attrs;
+        }, {})
+        : null;
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.2
+ * @cube-dev/ui-kit v0.14.4
  * Released under the MIT license.
  */
@@ -48,7 +48,7 @@ export function renderStyles(styles, responsive, suffix) {
             STYLE_CACHE_COUNT = 0;
             STYLE_CACHE = {};
         }
-        const keys = Object.keys(styles);
+        const keys = styles ? Object.keys(styles) : [];
         const selectorKeys = keys.filter((key) => isSelector(key));
         let innerStyles = '';
         if (selectorKeys.length) {
@@ -117,7 +117,7 @@ export function renderStyles(styles, responsive, suffix) {
                     handler(styleMap, suffix) || '';
             }
         });
-        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
+        STYLE_CACHE[cacheKey] = `&${suffix || ''}{outline: none;\n&[hidden]{display: none !important;}}${rawStyles}${responsive &&
             responsive.length &&
             responsiveStyles.filter((s) => s).length
             ? mediaWrapper(responsiveStyles, zones)

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.2
+ * @cube-dev/ui-kit v0.14.4
  * Released under the MIT license.
  */
@@ -256,10 +256,7 @@ export function parseStyle(value, mode = 0) {
     return CACHE.get(value);
 }
 /**
- *
- * @param {String} val
- * @param {Boolean} ignoreError
- * @return {{color}|{color: string, name: *, opacity: *}|{}|{color: string, name: string, opacity: (number|number)}|{color: string, name: *}}
+ * Parse color. Find it value, name and opacity.
  */
 export function parseColor(val, ignoreError = false) {
     val = val.trim();
@@ -547,8 +544,6 @@ export function styleHandlerCacheWrapper(styleHandler, limit = 1000) {
 /**
  * Replace state values with new ones.
  * For example, if you want to replace initial values with finite CSS code.
- * @param {StyleStateList|StyleStateMapList} states
- * @param {Function} replaceFn
  */
 export function replaceStateValues(states, replaceFn) {
     const cache = new Map();
@@ -561,8 +556,7 @@ export function replaceStateValues(states, replaceFn) {
     return states;
 }
 /**
- * Get all presented modes from style state list.
- * @param {StyleStateList} stateList
+ * Get all presented modes from the style state list.
  */
 export function getModesFromStyleStateList(stateList) {
     return stateList.reduce((list, state) => {
@@ -575,9 +569,7 @@ export function getModesFromStyleStateList(stateList) {
     }, []);
 }
 /**
- * Get all presented modes from style state list map.
- * @param {StyleStateMapList} stateListMap
- * @return {string[]}
+ * Get all presented modes from the style state map list.
  */
 export function getModesFromStyleStateListMap(stateListMap) {
     return Object.keys(stateListMap).reduce((list, style) => {
@@ -591,9 +583,7 @@ export function getModesFromStyleStateListMap(stateListMap) {
     }, []);
 }
 /**
- * Convert style map to the normalized style map state list.
- * @param styleMap
- * @param filterKeys
+ * Convert the style map to the normalized style state list.
  */
 export function styleMapToStyleMapStateList(styleMap, filterKeys) {
     const keys = filterKeys || Object.keys(styleMap);
@@ -606,9 +596,9 @@ export function styleMapToStyleMapStateList(styleMap, filterKeys) {
         stateDataListMap[style].mods.forEach(allModsSet.add, allModsSet);
     });
     const allModsArr = Array.from(allModsSet);
-    const styleStateMapList = [];
+    const styleStateList = [];
     getModCombinations(allModsArr, true).forEach((combination) => {
-        styleStateMapList.push({
+        styleStateList.push({
             mods: combination,
             notMods: allModsArr.filter((mod) => !combination.includes(mod)),
             value: keys.reduce((map, key) => {
@@ -619,7 +609,7 @@ export function styleMapToStyleMapStateList(styleMap, filterKeys) {
             }, {}),
         });
     });
-    return styleStateMapList;
+    return styleStateList;
 }
 const STATES_REGEXP = /([&|!^])|([()])|([a-z0-6-]+)|(:[a-z0-6-]+)|(\.[a-z0-6-]+)|(\[[^\]]+])/gi;
 export const STATE_OPERATORS = {
@@ -670,9 +660,10 @@ function parseStateNotationInner(notation, value) {
     const tokens = notation.replace(/,/g, '|').match(STATES_REGEXP);
     if (!tokens || !tokens.length) {
         return {
-            model: null,
+            model: undefined,
             mods: [],
-            tokens,
+            notMods: [],
+            tokens: [],
             value,
         };
     }
@@ -680,6 +671,7 @@ function parseStateNotationInner(notation, value) {
         return {
             model: tokens[0],
             mods: tokens.slice(0),
+            notMods: [],
             tokens,
             value,
         };
@@ -717,23 +709,23 @@ function parseStateNotationInner(notation, value) {
     return {
         tokens,
         mods,
+        notMods: [],
         model: convertTokensToComputeUnits(operations[0]),
         value,
     };
 }
 export const parseStateNotation = cacheWrapper(parseStateNotationInner);
 /**
- *
- * @param {StyleStateMap|string|number|boolean|null|undefined} styleStateMap
- * @return {{ states: StyleStateDataList, mods: string[] }}
+ * Parse state notation and return tokens, modifiers and compute model.
  */
 export function styleStateMapToStyleStateDataList(styleStateMap) {
     if (typeof styleStateMap !== 'object' || !styleStateMap) {
         return {
             states: [
                 {
-                    model: null,
+                    model: undefined,
                     mods: [],
+                    notMods: [],
                     value: styleStateMap,
                 },
             ],
@@ -776,7 +768,7 @@ export const COMPUTE_FUNC_MAP = {
     '&': (a, b) => a & b,
 };
 /**
- * Compute a result based on model and incoming map.
+ * Compute a result based on a model and incoming map.
  */
 export function computeState(computeModel, valueMap) {
     if (!computeModel)
@@ -819,10 +811,13 @@ export function computeState(computeModel, valueMap) {
     }
     return !!func(a, b);
 }
+/**
+ * Create a function that caches the result up to the limit.
+ */
 export function cacheWrapper(handler, limit = 1000) {
     let cache = {};
     let count = 0;
-    return (firstArg, secondArg) => {
+    return ((firstArg, secondArg) => {
         const key = typeof firstArg === 'string' && secondArg == null
             ? firstArg
             : JSON.stringify([firstArg, secondArg]);
@@ -836,7 +831,7 @@ export function cacheWrapper(handler, limit = 1000) {
                 secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
         }
         return cache[key];
-    };
+    });
 }

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

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

package/es/test/index.js CHANGED Viewed

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

package/es/test/render.js CHANGED Viewed

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

package/es/test/setup.js CHANGED Viewed

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

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

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

package/es/test/utils/wait.js CHANGED Viewed

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

package/es/tokens.js CHANGED Viewed

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

package/es/type-checks.js CHANGED Viewed

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

package/es/utils/ResizeSensor.js CHANGED Viewed

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

package/es/utils/modules.js CHANGED Viewed

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

package/es/utils/promise.js CHANGED Viewed

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

package/es/utils/random.js CHANGED Viewed

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

package/es/utils/range.js CHANGED Viewed

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

package/es/utils/react/Slots.js CHANGED Viewed

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

package/es/utils/react/chain.js CHANGED Viewed

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

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

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

package/es/utils/react/interactions.js CHANGED Viewed

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

package/es/utils/react/isTextOnly.js CHANGED Viewed

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

package/es/utils/react/mapProps.js CHANGED Viewed

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

package/es/utils/react/mergeProps.js CHANGED Viewed

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

package/es/utils/react/nullableValue.js CHANGED Viewed

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

package/es/utils/react/useCombinedRefs.js CHANGED Viewed

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

package/es/utils/react/useId.js CHANGED Viewed

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

package/es/utils/react/useLayoutEffect.js CHANGED Viewed

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

package/es/utils/react/useViewportSize.js CHANGED Viewed

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

package/es/utils/react/wrapNodeIfPlain.js CHANGED Viewed

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

package/es/utils/transitions.js CHANGED Viewed

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

package/es/utils/tree.js CHANGED Viewed

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

package/es/utils/warnings.js CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/actions/Button/Button.d.ts CHANGED Viewed

@@ -41,7 +41,6 @@ export declare function provideButtonStyles({ type, theme }: {
     right?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Right<string | number> | undefined>;
     bottom?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Bottom<string | number> | undefined>;
     left?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Left<string | number> | undefined>;
-    opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     accentColor?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AccentColor | undefined>;
     alignContent?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
     alignItems?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
@@ -254,6 +253,7 @@ export declare function provideButtonStyles({ type, theme }: {
     offsetPath?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetPath | undefined>;
     offsetRotate?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetRotate | undefined>;
     offsetRotation?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetRotate | undefined>;
+    opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
     orphans?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Orphans | undefined>;
     outlineColor?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OutlineColor | undefined>;