@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/prop-Fs2axl9W.js.map

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

package/dist/styles/activatable.d.ts

@@ -2,9 +2,8 @@ import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
 /**
  * Add basic CSS style wrapping block for `:active` state.
  * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
+ * @param strings - String parts for the interpolation.
+ * @param args - Interpolated items.
  */
 declare function activatableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
 export default activatableStyle;

package/dist/styles/disableable.d.ts

@@ -2,9 +2,9 @@ import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
 /**
  * Add basic CSS style wrapping block for `:disabled` state or `.is-disabled` class.
  * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
+ * @param strings - String parts for the interpolation.
+ * @param args - Interpolated items.
+ * @returns Interpolated style array.
  */
 declare function disableableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
 export default disableableStyle;

package/dist/styles/ellipsizable.d.ts

@@ -1,7 +1,6 @@
 /**
  * Add basic CSS style for ellipsizing the content of an element.
- * Setting `max-width` is a responsability of the caller.
- * @returns {string}
+ * Setting `max-width` is a responsibility of the caller.
  */
 declare function ellipsizableStyle(): string;
 export default ellipsizableStyle;

package/dist/styles/focusable.d.ts

@@ -2,9 +2,9 @@ import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
 /**
  * Add basic CSS style wrapping block for `:active` state.
  * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
+ * @param strings - String parts for the interpolation.
+ * @param args - Interpolated items.
+ * @returns Interpolated style array.
  */
 declare function focusableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
 export default focusableStyle;

package/dist/styles/font.d.ts

@@ -10,7 +10,6 @@ interface FontStyleOptions {
 }
 /**
  * Add basic CSS style for default font
- * @returns {FlattenInterpolation}
  */
 declare function fontStyle({ color, weight, size, family, height, transform, }: FontStyleOptions): FlattenInterpolation<ThemedProps>;
 export default fontStyle;

package/dist/styles/hidden.d.ts

@@ -1,7 +1,6 @@
 /**
  * Add basic CSS style for hide elements
- * @param {boolean} accessible - should keep element visible for screen readers
- * @returns {string}
+ * @param accessible - should keep element visible for screen readers
  */
 declare function hiddenStyle(accessible?: boolean): string;
 export default hiddenStyle;

package/dist/styles/hoverable.d.ts

@@ -2,9 +2,9 @@ import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
 /**
  * Add basic CSS style wrapping block for `:hover` state; it includes check for non-disabled (`:enabled` or not `.is-disabled`) elements.
  * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
+ * @param strings - String parts for the interpolation.
+ * @param args - Interpolated items.
+ * @returns Interpolated style array.
  */
 declare function hoverableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
 export default hoverableStyle;

package/dist/styles/transition.d.ts

@@ -5,7 +5,6 @@ interface TransitionStyleOptions {
 }
 /**
  * Add basic CSS style for default transition parameters
- * @returns {string}
  */
 declare function transitionStyle(options?: TransitionStyleOptions): string;
 export default transitionStyle;

package/dist/styles/typography.d.ts

@@ -1,24 +1,23 @@
 import { ThemeToken } from '../theming';
-export type TypographyOptions = {
+export interface TypographyOptions {
     italic?: boolean;
     color?: ThemeToken;
-};
-type PropertiesToken = {
+}
+interface PropertiesToken {
     fontSize: ThemeToken;
     lineHeight: ThemeToken;
     fontWeight: ThemeToken;
     fontFamily?: ThemeToken;
     textTransform?: 'none' | 'uppercase';
     color?: ThemeToken;
-};
+}
 export type TypographyVariants = 'heading-lg' | 'heading-md' | 'heading-md-bold' | 'heading-sm' | 'heading-sm-bold' | 'body' | 'body-bold' | 'caption' | 'caption-bold' | 'number-sm' | 'number-md' | 'button-sm' | 'button-md' | 'button-lg' | 'table-header-sm' | 'table-header-md' | 'chips-sm' | 'link';
 type TypographyProperties = Record<TypographyVariants, PropertiesToken>;
 export declare const typographyProperties: TypographyProperties;
 /**
  * Standard styles for screen-rendered text
- * @param {TypographyVariants} variant Name of the variant
- * @param {TypographyOptions} options Add boldness, italics and color
- * @returns {FlattenInterpolation}
+ * @param variant Name of the variant
+ * @param options Add boldness, italics and color
  */
 declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | ((props: P) => import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | ((props: unknown) => import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<import('../theming').ThemedProps, any>> | /*elided*/ any));
 export default typography;

