@loadsmart/loadsmart-ui 8.0.1 → 8.0.3

package/dist/prop-Fs2axl9W.js.map

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

package/dist/styles/typography.d.ts

@@ -1,4 +1,5 @@
 import { ThemeToken } from '../theming';
+import { FlattenInterpolation, ThemeProps } from 'styled-components';
 export interface TypographyOptions {
     italic?: boolean;
     color?: ThemeToken;
@@ -19,5 +20,5 @@ export declare const typographyProperties: TypographyProperties;
  * @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));
+declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): FlattenInterpolation<ThemeProps<any>> | ((props: P) => FlattenInterpolation<ThemeProps<any>> | ((props: unknown) => FlattenInterpolation<ThemeProps<any>> | /*elided*/ any));
 export default typography;

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

@@ -1,6 +1,8 @@
-import { Interpolation, ThemeProps } from 'styled-components';
+import { Interpolation } from 'styled-components';
 import { CustomTheme } from '../../theming';
-type ThemedInterpolation = Interpolation<ThemeProps<CustomTheme>>;
+type ThemedInterpolation = Interpolation<{
+    theme: CustomTheme;
+}>;
 /**
  * Use this function to simulate the CSS that would be generated by styled-components
  * @param styles - A `css` reference with interpolated styles

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":["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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"}
+{"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 } 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<{ theme: 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":";;;;;;AAEA,SAASA,sBAAsBC,OAAiC;AAC9D,SAAOA,MAAMC,WAAYA,WAAYA,WAAYA;AACnD;AAMA,eAAeC,SAAOF,OAAmC;AACvD,QAAMG,sBAAsBJ,sBAAsBC,KAAK;AAGvD,MAAII,QAAQC,YAAYF,qBAAqB,MAAM,GAAG;AACpD;AAAA,EACF;AAEAG,YAAUC,MAAMP,KAAK;AAErB,QAAMQ,QAAQ,MAAM;AAClBC,WAAOL,QAAQM,UAAUP,qBAAqB,MAAM,CAAC,EAAEQ,kBAAAA;AAAAA,EACzD,CAAC;AACH;AAMA,eAAeC,WAASZ,OAAmC;AACzD,QAAMG,sBAAsBJ,sBAAsBC,KAAK;AAGvD,MAAI,CAACI,QAAQC,YAAYF,qBAAqB,MAAM,GAAG;AACrD;AAAA,EACF;AAEAG,YAAUC,MAAMH,QAAQS,UAAUV,qBAAqB,OAAO,CAAC;AAE/D,QAAMK,QAAQ,MAAM;AAClBC,WAAOL,QAAQC,YAAYF,qBAAqB,MAAM,CAAC,EAAEW,IAAIH,kBAAAA;AAAAA,EAC/D,CAAC;AACH;AAQA,eAAeI,OAAKC,KAAahB,OAAmC;AAClE,QAAMG,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAME,SAAOF,KAAK;AAElBiB,MAAI,MAAM;AACRjB,UAAMkB,MAAAA;AAAAA,EACR,CAAC;AAED,QAAMC,aAAaf,QAAQgB,eAAejB,qBAAqBa,GAAG;AAElE,MAAIG,WAAWE,aAAa,cAAc,KAAK,SAAS;AACtDf,cAAUC,MAAMY,UAAU;AAAA,EAC5B;AAEA,QAAMP,WAASZ,KAAK;AACtB;AAMA,eAAesB,QAAMtB,OAAmC;AACtD,QAAMG,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAMuB,cAAcnB,QAAQgB,eAAejB,qBAAqB,iBAAiB;AAEjFG,YAAUC,MAAMgB,WAAW;AAE3B,QAAMX,WAASZ,KAAK;AACtB;AAMA,eAAewB,mBAAiBxB,OAA4C;AAC1E,QAAMG,sBAAsBJ,sBAAsBC,KAAK;AAEvD,QAAME,SAAOF,KAAK;AAElB,QAAMyB,eAA8BrB,QAAQsB,eAAevB,qBAAqB,YAAY;AAAA,IAC1FwB,SAAS;AAAA,EAAA,CACV;AAED,QAAMf,WAASZ,KAAK;AAEpB,SAAOyB;AACT;AAEA,MAAMG,kBAAkB;AAAA,EACtBC,cAAc9B;AAAAA,EAAAA,QACdG;AAAAA,EAAAA,UACAU;AAAAA,EAAAA,MACAG;AAAAA,EAAAA,OACAO;AAAAA,EAAAA,kBACAE;AACF;ACnGA,eAAetB,SAAOF,OAAmC;AACvD,QAAM8B,gBAAgB5B,OAAOF,KAAK;AACpC;AAMA,eAAeY,WAASZ,OAAmC;AACzD,QAAM8B,gBAAgBlB,SAASZ,KAAK;AACtC;AAQA,eAAee,KAAKgB,OAAuC/B,OAAmC;AAC5F,QAAMgC,2BAA2BF,gBAAgBD,aAAa7B,KAAK;AAEnE,QAAME,SAAOF,KAAK;AAElB,QAAM,CAACiC,YAAYC,QAAQ,IAAIH;AAE/B,MAAIE,cAAc,MAAM;AACtB,UAAME,sBAAsB/B,QAAQgC,YAClCJ,0BACA,wBACF;AAEA,UAAMF,gBAAgBf,KAAKkB,YAAYE,mBAAmB;AAAA,EAC5D;AAEA,MAAID,YAAY,MAAM;AACpB,UAAMG,oBAAoBjC,QAAQgC,YAAYJ,0BAA0B,sBAAsB;AAE9F,UAAMF,gBAAgBf,KAAKmB,UAAUG,iBAAiB;AAAA,EACxD;AAEA,QAAMzB,WAASZ,KAAK;AACtB;AAMA,eAAesB,QAAMtB,OAAmC;AACtD,QAAM8B,gBAAgBR,MAAMtB,KAAK;AACnC;AAMA,eAAewB,iBAAiBxB,OAA4C;AAC1E,SAAO8B,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;AClEA,MAAMe,uBAAuBA,CAACvC,UAC5BA,MAAMC;AAMR,MAAMuC,WAAWA,CAACxC,UAA4B;AAC5C,QAAMyC,WAAWF,qBAAqBvC,KAAK;AAE3C,QAAM0C,gBAAgBC,YAAYH,SAASC,QAAQ;AAEnDnC,YAAUmC,UAAUC,aAAa;AACnC;AAMA,MAAME,YAAYA,CAAC5C,UAA4B;AAC7C,QAAMyC,WAAWF,qBAAqBvC,KAAK;AAE3C,QAAM6C,iBAAiBF,YAAYC,UAAUH,QAAQ;AAErDnC,YAAUmC,UAAUI,cAAc;AACpC;AAMA,MAAMC,YAAYA,CAAC9C,OAAyB+C,UAAyB;AACnE,QAAMN,WAAWF,qBAAqBvC,KAAK;AAE3C,QAAMgD,gBAAgBL,YAAYM,KAAKR,QAAQ;AAE/CS,SAAOC,eAAeH,eAAe,gBAAgB;AAAA,IAAEI,OAAO;AAAA,MAAEL,OAAOM,QAAQN,KAAK;AAAA,IAAA;AAAA,EAAE,CAAG;AAEzFzC,YAAUmC,UAAUO,aAAa;AACnC;AAEO,MAAMM,oBAAoB;AAAA,EAC/Bd;AAAAA,EACAI;AAAAA,EACAE;AACF;AChDA,SAASS,mBAAmBvD,OAAiC;AAC3D,SAAOA,MAAMC,WAAYA,WAAYA;AACvC;AAKA,SAASuD,cAAcxD,OAAiC;AACtD,SAAOA,MAAMC,WAAYA,WAAYwD;AACvC;AAEA,SAASC,uBAAuB1D,OAAiC;AAC/D,SAAOA,MAAMC,WAAYwD,YAAaA;AACxC;AAEA,SAASE,yBAAyB3D,OAAiC;AACjE,SAAOA,MAAMC;AACf;AAEA,SAAS2D,qBAAqB5D,OAA6B;AACzD,QAAM6D,kBAAkBN,mBAAmBvD,KAAK;AAchD,SAAO6D,gBAAgBC,SAASC,WAAW;AAC7C;AAQA,eAAeC,oBAAoBhE,OAAoB;AACrD,QAAMiE,kBAAkBN,yBAAyB3D,KAAK;AAEtD,MAAI,CAACkE,OAAOD,eAAe,EAAEE,cAAc,wBAAwB,GAAG;AACpE;AAAA,EACF;AAEA,QAAMC,0BACJ,MAAMF,OAAOD,eAAe,EAAEE,cAAc,wBAAwB,GACpE;AAAA,IAAEE,SAAS;AAAA,EAAA,CACb;AACF;AAMA,eAAenE,OAAOF,OAAmC;AACvD,QAAMgE,oBAAoBhE,KAAK;AAE/B,MAAI4D,qBAAqB5D,KAAK,GAAG;AAC/B;AAAA,EACF;AAEA,QAAMsE,gBAAgBZ,uBAAuB1D,KAAK;AAElD,QAAMQ,QAAQ,MAAM;AAClBC,WAAO6D,aAAa,EAAEC,YAAAA;AAAAA,EACxB,CAAC;AAODtD,MAAI,MAAM;AACRjB,UAAMwE,cAAc,IAAIC,WAAW,SAAS;AAAA,MAAEC,SAAS;AAAA,IAAA,CAAM,CAAC;AAAA,EAChE,CAAC;AAED,QAAMlE,QAAQ,MAAM;AAClBC,WAAOyD,OAAOX,mBAAmBvD,KAAK,CAAC,EAAEU,UAAU,SAAS,CAAC,EAAEC,kBAAAA;AAAAA,EACjE,CAAC;AACH;AAMA,eAAeC,SAASZ,OAAmC;AACzD,MAAI,CAAC4D,qBAAqB5D,KAAK,GAAG;AAChC;AAAA,EACF;AAEA,QAAMsE,gBAAgBZ,uBAAuB1D,KAAK;AAElDM,YAAUC,MAAM+D,aAAa;AAE7B,QAAM9D,QAAQ,MAAM;AAClBC,WAAOyD,OAAOX,mBAAmBvD,KAAK,CAAC,EAAEK,YAAY,SAAS,CAAC,EAAES,IAAIH,kBAAAA;AAAAA,EACvE,CAAC;AACH;AAQA,eAAegE,OAAOC,QAAyB5E,OAAmC;AAChF,QAAME,OAAOF,KAAK;AAElB,QAAM6E,gBAAgBrB,cAAcxD,KAAK;AAEzC,QAAM8E,gBAAgB,MAAMZ,OAAOW,aAAa,EAAEE,gBAAgBH,MAAM;AAGxE,MAAIE,cAAczD,aAAa,eAAe,KAAK,SAAS;AAQ1Df,cAAU0E,UAAUF,aAAa;AAEjC7D,QAAI,MAAM;AACR6D,oBAAc5D,MAAAA;AAAAA,IAChB,CAAC;AAEDZ,cAAU2E,QAAQH,aAAa;AAC/BxE,cAAUC,MAAMuE,aAAa;AAAA,EAC/B;AAGA,QAAMlE,SAASZ,KAAK;AACtB;AAQA,eAAekF,SAASN,QAAgB5E,OAAmC;AACzE,QAAME,OAAOF,KAAK;AAElB,QAAM6E,gBAAgBrB,cAAcxD,KAAK;AAEzC,QAAM8E,gBAAgB,MAAMZ,OAAOW,aAAa,EAAEE,gBAAgBH,MAAM;AAGxE,MAAIE,cAAczD,aAAa,eAAe,MAAM,QAAQ;AAC1Df,cAAUC,MAAMuE,aAAa;AAAA,EAC/B;AAGA,QAAMlE,SAASZ,KAAK;AACtB;AAMA,eAAesB,MAAMtB,OAAmC;AACtD,QAAMgE,oBAAoBhE,KAAK;AAE/B,QAAMiE,kBAAkBN,yBAAyB3D,KAAK;AAEtD,QAAMuB,cAAc2C,OAAOD,eAAe,EAAE7B,YAAY,sBAAsB;AAE9E9B,YAAUC,MAAMgB,WAAW;AAC7B;AAOA,eAAe4D,OAAOC,OAAepF,OAAmC;AACtEM,YAAU+E,OAAOrF,OAAO;AAAA,IACtBsF,QAAQ;AAAA,MAAElC,OAAOgC;AAAAA,IAAAA;AAAAA,EAAM,CACxB;AAED,QAAMpB,oBAAoBhE,KAAK;AAE/B,QAAM6E,gBAAgBrB,cAAcxD,KAAK;AAEzC,QAAMkE,OAAOW,aAAa,EAAEU,cAAc,QAAQ;AACpD;AAMA,eAAeC,WAAWxF,OAA4C;AACpE,QAAME,OAAOF,KAAK;AAElB,QAAM6E,gBAAgBrB,cAAcxD,KAAK;AAEzC,QAAMyF,UAAUvB,OAAOW,aAAa,EAAEnD,eAAe,QAAQ;AAE7D,QAAMd,SAASZ,KAAK;AAEpB,SAAOyF;AACT;AAMA,eAAeC,mBAAmB1F,OAA4C;AAC5E,QAAME,OAAOF,KAAK;AAElB,QAAM6E,gBAAgBrB,cAAcxD,KAAK;AACzC,MAAI2F,kBAAiC,CAAA;AAErC,MAAI;AACFA,sBAAkB,MAAMzB,OAAOW,aAAa,EAAEU,cAAc,UAAU;AAAA,MACpEK,UAAU;AAAA,IAAA,CACX;AAAA,EACH,QAAQ;AACND,sBAAkB,CAAA;AAAA,EACpB;AAEA,QAAM/E,SAASZ,KAAK;AAEpB,SAAO2F;AACT;AAEO,MAAME,cAAc;AAAA,EACzBlB;AAAAA,EACAO;AAAAA,EACA5D;AAAAA,EACA6D;AAAAA,EACAjF;AAAAA,EACAU;AAAAA,EACA4E;AAAAA,EACAE;AAAAA,EACAI,gBAAgBlC;AAClB;AC1OA,SAAwBmC,sBAAsBC,QAAqC;AAEjF,SAAO3C,QAAQ2C,MAAM,EAClBC,IAAKC,CAAAA,kBAAkB;AACtB,WAAOC,WAAWD,aAAa,GAAG;AAChCA,sBAAgBA,cAAc;AAAA,QAAEE,OAAOC;AAAAA,MAAAA,CAAO;AAAA,IAChD;AAEA,WAAOH;AAAAA,EACT,CAAC,EACAI,KAAK,EAAE;AACZ;ACjBA,MAAMC,0BAAoD;AAAA,EACxDC,UAAU,CAAA;AAAA,EACVC,cAAcC,KAAKC,GAAAA;AAAAA,EACnBC,eAAeF,KAAKC,GAAAA;AAAAA,EACpBE,cAAcH,KAAKC,GAAAA;AACrB;AAEA,MAAMG,iCAAiCA,CACrCC,IACAC,kBACiB;AACjB,QAAMC,eAAe;AAAA,IAAE,GAAGV;AAAAA,IAAyB,GAAGS;AAAAA,EAAAA;AAEtD,QAAME,aAAaA,CAACpD,aAClBqD,+BAAA,cAAC,oBAAoB,UAApB,EAA6B,OAAOF,aAAAA,GAAenD,QAAS;AAG/D,SAAOsD,OAAOF,WAAWH,EAAE,CAAC;AAC9B;"}

package/dist/tests/renderer.d.ts

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

@@ -1,9 +1,10 @@
-import { ThemeProps } from 'styled-components';
 import { default as ThemeAlice } from './themes/alice.theme';
 export type ThemeToken = keyof typeof ThemeAlice;
 export type ThemeTokenValue = string | number;
 export type CustomTheme = Record<ThemeToken, ThemeTokenValue>;
-export type ThemedProps = ThemeProps<CustomTheme>;
+export interface ThemedProps {
+    theme: CustomTheme;
+}
 type TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken);
 /**
  * Return a design token value for the current theme.

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 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;"}
+{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\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 interface ThemedProps {\n  theme: CustomTheme\n}\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":";;;;;;;;AAcA,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/utils/types/ColorScheme.d.ts

@@ -1,2 +1 @@
-type ColorScheme = 'dark' | 'light';
-export default ColorScheme;
+export type ColorScheme = 'dark' | 'light';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "8.0.1",
+  "version": "8.0.3",
   "description": "Miranda UI, a React UI library",
   "type": "module",
   "main": "dist/index.js",
@@ -27,7 +27,7 @@
     "postpack": "pinst --enable",
     "format": "prettier . --write",
     "check:format:ci": "prettier . --check",
-    "check:type": "tsc",
+    "check:type": "tsc -b",
     "check:type:ci": "yarn check:type"
   },
   "storybook-deployer": {
@@ -37,53 +37,54 @@
     "addFileAttribute": "true"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.4.3",
-    "@commitlint/config-conventional": "^20.4.3",
-    "@loadsmart/miranda-tokens": "^4.25.2",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@swc/core": "^1.15.18",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@loadsmart/miranda-tokens": "^4.25.7",
+    "@rolldown/plugin-babel": "^0.2.2",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-docs": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/theming": "^8.6.18",
+    "@swc/core": "^1.15.21",
     "@swc/jest": "^0.2.39",
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/chance": "^1.1.7",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.19.15",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.12.0",
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@types/styled-components": "^5.1.36",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.2.0",
     "babel-plugin-styled-components": "^2.1.4",
     "chance": "^1.1.13",
     "commitizen": "^4.3.1",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-testing-library": "^7.16.0",
+    "eslint-plugin-testing-library": "^7.16.2",
     "eslint-plugin-unicorn": "^63.0.0",
     "gh-pages": "^6.3.0",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-junit": "^16.0.0",
     "jest-transformer-svg": "^2.1.0",
-    "lint-staged": "^16.3.2",
-    "nanoid": "^5.1.6",
+    "lint-staged": "^16.4.0",
+    "nanoid": "^5.1.7",
     "pinst": "^3.0.0",
     "prettier": "^3.8.1",
     "react": "^18.3.1",
@@ -93,10 +94,10 @@
     "semantic-release": "^25.0.3",
     "storybook": "^8.6.18",
     "styled-components": "^5.3.11",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "ts-toolbelt": "^9.6.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.57.2",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.5.0"

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { AccordionProps } from './Accordion';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: AccordionProps): React.JSX.Element;
-export declare function CustomIndicators(): React.JSX.Element;
-export declare function ControlledOpened(args: AccordionProps): React.JSX.Element;
-export declare function ControlledBasedOnExpandedProp(args: AccordionProps): React.JSX.Element;

package/dist/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Banner/Banner.stories.d.ts

@@ -1,107 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BannerProps, BannerActionProps } from './Banner';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: BannerProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Warning(args: BannerProps): React.JSX.Element;
-export declare namespace Warning {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Danger(args: BannerProps): React.JSX.Element;
-export declare namespace Danger {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function Neutral(args: BannerProps): React.JSX.Element;
-export declare namespace Neutral {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-    };
-}
-export declare function CustomIcon(args: BannerProps): React.JSX.Element;
-export declare namespace CustomIcon {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        icon: React.JSX.Element;
-    };
-}
-export declare function Large(args: BannerProps): React.JSX.Element;
-export declare namespace Large {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-    };
-}
-export declare function Action(args: BannerActionProps): React.JSX.Element;
-export declare namespace Action {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-    };
-}
-export declare function ActionWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLarge(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLarge {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-    };
-}
-export declare function ActionLargeWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLargeWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-    };
-}
-export declare function ActionLargeDismissibleWithSecondaryAction(args: BannerActionProps): React.JSX.Element;
-export declare namespace ActionLargeDismissibleWithSecondaryAction {
-    var args: {
-        scale: string;
-        variant: string;
-        title: string;
-        description: string;
-        action: string;
-        secondaryAction: string;
-        dismissible: boolean;
-    };
-}

package/dist/components/Banner/Banner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Breadcrumbs/Breadbrumbs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,5 +0,0 @@
-import { BreadcrumbsProps } from './Breadcrumbs';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BreadcrumbsProps>;

package/dist/components/Button/Button.stories.d.ts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { BackButtonProps } from '../../common/BackButton';
-import { ButtonProps } from './Button';
-import { CloseButtonProps } from '../../common/CloseButton';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: ButtonProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {
-        scale: string;
-        variant: string;
-        leading: React.JSX.Element;
-        trailing: React.JSX.Element;
-    };
-}
-export declare function Base(args: ButtonProps): React.JSX.Element;
-export declare function Selector(args: ButtonProps): React.JSX.Element;
-export declare namespace Selector {
-    var args: {
-        scale: string;
-        variant: string;
-    };
-}
-export declare function Icon(args: ButtonProps): React.JSX.Element;
-export declare namespace Icon {
-    var args: {
-        scale: string;
-    };
-}
-export declare function Back(args: BackButtonProps): React.JSX.Element;
-export declare function Close(args: CloseButtonProps): React.JSX.Element;
-export declare function Loading(args: ButtonProps): React.JSX.Element;

package/dist/components/Button/Button.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { Meta } from '@storybook/react';
-import { CalendarDate } from './Date.helper';
-import { CalendarProps } from './Calendar.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CalendarProps>;
-export declare function Selection(): React.JSX.Element;
-declare function isWeekend(date: CalendarDate): boolean;
-export declare function CalendarConstraints(args: CalendarProps): React.JSX.Element;
-export declare namespace CalendarConstraints {
-    var args: {
-        constraints: ((string | null)[] | typeof isWeekend)[];
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/Calendar/Calendar.test.d.ts

@@ -1 +0,0 @@
-export declare const formatter: import('./DateFormat.helper').DateFormat;

package/dist/components/Calendar/Date.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/DateFormat.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Month.helper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/DayPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/MonthPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Calendar/Pickers/YearPicker.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Card/Card.stories.d.ts

@@ -1,8 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { CardProps } from './Card';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<CardProps>;
-export declare const Default: StoryFn<CardProps>;
-export declare const TitleOnly: StoryFn<CardProps>;
-export declare const Flagged: StoryFn<CardProps>;

package/dist/components/Card/Card.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { CheckboxProps } from './Checkbox';
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare function Playground(args: CheckboxProps): React.JSX.Element;
-export declare namespace Playground {
-    var args: {};
-}

package/dist/components/Checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -1,23 +0,0 @@
-import { default as React } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { DatePickerProps } from './DatePicker.types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<DatePickerProps>;
-export declare const WithValue: StoryFn<DatePickerProps>;
-export declare function DatePickerConstraints(args: DatePickerProps): React.JSX.Element;
-export declare namespace DatePickerConstraints {
-    var args: {
-        id: string;
-        name: string;
-        constraints: (string | null)[][];
-        value: string;
-    };
-    var parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-}

package/dist/components/DatePicker/DatePicker.test.d.ts

@@ -1 +0,0 @@
-export {};