@loadsmart/loadsmart-ui 7.5.0 → 7.6.0

package/dist/{prop-C4yDbi0C.mjs.map → prop-5m3D4883.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"prop-C4yDbi0C.mjs","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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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<P>(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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;AA8BO,SAASA,EAAaC,GAAqD;AAChF,SAAO,SAAUC,GAAmB;AAC5BC,UAAAA,IAAiBC,EAAQH,CAAU;AAEzC,QAAII,IAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,EAAeI,QAAQD,KAAK;AACxCE,YAAAA,IAAYL,EAAeG,CAAC,GAC5BG,IAAOC,OAAOD,KAAKD,CAAS;AAElC,UAAIG,IAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,EAAKF,UAAUI,GAAMC,KAAK;AACtCC,cAAAA,IAAMJ,EAAKG,CAAC,GACZE,IAAYC,EAAIb,GAAOW,CAAG,GAC1BG,IAAiBR,EAAUK,CAA6B;AAE1DI,QAAAA,MAAMC,QAAQF,CAAc,IAC9BL,IAAOA,KAAQP,EAAQY,CAAc,EAAEG,SAASL,CAAS,IAChDM,EAAAA,WAAWJ,CAAc,IAClCL,IAAOA,KAAQU,EAAQL,EAAeF,CAAS,IAE/CH,IAAOA,KAASK,MAA+BF;AAAAA,MACjD;AAGFT,MAAAA,IAAMA,KAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,EAAyBd,GAA+BN,GAAkB;AAmB1EG,SAlBMK,OAAOD,KAAKD,KAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,GAAKX,MAAQ;AAChCY,QAAAA,IAAQjB,EAAUK,CAAG;AAMzB,QAJIO,EAAAA,WAAWK,CAAK,MAClBA,IAAQA,EAAMvB,CAAK,IAGjBuB,GAAO;AAET,YAAMC,IAAUC,EADCd,GACkBX,CAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,GAAKE,CAAM;AAAA,IAAA;AAGjBF,WAAAA;AAAAA,EACT,GAAG,EAAc,EAENI,KAAK,GAAG;AACrB;AAkBA,SAASC,KAAkB5B,GAA4B;AACrD,SAAO,SAAUC,GAAkB;AACjC,QAAI4B,IAAoB,CAAE;AAE1B,aAASxB,IAAI,GAAGA,IAAIL,EAAWM,QAAQD,KAAK;AACpCE,YAAAA,IAAYP,EAAWK,CAAC;AAE1Bc,MAAAA,EAAAA,WAAWZ,CAAS,IACduB,EAAAA,KAAKvB,EAAUN,CAAK,CAAC,IACpB8B,EAAAA,SAASxB,CAAS,IAC3BsB,IAAUA,EAAQG,OAAOX,EAAyBd,GAAWN,CAAK,CAAC,IAC1DM,KACDuB,EAAAA,KAAKG,OAAO1B,CAAS,CAAC;AAAA,IAChC;AAGKsB,WAAAA,EAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,KAAWC,GAAsB;AAElC,QAAA,CAACX,GAAOY,CAAY,IAAID;AAM9B,UAJIX,KAAS,QAAQA,MAAU,MAASa,OAAOC,MAAMd,CAAK,KAItD,OAAOA,KAAU,YAAYA,EAAMlB,WAAW,MACzC8B,KAAgBZ;AAI3B;AAcA,SAASe,EACPC,GACAJ,GACAK,IAAeP,GACf;AACA,SAAO,CAACjC,MAAmBwC,EAAaxC,EAAMuC,CAAI,GAAGJ,CAAY;AACnE;"}
+{"version":3,"file":"prop-5m3D4883.mjs","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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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<P>(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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,EAAaC,GAAqD;AAChF,SAAO,SAAUC,GAAmB;AAC5BC,UAAAA,IAAiBC,EAAQH,CAAU;AAEzC,QAAII,IAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,EAAeI,QAAQD,KAAK;AACxCE,YAAAA,IAAYL,EAAeG,CAAC,GAC5BG,IAAOC,OAAOD,KAAKD,CAAS;AAElC,UAAIG,IAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,EAAKF,UAAUI,GAAMC,KAAK;AACtCC,cAAAA,IAAMJ,EAAKG,CAAC,GACZE,IAAYC,EAAIb,GAAOW,CAAG,GAC1BG,IAAiBR,EAAUK,CAA6B;AAE1DI,QAAAA,MAAMC,QAAQF,CAAc,IAC9BL,IAAOA,KAAQP,EAAQY,CAAc,EAAEG,SAASL,CAAS,IAChDM,EAAWJ,CAAc,IAClCL,IAAOA,KAAQU,EAAQL,EAAeF,CAAS,IAE/CH,IAAOA,KAASK,MAA+BF;AAAAA,MACjD;AAGFT,MAAAA,IAAMA,KAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,EAAyBd,GAA+BN,GAAkB;AAmB1EG,SAlBMK,OAAOD,KAAKD,KAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,GAAKX,MAAQ;AAChCY,QAAAA,IAAQjB,EAAUK,CAAG;AAMzB,QAJIO,EAAWK,CAAK,MAClBA,IAAQA,EAAMvB,CAAK,IAGjBuB,GAAO;AAET,YAAMC,IAAUC,EADCd,GACkBX,CAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,GAAKE,CAAM;AAAA,IAAA;AAGjBF,WAAAA;AAAAA,EACT,GAAG,EAAc,EAENI,KAAK,GAAG;AACrB;AAkBA,SAASC,KAAkB5B,GAA4B;AACrD,SAAO,SAAUC,GAAkB;AACjC,QAAI4B,IAAoB,CAAE;AAE1B,aAASxB,IAAI,GAAGA,IAAIL,EAAWM,QAAQD,KAAK;AACpCE,YAAAA,IAAYP,EAAWK,CAAC;AAE1Bc,MAAAA,EAAWZ,CAAS,IACduB,EAAAA,KAAKvB,EAAUN,CAAK,CAAC,IACpB8B,EAASxB,CAAS,IAC3BsB,IAAUA,EAAQG,OAAOX,EAAyBd,GAAWN,CAAK,CAAC,IAC1DM,KACDuB,EAAAA,KAAKG,OAAO1B,CAAS,CAAC;AAAA,IAChC;AAGKsB,WAAAA,EAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,KAAWC,GAAsB;AAElC,QAAA,CAACX,GAAOY,CAAY,IAAID;AAM9B,UAJIX,KAAS,QAAQA,MAAU,MAASa,OAAOC,MAAMd,CAAK,KAItD,OAAOA,KAAU,YAAYA,EAAMlB,WAAW,MACzC8B,KAAgBZ;AAI3B;AAcA,SAASe,EACPC,GACAJ,GACAK,IAAeP,GACf;AACA,SAAO,CAACjC,MAAmBwC,EAAaxC,EAAMuC,CAAI,GAAGJ,CAAY;AACnE;"}

package/dist/prop-BwhJNJHO.js

@@ -0,0 +1,2 @@
+"use strict";const g=require("@loadsmart/utils-object"),a=require("@loadsmart/utils-function"),h=require("./theming/index.js"),p=require("lodash/get.js"),y=require("./toArray-BW3gx_gH.js"),j=t=>t&&t.__esModule?t:{default:t},b=j(p);function k(t){return function(e){const n=y.toArray(t);let r=!1;for(let o=0;o<n.length;o++){const u=n[o],s=Object.keys(u);let i=!0;for(let c=0;c<s.length&&i;c++){const d=s[c],f=b.default(e,d),l=u[d];Array.isArray(l)?i=i&&y.toArray(l).includes(f):a.isFunction(l)?i=i&&!!l(f):i=i&&l===f}r=r||i}return r}}function _(t,e){return Object.keys(t||{}).reduce((o,u)=>{let s=t[u];if(a.isFunction(s)&&(s=s(e)),s){const i=u,c=h.getToken(i,e)??u;return[...o,c]}return o},[]).join(" ")}function q(...t){return function(e){let n=[];for(let r=0;r<t.length;r++){const o=t[r];a.isFunction(o)?n.push(o(e)):g.isObject(o)?n=n.concat(_(o,e)):o&&n.push(String(o))}return n.join(" ")}}function A(...t){const[e,n]=t;return(e==null||e===!1||Number.isNaN(e)||typeof e=="string"&&e.length===0)&&n||e}function O(t,e,n=A){return r=>n(r[t],e)}exports.conditional=q;exports.prop=O;exports.whenProps=k;
+//# sourceMappingURL=prop-BwhJNJHO.js.map

