@loadsmart/loadsmart-ui 7.5.0 → 7.6.0

package/dist/testing/index.mjs.map

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

package/dist/theming/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../miranda-compatibility.theme-C3Dt-45K.js"),r=Object.freeze(Object.defineProperty({__proto__:null,Alice:i.alice,Loadsmart:i.loadsmart,Miranda:i.mirandaCompatibility},Symbol.toStringTag,{value:"Module"}));function o(e,t){const n=i.libExports.isFunction(e)?e(t):e;return t.theme[n]}function a(e,t){return t===void 0?n=>o(e,n):o(e,t)}exports.Themes=r;exports.getToken=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@loadsmart/utils-function"),n=require("../miranda-compatibility.theme-ChPV-BBw.js"),a=Object.freeze(Object.defineProperty({__proto__:null,Alice:n.alice,Loadsmart:n.loadsmart,Miranda:n.mirandaCompatibility},Symbol.toStringTag,{value:"Module"}));function o(e,t){const i=r.isFunction(e)?e(t):e;return t.theme[i]}function u(e,t){return t===void 0?i=>o(e,i):o(e,t)}exports.Themes=a;exports.getToken=u;
 //# sourceMappingURL=index.js.map

package/dist/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","getToken","undefined"],"mappings":"8SAaA,SAASA,EAAyCC,EAAqBC,EAA2B,CAChG,MAAMC,EAAYC,EAAAA,WAAAA,WAAWH,CAAK,EAAIA,EAAMC,CAAK,EAAID,EAC9CC,OAAAA,EAAMG,MAAMF,CAAS,CAC9B,CAiBgBG,SAAAA,EAAqCL,EAAYC,EAAkB,CACjF,OAAIA,IAAUK,OACJL,GAAkBF,EAAkBC,EAAOC,CAAK,EAGnDF,EAAkBC,EAAOC,CAAK,CACvC"}
+{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","getToken","undefined"],"mappings":"qVAaA,SAASA,EAAyCC,EAAqBC,EAA2B,CAChG,MAAMC,EAAYC,EAAAA,WAAWH,CAAK,EAAIA,EAAMC,CAAK,EAAID,EAC9CC,OAAAA,EAAMG,MAAMF,CAAS,CAC9B,CAiBgBG,SAAAA,EAAqCL,EAAYC,EAAkB,CACjF,OAAIA,IAAUK,OACJL,GAAkBF,EAAkBC,EAAOC,CAAK,EAGnDF,EAAkBC,EAAOC,CAAK,CACvC"}

package/dist/theming/index.mjs

@@ -1,19 +1,20 @@
-import { a as o, b as r, m as n, l as m } from "../miranda-compatibility.theme-ClCWbTIT.mjs";
-const s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { isFunction as a } from "@loadsmart/utils-function";
+import { a as i, l as n, m } from "../miranda-compatibility.theme-DQDHkWzC.mjs";
+const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Alice: o,
-  Loadsmart: r,
-  Miranda: n
+  Alice: i,
+  Loadsmart: n,
+  Miranda: m
 }, Symbol.toStringTag, { value: "Module" }));
