@loadsmart/loadsmart-ui 7.6.0 → 7.7.0-beta.1

package/dist/prop-B8LY6G2g.js

@@ -0,0 +1,81 @@
+import { isObject } from "@loadsmart/utils-object";
+import { isFunction } from "@loadsmart/utils-function";
+import { getToken } from "./theming/index.js";
+import get from "lodash/get.js";
+import { t as toArray } from "./toArray-Dxb1kUxx.js";
+function whenProps(conditions) {
+  return function(props) {
+    const safeConditions = toArray(conditions);
+    let res = false;
+    for (let i = 0; i < safeConditions.length; i++) {
+      const condition = safeConditions[i];
+      const keys = Object.keys(condition);
+      let temp = true;
+      for (let j = 0; j < keys.length && temp; j++) {
+        const key = keys[j];
+        const propValue = get(props, key);
+        const conditionValue = condition[key];
+        if (Array.isArray(conditionValue)) {
+          temp = temp && toArray(conditionValue).includes(propValue);
+        } else if (isFunction(conditionValue)) {
+          temp = temp && Boolean(conditionValue(propValue));
+        } else {
+          temp = temp && conditionValue === propValue;
+        }
+      }
+      res = res || temp;
+    }
+    return res;
+  };
+}
+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-B8LY6G2g.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"prop-B8LY6G2g.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":";;;;;AA8BO,SAASA,UAAaC,YAAqD;AAChF,SAAO,SAAUC,OAAmB;AAC5BC,UAAAA,iBAAiBC,QAAQH,UAAU;AAEzC,QAAII,MAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,eAAeI,QAAQD,KAAK;AACxCE,YAAAA,YAAYL,eAAeG,CAAC;AAC5BG,YAAAA,OAAOC,OAAOD,KAAKD,SAAS;AAElC,UAAIG,OAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,KAAKF,UAAUI,MAAMC,KAAK;AACtCC,cAAAA,MAAMJ,KAAKG,CAAC;AACZE,cAAAA,YAAYC,IAAIb,OAAOW,GAAG;AAC1BG,cAAAA,iBAAiBR,UAAUK,GAA6B;AAE1DI,YAAAA,MAAMC,QAAQF,cAAc,GAAG;AACjCL,iBAAOA,QAAQP,QAAQY,cAAc,EAAEG,SAASL,SAAS;AAAA,QAAA,WAChDM,WAAWJ,cAAc,GAAG;AACrCL,iBAAOA,QAAQU,QAAQL,eAAeF,SAAS,CAAC;AAAA,QAAA,OAC3C;AACLH,iBAAOA,QAASK,mBAA+BF;AAAAA,QAAAA;AAAAA,MACjD;AAGFT,YAAMA,OAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,sBAAyBd,WAA+BN,OAAkB;AACjF,QAAMO,OAAOC,OAAOD,KAAKD,aAAa,CAAA,CAAE;AAExC,QAAMH,MAAMI,KAAKc,OAAO,CAACC,KAAKX,QAAQ;AAChCY,QAAAA,QAAQjB,UAAUK,GAAG;AAErBO,QAAAA,WAAWK,KAAK,GAAG;AACrBA,cAAQA,MAAMvB,KAAK;AAAA,IAAA;AAGrB,QAAIuB,OAAO;AACT,YAAMC,WAAWb;AACjB,YAAMc,SAAUC,SAASF,UAAUxB,KAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,KAAKG,MAAM;AAAA,IAAA;AAGjBH,WAAAA;AAAAA,EACT,GAAG,EAAc;AAEVnB,SAAAA,IAAIwB,KAAK,GAAG;AACrB;AAkBA,SAASC,eAAkB7B,YAA4B;AACrD,SAAO,SAAUC,OAAkB;AACjC,QAAI6B,UAAoB,CAAE;AAE1B,aAASzB,IAAI,GAAGA,IAAIL,WAAWM,QAAQD,KAAK;AACpCE,YAAAA,YAAYP,WAAWK,CAAC;AAE1Bc,UAAAA,WAAWZ,SAAS,GAAG;AACjBwB,gBAAAA,KAAKxB,UAAUN,KAAK,CAAC;AAAA,MAAA,WACpB+B,SAASzB,SAAS,GAAG;AAC9BuB,kBAAUA,QAAQG,OAAOZ,sBAAyBd,WAAWN,KAAK,CAAC;AAAA,iBAC1DM,WAAW;AACZwB,gBAAAA,KAAKG,OAAO3B,SAAS,CAAC;AAAA,MAAA;AAAA,IAChC;AAGKuB,WAAAA,QAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,WAAWC,MAAsB;AAElC,QAAA,CAACZ,OAAOa,YAAY,IAAID;AAE9B,MAAIZ,SAAS,QAAQA,UAAU,SAASc,OAAOC,MAAMf,KAAK,GAAG;AAC3D,WAAOa,gBAAgBb;AAAAA,EAAAA;AAGzB,MAAI,OAAOA,UAAU,YAAYA,MAAMlB,WAAW,GAAG;AACnD,WAAO+B,gBAAgBb;AAAAA,EAAAA;AAGlBA,SAAAA;AACT;AAcA,SAASgB,KACPC,MACAJ,cACAK,eAAeP,SACf;AACA,SAAO,CAAClC,UAAmByC,aAAazC,MAAMwC,IAAI,GAAGJ,YAAY;AACnE;"}

