@loadsmart/loadsmart-ui 8.0.5 → 8.0.7

package/dist/prop-Fs2axl9W.js

@@ -1,75 +0,0 @@
-import { isObject } from "@loadsmart/utils-object";
-import { isFunction } from "@loadsmart/utils-function";
-import { getToken } from "./theming/index.js";
-import { get } from "lodash-es";
-import { t as toArray } from "./toArray-BJJzFRD1.js";
-function whenProps(conditions) {
-  return function(props) {
-    const safeConditions = toArray(conditions);
-    return safeConditions.some((condition) => {
-      const keys = Object.keys(condition);
-      return keys.every((key) => {
-        const propValue = get(props, key);
-        const conditionValue = condition[key];
-        if (Array.isArray(conditionValue)) {
-          return toArray(conditionValue).includes(propValue);
-        }
-        if (isFunction(conditionValue)) {
-          return Boolean(conditionValue(propValue));
-        }
-        return conditionValue === propValue;
-      });
-    });
-  };
-}
-function handleConditionObject(condition, props) {
-  const keys = Object.keys(condition);
-  const res = keys.reduce((acc, key) => {
-    let value = condition[key];
-    if (isFunction(value)) {
-      value = value(props);
-    }
-    if (value) {
-      const tokenKey = key;
-      const result = getToken(tokenKey, props) ?? key;
-      return [...acc, result];
-    }
-    return acc;
-  }, []);
-  return res.join(" ");
-}
-function conditional(...conditions) {
-  return function(props) {
-    let classes = [];
-    for (let i = 0; i < conditions.length; i++) {
-      const condition = conditions[i];
-      if (isFunction(condition)) {
-        classes.push(condition(props));
-      } else if (isObject(condition)) {
-        classes = classes.concat(handleConditionObject(condition, props));
-      } else if (condition) {
-        classes.push(String(condition));
-      }
-    }
-    return classes.join(" ");
-  };
-}
-function compare(...args) {
-  const [value, defaultValue] = args;
-  if (value == null || value === false || Number.isNaN(value)) {
-    return defaultValue || value;
-  }
-  if (typeof value === "string" && value.length === 0) {
-    return defaultValue || value;
-  }
-  return value;
-}
-function prop(name, defaultValue, comparatorFn = compare) {
-  return (props) => comparatorFn(props[name], defaultValue);
-}
-export {
-  conditional as c,
-  prop as p,
-  whenProps as w
-};
-//# sourceMappingURL=prop-Fs2axl9W.js.map

package/dist/prop-Fs2axl9W.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prop-Fs2axl9W.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    return safeConditions.some((condition) => {\n      const keys = Object.keys(condition)\n\n      return keys.every((key) => {\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          return toArray(conditionValue).includes(propValue)\n        }\n        if (isFunction(conditionValue)) {\n          return Boolean(conditionValue(propValue))\n        }\n        return (conditionValue as unknown) === propValue\n      })\n    })\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition)\n\n  const res = keys.reduce<string[]>((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["whenProps","conditions","props","safeConditions","toArray","some","condition","keys","Object","every","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","res","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","i","length","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAClC,UAAMC,iBAAiBC,QAAQH,UAAU;AAEzC,WAAOE,eAAeE,KAAMC,CAAAA,cAAc;AACxC,YAAMC,OAAOC,OAAOD,KAAKD,SAAS;AAElC,aAAOC,KAAKE,MAAOC,CAAAA,QAAQ;AACzB,cAAMC,YAAYC,IAAIV,OAAOQ,GAAG;AAChC,cAAMG,iBAAiBP,UAAUI,GAA6B;AAE9D,YAAII,MAAMC,QAAQF,cAAc,GAAG;AACjC,iBAAOT,QAAQS,cAAc,EAAEG,SAASL,SAAS;AAAA,QACnD;AACA,YAAIM,WAAWJ,cAAc,GAAG;AAC9B,iBAAOK,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAC1C;AACA,eAAQE,mBAA+BF;AAAAA,MACzC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAOA,SAASQ,sBAAyBb,WAA+BJ,OAAkB;AACjF,QAAMK,OAAOC,OAAOD,KAAKD,SAAS;AAElC,QAAMc,MAAMb,KAAKc,OAAiB,CAACC,KAAKZ,QAAQ;AAC9C,QAAIa,QAAQjB,UAAUI,GAAG;AAEzB,QAAIO,WAAWM,KAAK,GAAG;AACrBA,cAAQA,MAAMrB,KAAK;AAAA,IACrB;AAEA,QAAIqB,OAAO;AACT,YAAMC,WAAWd;AAEjB,YAAMe,SAAUC,SAASF,UAAUtB,KAA+B,KAAKQ;AACvE,aAAO,CAAC,GAAGY,KAAKG,MAAM;AAAA,IACxB;AAEA,WAAOH;AAAAA,EACT,GAAG,CAAA,CAAE;AAEL,SAAOF,IAAIO,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB3B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI2B,UAAoB,CAAA;AAExB,aAASC,IAAI,GAAGA,IAAI7B,WAAW8B,QAAQD,KAAK;AAC1C,YAAMxB,YAAYL,WAAW6B,CAAC;AAE9B,UAAIb,WAAWX,SAAS,GAAG;AACzBuB,gBAAQG,KAAK1B,UAAUJ,KAAK,CAAC;AAAA,MAC/B,WAAW+B,SAAS3B,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQK,OAAOf,sBAAsBb,WAAWJ,KAAK,CAAC;AAAA,MAClE,WAAWI,WAAW;AACpBuB,gBAAQG,KAAKG,OAAO7B,SAAS,CAAC;AAAA,MAChC;AAAA,IACF;AAEA,WAAOuB,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;ACnHA,SAASS,WAAWC,MAAsB;AACxC,QAAM,CAACd,OAAOe,YAAY,IAAID;AAE9B,MAAId,SAAS,QAAQA,UAAU,SAASgB,OAAOC,MAAMjB,KAAK,GAAG;AAC3D,WAAOe,gBAAgBf;AAAAA,EACzB;AAEA,MAAI,OAAOA,UAAU,YAAYA,MAAMQ,WAAW,GAAG;AACnD,WAAOO,gBAAgBf;AAAAA,EACzB;AAEA,SAAOA;AACT;AAcA,SAASkB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}

package/dist/toArray-BJJzFRD1.js

@@ -1,13 +0,0 @@
-const toArray = (value) => {
-  if (value == null) {
-    return [];
-  }
-  if (Array.isArray(value)) {
-    return value;
-  }
-  return [value];
-};
-export {
-  toArray as t
-};
-//# sourceMappingURL=toArray-BJJzFRD1.js.map

package/dist/toArray-BJJzFRD1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toArray-BJJzFRD1.js","sources":["../src/utils/toolset/toArray.ts"],"sourcesContent":["/**\n * Produces array for non-array value.\n * @param value - Value to be converted/returned.\n * @return Returns `value` itself if it is an array or\n * an array containing the provided `value`.\n */\nconst toArray = <T>(value: T | T[] | readonly T[] | undefined | null): T[] => {\n  if (value == null) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value as T]\n}\n\nexport default toArray\n"],"names":["toArray","value","Array","isArray"],"mappings":"AAMA,MAAMA,UAAU,CAAIC,UAA0D;AAC5E,MAAIA,SAAS,MAAM;AACjB,WAAO,CAAA;AAAA,EACT;AAEA,MAAIC,MAAMC,QAAQF,KAAK,GAAG;AACxB,WAAOA;AAAAA,EACT;AAEA,SAAO,CAACA,KAAU;AACpB;"}

package/dist/tools/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}