package/dist/testing/DatePickerEvent/DatePickerEvent.d.ts

@@ -1,34 +1,29 @@
 declare function getContainerFromInput(input: HTMLElement): HTMLElement;
 /**
  * Expand the `DatePicker` calendar, if it not already expanded.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function expand(input: HTMLElement): Promise<void>;
 /**
  * Collapse the `DatePicker` calendar, if it not already collapsed.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function collapse(input: HTMLElement): Promise<void>;
 /**
  * Pick (select)  the provided day in the current month/year.
- * Notice that we programatically expand the `DatePicker` calendar before picking the date.
- * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * Notice that we programmatically expand the `DatePicker` calendar before picking the date.
+ * @param day - Label for the day to be picked, formatted as mm/dd/yyyy.
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function pick(day: string, input: HTMLElement): Promise<void>;
 /**
  * Clear the selection, if there are any options selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function clear(input: HTMLElement): Promise<void>;
 /**
  * Get options elements currently selected in the `DatePicker` calendar.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<HTMLElement[]>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
 declare const datePickerEvent: {

package/dist/testing/DatePickerEvent/DateRangePickerEvent.d.ts

@@ -1,33 +1,28 @@
 /**
  * Expand the `DatePicker` calendar, if it not already expanded.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function expand(input: HTMLElement): Promise<void>;
 /**
  * Collapse the `DatePicker` calendar, if it not already collapsed.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function collapse(input: HTMLElement): Promise<void>;
 /**
  * Pick (select)  the provided day in the current month/year.
- * Notice that we programatically expand the `DatePicker` calendar before picking the date.
- * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * Notice that we programmatically expand the `DatePicker` calendar before picking the date.
+ * @param day - Label for the day to be picked, formatted as mm/dd/yyyy.
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function pick(range: [string | null, string | null], input: HTMLElement): Promise<void>;
 /**
  * Clear the selection, if there are any options selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function clear(input: HTMLElement): Promise<void>;
 /**
  * Get options elements currently selected in the `DatePicker` calendar.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<HTMLElement[]>}
+ * @param input - You can refer to this element by the label you applied to the `DatePicker`
  */
 declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
 export declare const dateRangePickerEvent: {

package/dist/testing/SelectEvent/SelectEvent.d.ts

@@ -1,55 +1,47 @@
 declare function isSelectMenuExpanded(input: HTMLElement): boolean;
 /**
  * Expand the `Select` menu, if it not already expanded.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function expand(input: HTMLElement): Promise<void>;
 /**
  * Collapse the `Select` menu, if it not already collapsed.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function collapse(input: HTMLElement): Promise<void>;
 /**
  * Select the provided option(s), if they are present in the menu.
  * Notice that we programatically expand the `Select` menu before select the item
- * @param {string | RegExp} option - Label for the option to be selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * @param option - Label for the option to be selected.
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function select(option: string | RegExp, input: HTMLElement): Promise<void>;
 /**
  * Unselect the provided option(s), if they are present in the menu AND are selected.
  * Notice that we programatically expand the `Select` menu before select the item
- * @param {string} option - Label for the option to be unselected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * @param option - Label for the option to be unselected.
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function unselect(option: string, input: HTMLElement): Promise<void>;
 /**
  * Clear the selection, if there are any options selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function clear(input: HTMLElement): Promise<void>;
 /**
  * Perform search based on the given `query`. It will fail if the option is not found.
- * @param {string} query - Search term.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<void>}
+ * @param query - Search term.
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function search(query: string, input: HTMLElement): Promise<void>;
 /**
  * Get options elements currently available in the `Select` menu.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<HTMLElement[]>}
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function getOptions(input: HTMLElement): Promise<HTMLElement[]>;
 /**
  * Get options elements currently selected in the `Select` menu.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `Select`.
- * @returns {Promise<HTMLElement[]>}
+ * @param input - You can refer to this element by the label you applied to the `Select`.
  */
 declare function getSelectedOptions(input: HTMLElement): Promise<HTMLElement[]>;
 export declare const selectEvent: {

package/dist/testing/getInterpolatedStyles/getInterpolatedStyles.d.ts

@@ -3,8 +3,8 @@ import { CustomTheme } from '../../theming';
 type ThemedInterpolation = Interpolation<ThemeProps<CustomTheme>>;
 /**
  * Use this function to simulate the CSS that would be generated by styled-components
- * @param {Interpolation<ThemeProps<CustomTheme>>} styles - A `css` reference with interpolated styles
- * @returns {string} The final CSS
+ * @param styles - A `css` reference with interpolated styles
+ * @returns The final CSS
  */
 export default function getInterpolatedStyles(styles: ThemedInterpolation): string;
 export {};

package/dist/testing/index.js

@@ -1,7 +1,7 @@
 import { queries, fireEvent, act, waitFor, createEvent, within, waitForElementToBeRemoved, render } from "@testing-library/react";
-import { t as toArray } from "../toArray-Dxb1kUxx.js";
+import { t as toArray } from "../toArray-BJJzFRD1.js";
 import { isFunction } from "@loadsmart/utils-function";
-import { a as alice } from "../miranda-compatibility.theme-kYNEZ7mW.js";
+import { a as alice } from "../miranda-compatibility.theme-CIu9fa89.js";
 import React__default from "react";
 import { D as DragDropFileContext } from "../DragDropFile.context-oKnUu6d3.js";
 function getContainerFromInput(input) {
@@ -34,7 +34,7 @@ async function pick$1(day, input) {
     input.focus();
   });
   const dayElement = queries.getByLabelText(datePickerContainer, day);
-  if (dayElement && dayElement.getAttribute("aria-checked") == "false") {
+  if (dayElement.getAttribute("aria-checked") == "false") {
     fireEvent.click(dayElement);
   }
   await collapse$2(input);
@@ -179,7 +179,7 @@ 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") {
+  if (optionElement.getAttribute("aria-selected") == "false") {
     fireEvent.mouseDown(optionElement);
     act(() => {
       optionElement.focus();
@@ -193,7 +193,7 @@ 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") {
+  if (optionElement.getAttribute("aria-selected") === "true") {
     fireEvent.click(optionElement);
   }
   await collapse(input);
@@ -202,9 +202,7 @@ async function clear(input) {
   await waitForPendingQuery(input);
   const searchContainer = getSelectSearchContainer(input);
   const clearButton = within(searchContainer).getByTestId("select-trigger-clear");
-  if (clearButton) {
-    fireEvent.click(clearButton);
-  }
+  fireEvent.click(clearButton);
 }
 async function search(query, input) {
   fireEvent.change(input, {
@@ -231,7 +229,7 @@ async function getSelectedOptions(input) {
     selectedOptions = await within(menuContainer).findAllByRole("option", {
       selected: true
     });
-  } catch (err) {
+  } catch {
     selectedOptions = [];
   }
   await collapse(input);

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","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":";;;;;;AAGA,SAASA,sBAAsBC,OAAiC;AAEvDA,SAAAA,MAAMC,WAAYA,WAAYA,WAAYA;AACnD;AAOA,eAAeC,SAAOF,OAAmC;AACjDG,QAAAA,sBAAsBJ,sBAAsBC,KAAK;AAGvD,MAAII,QAAQC,YAAYF,qBAAqB,MAAM,GAAG;AACpD;AAAA,EAAA;AAGFG,YAAUC,MAAMP,KAAK;AAErB,QAAMQ,QAAQ,MAAM;AAClBC,WAAOL,QAAQM,UAAUP,qBAAqB,MAAM,CAAC,EAAEQ,kBAAkB;AAAA,EAAA,CAC1E;AACH;AAOA,eAAeC,WAASZ,OAAmC;AACnDG,QAAAA,sBAAsBJ,sBAAsBC,KAAK;AAGvD,MAAI,CAACI,QAAQC,YAAYF,qBAAqB,MAAM,GAAG;AACrD;AAAA,EAAA;AAGFG,YAAUC,MAAMH,QAAQS,UAAUV,qBAAqB,OAAO,CAAC;AAE/D,QAAMK,QAAQ,MAAM;AAClBC,WAAOL,QAAQC,YAAYF,qBAAqB,MAAM,CAAC,EAAEW,IAAIH,kBAAkB;AAAA,EAAA,CAChF;AACH;AASA,eAAeI,OAAKC,KAAahB,OAAmC;AAC5DG,QAAAA,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAME,SAAOF,KAAK;AAElBiB,MAAI,MAAM;AACRjB,UAAMkB,MAAM;AAAA,EAAA,CACb;AAED,QAAMC,aAAaf,QAAQgB,eAAejB,qBAAqBa,GAAG;AAElE,MAAIG,cAAcA,WAAWE,aAAa,cAAc,KAAK,SAAS;AACpEf,cAAUC,MAAMY,UAAU;AAAA,EAAA;AAG5B,QAAMP,WAASZ,KAAK;AACtB;AAOA,eAAesB,QAAMtB,OAAmC;AAChDG,QAAAA,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAMuB,cAAcnB,QAAQgB,eAAejB,qBAAqB,iBAAiB;AAEjFG,YAAUC,MAAMgB,WAAW;AAE3B,QAAMX,WAASZ,KAAK;AACtB;AAOA,eAAewB,mBAAiBxB,OAA4C;AACpEG,QAAAA,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAME,SAAOF,KAAK;AAElB,QAAMyB,eAA8BrB,QAAQsB,eAAevB,qBAAqB,YAAY;AAAA,IAC1FwB,SAAS;AAAA,EAAA,CACV;AAED,QAAMf,WAASZ,KAAK;AAEbyB,SAAAA;AACT;AAEA,MAAMG,kBAAkB;AAAA,EACtBC,cAAc9B;AAAAA,EAAAA,QACdG;AAAAA,EAAAA,UACAU;AAAAA,EAAAA,MACAG;AAAAA,EAAAA,OACAO;AAAAA,EACAE,kBAAAA;AACF;ACxGA,eAAetB,SAAOF,OAAmC;AACjD8B,QAAAA,gBAAgB5B,OAAOF,KAAK;AACpC;AAOA,eAAeY,WAASZ,OAAmC;AACnD8B,QAAAA,gBAAgBlB,SAASZ,KAAK;AACtC;AASA,eAAee,KAAKgB,OAAuC/B,OAAmC;AACtFgC,QAAAA,2BAA2BF,gBAAgBD,aAAa7B,KAAK;AAEnE,QAAME,SAAOF,KAAK;AAEZ,QAAA,CAACiC,YAAYC,QAAQ,IAAIH;AAE/B,MAAIE,cAAc,MAAM;AACtB,UAAME,sBAAsB/B,QAAQgC,YAClCJ,0BACA,wBACF;AAEMF,UAAAA,gBAAgBf,KAAKkB,YAAYE,mBAAmB;AAAA,EAAA;AAG5D,MAAID,YAAY,MAAM;AACpB,UAAMG,oBAAoBjC,QAAQgC,YAAYJ,0BAA0B,sBAAsB;AAExFF,UAAAA,gBAAgBf,KAAKmB,UAAUG,iBAAiB;AAAA,EAAA;AAGxD,QAAMzB,WAASZ,KAAK;AACtB;AAOA,eAAesB,QAAMtB,OAAmC;AAChD8B,QAAAA,gBAAgBR,MAAMtB,KAAK;AACnC;AAOA,eAAewB,iBAAiBxB,OAA4C;AACnE8B,SAAAA,gBAAgBN,iBAAiBxB,KAAK;AAC/C;AAEO,MAAMsC,uBAAuB;AAAA,EAClCT,cAAcC,gBAAgBD;AAAAA,EAAAA,QAC9B3B;AAAAA,EAAAA,UACAU;AAAAA,EACAG;AAAAA,EAAAA,OACAO;AAAAA,EACAE;AACF;ACxEA,MAAMe,uBAAuBA,CAACvC,UAC5BA,MAAMC;AAMR,MAAMuC,WAAWA,CAACxC,UAA4B;AACtCyC,QAAAA,WAAWF,qBAAqBvC,KAAK;AAErC0C,QAAAA,gBAAgBC,YAAYH,SAASC,QAAQ;AAEnDnC,YAAUmC,UAAUC,aAAa;AACnC;AAMA,MAAME,YAAYA,CAAC5C,UAA4B;AACvCyC,QAAAA,WAAWF,qBAAqBvC,KAAK;AAErC6C,QAAAA,iBAAiBF,YAAYC,UAAUH,QAAQ;AAErDnC,YAAUmC,UAAUI,cAAc;AACpC;AAMA,MAAMC,YAAYA,CAAC9C,OAAyB+C,UAAyB;AAC7DN,QAAAA,WAAWF,qBAAqBvC,KAAK;AAErCgD,QAAAA,gBAAgBL,YAAYM,KAAKR,QAAQ;AAExCS,SAAAA,eAAeF,eAAe,gBAAgB;AAAA,IAAEG,OAAO;AAAA,MAAEJ,OAAOK,QAAQL,KAAK;AAAA,IAAA;AAAA,EAAE,CAAG;AAEzFzC,YAAUmC,UAAUO,aAAa;AACnC;AAEO,MAAMK,oBAAoB;AAAA,EAC/Bb;AAAAA,EACAI;AAAAA,EACAE;AACF;AChDA,SAASQ,mBAAmBtD,OAAiC;AAEpDA,SAAAA,MAAMC,WAAYA,WAAYA;AACvC;AAKA,SAASsD,cAAcvD,OAAiC;AAE/CA,SAAAA,MAAMC,WAAYA,WAAYuD;AACvC;AAEA,SAASC,uBAAuBzD,OAAiC;AAExDA,SAAAA,MAAMC,WAAYuD,YAAaA;AACxC;AAEA,SAASE,yBAAyB1D,OAAiC;AACjE,SAAOA,MAAMC;AACf;AAEA,SAAS0D,qBAAqB3D,OAA6B;AACnD4D,QAAAA,kBAAkBN,mBAAmBtD,KAAK;AAczC4D,SAAAA,gBAAgBC,SAASC,WAAW;AAC7C;AAQA,eAAeC,oBAAoB/D,OAAoB;AAC/CgE,QAAAA,kBAAkBN,yBAAyB1D,KAAK;AAEtD,MAAI,CAACiE,OAAOD,eAAe,EAAEE,cAAc,wBAAwB,GAAG;AACpE;AAAA,EAAA;AAGF,QAAMC,0BACJ,MAAMF,OAAOD,eAAe,EAAEE,cAAc,wBAAwB,GACpE;AAAA,IAAEE,SAAS;AAAA,EAAA,CACb;AACF;AAOA,eAAelE,OAAOF,OAAmC;AACvD,QAAM+D,oBAAoB/D,KAAK;AAE3B2D,MAAAA,qBAAqB3D,KAAK,GAAG;AAC/B;AAAA,EAAA;AAGIqE,QAAAA,gBAAgBZ,uBAAuBzD,KAAK;AAElD,QAAMQ,QAAQ,MAAM;AACX6D,WAAAA,aAAa,EAAEC,YAAY;AAAA,EAAA,CACnC;AAODrD,MAAI,MAAM;AACFsD,UAAAA,cAAc,IAAIC,WAAW,SAAS;AAAA,MAAEC,SAAS;AAAA,IAAA,CAAM,CAAC;AAAA,EAAA,CAC/D;AAED,QAAMjE,QAAQ,MAAM;AACXyD,WAAAA,OAAOX,mBAAmBtD,KAAK,CAAC,EAAEU,UAAU,SAAS,CAAC,EAAEC,kBAAkB;AAAA,EAAA,CAClF;AACH;AAOA,eAAeC,SAASZ,OAAmC;AACrD,MAAA,CAAC2D,qBAAqB3D,KAAK,GAAG;AAChC;AAAA,EAAA;AAGIqE,QAAAA,gBAAgBZ,uBAAuBzD,KAAK;AAElDM,YAAUC,MAAM8D,aAAa;AAE7B,QAAM7D,QAAQ,MAAM;AACXyD,WAAAA,OAAOX,mBAAmBtD,KAAK,CAAC,EAAEK,YAAY,SAAS,CAAC,EAAES,IAAIH,kBAAkB;AAAA,EAAA,CACxF;AACH;AASA,eAAe+D,OAAOC,QAAyB3E,OAAmC;AAChF,QAAME,OAAOF,KAAK;AAEZ4E,QAAAA,gBAAgBrB,cAAcvD,KAAK;AAEzC,QAAM6E,gBAAgB,MAAMZ,OAAOW,aAAa,EAAEE,gBAAgBH,MAAM;AAGxE,MAAIE,iBAAiBA,cAAcxD,aAAa,eAAe,KAAK,SAAS;AAQ3Ef,cAAUyE,UAAUF,aAAa;AAEjC5D,QAAI,MAAM;AACR4D,oBAAc3D,MAAM;AAAA,IAAA,CACrB;AAEDZ,cAAU0E,QAAQH,aAAa;AAC/BvE,cAAUC,MAAMsE,aAAa;AAAA,EAAA;AAI/B,QAAMjE,SAASZ,KAAK;AACtB;AASA,eAAeiF,SAASN,QAAgB3E,OAAmC;AACzE,QAAME,OAAOF,KAAK;AAEZ4E,QAAAA,gBAAgBrB,cAAcvD,KAAK;AAEzC,QAAM6E,gBAAgB,MAAMZ,OAAOW,aAAa,EAAEE,gBAAgBH,MAAM;AAGxE,MAAIE,iBAAiBA,cAAcxD,aAAa,eAAe,MAAM,QAAQ;AAC3Ef,cAAUC,MAAMsE,aAAa;AAAA,EAAA;AAI/B,QAAMjE,SAASZ,KAAK;AACtB;AAOA,eAAesB,MAAMtB,OAAmC;AACtD,QAAM+D,oBAAoB/D,KAAK;AAEzBgE,QAAAA,kBAAkBN,yBAAyB1D,KAAK;AAEtD,QAAMuB,cAAc0C,OAAOD,eAAe,EAAE5B,YAAY,sBAAsB;AAE9E,MAAIb,aAAa;AACfjB,cAAUC,MAAMgB,WAAW;AAAA,EAAA;AAE/B;AAQA,eAAe2D,OAAOC,OAAenF,OAAmC;AACtEM,YAAU8E,OAAOpF,OAAO;AAAA,IACtBqF,QAAQ;AAAA,MAAElC,OAAOgC;AAAAA,IAAAA;AAAAA,EAAM,CACxB;AAED,QAAMpB,oBAAoB/D,KAAK;AAEzB4E,QAAAA,gBAAgBrB,cAAcvD,KAAK;AAEzC,QAAMiE,OAAOW,aAAa,EAAEU,cAAc,QAAQ;AACpD;AAOA,eAAeC,WAAWvF,OAA4C;AACpE,QAAME,OAAOF,KAAK;AAEZ4E,QAAAA,gBAAgBrB,cAAcvD,KAAK;AAEzC,QAAMwF,UAAUvB,OAAOW,aAAa,EAAElD,eAAe,QAAQ;AAE7D,QAAMd,SAASZ,KAAK;AAEbwF,SAAAA;AACT;AAOA,eAAeC,mBAAmBzF,OAA4C;AAC5E,QAAME,OAAOF,KAAK;AAEZ4E,QAAAA,gBAAgBrB,cAAcvD,KAAK;AACzC,MAAI0F,kBAAiC,CAAE;AAEnC,MAAA;AACFA,sBAAkB,MAAMzB,OAAOW,aAAa,EAAEU,cAAc,UAAU;AAAA,MACpEK,UAAU;AAAA,IAAA,CACX;AAAA,WACMC,KAAK;AACZF,sBAAkB,CAAE;AAAA,EAAA;AAGtB,QAAM9E,SAASZ,KAAK;AAEb0F,SAAAA;AACT;AAEO,MAAMG,cAAc;AAAA,EACzBnB;AAAAA,EACAO;AAAAA,EACA3D;AAAAA,EACA4D;AAAAA,EACAhF;AAAAA,EACAU;AAAAA,EACA2E;AAAAA,EACAE;AAAAA,EACAK,gBAAgBnC;AAClB;ACvPA,SAAwBoC,sBAAsBC,QAAqC;AACjF,SAAO5C,QAAQ4C,MAAM,EAClBC,IAAKC,CAAkB,kBAAA;AACfC,WAAAA,WAAWD,aAAa,GAAG;AAChCA,sBAAgBA,cAAc;AAAA,QAAEE,OAAOC;AAAAA,MAAAA,CAAO;AAAA,IAAA;AAGzCH,WAAAA;AAAAA,EAAAA,CACR,EACAI,KAAK,EAAE;AACZ;ACjBA,MAAMC,0BAAoD;AAAA,EACxDC,UAAU,CAAE;AAAA,EACZC,cAAcC,KAAKC,GAAG;AAAA,EACtBC,eAAeF,KAAKC,GAAG;AAAA,EACvBE,cAAcH,KAAKC,GAAG;AACxB;AAEMG,MAAAA,iCAAiCA,CACrCC,IACAC,kBACiB;AACjB,QAAMC,eAAe;AAAA,IAAE,GAAGV;AAAAA,IAAyB,GAAGS;AAAAA,EAAc;AAE9DE,QAAAA,aAAaA,CAACrD,aAClBsD,+BAAA,cAAC,oBAAoB,UAApB,EAA6B,OAAOF,aAAAA,GAAepD,QAAS;AAGxDuD,SAAAA,OAAOF,WAAWH,EAAE,CAAC;AAC9B;"}
+{"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":["import { act, queries, fireEvent, waitFor } from '@testing-library/react'\n// find the date picker container from its input field 🤷\nfunction getContainerFromInput(input: HTMLElement): HTMLElement {\n  return input.parentNode!.parentNode!.parentNode!.parentNode as HTMLElement\n}\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param input - You can refer to this element by the label you applied to the `DatePicker`\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 input - You can refer to this element by the label you applied to the `DatePicker`\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 programmatically expand the `DatePicker` calendar before picking the date.\n * @param day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param input - You can refer to this element by the label you applied to the `DatePicker`\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.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 input - You can refer to this element by the label you applied to the `DatePicker`\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 input - You can refer to this element by the label you applied to the `DatePicker`\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","import { queries } from '@testing-library/react'\n\nimport DatePickerEvent from './DatePickerEvent'\n\n/**\n * Expand the `DatePicker` calendar, if it not already expanded.\n * @param input - You can refer to this element by the label you applied to the `DatePicker`\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 input - You can refer to this element by the label you applied to the `DatePicker`\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 programmatically expand the `DatePicker` calendar before picking the date.\n * @param day - Label for the day to be picked, formatted as mm/dd/yyyy.\n * @param input - You can refer to this element by the label you applied to the `DatePicker`\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 input - You can refer to this element by the label you applied to the `DatePicker`\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 input - You can refer to this element by the label you applied to the `DatePicker`\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 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 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 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 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  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  return input.parentNode!.parentNode!.nextSibling as HTMLElement\n}\n\nfunction getSelectTriggerHandle(input: HTMLElement): HTMLElement {\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 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 * input - You can refer to this element by the label you applied to the `Select`.\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 input - You can refer to this element by the label you applied to the `Select`.\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 option - Label for the option to be selected.\n * @param input - You can refer to this element by the label you applied to the `Select`.\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.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 option - Label for the option to be unselected.\n * @param input - You can refer to this element by the label you applied to the `Select`.\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.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 input - You can refer to this element by the label you applied to the `Select`.\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  fireEvent.click(clearButton)\n}\n\n/**\n * Perform search based on the given `query`. It will fail if the option is not found.\n * @param query - Search term.\n * @param input - You can refer to this element by the label you applied to the `Select`.\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 input - You can refer to this element by the label you applied to the `Select`.\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 input - You can refer to this element by the label you applied to the `Select`.\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 {\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 styles - A `css` reference with interpolated styles\n * @returns The final CSS\n */\nexport default function getInterpolatedStyles(styles: ThemedInterpolation): string {\n  // eslint-disable-next-line @typescript-eslint/no-base-to-string -- used only in tests\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 type { ReactNode } from 'react'\nimport React 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","Object","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","render"],"mappings":"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"}

package/dist/tests/generator.d.ts

@@ -18,8 +18,8 @@ interface DataGenerator {
         amount: number;
         allowRepeat?: boolean;
     }) => T | Array<T>;
-    pickone<T>(arr: T[]): T;
-    pickset<T>(arr: T[], count?: number): T[];
+    pickone: <T>(arr: T[]) => T;
+    pickset: <T>(arr: T[], count?: number) => T[];
     profession: () => string;
     sentence: (opts?: Chance.Options) => string;
     state: (opts?: Chance.Options) => string;

package/dist/tests/renderer.d.ts

@@ -1,9 +1,10 @@
-import { fireEvent, RenderOptions, within, waitFor, waitForElementToBeRemoved, act, screen, queries } from '@testing-library/react';
+import { RenderOptions, fireEvent, within, waitFor, waitForElementToBeRemoved, act, screen, queries } from '@testing-library/react';
 import { default as userEvent } from '@testing-library/user-event';
+import { ReactNode } from 'react';
 declare class Renderer {
-    result: React.ReactElement;
-    constructor(children: React.ReactElement);
+    result: ReactNode;
+    constructor(children: ReactNode);
     render(options?: Omit<RenderOptions, 'queries'>): import('@testing-library/react').RenderResult<typeof queries, HTMLElement, HTMLElement>;
 }
-export default function customRenderer(children: React.ReactElement): Renderer;
+export default function customRenderer(children: ReactNode): Renderer;
 export { act, fireEvent as fire, queries, screen, userEvent as user, waitFor, waitForElementToBeRemoved, within, };

package/dist/theming/index.d.ts

@@ -7,9 +7,9 @@ export type ThemedProps = ThemeProps<CustomTheme>;
 type TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken);
 /**
  * Return a design token value for the current theme.
- * @param {string} token - Token whose value should be returned.
- * @param {[ThemedStyledProps]} props - Component props.
- * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.
+ * @param token - Token whose value should be returned.
+ * @param props - Component props.
+ * @returns Token value or `undefined` if the token was not found for the current theme.
  */
 export declare function getToken<TProps extends ThemedProps>(token: TokenLike<TProps>): (props: TProps) => ThemeTokenValue;
 export declare function getToken<TProps extends ThemedProps>(token: TokenLike<TProps>, props: TProps): ThemeTokenValue;

package/dist/theming/index.js

@@ -1,5 +1,5 @@
 import { isFunction } from "@loadsmart/utils-function";
-import { a as alice, l as loadsmart, m as mirandaCompatibility } from "../miranda-compatibility.theme-kYNEZ7mW.js";
+import { a as alice, l as loadsmart, m as mirandaCompatibility } from "../miranda-compatibility.theme-CIu9fa89.js";
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alice: alice,
@@ -12,7 +12,7 @@ function getTokenFromTheme(token, props) {
 }
 function getToken(token, props) {
   if (props === void 0) {
-    return (props2) => getTokenFromTheme(token, props2);
+    return (themeProps) => getTokenFromTheme(token, themeProps);
   }
   return getTokenFromTheme(token, props);
 }

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":";;;;;;;;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;"}
+{"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 token - Token whose value should be returned.\n * @param props - Component props.\n * @returns 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 (themeProps: TProps) => getTokenFromTheme(token, themeProps)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","getToken","undefined","themeProps"],"mappings":";;;;;;;;AAaA,SAASA,kBAAyCC,OAAqBC,OAA2B;AAChG,QAAMC,YAAYC,WAAWH,KAAK,IAAIA,MAAMC,KAAK,IAAID;AACrD,SAAOC,MAAMG,MAAMF,SAAS;AAC9B;AAiBO,SAASG,SAAqCL,OAAYC,OAAkB;AACjF,MAAIA,UAAUK,QAAW;AACvB,WAAO,CAACC,eAAuBR,kBAAkBC,OAAOO,UAAU;AAAA,EACpE;AAEA,SAAOR,kBAAkBC,OAAOC,KAAK;AACvC;"}

package/dist/theming/theming.helpers.d.ts

@@ -1,7 +1,7 @@
 type VariableValue = string | number;
-type VariableMap = {
+interface VariableMap {
     [key: string]: VariableValue;
-};
+}
 export declare function generateColorGetter(colors: VariableMap): (name: string, opacity?: number) => VariableValue;
 export declare function generateSpacingGetter(spacings: VariableMap): (name: string) => VariableValue;
 export declare function generateShadowGetter(shadows: VariableMap): (name: string) => VariableValue;

package/dist/toArray-BJJzFRD1.js

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

package/dist/toArray-BJJzFRD1.js.map

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