package/dist/testing/index.js

@@ -1,2 +1,283 @@
-"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;
+import { queries, fireEvent, act, waitFor, createEvent, within, waitForElementToBeRemoved, render } from "@testing-library/react";
+import { t as toArray } from "../toArray-Dxb1kUxx.js";
+import { isFunction } from "@loadsmart/utils-function";
+import { a as alice } from "../miranda-compatibility.theme-C_FEacSw.js";
+import React__default from "react";
+import { D as DragDropFileContext } from "../DragDropFile.context-oKnUu6d3.js";
+function getContainerFromInput(input) {
+  return input.parentNode.parentNode.parentNode.parentNode;
+}
+async function expand$2(input) {
+  const datePickerContainer = getContainerFromInput(input);
+  if (queries.queryByRole(datePickerContainer, "menu")) {
+    return;
+  }
+  fireEvent.click(input);
+  await waitFor(() => {
+    expect(queries.getByRole(datePickerContainer, "menu")).toBeInTheDocument();
+  });
+}
+async function collapse$2(input) {
+  const datePickerContainer = getContainerFromInput(input);
+  if (!queries.queryByRole(datePickerContainer, "menu")) {
+    return;
+  }
+  fireEvent.click(queries.getByText(datePickerContainer, "Close"));
+  await waitFor(() => {
+    expect(queries.queryByRole(datePickerContainer, "menu")).not.toBeInTheDocument();
+  });
+}
+async function pick$1(day, input) {
+  const datePickerContainer = getContainerFromInput(input);
+  await expand$2(input);
+  act(() => {
+    input.focus();
+  });
+  const dayElement = queries.getByLabelText(datePickerContainer, day);
+  if (dayElement && dayElement.getAttribute("aria-checked") == "false") {
+    fireEvent.click(dayElement);
+  }
+  await collapse$2(input);
+}
+async function clear$2(input) {
+  const datePickerContainer = getContainerFromInput(input);
+  const clearButton = queries.getByLabelText(datePickerContainer, "Clear selection");
+  fireEvent.click(clearButton);
+  await collapse$2(input);
+}
+async function getSelectedDates$1(input) {
+  const datePickerContainer = getContainerFromInput(input);
+  await expand$2(input);
+  const selectedDays = queries.queryAllByRole(datePickerContainer, "checkbox", {
+    checked: true
+  });
+  await collapse$2(input);
+  return selectedDays;
+}
+const datePickerEvent = {
+  getContainer: getContainerFromInput,
+  expand: expand$2,
+  collapse: collapse$2,
+  pick: pick$1,
+  clear: clear$2,
+  getSelectedDates: getSelectedDates$1
+};
+async function expand$1(input) {
+  await datePickerEvent.expand(input);
+}
+async function collapse$1(input) {
+  await datePickerEvent.collapse(input);
+}
+async function pick(range, input) {
+  const dateRangePickerContainer = datePickerEvent.getContainer(input);
+  await expand$1(input);
+  const [rangeStart, rangeEnd] = range;
+  if (rangeStart != null) {
+    const dateRangeStartInput = queries.getByTestId(dateRangePickerContainer, "input-date-range-start");
+    await datePickerEvent.pick(rangeStart, dateRangeStartInput);
+  }
+  if (rangeEnd != null) {
+    const dateRangeEndInput = queries.getByTestId(dateRangePickerContainer, "input-date-range-end");
+    await datePickerEvent.pick(rangeEnd, dateRangeEndInput);
+  }
+  await collapse$1(input);
+}
+async function clear$1(input) {
+  await datePickerEvent.clear(input);
+}
+async function getSelectedDates(input) {
+  return datePickerEvent.getSelectedDates(input);
+}
+const dateRangePickerEvent = {
+  getContainer: datePickerEvent.getContainer,
+  expand: expand$1,
+  collapse: collapse$1,
+  pick,
+  clear: clear$1,
+  getSelectedDates
+};
+const getDropZoneFromInput = (input) => input.parentNode;
+const dragOver = (input) => {
+  const dropzone = getDropZoneFromInput(input);
+  const dragOverEvent = createEvent.dragOver(dropzone);
+  fireEvent(dropzone, dragOverEvent);
+};
+const dragLeave = (input) => {
+  const dropzone = getDropZoneFromInput(input);
+  const dragLeaveEvent = createEvent.dragLeave(dropzone);
+  fireEvent(dropzone, dragLeaveEvent);
+};
+const dropFiles = (input, files) => {
+  const dropzone = getDropZoneFromInput(input);
+  const fileDropEvent = createEvent.drop(dropzone);
+  Object.defineProperty(fileDropEvent, "dataTransfer", {
+    value: {
+      files: toArray(files)
+    }
+  });
+  fireEvent(dropzone, fileDropEvent);
+};
+const DragDropFileEvent = {
+  dragOver,
+  dragLeave,
+  dropFiles
+};
+function getSelectContainer(input) {
+  return input.parentNode.parentNode.parentNode;
+}
+function getSelectMenu(input) {
+  return input.parentNode.parentNode.nextSibling;
+}
+function getSelectTriggerHandle(input) {
+  return input.parentNode.nextSibling.nextSibling;
+}
+function getSelectSearchContainer(input) {
+  return input.parentNode;
+}
+function isSelectMenuExpanded(input) {
+  const selectContainer = getSelectContainer(input);
+  return selectContainer.children.length === 3;
+}
+async function waitForPendingQuery(input) {
+  const searchContainer = getSelectSearchContainer(input);
+  if (!within(searchContainer).queryByTestId("select-trigger-loading")) {
+    return;
+  }
+  await waitForElementToBeRemoved(() => within(searchContainer).queryByTestId("select-trigger-loading"), {
+    timeout: 2500
+  });
+}
+async function expand(input) {
+  await waitForPendingQuery(input);
+  if (isSelectMenuExpanded(input)) {
+    return;
+  }
+  const triggerHandle = getSelectTriggerHandle(input);
+  await waitFor(() => {
+    expect(triggerHandle).toBeEnabled();
+  });
+  act(() => {
+    input.dispatchEvent(new MouseEvent("click", {
+      bubbles: true
+    }));
+  });
+  await waitFor(() => {
+    expect(within(getSelectContainer(input)).getByRole("listbox")).toBeInTheDocument();
+  });
+}
+async function collapse(input) {
+  if (!isSelectMenuExpanded(input)) {
+    return;
+  }
+  const triggerHandle = getSelectTriggerHandle(input);
+  fireEvent.click(triggerHandle);
+  await waitFor(() => {
+    expect(within(getSelectContainer(input)).queryByRole("listbox")).not.toBeInTheDocument();
+  });
+}
+async function select(option, input) {
+  await expand(input);
+  const menuContainer = getSelectMenu(input);
+  const optionElement = await within(menuContainer).findByLabelText(option);
+  if (optionElement && optionElement.getAttribute("aria-selected") == "false") {
+    fireEvent.mouseDown(optionElement);
+    act(() => {
+      optionElement.focus();
+    });
+    fireEvent.mouseUp(optionElement);
+    fireEvent.click(optionElement);
+  }
+  await collapse(input);
+}
+async function unselect(option, input) {
+  await expand(input);
+  const menuContainer = getSelectMenu(input);
+  const optionElement = await within(menuContainer).findByLabelText(option);
+  if (optionElement && optionElement.getAttribute("aria-selected") === "true") {
+    fireEvent.click(optionElement);
+  }
+  await collapse(input);
+}
+async function clear(input) {
+  await waitForPendingQuery(input);
+  const searchContainer = getSelectSearchContainer(input);
+  const clearButton = within(searchContainer).getByTestId("select-trigger-clear");
+  if (clearButton) {
+    fireEvent.click(clearButton);
+  }
+}
+async function search(query, input) {
+  fireEvent.change(input, {
+    target: {
+      value: query
+    }
+  });
+  await waitForPendingQuery(input);
+  const menuContainer = getSelectMenu(input);
+  await within(menuContainer).findAllByRole("option");
+}
+async function getOptions(input) {
+  await expand(input);
+  const menuContainer = getSelectMenu(input);
+  const options = within(menuContainer).queryAllByRole("option");
+  await collapse(input);
+  return options;
+}
+async function getSelectedOptions(input) {
+  await expand(input);
+  const menuContainer = getSelectMenu(input);
+  let selectedOptions = [];
+  try {
+    selectedOptions = await within(menuContainer).findAllByRole("option", {
+      selected: true
+    });
+  } catch (err) {
+    selectedOptions = [];
+  }
+  await collapse(input);
+  return selectedOptions;
+}
+const selectEvent = {
+  select,
+  unselect,
+  clear,
+  search,
+  expand,
+  collapse,
+  getOptions,
+  getSelectedOptions,
+  isMenuExpanded: isSelectMenuExpanded
+};
+function getInterpolatedStyles(styles) {
+  return toArray(styles).map((interpolation) => {
+    while (isFunction(interpolation)) {
+      interpolation = interpolation({
+        theme: alice
+      });
+    }
+    return interpolation;
+  }).join("");
+}
+const defaultContextValueMock = {
+  fileList: [],
+  onFilesAdded: jest.fn(),
+  onRetryUpload: jest.fn(),
+  onRemoveFile: jest.fn()
+};
+const renderWithDragDropFileProvider = (ui, customContext) => {
+  const contextValue = {
+    ...defaultContextValueMock,
+    ...customContext
+  };
+  const renderedUi = (children) => /* @__PURE__ */ React__default.createElement(DragDropFileContext.Provider, { value: contextValue }, children);
+  return render(renderedUi(ui));
+};
+export {
+  datePickerEvent as DatePickerEvent,
+  dateRangePickerEvent as DateRangePickerEvent,
+  DragDropFileEvent,
+  selectEvent as SelectEvent,
+  getInterpolatedStyles,
+  renderWithDragDropFileProvider
+};
 //# 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","err","selectEvent","isMenuExpanded","getInterpolatedStyles","styles","map","interpolation","isFunction","theme","Alice","join","defaultContextValueMock","fileList","onFilesAdded","jest","fn","onRetryUpload","onRemoveFile","renderWithDragDropFileProvider","ui","customContext","contextValue","renderedUi","React","render"],"mappings":"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"}