-function i(e, t) {
-  const a = m.isFunction(e) ? e(t) : e;
-  return t.theme[a];
+function r(e, t) {
+  const o = a(e) ? e(t) : e;
+  return t.theme[o];
 }
-function c(e, t) {
-  return t === void 0 ? (a) => i(e, a) : i(e, t);
+function d(e, t) {
+  return t === void 0 ? (o) => r(e, o) : r(e, t);
 }
 export {
-  s as Themes,
-  c as getToken
+  u as Themes,
+  d as getToken
 };
 //# sourceMappingURL=index.mjs.map

package/dist/theming/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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,EAAyCC,GAAqBC,GAA2B;AAChG,QAAMC,IAAYC,EAAAA,WAAWH,CAAK,IAAIA,EAAMC,CAAK,IAAID;AAC9CC,SAAAA,EAAMG,MAAMF,CAAS;AAC9B;AAiBgBG,SAAAA,EAAqCL,GAAYC,GAAkB;AACjF,SAAIA,MAAUK,SACL,CAACL,MAAkBF,EAAkBC,GAAOC,CAAK,IAGnDF,EAAkBC,GAAOC,CAAK;AACvC;"}
+{"version":3,"file":"index.mjs","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,EAAyCC,GAAqBC,GAA2B;AAChG,QAAMC,IAAYC,EAAWH,CAAK,IAAIA,EAAMC,CAAK,IAAID;AAC9CC,SAAAA,EAAMG,MAAMF,CAAS;AAC9B;AAiBgBG,SAAAA,EAAqCL,GAAYC,GAAkB;AACjF,SAAIA,MAAUK,SACL,CAACL,MAAkBF,EAAkBC,GAAOC,CAAK,IAGnDF,EAAkBC,GAAOC,CAAK;AACvC;"}

package/dist/toArray-BW3gx_gH.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("@loadsmart/utils-object");function i(r){return t.isNil(r)?[]:Array.isArray(r)?r:[r]}exports.toArray=i;
+//# sourceMappingURL=toArray-BW3gx_gH.js.map

package/dist/toArray-BW3gx_gH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toArray-BW3gx_gH.js","sources":["../src/utils/toolset/toArray.ts"],"sourcesContent":["import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["toArray","value","isNil","Array","isArray"],"mappings":"wDAGA,SAASA,EAAWC,EAAqB,CACnCC,OAAAA,EAAAA,MAAMD,CAAK,EACN,CAAE,EAGPE,MAAMC,QAAQH,CAAK,EACdA,EAGF,CAACA,CAAK,CACf"}

package/dist/toArray-DqgeO2ua.mjs

@@ -0,0 +1,8 @@
+import { isNil as t } from "@loadsmart/utils-object";
+function n(r) {
+  return t(r) ? [] : Array.isArray(r) ? r : [r];
+}
+export {
+  n as t
+};
+//# sourceMappingURL=toArray-DqgeO2ua.mjs.map

package/dist/toArray-DqgeO2ua.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toArray-DqgeO2ua.mjs","sources":["../src/utils/toolset/toArray.ts"],"sourcesContent":["import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["toArray","value","isNil","Array","isArray"],"mappings":";AAGA,SAASA,EAAWC,GAAqB;AACnCC,SAAAA,EAAMD,CAAK,IACN,CAAE,IAGPE,MAAMC,QAAQH,CAAK,IACdA,IAGF,CAACA,CAAK;AACf;"}

package/dist/tools/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../prop-pWSEOvKc.js");exports.conditional=o.conditional;exports.prop=o.prop;exports.whenProps=o.whenProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../prop-BwhJNJHO.js");exports.conditional=o.conditional;exports.prop=o.prop;exports.whenProps=o.whenProps;
 //# sourceMappingURL=index.js.map

package/dist/tools/index.mjs

@@ -1,4 +1,4 @@
-import { c as a, p as r, w as s } from "../prop-C4yDbi0C.mjs";
+import { c as a, p as r, w as s } from "../prop-5m3D4883.mjs";
 export {
   a as conditional,
   r as prop,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "7.5.0",
+  "version": "7.6.0",
   "description": "Miranda UI, a React UI library",
   "main": "dist",
   "type": "commonjs",
@@ -60,6 +60,7 @@
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
     "@storybook/addons": "^7.6.20",
+    "@storybook/builder-webpack5": "^7.6.20",
     "@storybook/client-api": "^7.6.20",
     "@storybook/react": "^7.6.20",
     "@storybook/react-webpack5": "^7.6.20",
@@ -109,7 +110,6 @@
     "jest-junit": "^16.0.0",
     "jest-transformer-svg": "^2.1.0",
     "lint-staged": "^11.0.0",
-    "lodash": "^4.17.21",
     "npm-run-all": "^4.1.5",
     "postcss": "^7.0.39",
     "postcss-cli": "^7.1.2",
@@ -117,6 +117,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
+    "react-syntax-highlighter": "^15.6.1",
     "semantic-release": "^17.4.2",
     "storybook": "^7.6.20",
     "styled-components": "^5.3.11",
@@ -136,17 +137,17 @@
   "peerDependencies": {
     "@loadsmart/miranda-tokens": ">=1.3.0",
     "@testing-library/react": ">=11.2.6",
-    "lodash": ">=4.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": ">=5.3.0"
   },
   "dependencies": {
-    "@floating-ui/react-dom": "^2.0.0",
+    "@floating-ui/react-dom": "^2.1.2",
     "@loadsmart/utils-function": "0.3.1",
     "@loadsmart/utils-object": "0.3.1",
     "@loadsmart/utils-string": "0.3.1",
-    "clsx": "1.1.1"
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.21"
   },
   "repository": {
     "type": "git",