package/dist/{prop-pWSEOvKc.js.map → prop-BwhJNJHO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"prop-pWSEOvKc.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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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<P>(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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":"kNA8BO,SAASA,EAAaC,EAAqD,CAChF,OAAO,SAAUC,EAAmB,CAC5BC,MAAAA,EAAiBC,UAAQH,CAAU,EAEzC,IAAII,EAAM,GAEV,QAASC,EAAI,EAAGA,EAAIH,EAAeI,OAAQD,IAAK,CACxCE,MAAAA,EAAYL,EAAeG,CAAC,EAC5BG,EAAOC,OAAOD,KAAKD,CAAS,EAElC,IAAIG,EAAO,GAEX,QAASC,EAAI,EAAGA,EAAIH,EAAKF,QAAUI,EAAMC,IAAK,CACtCC,MAAAA,EAAMJ,EAAKG,CAAC,EACZE,EAAYC,EAAAA,QAAIb,EAAOW,CAAG,EAC1BG,EAAiBR,EAAUK,CAA6B,EAE1DI,MAAMC,QAAQF,CAAc,EAC9BL,EAAOA,GAAQP,EAAAA,QAAQY,CAAc,EAAEG,SAASL,CAAS,EAChDM,EAAAA,WAAAA,WAAWJ,CAAc,EAClCL,EAAOA,GAAQU,EAAQL,EAAeF,CAAS,EAE/CH,EAAOA,GAASK,IAA+BF,CACjD,CAGFT,EAAMA,GAAOM,CAAAA,CAGRN,OAAAA,CACT,CACF,CAOA,SAASiB,EAAyBd,EAA+BN,EAAkB,CAmB1EG,OAlBMK,OAAOD,KAAKD,GAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,EAAKX,IAAQ,CAChCY,IAAAA,EAAQjB,EAAUK,CAAG,EAMzB,GAJIO,EAAAA,WAAAA,WAAWK,CAAK,IAClBA,EAAQA,EAAMvB,CAAK,GAGjBuB,EAAO,CACT,MAAMC,EAAWb,EACXc,EAAUC,EAAAA,SAASF,EAAUxB,CAA+B,GAAKW,EAChE,MAAA,CAAC,GAAGW,EAAKG,CAAM,CAAA,CAGjBH,OAAAA,CACT,EAAG,EAAc,EAENK,KAAK,GAAG,CACrB,CAkBA,SAASC,KAAkB7B,EAA4B,CACrD,OAAO,SAAUC,EAAkB,CACjC,IAAI6B,EAAoB,CAAE,EAE1B,QAASzB,EAAI,EAAGA,EAAIL,EAAWM,OAAQD,IAAK,CACpCE,MAAAA,EAAYP,EAAWK,CAAC,EAE1Bc,EAAAA,WAAAA,WAAWZ,CAAS,EACdwB,EAAAA,KAAKxB,EAAUN,CAAK,CAAC,EACpB+B,EAAAA,WAAAA,SAASzB,CAAS,EAC3BuB,EAAUA,EAAQG,OAAOZ,EAAyBd,EAAWN,CAAK,CAAC,EAC1DM,GACDwB,EAAAA,KAAKG,OAAO3B,CAAS,CAAC,CAChC,CAGKuB,OAAAA,EAAQF,KAAK,GAAG,CACzB,CACF,CC5HA,SAASO,KAAWC,EAAsB,CAElC,KAAA,CAACZ,EAAOa,CAAY,EAAID,EAM9B,OAJIZ,GAAS,MAAQA,IAAU,IAASc,OAAOC,MAAMf,CAAK,GAItD,OAAOA,GAAU,UAAYA,EAAMlB,SAAW,IACzC+B,GAAgBb,CAI3B,CAcA,SAASgB,EACPC,EACAJ,EACAK,EAAeP,EACf,CACA,OAAQlC,GAAmByC,EAAazC,EAAMwC,CAAI,EAAGJ,CAAY,CACnE"}
+{"version":3,"file":"prop-BwhJNJHO.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 {...Object} conditions\n * @returns {(props: Object}) => boolean} 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    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\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          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\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((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      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\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 {(props: ThemedProps) => string} 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<P>(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  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\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 {(props: ThemedProps) => string} 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","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":"uOA8BO,SAASA,EAAaC,EAAqD,CAChF,OAAO,SAAUC,EAAmB,CAC5BC,MAAAA,EAAiBC,UAAQH,CAAU,EAEzC,IAAII,EAAM,GAEV,QAASC,EAAI,EAAGA,EAAIH,EAAeI,OAAQD,IAAK,CACxCE,MAAAA,EAAYL,EAAeG,CAAC,EAC5BG,EAAOC,OAAOD,KAAKD,CAAS,EAElC,IAAIG,EAAO,GAEX,QAASC,EAAI,EAAGA,EAAIH,EAAKF,QAAUI,EAAMC,IAAK,CACtCC,MAAAA,EAAMJ,EAAKG,CAAC,EACZE,EAAYC,EAAAA,QAAIb,EAAOW,CAAG,EAC1BG,EAAiBR,EAAUK,CAA6B,EAE1DI,MAAMC,QAAQF,CAAc,EAC9BL,EAAOA,GAAQP,EAAAA,QAAQY,CAAc,EAAEG,SAASL,CAAS,EAChDM,EAAAA,WAAWJ,CAAc,EAClCL,EAAOA,GAAQU,EAAQL,EAAeF,CAAS,EAE/CH,EAAOA,GAASK,IAA+BF,CACjD,CAGFT,EAAMA,GAAOM,CAAAA,CAGRN,OAAAA,CACT,CACF,CAOA,SAASiB,EAAyBd,EAA+BN,EAAkB,CAmB1EG,OAlBMK,OAAOD,KAAKD,GAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,EAAKX,IAAQ,CAChCY,IAAAA,EAAQjB,EAAUK,CAAG,EAMzB,GAJIO,EAAAA,WAAWK,CAAK,IAClBA,EAAQA,EAAMvB,CAAK,GAGjBuB,EAAO,CACT,MAAMC,EAAWb,EACXc,EAAUC,EAAAA,SAASF,EAAUxB,CAA+B,GAAKW,EAChE,MAAA,CAAC,GAAGW,EAAKG,CAAM,CAAA,CAGjBH,OAAAA,CACT,EAAG,EAAc,EAENK,KAAK,GAAG,CACrB,CAkBA,SAASC,KAAkB7B,EAA4B,CACrD,OAAO,SAAUC,EAAkB,CACjC,IAAI6B,EAAoB,CAAE,EAE1B,QAASzB,EAAI,EAAGA,EAAIL,EAAWM,OAAQD,IAAK,CACpCE,MAAAA,EAAYP,EAAWK,CAAC,EAE1Bc,EAAAA,WAAWZ,CAAS,EACdwB,EAAAA,KAAKxB,EAAUN,CAAK,CAAC,EACpB+B,EAAAA,SAASzB,CAAS,EAC3BuB,EAAUA,EAAQG,OAAOZ,EAAyBd,EAAWN,CAAK,CAAC,EAC1DM,GACDwB,EAAAA,KAAKG,OAAO3B,CAAS,CAAC,CAChC,CAGKuB,OAAAA,EAAQF,KAAK,GAAG,CACzB,CACF,CC5HA,SAASO,KAAWC,EAAsB,CAElC,KAAA,CAACZ,EAAOa,CAAY,EAAID,EAM9B,OAJIZ,GAAS,MAAQA,IAAU,IAASc,OAAOC,MAAMf,CAAK,GAItD,OAAOA,GAAU,UAAYA,EAAMlB,SAAW,IACzC+B,GAAgBb,CAI3B,CAcA,SAASgB,EACPC,EACAJ,EACAK,EAAeP,EACf,CACA,OAAQlC,GAAmByC,EAAazC,EAAMwC,CAAI,EAAGJ,CAAY,CACnE"}