package/dist/theming/index.js

@@ -1,2 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@loadsmart/utils-function"),n=require("../miranda-compatibility.theme-ChPV-BBw.js"),a=Object.freeze(Object.defineProperty({__proto__:null,Alice:n.alice,Loadsmart:n.loadsmart,Miranda:n.mirandaCompatibility},Symbol.toStringTag,{value:"Module"}));function o(e,t){const i=r.isFunction(e)?e(t):e;return t.theme[i]}function u(e,t){return t===void 0?i=>o(e,i):o(e,t)}exports.Themes=a;exports.getToken=u;
+import { isFunction } from "@loadsmart/utils-function";
+import { a as alice, l as loadsmart, m as mirandaCompatibility } from "../miranda-compatibility.theme-C_FEacSw.js";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Alice: alice,
+  Loadsmart: loadsmart,
+  Miranda: mirandaCompatibility
+}, Symbol.toStringTag, { value: "Module" }));
+function getTokenFromTheme(token, props) {
+  const tokenName = isFunction(token) ? token(props) : token;
+  return props.theme[tokenName];
+}
+function getToken(token, props) {
+  if (props === void 0) {
+    return (props2) => getTokenFromTheme(token, props2);
+  }
+  return getTokenFromTheme(token, props);
+}
+export {
+  index as Themes,
+  getToken
+};
 //# sourceMappingURL=index.js.map