package/dist/testing/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@testing-library/react"),h=require("../toArray-Dw6F-w3t.js"),E=require("../miranda-compatibility.theme-C3Dt-45K.js"),C=require("react"),D=require("../DragDropFile.context-D-EBrXnw.js"),q=e=>e&&e.__esModule?e:{default:e},b=q(C);function i(e){return e.parentNode.parentNode.parentNode.parentNode}async function g(e){const t=i(e);n.queries.queryByRole(t,"menu")||(n.fireEvent.click(e),await n.waitFor(()=>{expect(n.queries.getByRole(t,"menu")).toBeInTheDocument()}))}async function u(e){const t=i(e);n.queries.queryByRole(t,"menu")&&(n.fireEvent.click(n.queries.getByText(t,"Close")),await n.waitFor(()=>{expect(n.queries.queryByRole(t,"menu")).not.toBeInTheDocument()}))}async function S(e,t){const a=i(t);await g(t),n.act(()=>{t.focus()});const r=n.queries.getByLabelText(a,e);r&&r.getAttribute("aria-checked")=="false"&&n.fireEvent.click(r),await u(t)}async function R(e){const t=i(e),a=n.queries.getByLabelText(t,"Clear selection");n.fireEvent.click(a),await u(e)}async function F(e){const t=i(e);await g(e);const a=n.queries.queryAllByRole(t,"checkbox",{checked:!0});return await u(e),a}const o={getContainer:i,expand:g,collapse:u,pick:S,clear:R,getSelectedDates:F};async function m(e){await o.expand(e)}async function x(e){await o.collapse(e)}async function T(e,t){const a=o.getContainer(t);await m(t);const[r,d]=e;if(r!=null){const f=n.queries.getByTestId(a,"input-date-range-start");await o.pick(r,f)}if(d!=null){const f=n.queries.getByTestId(a,"input-date-range-end");await o.pick(d,f)}await x(t)}async function P(e){await o.clear(e)}async function I(e){return o.getSelectedDates(e)}const N={getContainer:o.getContainer,expand:m,collapse:x,pick:T,clear:P,getSelectedDates:I},y=e=>e.parentNode,A=e=>{const t=y(e),a=n.createEvent.dragOver(t);n.fireEvent(t,a)},L=e=>{const t=y(e),a=n.createEvent.dragLeave(t);n.fireEvent(t,a)},O=(e,t)=>{const a=y(e),r=n.createEvent.drop(a);Object.defineProperty(r,"dataTransfer",{value:{files:h.toArray(t)}}),n.fireEvent(a,r)},$={dragOver:A,dragLeave:L,dropFiles:O};function w(e){return e.parentNode.parentNode.parentNode}function c(e){return e.parentNode.parentNode.nextSibling}function k(e){return e.parentNode.nextSibling.nextSibling}function B(e){return e.parentNode}function p(e){return w(e).children.length===3}async function v(e){const t=B(e);n.within(t).queryByTestId("select-trigger-loading")&&await n.waitForElementToBeRemoved(()=>n.within(t).queryByTestId("select-trigger-loading"),{timeout:2500})}async function s(e){if(await v(e),p(e))return;const t=k(e);await n.waitFor(()=>{expect(t).toBeEnabled()}),n.act(()=>{e.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}),await n.waitFor(()=>{expect(n.within(w(e)).getByRole("listbox")).toBeInTheDocument()})}async function l(e){if(!p(e))return;const t=k(e);n.fireEvent.click(t),await n.waitFor(()=>{expect(n.within(w(e)).queryByRole("listbox")).not.toBeInTheDocument()})}async function M(e,t){await s(t);const a=c(t),r=await n.within(a).findByLabelText(e);r&&r.getAttribute("aria-selected")=="false"&&(n.fireEvent.mouseDown(r),n.act(()=>{r.focus()}),n.fireEvent.mouseUp(r),n.fireEvent.click(r)),await l(t)}async function _(e,t){await s(t);const a=c(t),r=await n.within(a).findByLabelText(e);r&&r.getAttribute("aria-selected")==="true"&&n.fireEvent.click(r),await l(t)}async function j(e){await v(e);const t=B(e),a=n.within(t).getByTestId("select-trigger-clear");a&&n.fireEvent.click(a)}async function z(e,t){n.fireEvent.change(t,{target:{value:e}}),await v(t);const a=c(t);await n.within(a).findAllByRole("option")}async function H(e){await s(e);const t=c(e),a=n.within(t).queryAllByRole("option");return await l(e),a}async function U(e){await s(e);const t=c(e);let a=[];try{a=await n.within(t).findAllByRole("option",{selected:!0})}catch{a=[]}return await l(e),a}const V={select:M,unselect:_,clear:j,search:z,expand:s,collapse:l,getOptions:H,getSelectedOptions:U,isMenuExpanded:p};function W(e){return h.toArray(e).map(t=>{for(;E.libExports.isFunction(t);)t=t({theme:E.alice});return t}).join("")}const Q={fileList:[],onFilesAdded:jest.fn(),onRetryUpload:jest.fn(),onRemoveFile:jest.fn()},Z=(e,t)=>{const a={...Q,...t},r=d=>b.default.createElement(D.DragDropFileContext.Provider,{value:a},d);return n.render(r(e))};exports.DatePickerEvent=o;exports.DateRangePickerEvent=N;exports.DragDropFileEvent=$;exports.SelectEvent=V;exports.getInterpolatedStyles=W;exports.renderWithDragDropFileProvider=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@testing-library/react"),E=require("../toArray-BW3gx_gH.js"),B=require("@loadsmart/utils-function"),C=require("../miranda-compatibility.theme-ChPV-BBw.js"),D=require("react"),q=require("../DragDropFile.context-D-EBrXnw.js"),b=e=>e&&e.__esModule?e:{default:e},S=b(D);function i(e){return e.parentNode.parentNode.parentNode.parentNode}async function g(e){const t=i(e);n.queries.queryByRole(t,"menu")||(n.fireEvent.click(e),await n.waitFor(()=>{expect(n.queries.getByRole(t,"menu")).toBeInTheDocument()}))}async function u(e){const t=i(e);n.queries.queryByRole(t,"menu")&&(n.fireEvent.click(n.queries.getByText(t,"Close")),await n.waitFor(()=>{expect(n.queries.queryByRole(t,"menu")).not.toBeInTheDocument()}))}async function F(e,t){const a=i(t);await g(t),n.act(()=>{t.focus()});const r=n.queries.getByLabelText(a,e);r&&r.getAttribute("aria-checked")=="false"&&n.fireEvent.click(r),await u(t)}async function R(e){const t=i(e),a=n.queries.getByLabelText(t,"Clear selection");n.fireEvent.click(a),await u(e)}async function T(e){const t=i(e);await g(e);const a=n.queries.queryAllByRole(t,"checkbox",{checked:!0});return await u(e),a}const o={getContainer:i,expand:g,collapse:u,pick:F,clear:R,getSelectedDates:T};async function h(e){await o.expand(e)}async function m(e){await o.collapse(e)}async function P(e,t){const a=o.getContainer(t);await h(t);const[r,d]=e;if(r!=null){const f=n.queries.getByTestId(a,"input-date-range-start");await o.pick(r,f)}if(d!=null){const f=n.queries.getByTestId(a,"input-date-range-end");await o.pick(d,f)}await m(t)}async function I(e){await o.clear(e)}async function N(e){return o.getSelectedDates(e)}const A={getContainer:o.getContainer,expand:h,collapse:m,pick:P,clear:I,getSelectedDates:N},y=e=>e.parentNode,L=e=>{const t=y(e),a=n.createEvent.dragOver(t);n.fireEvent(t,a)},O=e=>{const t=y(e),a=n.createEvent.dragLeave(t);n.fireEvent(t,a)},$=(e,t)=>{const a=y(e),r=n.createEvent.drop(a);Object.defineProperty(r,"dataTransfer",{value:{files:E.toArray(t)}}),n.fireEvent(a,r)},M={dragOver:L,dragLeave:O,dropFiles:$};function w(e){return e.parentNode.parentNode.parentNode}function c(e){return e.parentNode.parentNode.nextSibling}function k(e){return e.parentNode.nextSibling.nextSibling}function x(e){return e.parentNode}function p(e){return w(e).children.length===3}async function v(e){const t=x(e);n.within(t).queryByTestId("select-trigger-loading")&&await n.waitForElementToBeRemoved(()=>n.within(t).queryByTestId("select-trigger-loading"),{timeout:2500})}async function s(e){if(await v(e),p(e))return;const t=k(e);await n.waitFor(()=>{expect(t).toBeEnabled()}),n.act(()=>{e.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}),await n.waitFor(()=>{expect(n.within(w(e)).getByRole("listbox")).toBeInTheDocument()})}async function l(e){if(!p(e))return;const t=k(e);n.fireEvent.click(t),await n.waitFor(()=>{expect(n.within(w(e)).queryByRole("listbox")).not.toBeInTheDocument()})}async function _(e,t){await s(t);const a=c(t),r=await n.within(a).findByLabelText(e);r&&r.getAttribute("aria-selected")=="false"&&(n.fireEvent.mouseDown(r),n.act(()=>{r.focus()}),n.fireEvent.mouseUp(r),n.fireEvent.click(r)),await l(t)}async function j(e,t){await s(t);const a=c(t),r=await n.within(a).findByLabelText(e);r&&r.getAttribute("aria-selected")==="true"&&n.fireEvent.click(r),await l(t)}async function z(e){await v(e);const t=x(e),a=n.within(t).getByTestId("select-trigger-clear");a&&n.fireEvent.click(a)}async function H(e,t){n.fireEvent.change(t,{target:{value:e}}),await v(t);const a=c(t);await n.within(a).findAllByRole("option")}async function U(e){await s(e);const t=c(e),a=n.within(t).queryAllByRole("option");return await l(e),a}async function V(e){await s(e);const t=c(e);let a=[];try{a=await n.within(t).findAllByRole("option",{selected:!0})}catch{a=[]}return await l(e),a}const W={select:_,unselect:j,clear:z,search:H,expand:s,collapse:l,getOptions:U,getSelectedOptions:V,isMenuExpanded:p};function Q(e){return E.toArray(e).map(t=>{for(;B.isFunction(t);)t=t({theme:C.alice});return t}).join("")}const Z={fileList:[],onFilesAdded:jest.fn(),onRetryUpload:jest.fn(),onRemoveFile:jest.fn()},G=(e,t)=>{const a={...Z,...t},r=d=>S.default.createElement(q.DragDropFileContext.Provider,{value:a},d);return n.render(r(e))};exports.DatePickerEvent=o;exports.DateRangePickerEvent=A;exports.DragDropFileEvent=M;exports.SelectEvent=W;exports.getInterpolatedStyles=Q;exports.renderWithDragDropFileProvider=G;
 //# sourceMappingURL=index.js.map

package/dist/testing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/testing/DatePickerEvent/DatePickerEvent.ts","../../src/testing/DatePickerEvent/DateRangePickerEvent.ts","../../src/testing/DragDropFileEvent/DragDropFileEvent.ts","../../src/testing/SelectEvent/SelectEvent.ts","../../src/testing/getInterpolatedStyles/getInterpolatedStyles.ts","../../src/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.tsx"],"sourcesContent":["/* eslint-disable */\nimport { act, queries, fireEvent, waitFor, waitForElementToBeRemoved } from '@testing-library/react'\n// find the date picker container from its input field 🤷\nfunction getContainerFromInput(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.parentNode!.parentNode as HTMLElement\n}\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  // if menu is rendered, then the select is already expanded\n  if (queries.queryByRole(datePickerContainer, 'menu')) {\n    return\n  }\n\n  fireEvent.click(input)\n\n  await waitFor(() => {\n    expect(queries.getByRole(datePickerContainer, 'menu')).toBeInTheDocument()\n  })\n}\n\n/**\n * Collapse the `DatePicker` calendar, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  // if menu is not rendered, then the select is already collapsed\n  if (!queries.queryByRole(datePickerContainer, 'menu')) {\n    return\n  }\n\n  fireEvent.click(queries.getByText(datePickerContainer, 'Close'))\n\n  await waitFor(() => {\n    expect(queries.queryByRole(datePickerContainer, 'menu')).not.toBeInTheDocument()\n  })\n}\n\n/**\n * Pick (select)  the provided day in the current month/year.\n * Notice that we programatically expand the `DatePicker` calendar before picking the date.\n * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function pick(day: string, input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  await expand(input)\n\n  act(() => {\n    input.focus()\n  })\n\n  const dayElement = queries.getByLabelText(datePickerContainer, day)\n\n  if (dayElement && dayElement.getAttribute('aria-checked') == 'false') {\n    fireEvent.click(dayElement)\n  }\n\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  const clearButton = queries.getByLabelText(datePickerContainer, 'Clear selection')\n\n  fireEvent.click(clearButton)\n\n  await collapse(input)\n}\n\n/**\n * Get options elements currently selected in the `DatePicker` calendar.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  await expand(input)\n\n  const selectedDays: HTMLElement[] = queries.queryAllByRole(datePickerContainer, 'checkbox', {\n    checked: true,\n  })\n\n  await collapse(input)\n\n  return selectedDays\n}\n\nconst datePickerEvent = {\n  getContainer: getContainerFromInput,\n  expand,\n  collapse,\n  pick,\n  clear,\n  getSelectedDates,\n}\n\nexport default datePickerEvent\n","/* eslint-disable */\nimport { queries } from '@testing-library/react'\n\nimport DatePickerEvent from './DatePickerEvent'\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.expand(input)\n}\n\n/**\n * Collapse the `DatePicker` calendar, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.collapse(input)\n}\n\n/**\n * Pick (select)  the provided day in the current month/year.\n * Notice that we programatically expand the `DatePicker` calendar before picking the date.\n * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function pick(range: [string | null, string | null], input: HTMLElement): Promise<void> {\n  const dateRangePickerContainer = DatePickerEvent.getContainer(input)\n\n  await expand(input)\n\n  const [rangeStart, rangeEnd] = range\n\n  if (rangeStart != null) {\n    const dateRangeStartInput = queries.getByTestId(\n      dateRangePickerContainer,\n      'input-date-range-start'\n    )\n\n    await DatePickerEvent.pick(rangeStart, dateRangeStartInput)\n  }\n\n  if (rangeEnd != null) {\n    const dateRangeEndInput = queries.getByTestId(dateRangePickerContainer, 'input-date-range-end')\n\n    await DatePickerEvent.pick(rangeEnd, dateRangeEndInput)\n  }\n\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.clear(input)\n}\n\n/**\n * Get options elements currently selected in the `DatePicker` calendar.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]> {\n  return DatePickerEvent.getSelectedDates(input)\n}\n\nexport const dateRangePickerEvent = {\n  getContainer: DatePickerEvent.getContainer,\n  expand,\n  collapse,\n  pick,\n  clear,\n  getSelectedDates,\n}\n\nexport default dateRangePickerEvent\n","import { createEvent, fireEvent } from '@testing-library/react'\n\nimport toArray from 'utils/toolset/toArray'\n\n/**\n * Get the input dropzone, which is the input parent (label).\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst getDropZoneFromInput = (input: HTMLInputElement): HTMLLabelElement =>\n  input.parentNode as HTMLLabelElement\n\n/**\n * Simulates the onDragOver event on the drop zone.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dragOver = (input: HTMLInputElement) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const dragOverEvent = createEvent.dragOver(dropzone)\n\n  fireEvent(dropzone, dragOverEvent)\n}\n\n/**\n * Simulates the onDragLeave event on the drop zone.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dragLeave = (input: HTMLInputElement) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const dragLeaveEvent = createEvent.dragLeave(dropzone)\n\n  fireEvent(dropzone, dragLeaveEvent)\n}\n\n/**\n * Simulates the onDrop event on the drop zone. You can provide a list of files or a single file.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dropFiles = (input: HTMLInputElement, files: File | File[]) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const fileDropEvent = createEvent.drop(dropzone)\n\n  Object.defineProperty(fileDropEvent, 'dataTransfer', { value: { files: toArray(files) } })\n\n  fireEvent(dropzone, fileDropEvent)\n}\n\nexport const DragDropFileEvent = {\n  dragOver,\n  dragLeave,\n  dropFiles,\n}\n\nexport default DragDropFileEvent\n","import { act, waitFor, within, waitForElementToBeRemoved, fireEvent } from '@testing-library/react'\n\n// based on https://github.com/romgain/react-select-event/blob/master/src/index.ts\n\n// find the select container from its input field 🤷\nfunction getSelectContainer(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.parentNode as HTMLElement\n}\n\n/**\n * Please, make sure to call expand before trying to get the menu container\n */\nfunction getSelectMenu(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.nextSibling as HTMLElement\n}\n\nfunction getSelectTriggerHandle(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.nextSibling!.nextSibling as HTMLElement\n}\n\nfunction getSelectSearchContainer(input: HTMLElement): HTMLElement {\n  return input.parentNode as HTMLElement\n}\n\nfunction isSelectMenuExpanded(input: HTMLElement): boolean {\n  const selectContainer = getSelectContainer(input)\n\n  /**\n   * Once the select is expanded, we have the following structure:\n   * +-------------+\n   * | Close button (visually hidden)\n   * +-------------+\n   * | DropdownTrigger\n   * +-------------+\n   * | Popover\n   * +-------------+\n   *\n   * This, if the container has 3 children, we assume the menu is expanded\n   */\n  return selectContainer.children.length === 3\n}\n\n/**\n * This is needed because some datasources might be asynchronous.\n * To ensure that the data they retrieve will be available, we wait for the\n * querying phase to finish.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n */\nasync function waitForPendingQuery(input: HTMLElement) {\n  const searchContainer = getSelectSearchContainer(input)\n\n  if (!within(searchContainer).queryByTestId('select-trigger-loading')) {\n    return\n  }\n\n  await waitForElementToBeRemoved(\n    () => within(searchContainer).queryByTestId('select-trigger-loading'),\n    { timeout: 2500 }\n  )\n}\n\n/**\n * Expand the `Select` menu, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  await waitForPendingQuery(input)\n\n  if (isSelectMenuExpanded(input)) {\n    return\n  }\n\n  const triggerHandle = getSelectTriggerHandle(input)\n\n  await waitFor(() => {\n    expect(triggerHandle).toBeEnabled()\n  })\n\n  /**\n   * Using act and a manually dispatched event so we can account for the\n   * state changes that happen when the search input is clicked.\n   * This is mainly related to the `handleEvent` from the `useClickOutside` hook.\n   */\n  act(() => {\n    input.dispatchEvent(new MouseEvent('click', { bubbles: true }))\n  })\n\n  await waitFor(() => {\n    expect(within(getSelectContainer(input)).getByRole('listbox')).toBeInTheDocument()\n  })\n}\n\n/**\n * Collapse the `Select` menu, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  if (!isSelectMenuExpanded(input)) {\n    return\n  }\n\n  const triggerHandle = getSelectTriggerHandle(input)\n\n  fireEvent.click(triggerHandle)\n\n  await waitFor(() => {\n    expect(within(getSelectContainer(input)).queryByRole('listbox')).not.toBeInTheDocument()\n  })\n}\n\n/**\n * Select the provided option(s), if they are present in the menu.\n * Notice that we programatically expand the `Select` menu before select the item\n * @param {string | RegExp} option - Label for the option to be selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function select(option: string | RegExp, input: HTMLElement): Promise<void> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const optionElement = await within(menuContainer).findByLabelText(option)\n\n  // click the option if exists; Select currently closes when an item is clicked.\n  if (optionElement && optionElement.getAttribute('aria-selected') == 'false') {\n    /**\n     * This is a replacement for the `userEvent.click`.\n     * We are adopting this approach to remove the peer dep to @testing-library/user-event for\n     * applications using this helper, so they are not tied to the same user-event as this library.\n     * It follows the same sequence of event stated in the documentation available at:\n     * https://testing-library.com/docs/guide-events/#interactions-vs-events\n     */\n    fireEvent.mouseDown(optionElement)\n\n    act(() => {\n      optionElement.focus()\n    })\n\n    fireEvent.mouseUp(optionElement)\n    fireEvent.click(optionElement)\n  }\n\n  // we collapse in the case the option was not clicked\n  await collapse(input)\n}\n\n/**\n * Unselect the provided option(s), if they are present in the menu AND are selected.\n * Notice that we programatically expand the `Select` menu before select the item\n * @param {string} option - Label for the option to be unselected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function unselect(option: string, input: HTMLElement): Promise<void> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const optionElement = await within(menuContainer).findByLabelText(option)\n\n  // ensures that the option exists and IS selected\n  if (optionElement && optionElement.getAttribute('aria-selected') === 'true') {\n    fireEvent.click(optionElement)\n  }\n\n  // we collapse in the case the option was not clicked\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  await waitForPendingQuery(input)\n\n  const searchContainer = getSelectSearchContainer(input)\n\n  const clearButton = within(searchContainer).getByTestId('select-trigger-clear')\n\n  if (clearButton) {\n    fireEvent.click(clearButton)\n  }\n}\n\n/**\n * Perform search based on the given `query`. It will fail if the option is not found.\n * @param {string} query - Search term.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function search(query: string, input: HTMLElement): Promise<void> {\n  fireEvent.change(input, {\n    target: { value: query },\n  })\n\n  await waitForPendingQuery(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  await within(menuContainer).findAllByRole('option')\n}\n\n/**\n * Get options elements currently available in the `Select` menu.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getOptions(input: HTMLElement): Promise<HTMLElement[]> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const options = within(menuContainer).queryAllByRole('option')\n\n  await collapse(input)\n\n  return options\n}\n\n/**\n * Get options elements currently selected in the `Select` menu.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedOptions(input: HTMLElement): Promise<HTMLElement[]> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n  let selectedOptions: HTMLElement[] = []\n\n  try {\n    selectedOptions = await within(menuContainer).findAllByRole('option', {\n      selected: true,\n    })\n  } catch (err) {\n    selectedOptions = []\n  }\n\n  await collapse(input)\n\n  return selectedOptions\n}\n\nexport const selectEvent = {\n  select,\n  unselect,\n  clear,\n  search,\n  expand,\n  collapse,\n  getOptions,\n  getSelectedOptions,\n  isMenuExpanded: isSelectMenuExpanded,\n}\n\nexport default selectEvent\n","import type { Interpolation, ThemeProps } from 'styled-components'\nimport { isFunction } from '@loadsmart/utils-function'\n\nimport { Alice } from '../../theming/themes'\nimport type { CustomTheme } from '../../theming'\nimport toArray from 'utils/toolset/toArray'\n\ntype ThemedInterpolation = Interpolation<ThemeProps<CustomTheme>>\n\n/**\n * Use this function to simulate the CSS that would be generated by styled-components\n * @param {Interpolation<ThemeProps<CustomTheme>>} styles - A `css` reference with interpolated styles\n * @returns {string} The final CSS\n */\nexport default function getInterpolatedStyles(styles: ThemedInterpolation): string {\n  return toArray(styles)\n    .map((interpolation) => {\n      while (isFunction(interpolation)) {\n        interpolation = interpolation({ theme: Alice })\n      }\n\n      return interpolation\n    })\n    .join('')\n}\n","import React, { ReactNode } from 'react'\nimport { render } from '@testing-library/react'\nimport type { RenderResult } from '@testing-library/react'\n\nimport type { DragDropFileContextValue } from '../../components/DragDropFile/types'\nimport { DragDropFileContext } from '../../components/DragDropFile/DragDropFile.context'\n\nconst defaultContextValueMock: DragDropFileContextValue = {\n  fileList: [],\n  onFilesAdded: jest.fn(),\n  onRetryUpload: jest.fn(),\n  onRemoveFile: jest.fn(),\n}\n\nconst renderWithDragDropFileProvider = (\n  ui: ReactNode,\n  customContext?: Partial<DragDropFileContextValue>\n): RenderResult => {\n  const contextValue = { ...defaultContextValueMock, ...customContext }\n\n  const renderedUi = (children: ReactNode) => (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n\n  return render(renderedUi(ui))\n}\n\nexport default renderWithDragDropFileProvider\n"],"names":["getContainerFromInput","input","parentNode","expand","datePickerContainer","queries","queryByRole","fireEvent","click","waitFor","expect","getByRole","toBeInTheDocument","collapse","getByText","not","pick","day","act","focus","dayElement","getByLabelText","getAttribute","clear","clearButton","getSelectedDates","selectedDays","queryAllByRole","checked","datePickerEvent","getContainer","DatePickerEvent","range","dateRangePickerContainer","rangeStart","rangeEnd","dateRangeStartInput","getByTestId","dateRangeEndInput","dateRangePickerEvent","getDropZoneFromInput","dragOver","dropzone","dragOverEvent","createEvent","dragLeave","dragLeaveEvent","dropFiles","files","fileDropEvent","drop","defineProperty","value","toArray","DragDropFileEvent","getSelectContainer","getSelectMenu","nextSibling","getSelectTriggerHandle","getSelectSearchContainer","isSelectMenuExpanded","selectContainer","children","length","waitForPendingQuery","searchContainer","within","queryByTestId","waitForElementToBeRemoved","timeout","triggerHandle","toBeEnabled","dispatchEvent","MouseEvent","bubbles","select","option","menuContainer","optionElement","findByLabelText","mouseDown","mouseUp","unselect","search","query","change","target","findAllByRole","getOptions","options","getSelectedOptions","selectedOptions","selected","selectEvent","isMenuExpanded","getInterpolatedStyles","styles","map","interpolation","isFunction","theme","Alice","join","defaultContextValueMock","fileList","onFilesAdded","jest","fn","onRetryUpload","onRemoveFile","renderWithDragDropFileProvider","ui","customContext","contextValue","renderedUi","React","DragDropFileContext","render"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/testing/DatePickerEvent/DatePickerEvent.ts","../../src/testing/DatePickerEvent/DateRangePickerEvent.ts","../../src/testing/DragDropFileEvent/DragDropFileEvent.ts","../../src/testing/SelectEvent/SelectEvent.ts","../../src/testing/getInterpolatedStyles/getInterpolatedStyles.ts","../../src/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.tsx"],"sourcesContent":["/* eslint-disable */\nimport { act, queries, fireEvent, waitFor, waitForElementToBeRemoved } from '@testing-library/react'\n// find the date picker container from its input field 🤷\nfunction getContainerFromInput(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.parentNode!.parentNode as HTMLElement\n}\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  // if menu is rendered, then the select is already expanded\n  if (queries.queryByRole(datePickerContainer, 'menu')) {\n    return\n  }\n\n  fireEvent.click(input)\n\n  await waitFor(() => {\n    expect(queries.getByRole(datePickerContainer, 'menu')).toBeInTheDocument()\n  })\n}\n\n/**\n * Collapse the `DatePicker` calendar, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  // if menu is not rendered, then the select is already collapsed\n  if (!queries.queryByRole(datePickerContainer, 'menu')) {\n    return\n  }\n\n  fireEvent.click(queries.getByText(datePickerContainer, 'Close'))\n\n  await waitFor(() => {\n    expect(queries.queryByRole(datePickerContainer, 'menu')).not.toBeInTheDocument()\n  })\n}\n\n/**\n * Pick (select)  the provided day in the current month/year.\n * Notice that we programatically expand the `DatePicker` calendar before picking the date.\n * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function pick(day: string, input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  await expand(input)\n\n  act(() => {\n    input.focus()\n  })\n\n  const dayElement = queries.getByLabelText(datePickerContainer, day)\n\n  if (dayElement && dayElement.getAttribute('aria-checked') == 'false') {\n    fireEvent.click(dayElement)\n  }\n\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  const clearButton = queries.getByLabelText(datePickerContainer, 'Clear selection')\n\n  fireEvent.click(clearButton)\n\n  await collapse(input)\n}\n\n/**\n * Get options elements currently selected in the `DatePicker` calendar.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]> {\n  const datePickerContainer = getContainerFromInput(input)\n\n  await expand(input)\n\n  const selectedDays: HTMLElement[] = queries.queryAllByRole(datePickerContainer, 'checkbox', {\n    checked: true,\n  })\n\n  await collapse(input)\n\n  return selectedDays\n}\n\nconst datePickerEvent = {\n  getContainer: getContainerFromInput,\n  expand,\n  collapse,\n  pick,\n  clear,\n  getSelectedDates,\n}\n\nexport default datePickerEvent\n","/* eslint-disable */\nimport { queries } from '@testing-library/react'\n\nimport DatePickerEvent from './DatePickerEvent'\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.expand(input)\n}\n\n/**\n * Collapse the `DatePicker` calendar, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.collapse(input)\n}\n\n/**\n * Pick (select)  the provided day in the current month/year.\n * Notice that we programatically expand the `DatePicker` calendar before picking the date.\n * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function pick(range: [string | null, string | null], input: HTMLElement): Promise<void> {\n  const dateRangePickerContainer = DatePickerEvent.getContainer(input)\n\n  await expand(input)\n\n  const [rangeStart, rangeEnd] = range\n\n  if (rangeStart != null) {\n    const dateRangeStartInput = queries.getByTestId(\n      dateRangePickerContainer,\n      'input-date-range-start'\n    )\n\n    await DatePickerEvent.pick(rangeStart, dateRangeStartInput)\n  }\n\n  if (rangeEnd != null) {\n    const dateRangeEndInput = queries.getByTestId(dateRangePickerContainer, 'input-date-range-end')\n\n    await DatePickerEvent.pick(rangeEnd, dateRangeEndInput)\n  }\n\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  await DatePickerEvent.clear(input)\n}\n\n/**\n * Get options elements currently selected in the `DatePicker` calendar.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]> {\n  return DatePickerEvent.getSelectedDates(input)\n}\n\nexport const dateRangePickerEvent = {\n  getContainer: DatePickerEvent.getContainer,\n  expand,\n  collapse,\n  pick,\n  clear,\n  getSelectedDates,\n}\n\nexport default dateRangePickerEvent\n","import { createEvent, fireEvent } from '@testing-library/react'\n\nimport toArray from 'utils/toolset/toArray'\n\n/**\n * Get the input dropzone, which is the input parent (label).\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst getDropZoneFromInput = (input: HTMLInputElement): HTMLLabelElement =>\n  input.parentNode as HTMLLabelElement\n\n/**\n * Simulates the onDragOver event on the drop zone.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dragOver = (input: HTMLInputElement) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const dragOverEvent = createEvent.dragOver(dropzone)\n\n  fireEvent(dropzone, dragOverEvent)\n}\n\n/**\n * Simulates the onDragLeave event on the drop zone.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dragLeave = (input: HTMLInputElement) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const dragLeaveEvent = createEvent.dragLeave(dropzone)\n\n  fireEvent(dropzone, dragLeaveEvent)\n}\n\n/**\n * Simulates the onDrop event on the drop zone. You can provide a list of files or a single file.\n * @param {HTMLInputElement} input - You can refer to this element by the aria-label you provide to the DragDropFile component\n */\nconst dropFiles = (input: HTMLInputElement, files: File | File[]) => {\n  const dropzone = getDropZoneFromInput(input)\n\n  const fileDropEvent = createEvent.drop(dropzone)\n\n  Object.defineProperty(fileDropEvent, 'dataTransfer', { value: { files: toArray(files) } })\n\n  fireEvent(dropzone, fileDropEvent)\n}\n\nexport const DragDropFileEvent = {\n  dragOver,\n  dragLeave,\n  dropFiles,\n}\n\nexport default DragDropFileEvent\n","import { act, waitFor, within, waitForElementToBeRemoved, fireEvent } from '@testing-library/react'\n\n// based on https://github.com/romgain/react-select-event/blob/master/src/index.ts\n\n// find the select container from its input field 🤷\nfunction getSelectContainer(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.parentNode as HTMLElement\n}\n\n/**\n * Please, make sure to call expand before trying to get the menu container\n */\nfunction getSelectMenu(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.parentNode!.nextSibling as HTMLElement\n}\n\nfunction getSelectTriggerHandle(input: HTMLElement): HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return input.parentNode!.nextSibling!.nextSibling as HTMLElement\n}\n\nfunction getSelectSearchContainer(input: HTMLElement): HTMLElement {\n  return input.parentNode as HTMLElement\n}\n\nfunction isSelectMenuExpanded(input: HTMLElement): boolean {\n  const selectContainer = getSelectContainer(input)\n\n  /**\n   * Once the select is expanded, we have the following structure:\n   * +-------------+\n   * | Close button (visually hidden)\n   * +-------------+\n   * | DropdownTrigger\n   * +-------------+\n   * | Popover\n   * +-------------+\n   *\n   * This, if the container has 3 children, we assume the menu is expanded\n   */\n  return selectContainer.children.length === 3\n}\n\n/**\n * This is needed because some datasources might be asynchronous.\n * To ensure that the data they retrieve will be available, we wait for the\n * querying phase to finish.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n */\nasync function waitForPendingQuery(input: HTMLElement) {\n  const searchContainer = getSelectSearchContainer(input)\n\n  if (!within(searchContainer).queryByTestId('select-trigger-loading')) {\n    return\n  }\n\n  await waitForElementToBeRemoved(\n    () => within(searchContainer).queryByTestId('select-trigger-loading'),\n    { timeout: 2500 }\n  )\n}\n\n/**\n * Expand the `Select` menu, if it not already expanded.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function expand(input: HTMLElement): Promise<void> {\n  await waitForPendingQuery(input)\n\n  if (isSelectMenuExpanded(input)) {\n    return\n  }\n\n  const triggerHandle = getSelectTriggerHandle(input)\n\n  await waitFor(() => {\n    expect(triggerHandle).toBeEnabled()\n  })\n\n  /**\n   * Using act and a manually dispatched event so we can account for the\n   * state changes that happen when the search input is clicked.\n   * This is mainly related to the `handleEvent` from the `useClickOutside` hook.\n   */\n  act(() => {\n    input.dispatchEvent(new MouseEvent('click', { bubbles: true }))\n  })\n\n  await waitFor(() => {\n    expect(within(getSelectContainer(input)).getByRole('listbox')).toBeInTheDocument()\n  })\n}\n\n/**\n * Collapse the `Select` menu, if it not already collapsed.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function collapse(input: HTMLElement): Promise<void> {\n  if (!isSelectMenuExpanded(input)) {\n    return\n  }\n\n  const triggerHandle = getSelectTriggerHandle(input)\n\n  fireEvent.click(triggerHandle)\n\n  await waitFor(() => {\n    expect(within(getSelectContainer(input)).queryByRole('listbox')).not.toBeInTheDocument()\n  })\n}\n\n/**\n * Select the provided option(s), if they are present in the menu.\n * Notice that we programatically expand the `Select` menu before select the item\n * @param {string | RegExp} option - Label for the option to be selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function select(option: string | RegExp, input: HTMLElement): Promise<void> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const optionElement = await within(menuContainer).findByLabelText(option)\n\n  // click the option if exists; Select currently closes when an item is clicked.\n  if (optionElement && optionElement.getAttribute('aria-selected') == 'false') {\n    /**\n     * This is a replacement for the `userEvent.click`.\n     * We are adopting this approach to remove the peer dep to @testing-library/user-event for\n     * applications using this helper, so they are not tied to the same user-event as this library.\n     * It follows the same sequence of event stated in the documentation available at:\n     * https://testing-library.com/docs/guide-events/#interactions-vs-events\n     */\n    fireEvent.mouseDown(optionElement)\n\n    act(() => {\n      optionElement.focus()\n    })\n\n    fireEvent.mouseUp(optionElement)\n    fireEvent.click(optionElement)\n  }\n\n  // we collapse in the case the option was not clicked\n  await collapse(input)\n}\n\n/**\n * Unselect the provided option(s), if they are present in the menu AND are selected.\n * Notice that we programatically expand the `Select` menu before select the item\n * @param {string} option - Label for the option to be unselected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function unselect(option: string, input: HTMLElement): Promise<void> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const optionElement = await within(menuContainer).findByLabelText(option)\n\n  // ensures that the option exists and IS selected\n  if (optionElement && optionElement.getAttribute('aria-selected') === 'true') {\n    fireEvent.click(optionElement)\n  }\n\n  // we collapse in the case the option was not clicked\n  await collapse(input)\n}\n\n/**\n * Clear the selection, if there are any options selected.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function clear(input: HTMLElement): Promise<void> {\n  await waitForPendingQuery(input)\n\n  const searchContainer = getSelectSearchContainer(input)\n\n  const clearButton = within(searchContainer).getByTestId('select-trigger-clear')\n\n  if (clearButton) {\n    fireEvent.click(clearButton)\n  }\n}\n\n/**\n * Perform search based on the given `query`. It will fail if the option is not found.\n * @param {string} query - Search term.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<void>}\n */\nasync function search(query: string, input: HTMLElement): Promise<void> {\n  fireEvent.change(input, {\n    target: { value: query },\n  })\n\n  await waitForPendingQuery(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  await within(menuContainer).findAllByRole('option')\n}\n\n/**\n * Get options elements currently available in the `Select` menu.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getOptions(input: HTMLElement): Promise<HTMLElement[]> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n\n  const options = within(menuContainer).queryAllByRole('option')\n\n  await collapse(input)\n\n  return options\n}\n\n/**\n * Get options elements currently selected in the `Select` menu.\n * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.\n * @returns {Promise<HTMLElement[]>}\n */\nasync function getSelectedOptions(input: HTMLElement): Promise<HTMLElement[]> {\n  await expand(input)\n\n  const menuContainer = getSelectMenu(input)\n  let selectedOptions: HTMLElement[] = []\n\n  try {\n    selectedOptions = await within(menuContainer).findAllByRole('option', {\n      selected: true,\n    })\n  } catch (err) {\n    selectedOptions = []\n  }\n\n  await collapse(input)\n\n  return selectedOptions\n}\n\nexport const selectEvent = {\n  select,\n  unselect,\n  clear,\n  search,\n  expand,\n  collapse,\n  getOptions,\n  getSelectedOptions,\n  isMenuExpanded: isSelectMenuExpanded,\n}\n\nexport default selectEvent\n","import type { Interpolation, ThemeProps } from 'styled-components'\nimport { isFunction } from '@loadsmart/utils-function'\n\nimport { Alice } from '../../theming/themes'\nimport type { CustomTheme } from '../../theming'\nimport toArray from 'utils/toolset/toArray'\n\ntype ThemedInterpolation = Interpolation<ThemeProps<CustomTheme>>\n\n/**\n * Use this function to simulate the CSS that would be generated by styled-components\n * @param {Interpolation<ThemeProps<CustomTheme>>} styles - A `css` reference with interpolated styles\n * @returns {string} The final CSS\n */\nexport default function getInterpolatedStyles(styles: ThemedInterpolation): string {\n  return toArray(styles)\n    .map((interpolation) => {\n      while (isFunction(interpolation)) {\n        interpolation = interpolation({ theme: Alice })\n      }\n\n      return interpolation\n    })\n    .join('')\n}\n","import React, { ReactNode } from 'react'\nimport { render } from '@testing-library/react'\nimport type { RenderResult } from '@testing-library/react'\n\nimport type { DragDropFileContextValue } from '../../components/DragDropFile/types'\nimport { DragDropFileContext } from '../../components/DragDropFile/DragDropFile.context'\n\nconst defaultContextValueMock: DragDropFileContextValue = {\n  fileList: [],\n  onFilesAdded: jest.fn(),\n  onRetryUpload: jest.fn(),\n  onRemoveFile: jest.fn(),\n}\n\nconst renderWithDragDropFileProvider = (\n  ui: ReactNode,\n  customContext?: Partial<DragDropFileContextValue>\n): RenderResult => {\n  const contextValue = { ...defaultContextValueMock, ...customContext }\n\n  const renderedUi = (children: ReactNode) => (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n\n  return render(renderedUi(ui))\n}\n\nexport default renderWithDragDropFileProvider\n"],"names":["getContainerFromInput","input","parentNode","expand","datePickerContainer","queries","queryByRole","fireEvent","click","waitFor","expect","getByRole","toBeInTheDocument","collapse","getByText","not","pick","day","act","focus","dayElement","getByLabelText","getAttribute","clear","clearButton","getSelectedDates","selectedDays","queryAllByRole","checked","datePickerEvent","getContainer","DatePickerEvent","range","dateRangePickerContainer","rangeStart","rangeEnd","dateRangeStartInput","getByTestId","dateRangeEndInput","dateRangePickerEvent","getDropZoneFromInput","dragOver","dropzone","dragOverEvent","createEvent","dragLeave","dragLeaveEvent","dropFiles","files","fileDropEvent","drop","defineProperty","value","toArray","DragDropFileEvent","getSelectContainer","getSelectMenu","nextSibling","getSelectTriggerHandle","getSelectSearchContainer","isSelectMenuExpanded","selectContainer","children","length","waitForPendingQuery","searchContainer","within","queryByTestId","waitForElementToBeRemoved","timeout","triggerHandle","toBeEnabled","dispatchEvent","MouseEvent","bubbles","select","option","menuContainer","optionElement","findByLabelText","mouseDown","mouseUp","unselect","search","query","change","target","findAllByRole","getOptions","options","getSelectedOptions","selectedOptions","selected","selectEvent","isMenuExpanded","getInterpolatedStyles","styles","map","interpolation","isFunction","theme","Alice","join","defaultContextValueMock","fileList","onFilesAdded","jest","fn","onRetryUpload","onRemoveFile","renderWithDragDropFileProvider","ui","customContext","contextValue","renderedUi","React","DragDropFileContext","render"],"mappings":"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"}