package/dist/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","getToken","undefined"],"mappings":"qVAaA,SAASA,EAAyCC,EAAqBC,EAA2B,CAChG,MAAMC,EAAYC,EAAAA,WAAWH,CAAK,EAAIA,EAAMC,CAAK,EAAID,EAC9CC,OAAAA,EAAMG,MAAMF,CAAS,CAC9B,CAiBgBG,SAAAA,EAAqCL,EAAYC,EAAkB,CACjF,OAAIA,IAAUK,OACJL,GAAkBF,EAAkBC,EAAOC,CAAK,EAGnDF,EAAkBC,EAAOC,CAAK,CACvC"}
+{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","getToken","undefined"],"mappings":";;;;;;;;AAaA,SAASA,kBAAyCC,OAAqBC,OAA2B;AAChG,QAAMC,YAAYC,WAAWH,KAAK,IAAIA,MAAMC,KAAK,IAAID;AAC9CC,SAAAA,MAAMG,MAAMF,SAAS;AAC9B;AAiBgBG,SAAAA,SAAqCL,OAAYC,OAAkB;AACjF,MAAIA,UAAUK,QAAW;AACvB,WAAO,CAACL,WAAkBF,kBAAkBC,OAAOC,MAAK;AAAA,EAAA;AAGnDF,SAAAA,kBAAkBC,OAAOC,KAAK;AACvC;"}

package/dist/toArray-Dxb1kUxx.js

@@ -0,0 +1,14 @@
+import { isNil } from "@loadsmart/utils-object";
+function toArray(value) {
+  if (isNil(value)) {
+    return [];
+  }
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return [value];
+}
+export {
+  toArray as t
+};
+//# sourceMappingURL=toArray-Dxb1kUxx.js.map

package/dist/{toArray-BW3gx_gH.js.map → toArray-Dxb1kUxx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toArray-BW3gx_gH.js","sources":["../src/utils/toolset/toArray.ts"],"sourcesContent":["import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["toArray","value","isNil","Array","isArray"],"mappings":"wDAGA,SAASA,EAAWC,EAAqB,CACnCC,OAAAA,EAAAA,MAAMD,CAAK,EACN,CAAE,EAGPE,MAAMC,QAAQH,CAAK,EACdA,EAGF,CAACA,CAAK,CACf"}
+{"version":3,"file":"toArray-Dxb1kUxx.js","sources":["../src/utils/toolset/toArray.ts"],"sourcesContent":["import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["toArray","value","isNil","Array","isArray"],"mappings":";AAGA,SAASA,QAAWC,OAAqB;AACnCC,MAAAA,MAAMD,KAAK,GAAG;AAChB,WAAO,CAAE;AAAA,EAAA;AAGPE,MAAAA,MAAMC,QAAQH,KAAK,GAAG;AACjBA,WAAAA;AAAAA,EAAAA;AAGT,SAAO,CAACA,KAAK;AACf;"}

package/dist/tools/index.js

@@ -1,2 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../prop-BwhJNJHO.js");exports.conditional=o.conditional;exports.prop=o.prop;exports.whenProps=o.whenProps;
+import { c, p, w } from "../prop-B8LY6G2g.js";
+export {
+  c as conditional,
+  p as prop,
+  w as whenProps
+};
 //# sourceMappingURL=index.js.map

package/dist/tools/index.js.map

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