package/dist/testing/index.mjs

@@ -1,46 +1,47 @@
-import { queries as c, fireEvent as o, act as w, waitFor as l, createEvent as m, within as r, waitForElementToBeRemoved as S, render as T } from "@testing-library/react";
-import { t as E } from "../toArray-BJfx0Xhj.mjs";
-import { l as I, a as P } from "../miranda-compatibility.theme-ClCWbTIT.mjs";
+import { queries as r, fireEvent as o, act as w, waitFor as l, createEvent as m, within as c, waitForElementToBeRemoved as S, render as T } from "@testing-library/react";
+import { t as E } from "../toArray-DqgeO2ua.mjs";
+import { isFunction as I } from "@loadsmart/utils-function";
+import { a as P } from "../miranda-compatibility.theme-DQDHkWzC.mjs";
 import F from "react";
 import { D as N } from "../DragDropFile.context-jVTIKfj5.mjs";
 function s(e) {
   return e.parentNode.parentNode.parentNode.parentNode;
 }
-async function x(e) {
+async function k(e) {
   const t = s(e);
-  c.queryByRole(t, "menu") || (o.click(e), await l(() => {
-    expect(c.getByRole(t, "menu")).toBeInTheDocument();
+  r.queryByRole(t, "menu") || (o.click(e), await l(() => {
+    expect(r.getByRole(t, "menu")).toBeInTheDocument();
   }));
 }
 async function y(e) {
   const t = s(e);
-  c.queryByRole(t, "menu") && (o.click(c.getByText(t, "Close")), await l(() => {
-    expect(c.queryByRole(t, "menu")).not.toBeInTheDocument();
+  r.queryByRole(t, "menu") && (o.click(r.getByText(t, "Close")), await l(() => {
+    expect(r.queryByRole(t, "menu")).not.toBeInTheDocument();
   }));
 }
 async function q(e, t) {
   const n = s(t);
-  await x(t), w(() => {
+  await k(t), w(() => {
     t.focus();
   });
-  const a = c.getByLabelText(n, e);
+  const a = r.getByLabelText(n, e);
   a && a.getAttribute("aria-checked") == "false" && o.click(a), await y(t);
 }
 async function A(e) {
-  const t = s(e), n = c.getByLabelText(t, "Clear selection");
+  const t = s(e), n = r.getByLabelText(t, "Clear selection");
   o.click(n), await y(e);
 }
 async function L(e) {
   const t = s(e);
-  await x(e);
-  const n = c.queryAllByRole(t, "checkbox", {
+  await k(e);
+  const n = r.queryAllByRole(t, "checkbox", {
     checked: !0
   });
   return await y(e), n;
 }
 const i = {
   getContainer: s,
-  expand: x,
+  expand: k,
   collapse: y,
   pick: q,
   clear: A,
@@ -57,11 +58,11 @@ async function $(e, t) {
   await D(t);
   const [a, f] = e;
   if (a != null) {
-    const p = c.getByTestId(n, "input-date-range-start");
+    const p = r.getByTestId(n, "input-date-range-start");
     await i.pick(a, p);
   }
   if (f != null) {
-    const p = c.getByTestId(n, "input-date-range-end");
+    const p = r.getByTestId(n, "input-date-range-end");
     await i.pick(f, p);
   }
   await h(t);
@@ -72,27 +73,27 @@ async function O(e) {
 async function j(e) {
   return i.getSelectedDates(e);
 }
-const te = {
+const ne = {
   getContainer: i.getContainer,
   expand: D,
   collapse: h,
   pick: $,
   clear: O,
   getSelectedDates: j
-}, k = (e) => e.parentNode, M = (e) => {
-  const t = k(e), n = m.dragOver(t);
+}, x = (e) => e.parentNode, M = (e) => {
+  const t = x(e), n = m.dragOver(t);
   o(t, n);
 }, U = (e) => {
-  const t = k(e), n = m.dragLeave(t);
+  const t = x(e), n = m.dragLeave(t);
   o(t, n);
 }, z = (e, t) => {
-  const n = k(e), a = m.drop(n);
+  const n = x(e), a = m.drop(n);
   Object.defineProperty(a, "dataTransfer", {
     value: {
       files: E(t)
     }
   }), o(n, a);
-}, ne = {
+}, ae = {
   dragOver: M,
   dragLeave: U,
   dropFiles: z
@@ -103,25 +104,25 @@ function B(e) {
 function d(e) {
   return e.parentNode.parentNode.nextSibling;
 }
-function b(e) {
+function R(e) {
   return e.parentNode.nextSibling.nextSibling;
 }
-function R(e) {
+function b(e) {
   return e.parentNode;
 }
 function v(e) {
   return B(e).children.length === 3;
 }
 async function C(e) {
-  const t = R(e);
-  r(t).queryByTestId("select-trigger-loading") && await S(() => r(t).queryByTestId("select-trigger-loading"), {
+  const t = b(e);
+  c(t).queryByTestId("select-trigger-loading") && await S(() => c(t).queryByTestId("select-trigger-loading"), {
     timeout: 2500
   });
 }
 async function u(e) {
   if (await C(e), v(e))
     return;
-  const t = b(e);
+  const t = R(e);
   await l(() => {
     expect(t).toBeEnabled();
   }), w(() => {
@@ -129,32 +130,32 @@ async function u(e) {
       bubbles: !0
     }));
   }), await l(() => {
-    expect(r(B(e)).getByRole("listbox")).toBeInTheDocument();
+    expect(c(B(e)).getByRole("listbox")).toBeInTheDocument();
   });
 }
 async function g(e) {
   if (!v(e))
     return;
-  const t = b(e);
+  const t = R(e);
   o.click(t), await l(() => {
-    expect(r(B(e)).queryByRole("listbox")).not.toBeInTheDocument();
+    expect(c(B(e)).queryByRole("listbox")).not.toBeInTheDocument();
   });
 }
 async function H(e, t) {
   await u(t);
-  const n = d(t), a = await r(n).findByLabelText(e);
+  const n = d(t), a = await c(n).findByLabelText(e);
   a && a.getAttribute("aria-selected") == "false" && (o.mouseDown(a), w(() => {
     a.focus();
   }), o.mouseUp(a), o.click(a)), await g(t);
 }
 async function V(e, t) {
   await u(t);
-  const n = d(t), a = await r(n).findByLabelText(e);
+  const n = d(t), a = await c(n).findByLabelText(e);
   a && a.getAttribute("aria-selected") === "true" && o.click(a), await g(t);
 }
 async function _(e) {
   await C(e);
-  const t = R(e), n = r(t).getByTestId("select-trigger-clear");
+  const t = b(e), n = c(t).getByTestId("select-trigger-clear");
   n && o.click(n);
 }
 async function Q(e, t) {
@@ -164,11 +165,11 @@ async function Q(e, t) {
     }
   }), await C(t);
   const n = d(t);
-  await r(n).findAllByRole("option");
+  await c(n).findAllByRole("option");
 }
 async function W(e) {
   await u(e);
-  const t = d(e), n = r(t).queryAllByRole("option");
+  const t = d(e), n = c(t).queryAllByRole("option");
   return await g(e), n;
 }
 async function Z(e) {
@@ -176,7 +177,7 @@ async function Z(e) {
   const t = d(e);
   let n = [];
   try {
-    n = await r(t).findAllByRole("option", {
+    n = await c(t).findAllByRole("option", {
       selected: !0
     });
   } catch {
@@ -184,7 +185,7 @@ async function Z(e) {
   }
   return await g(e), n;
 }
-const ae = {
+const oe = {
   select: H,
   unselect: V,
   clear: _,
@@ -195,9 +196,9 @@ const ae = {
   getSelectedOptions: Z,
   isMenuExpanded: v
 };
-function oe(e) {
+function re(e) {
   return E(e).map((t) => {
-    for (; I.isFunction(t); )
+    for (; I(t); )
       t = t({
         theme: P
       });
@@ -218,10 +219,10 @@ const G = {
 };
 export {
   i as DatePickerEvent,
-  te as DateRangePickerEvent,
-  ne as DragDropFileEvent,
-  ae as SelectEvent,
-  oe as getInterpolatedStyles,
+  ne as DateRangePickerEvent,
+  ae as DragDropFileEvent,
+  oe as SelectEvent,
+  re as getInterpolatedStyles,
   ce as renderWithDragDropFileProvider
 };
 //# sourceMappingURL=index.mjs.map