@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

package/dist/cjs/components/List/List.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const List_styles = require("./List.styles.cjs");
 const listClasses = require("./listClasses.cjs");
 const useSelectableList = require("./useSelectableList.cjs");
 const utils = require("./utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const setId = require("../../utils/setId.cjs");
@@ -86,68 +86,40 @@ const HvList = ({
     } = labels;
     const anySelected2 = !!(selection == null ? void 0 : selection.length);
     const allSelected = selection.length === list.length;
-    const selectionLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      component: "span",
-      children: !anySelected2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-          children: selectAll
-        }), ` (${list.length})`]
-      }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-          children: selection.length
-        }), `\xA0${selectionConjunction}\xA0`, list.length]
-      })
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSelectAllCheckBox, {
-      id: setId.setId(id, "select-all"),
-      label: selectionLabel,
-      onChange: handleSelectAll,
-      className: clsx__default.default(listClasses.default.selectAllSelector, classes == null ? void 0 : classes.selectAllSelector),
-      indeterminate: anySelected2 && !allSelected,
-      checked: allSelected
-    });
+    const selectionLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: !anySelected2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectAll }),
+      ` (${list.length})`
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selection.length }),
+      `\xA0${selectionConjunction}\xA0`,
+      list.length
+    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSelectAllCheckBox, { id: setId.setId(id, "select-all"), label: selectionLabel, onChange: handleSelectAll, className: clsx__default.default(listClasses.default.selectAllSelector, classes == null ? void 0 : classes.selectAllSelector), indeterminate: anySelected2 && !allSelected, checked: allSelected });
   };
   const renderItemText = (item) => {
     const ItemText = utils.wrapperTooltip(hasTooltips, item.label, item.label);
-    return !multiSelect && item.path ? /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledLink, {
-      route: item.path,
-      classes: {
-        a: clsx__default.default(listClasses.default.link, classes == null ? void 0 : classes.link)
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, {})
-    }, item.label) : /* @__PURE__ */ jsxRuntime.jsx(ItemText, {});
+    return !multiSelect && item.path ? /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledLink, { route: item.path, classes: {
+      a: clsx__default.default(listClasses.default.link, classes == null ? void 0 : classes.link)
+    }, children: /* @__PURE__ */ jsxRuntime.jsx(ItemText, {}) }, item.label) : /* @__PURE__ */ jsxRuntime.jsx(ItemText, {});
   };
   const renderMultiSelectItem = (item, itemId) => {
     if (useSelector) {
-      const Selection = utils.wrapperTooltip(hasTooltips, /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledMultiSelectCheckBox, {
-        id: setId.setId(itemId, "selector"),
-        label: item.label,
-        checked: item.selected,
-        disabled: item.disabled,
-        onChange: (evt) => handleSelect(evt, item),
-        classes: {
-          root: clsx__default.default(listClasses.default.selectorRoot, classes == null ? void 0 : classes.selectorRoot),
-          container: clsx__default.default(listClasses.default.selectorContainer, classes == null ? void 0 : classes.selectorContainer),
-          label: clsx__default.default(listClasses.default.truncate, classes == null ? void 0 : classes.truncate)
-        }
-      }), item.label);
+      const Selection = utils.wrapperTooltip(hasTooltips, /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledMultiSelectCheckBox, { id: setId.setId(itemId, "selector"), label: item.label, checked: item.selected, disabled: item.disabled, onChange: (evt) => handleSelect(evt, item), classes: {
+        root: clsx__default.default(listClasses.default.selectorRoot, classes == null ? void 0 : classes.selectorRoot),
+        container: clsx__default.default(listClasses.default.selectorContainer, classes == null ? void 0 : classes.selectorContainer),
+        label: clsx__default.default(listClasses.default.truncate, classes == null ? void 0 : classes.truncate)
+      } }), item.label);
       return /* @__PURE__ */ jsxRuntime.jsx(Selection, {});
     }
     return renderItemText(item);
   };
   const renderSingleSelectItem = (item, itemId) => {
     if (useSelector) {
-      const Selection = utils.wrapperTooltip(hasTooltips, /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSingleSelectRadio, {
-        id: setId.setId(itemId, "selector"),
-        label: item.label,
-        checked: item.selected,
-        disabled: item.disabled,
-        classes: {
-          root: clsx__default.default(listClasses.default.selectorRoot, classes == null ? void 0 : classes.selectorRoot),
-          container: clsx__default.default(listClasses.default.selectorContainer, classes == null ? void 0 : classes.selectorContainer),
-          label: clsx__default.default(listClasses.default.truncate, classes == null ? void 0 : classes.truncate)
-        }
-      }), item.label);
+      const Selection = utils.wrapperTooltip(hasTooltips, /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSingleSelectRadio, { id: setId.setId(itemId, "selector"), label: item.label, checked: item.selected, disabled: item.disabled, classes: {
+        root: clsx__default.default(listClasses.default.selectorRoot, classes == null ? void 0 : classes.selectorRoot),
+        container: clsx__default.default(listClasses.default.selectorContainer, classes == null ? void 0 : classes.selectorContainer),
+        label: clsx__default.default(listClasses.default.truncate, classes == null ? void 0 : classes.truncate)
+      } }), item.label);
       return /* @__PURE__ */ jsxRuntime.jsx(Selection, {});
     }
     return renderItemText(item);
@@ -159,25 +131,9 @@ const HvList = ({
     if (!useSelector && item.icon) {
       startAdornment = renderLeftIcon(item);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledListItem, {
-      id: itemId,
-      role: selectable ? "option" : "menuitem",
-      disabled: item.disabled || void 0,
-      className: clsx__default.default(listClasses.default.item, classes == null ? void 0 : classes.item),
-      classes: {
-        selected: clsx__default.default(listClasses.default.itemSelector, classes == null ? void 0 : classes.itemSelector)
-      },
-      selected: multiSelect || selected ? selected : void 0,
-      onClick: (evt) => handleSelect(evt, item),
-      startAdornment,
-      endAdornment: item.showNavIcon && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledDropRightXS, {
-        className: clsx__default.default(listClasses.default.box, classes == null ? void 0 : classes.box),
-        iconSize: "XS"
-      }),
-      $applySelected: useSelector || multiSelect,
-      ...otherProps,
-      children: multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId)
-    }, i);
+    return /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledListItem, { id: itemId, role: selectable ? "option" : "menuitem", disabled: item.disabled || void 0, className: clsx__default.default(listClasses.default.item, classes == null ? void 0 : classes.item), classes: {
+      selected: useSelector || multiSelect ? clsx__default.default(listClasses.default.itemSelector, classes == null ? void 0 : classes.itemSelector) : void 0
+    }, selected: multiSelect || selected ? selected : void 0, onClick: (evt) => handleSelect(evt, item), startAdornment, endAdornment: item.showNavIcon && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledDropRightXS, { className: clsx__default.default(listClasses.default.box, classes == null ? void 0 : classes.box), iconSize: "XS" }), $applySelected: useSelector || multiSelect, ...otherProps, children: multiSelect ? renderMultiSelectItem(item, itemId) : renderSingleSelectItem(item, itemId) }, i);
   };
   const filteredList = list.filter((it) => !it.isHidden);
   const anySelected = list.map((item) => item.selected && !item.disabled).reduce((result, selected) => result || selected, false);
@@ -209,41 +165,13 @@ const HvList = ({
   const renderFixedList = React.useMemo(() => {
     return React.forwardRef(({
       ...rest
-    }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, {
-      id,
-      className: clsx__default.default(className, listClasses.default.root, classes == null ? void 0 : classes.root),
-      role: selectable ? "listbox" : "menu",
-      interactive: true,
-      condensed,
-      disableGutters: useSelector,
-      "aria-multiselectable": selectable && multiSelect || void 0,
-      ref,
-      ...rest
-    }));
+    }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, { id, className: clsx__default.default(className, listClasses.default.root, classes == null ? void 0 : classes.root), role: selectable ? "listbox" : "menu", interactive: true, condensed, disableGutters: useSelector, "aria-multiselectable": selectable && multiSelect || void 0, ref, ...rest }));
   }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, {
-      id,
-      className: clsx__default.default(className, listClasses.default.root, classes == null ? void 0 : classes.root),
-      role: selectable ? "listbox" : "menu",
-      interactive: true,
-      condensed,
-      disableGutters: useSelector,
-      "aria-multiselectable": selectable && multiSelect || void 0,
-      ...others,
-      children: filteredList.map((item, i) => renderListItem(item, i))
-    }), filteredList.length > 0 && virtualized && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledFixedSizeList, {
-      ref: listRef,
-      className: clsx__default.default(listClasses.default.virtualizedRoot, classes == null ? void 0 : classes.virtualizedRoot),
-      height: (height || 0) + 5,
-      width: "100%",
-      itemCount: filteredList.length,
-      itemSize: condensed ? 32 : 40,
-      innerElementType: renderFixedList,
-      ...others,
-      children: ListItem
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    multiSelect && useSelector && showSelectAll && renderSelectAll(),
+    filteredList.length > 0 && !virtualized && /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, { id, className: clsx__default.default(className, listClasses.default.root, classes == null ? void 0 : classes.root), role: selectable ? "listbox" : "menu", interactive: true, condensed, disableGutters: useSelector, "aria-multiselectable": selectable && multiSelect || void 0, ...others, children: filteredList.map((item, i) => renderListItem(item, i)) }),
+    filteredList.length > 0 && virtualized && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledFixedSizeList, { ref: listRef, className: clsx__default.default(listClasses.default.virtualizedRoot, classes == null ? void 0 : classes.virtualizedRoot), height: (height || 0) + 5, width: "100%", itemCount: filteredList.length, itemSize: condensed ? 32 : 40, innerElementType: renderFixedList, ...others, children: ListItem })
+  ] });
 };
 exports.HvList = HvList;
 //# sourceMappingURL=List.cjs.map

package/dist/cjs/components/List/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport {\n  StyledFixedSizeList,\n  StyledSelectAllCheckBox,\n  StyledLink,\n  StyledMultiSelectCheckBox,\n  StyledSingleSelectRadio,\n  StyledListItem,\n  StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport { HvListContainer, HvTypography } from \"components\";\nimport { setId } from \"utils\";\n\nexport type HvListValue = {\n  id?: string | number;\n  label: React.ReactNode;\n  searchValue?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  isHidden?: boolean;\n  icon?:\n    | React.ReactNode\n    | ((params: {\n        isDisabled?: boolean;\n        isSelected?: boolean;\n      }) => React.ReactNode);\n  showNavIcon?: boolean;\n  path?: string;\n  params?: object;\n  tabIndex?: number;\n} & HvExtraProps;\n\nexport type HvListLabels = {\n  /** The label used for the All checkbox action. */\n  selectAll?: string;\n  /** The label used in the middle of the multi-selection count. */\n  selectionConjunction?: string;\n};\n\nexport type HvListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange; onClick }\n> & {\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  values: HvListValue[];\n  /** If true renders a multi select list. */\n  multiSelect?: boolean;\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll?: boolean;\n  /** An object containing all the labels for the dropdown. */\n  labels?: HvListLabels;\n  /** If true renders list items with radio or checkbox selectors. */\n  useSelector?: boolean;\n  /** Call back fired when list item is selected. Returns selection state. */\n  onChange?: (value: HvListValue[]) => void;\n  /** Call back fired when list item is selected. Returns selected item. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** If `true` the list items will show the selection state. */\n  selectable?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** If `true` the list will be rendered without vertical spacing. */\n  condensed?: boolean;\n  /** If `true` the dropdown will show tooltips when user mouseenter text in list */\n  hasTooltips?: boolean;\n  /** Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used */\n  height?: number;\n  /** Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. */\n  virtualized?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListClasses;\n};\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n  id,\n  classes,\n  className,\n  multiSelect = false,\n  hasTooltips = false,\n  showSelectAll = false,\n  labels = DEFAULT_LABELS,\n  useSelector = false,\n  selectable = true,\n  singleSelectionToggle = true,\n  condensed = false,\n  onChange,\n  onClick,\n  values: valuesProp = [],\n  height,\n  virtualized = false,\n  ...others\n}: HvListProps) => {\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = useRef<any>(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList: HvListValue[] = parseList(\n      undefined,\n      passedProps,\n      undefined,\n      valuesProp\n    );\n\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(item, passedProps, undefined, list);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some(\n      (elem) => elem.selected || elem.disabled\n    );\n    const parsedList = parseList(\n      undefined,\n      passedProps,\n      !anySelectableSelected,\n      list\n    );\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) => {\n    return isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n  };\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <StyledSelectAllCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={clsx(\n          listClasses.selectAllSelector,\n          classes?.selectAllSelector\n        )}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <StyledLink\n        key={item.label}\n        route={item.path}\n        classes={{ a: clsx(listClasses.link, classes?.link) }}\n      >\n        <ItemText />\n      </StyledLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledMultiSelectCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledSingleSelectRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <StyledListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={clsx(listClasses.item, classes?.item)}\n        classes={{\n          selected: clsx(listClasses.itemSelector, classes?.itemSelector),\n        }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={\n          item.showNavIcon && (\n            <StyledDropRightXS\n              className={clsx(listClasses.box, classes?.box)}\n              iconSize=\"XS\"\n            />\n          )\n        }\n        $applySelected={useSelector || multiSelect}\n        {...otherProps}\n      >\n        {multiSelect\n          ? renderMultiSelectItem(item, itemId)\n          : renderSingleSelectItem(item, itemId)}\n      </StyledListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex ||\n      (!anySelected && index === 0) ||\n      (item.selected && !item.disabled)\n        ? 0\n        : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, listClasses.root, classes?.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, listClasses.root, classes?.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <StyledFixedSizeList\n          ref={listRef}\n          className={clsx(\n            listClasses.virtualizedRoot,\n            classes?.virtualizedRoot\n          )}\n          height={(height || 0) + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </StyledFixedSizeList>\n      )}\n    </>\n  );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","HvTypography","component","children","_jsxs","_Fragment","_jsx","StyledSelectAllCheckBox","setId","label","clsx","listClasses","selectAllSelector","indeterminate","checked","renderItemText","ItemText","wrapperTooltip","StyledLink","route","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","role","itemSelector","endAdornment","showNavIcon","StyledDropRightXS","box","iconSize","$applySelected","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot","itemCount","itemSize","innerElementType"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { forwardRef, isValidElement, useEffect, useMemo, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport {\n  StyledFixedSizeList,\n  StyledSelectAllCheckBox,\n  StyledLink,\n  StyledMultiSelectCheckBox,\n  StyledSingleSelectRadio,\n  StyledListItem,\n  StyledDropRightXS,\n} from \"./List.styles\";\nimport listClasses, { HvListClasses } from \"./listClasses\";\nimport useSelectableList from \"./useSelectableList\";\nimport { parseList, wrapperTooltip } from \"./utils\";\nimport { HvListContainer, HvTypography } from \"components\";\nimport { setId } from \"utils\";\n\nexport type HvListValue = {\n  id?: string | number;\n  label: React.ReactNode;\n  searchValue?: string;\n  selected?: boolean;\n  disabled?: boolean;\n  isHidden?: boolean;\n  icon?:\n    | React.ReactNode\n    | ((params: {\n        isDisabled?: boolean;\n        isSelected?: boolean;\n      }) => React.ReactNode);\n  showNavIcon?: boolean;\n  path?: string;\n  params?: object;\n  tabIndex?: number;\n} & HvExtraProps;\n\nexport type HvListLabels = {\n  /** The label used for the All checkbox action. */\n  selectAll?: string;\n  /** The label used in the middle of the multi-selection count. */\n  selectionConjunction?: string;\n};\n\nexport type HvListProps = HvBaseProps<\n  HTMLUListElement,\n  { onChange; onClick }\n> & {\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - id: The id of the item.\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - isHidden: Is item visible.\n   * - icon: The icon.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   * - path: The path to navigate to.\n   */\n  values: HvListValue[];\n  /** If true renders a multi select list. */\n  multiSelect?: boolean;\n  /**\n   * If true renders select all option for multi selection lists with selectors.\n   * note: It will only be rendered if multiSelect and useSelector props are set to true.\n   */\n  showSelectAll?: boolean;\n  /** An object containing all the labels for the dropdown. */\n  labels?: HvListLabels;\n  /** If true renders list items with radio or checkbox selectors. */\n  useSelector?: boolean;\n  /** Call back fired when list item is selected. Returns selection state. */\n  onChange?: (value: HvListValue[]) => void;\n  /** Call back fired when list item is selected. Returns selected item. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** If `true` the list items will show the selection state. */\n  selectable?: boolean;\n  /** If `true`, selection can be toggled when single selection. */\n  singleSelectionToggle?: boolean;\n  /** If `true` the list will be rendered without vertical spacing. */\n  condensed?: boolean;\n  /** If `true` the dropdown will show tooltips when user mouseenter text in list */\n  hasTooltips?: boolean;\n  /** Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used */\n  height?: number;\n  /** Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options. */\n  virtualized?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListClasses;\n};\n\nconst DEFAULT_LABELS = {\n  selectAll: \"Select All\",\n  selectionConjunction: \"/\",\n};\n\n/**\n * Component used to show a set of related data to the user.\n */\nexport const HvList = ({\n  id,\n  classes,\n  className,\n  multiSelect = false,\n  hasTooltips = false,\n  showSelectAll = false,\n  labels = DEFAULT_LABELS,\n  useSelector = false,\n  selectable = true,\n  singleSelectionToggle = true,\n  condensed = false,\n  onChange,\n  onClick,\n  values: valuesProp = [],\n  height,\n  virtualized = false,\n  ...others\n}: HvListProps) => {\n  const [list, setList, selection] = useSelectableList(valuesProp);\n  const listRef = useRef<any>(null);\n\n  useEffect(() => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList: HvListValue[] = parseList(\n      undefined,\n      passedProps,\n      undefined,\n      valuesProp\n    );\n\n    setList(parsedList);\n  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);\n\n  const handleSelect = (evt, item) => {\n    if (!item.path) evt.preventDefault();\n    if (item.disabled) return;\n\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const parsedList = parseList(item, passedProps, undefined, list);\n    setList(parsedList);\n\n    onClick?.(evt, item);\n    onChange?.(parsedList);\n  };\n\n  const handleSelectAll = () => {\n    const passedProps = { multiSelect, selectable, singleSelectionToggle };\n    const anySelectableSelected = list.some(\n      (elem) => elem.selected || elem.disabled\n    );\n    const parsedList = parseList(\n      undefined,\n      passedProps,\n      !anySelectableSelected,\n      list\n    );\n    setList(parsedList);\n\n    onChange?.(parsedList);\n  };\n\n  const renderLeftIcon = (item) => {\n    return isValidElement(item.icon)\n      ? item.icon\n      : item.icon?.({\n          isSelected: item.selected,\n          isDisabled: item.disabled,\n        });\n  };\n\n  const renderSelectAll = () => {\n    const { selectAll, selectionConjunction } = labels;\n\n    const anySelected = !!selection?.length;\n    const allSelected = selection.length === list.length;\n\n    const selectionLabel = (\n      <HvTypography component=\"span\">\n        {!anySelected ? (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        ) : (\n          <>\n            <b>{selection.length}</b>\n            {`\\xa0${selectionConjunction}\\xa0`}\n            {list.length}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <StyledSelectAllCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={handleSelectAll}\n        className={clsx(\n          listClasses.selectAllSelector,\n          classes?.selectAllSelector\n        )}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    );\n  };\n\n  const renderItemText = (item) => {\n    const ItemText = wrapperTooltip(hasTooltips, item.label, item.label);\n\n    return !multiSelect && item.path ? (\n      <StyledLink\n        key={item.label}\n        route={item.path}\n        classes={{ a: clsx(listClasses.link, classes?.link) }}\n      >\n        <ItemText />\n      </StyledLink>\n    ) : (\n      <ItemText />\n    );\n  };\n\n  const renderMultiSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledMultiSelectCheckBox\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          onChange={(evt) => handleSelect(evt, item)}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n\n    return renderItemText(item);\n  };\n\n  const renderSingleSelectItem = (item, itemId) => {\n    if (useSelector) {\n      const Selection = wrapperTooltip(\n        hasTooltips,\n        <StyledSingleSelectRadio\n          id={setId(itemId, \"selector\")}\n          label={item.label}\n          checked={item.selected}\n          disabled={item.disabled}\n          classes={{\n            root: clsx(listClasses.selectorRoot, classes?.selectorRoot),\n            container: clsx(\n              listClasses.selectorContainer,\n              classes?.selectorContainer\n            ),\n            label: clsx(listClasses.truncate, classes?.truncate),\n          }}\n        />,\n        item.label\n      );\n      return <Selection />;\n    }\n    return renderItemText(item);\n  };\n\n  const renderListItem = (item, i, otherProps = {}) => {\n    const itemId = setId(id, \"item\", i);\n    const selected = item.selected || false;\n\n    let startAdornment = null;\n    if (!useSelector && item.icon) {\n      startAdornment = renderLeftIcon(item);\n    }\n\n    return (\n      <StyledListItem\n        key={i}\n        id={itemId}\n        role={selectable ? \"option\" : \"menuitem\"}\n        disabled={item.disabled || undefined}\n        className={clsx(listClasses.item, classes?.item)}\n        classes={{\n          selected:\n            useSelector || multiSelect\n              ? clsx(listClasses.itemSelector, classes?.itemSelector)\n              : undefined,\n        }}\n        selected={multiSelect || selected ? selected : undefined}\n        onClick={(evt) => handleSelect(evt, item)}\n        startAdornment={startAdornment}\n        endAdornment={\n          item.showNavIcon && (\n            <StyledDropRightXS\n              className={clsx(listClasses.box, classes?.box)}\n              iconSize=\"XS\"\n            />\n          )\n        }\n        $applySelected={useSelector || multiSelect}\n        {...otherProps}\n      >\n        {multiSelect\n          ? renderMultiSelectItem(item, itemId)\n          : renderSingleSelectItem(item, itemId)}\n      </StyledListItem>\n    );\n  };\n\n  const filteredList = list.filter((it) => !it.isHidden);\n  const anySelected = list\n    .map((item) => item.selected && !item.disabled)\n    .reduce((result, selected) => result || selected, false);\n\n  const selectedItemIndex = list.findIndex((item) => item.selected);\n  useEffect(() => {\n    if (selectedItemIndex >= 0 && listRef.current !== null) {\n      listRef.current.scrollToItem(selectedItemIndex);\n    }\n  }, [listRef, selectedItemIndex]);\n\n  const ListItem = ({ index, style }) => {\n    const item = filteredList[index];\n    const tabIndex =\n      item.tabIndex ||\n      (!anySelected && index === 0) ||\n      (item.selected && !item.disabled)\n        ? 0\n        : -1;\n\n    return renderListItem(item, index, {\n      style: {\n        ...style,\n        top: `${parseFloat(style.top) + 5}px`,\n        left: `${parseFloat(style.left) + 5}px`,\n        width: `calc(${parseFloat(style.width)}% - 10px)`,\n      },\n      tabIndex,\n      interactive: true,\n      condensed,\n      disableGutters: useSelector,\n    });\n  };\n\n  const renderFixedList = useMemo(() => {\n    return forwardRef(({ ...rest }, ref) => (\n      <HvListContainer\n        id={id}\n        className={clsx(className, listClasses.root, classes?.root)}\n        role={selectable ? \"listbox\" : \"menu\"}\n        interactive\n        condensed={condensed}\n        disableGutters={useSelector}\n        aria-multiselectable={(selectable && multiSelect) || undefined}\n        ref={ref}\n        {...rest}\n      />\n    ));\n  }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);\n\n  return (\n    <>\n      {multiSelect && useSelector && showSelectAll && renderSelectAll()}\n\n      {filteredList.length > 0 && !virtualized && (\n        <HvListContainer\n          id={id}\n          className={clsx(className, listClasses.root, classes?.root)}\n          role={selectable ? \"listbox\" : \"menu\"}\n          interactive\n          condensed={condensed}\n          disableGutters={useSelector}\n          aria-multiselectable={(selectable && multiSelect) || undefined}\n          {...others}\n        >\n          {filteredList.map((item, i) => renderListItem(item, i))}\n        </HvListContainer>\n      )}\n      {filteredList.length > 0 && virtualized && (\n        <StyledFixedSizeList\n          ref={listRef}\n          className={clsx(\n            listClasses.virtualizedRoot,\n            classes?.virtualizedRoot\n          )}\n          height={(height || 0) + 5}\n          width=\"100%\"\n          itemCount={filteredList.length}\n          itemSize={condensed ? 32 : 40}\n          innerElementType={renderFixedList}\n          {...others}\n        >\n          {ListItem}\n        </StyledFixedSizeList>\n      )}\n    </>\n  );\n};\n"],"names":["DEFAULT_LABELS","selectAll","selectionConjunction","HvList","id","classes","className","multiSelect","hasTooltips","showSelectAll","labels","useSelector","selectable","singleSelectionToggle","condensed","onChange","onClick","values","valuesProp","height","virtualized","others","list","setList","selection","useSelectableList","listRef","useRef","useEffect","passedProps","parsedList","parseList","undefined","handleSelect","evt","item","path","preventDefault","disabled","handleSelectAll","anySelectableSelected","some","elem","selected","renderLeftIcon","isValidElement","icon","isSelected","isDisabled","renderSelectAll","anySelected","length","allSelected","selectionLabel","jsx","HvTypography","jsxs","Fragment","StyledSelectAllCheckBox","setId","clsx","listClasses","selectAllSelector","renderItemText","ItemText","wrapperTooltip","label","StyledLink","a","link","renderMultiSelectItem","itemId","Selection","StyledMultiSelectCheckBox","root","selectorRoot","container","selectorContainer","truncate","renderSingleSelectItem","StyledSingleSelectRadio","renderListItem","i","otherProps","startAdornment","StyledListItem","itemSelector","showNavIcon","StyledDropRightXS","box","filteredList","filter","it","isHidden","map","reduce","result","selectedItemIndex","findIndex","current","scrollToItem","ListItem","index","style","tabIndex","top","parseFloat","left","width","interactive","disableGutters","renderFixedList","useMemo","forwardRef","rest","ref","HvListContainer","StyledFixedSizeList","virtualizedRoot"],"mappings":"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"}

package/dist/cjs/components/List/List.styles.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const reactWindow = require("react-window");
 const uikitStyles = require("@hitachivantara/uikit-styles");
@@ -8,7 +9,6 @@ const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const checkBoxClasses = require("../CheckBox/checkBoxClasses.cjs");
 const radioClasses = require("../Radio/radioClasses.cjs");
 const listItemClasses = require("../ListContainer/ListItem/listItemClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Link = require("../Link/Link.cjs");
 const Radio = require("../Radio/Radio.cjs");
 const CheckBox = require("../CheckBox/CheckBox.cjs");
@@ -46,9 +46,7 @@ const StyledFixedSizeList = /* @__PURE__ */ _styled__default.default(reactWindow
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgfSBmcm9tIFwicmVhY3Qtd2luZG93XCI7XG5pbXBvcnQgeyBIdkNoZWNrQm94LCBIdkxpbmssIEh2TGlzdEl0ZW0sIEh2UmFkaW8gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBEcm9wUmlnaHRYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4uL0NoZWNrQm94L2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHJhZGlvQ2xhc3NlcyBmcm9tIFwiLi4vUmFkaW8vcmFkaW9DbGFzc2VzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuLi9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRml4ZWRTaXplTGlzdCA9IHN0eWxlZChGaXhlZFNpemVMaXN0KSh7XG4gIG1hcmdpbkJvdHRvbTogNSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0QWxsQ2hlY2tCb3ggPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoZWNrQm94IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiMCAwIDJweCAwXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICB6SW5kZXg6IDEsXG4gIH0sXG4gIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNdWx0aVNlbGVjdENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB6SW5kZXg6IDAsXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY29udGFpbmVyfWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5sYWJlbH1gXToge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBib3hTaGFkb3c6IFwidW5zZXQgIWltcG9ydGFudFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaW5nbGVTZWxlY3RSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2UmFkaW8gey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7cmFkaW9DbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtyYWRpb0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFxuICBIdkxpc3RJdGVtLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhcHBseVNlbGVjdGVkIH06IHsgJGFwcGx5U2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgW2AmIC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH1gXToge1xuICAgIC4uLigkYXBwbHlTZWxlY3RlZCAmJiB7XG4gICAgICBcIiY6bm90KDpob3Zlcik6bm90KC5IdklzRm9jdXNlZCk6bm90KDpmb2N1cy13aXRoaW4pXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCguZm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BSaWdodFhTID0gc3R5bGVkKERyb3BSaWdodFhTKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledSelectAllCheckBox = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledSelectAllCheckBox = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i5"
 } : {
   target: "e1j3ct5i5",
@@ -62,9 +60,7 @@ const StyledSelectAllCheckBox = /* @__PURE__ */ _styled__default.default((props)
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgfSBmcm9tIFwicmVhY3Qtd2luZG93XCI7XG5pbXBvcnQgeyBIdkNoZWNrQm94LCBIdkxpbmssIEh2TGlzdEl0ZW0sIEh2UmFkaW8gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBEcm9wUmlnaHRYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4uL0NoZWNrQm94L2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHJhZGlvQ2xhc3NlcyBmcm9tIFwiLi4vUmFkaW8vcmFkaW9DbGFzc2VzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuLi9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRml4ZWRTaXplTGlzdCA9IHN0eWxlZChGaXhlZFNpemVMaXN0KSh7XG4gIG1hcmdpbkJvdHRvbTogNSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0QWxsQ2hlY2tCb3ggPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoZWNrQm94IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiMCAwIDJweCAwXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICB6SW5kZXg6IDEsXG4gIH0sXG4gIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNdWx0aVNlbGVjdENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB6SW5kZXg6IDAsXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY29udGFpbmVyfWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5sYWJlbH1gXToge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBib3hTaGFkb3c6IFwidW5zZXQgIWltcG9ydGFudFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaW5nbGVTZWxlY3RSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2UmFkaW8gey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7cmFkaW9DbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtyYWRpb0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFxuICBIdkxpc3RJdGVtLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhcHBseVNlbGVjdGVkIH06IHsgJGFwcGx5U2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgW2AmIC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH1gXToge1xuICAgIC4uLigkYXBwbHlTZWxlY3RlZCAmJiB7XG4gICAgICBcIiY6bm90KDpob3Zlcik6bm90KC5IdklzRm9jdXNlZCk6bm90KDpmb2N1cy13aXRoaW4pXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCguZm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BSaWdodFhTID0gc3R5bGVkKERyb3BSaWdodFhTKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i4"
 } : {
   target: "e1j3ct5i4",
@@ -96,9 +92,7 @@ const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled__default.default((prop
     whiteSpace: "nowrap"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGaXhlZFNpemVMaXN0IH0gZnJvbSBcInJlYWN0LXdpbmRvd1wiO1xuaW1wb3J0IHsgSHZDaGVja0JveCwgSHZMaW5rLCBIdkxpc3RJdGVtLCBIdlJhZGlvIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRHJvcFJpZ2h0WFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuLi9DaGVja0JveC9jaGVja0JveENsYXNzZXNcIjtcbmltcG9ydCByYWRpb0NsYXNzZXMgZnJvbSBcIi4uL1JhZGlvL3JhZGlvQ2xhc3Nlc1wiO1xuaW1wb3J0IGxpc3RJdGVtQ2xhc3NlcyBmcm9tIFwiLi4vTGlzdENvbnRhaW5lci9MaXN0SXRlbS9saXN0SXRlbUNsYXNzZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpeGVkU2l6ZUxpc3QgPSBzdHlsZWQoRml4ZWRTaXplTGlzdCkoe1xuICBtYXJnaW5Cb3R0b206IDUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWFyZ2luOiBcIjAgMCAycHggMFwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxuICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgIHpJbmRleDogMSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTXVsdGlTZWxlY3RDaGVja0JveCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2Q2hlY2tCb3ggey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMaW5rIHsuLi5wcm9wc30gLz4pKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYm94U2hhZG93OiBcInVuc2V0ICFpbXBvcnRhbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlU2VsZWN0UmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdlJhZGlvIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSxcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5jb250YWluZXJ9YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgSHZMaXN0SXRlbSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYXBwbHlTZWxlY3RlZCB9OiB7ICRhcHBseVNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICAuLi4oJGFwcGx5U2VsZWN0ZWQgJiYge1xuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCg6Zm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpub3QoOmhvdmVyKTpub3QoLkh2SXNGb2N1c2VkKTpub3QoLmZvY3VzLXdpdGhpbilcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRYUyA9IHN0eWxlZChEcm9wUmlnaHRYUykoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG4iXX0= */");
-const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i3"
 } : {
   target: "e1j3ct5i3",
@@ -110,9 +104,7 @@ const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PUR
     boxShadow: "unset !important"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0UwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGaXhlZFNpemVMaXN0IH0gZnJvbSBcInJlYWN0LXdpbmRvd1wiO1xuaW1wb3J0IHsgSHZDaGVja0JveCwgSHZMaW5rLCBIdkxpc3RJdGVtLCBIdlJhZGlvIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRHJvcFJpZ2h0WFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuLi9DaGVja0JveC9jaGVja0JveENsYXNzZXNcIjtcbmltcG9ydCByYWRpb0NsYXNzZXMgZnJvbSBcIi4uL1JhZGlvL3JhZGlvQ2xhc3Nlc1wiO1xuaW1wb3J0IGxpc3RJdGVtQ2xhc3NlcyBmcm9tIFwiLi4vTGlzdENvbnRhaW5lci9MaXN0SXRlbS9saXN0SXRlbUNsYXNzZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpeGVkU2l6ZUxpc3QgPSBzdHlsZWQoRml4ZWRTaXplTGlzdCkoe1xuICBtYXJnaW5Cb3R0b206IDUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWFyZ2luOiBcIjAgMCAycHggMFwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxuICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgIHpJbmRleDogMSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTXVsdGlTZWxlY3RDaGVja0JveCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2Q2hlY2tCb3ggey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMaW5rIHsuLi5wcm9wc30gLz4pKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYm94U2hhZG93OiBcInVuc2V0ICFpbXBvcnRhbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlU2VsZWN0UmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdlJhZGlvIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSxcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5jb250YWluZXJ9YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgSHZMaXN0SXRlbSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYXBwbHlTZWxlY3RlZCB9OiB7ICRhcHBseVNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICAuLi4oJGFwcGx5U2VsZWN0ZWQgJiYge1xuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCg6Zm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpub3QoOmhvdmVyKTpub3QoLkh2SXNGb2N1c2VkKTpub3QoLmZvY3VzLXdpdGhpbilcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRYUyA9IHN0eWxlZChEcm9wUmlnaHRYUykoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG4iXX0= */");
-const StyledSingleSelectRadio = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Radio.HvRadio, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledSingleSelectRadio = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Radio.HvRadio, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i2"
 } : {
   target: "e1j3ct5i2",

package/dist/cjs/components/List/List.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.cjs","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport { HvCheckBox, HvLink, HvListItem, HvRadio } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport checkBoxClasses from \"../CheckBox/checkBoxClasses\";\nimport radioClasses from \"../Radio/radioClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  ...(theme.typography.body as CSSProperties),\n  textDecoration: \"none\",\n\n  \"&:focus\": {\n    boxShadow: \"unset !important\",\n  },\n});\n\nexport const StyledSingleSelectRadio = styled((props) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","_jsx","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}
+{"version":3,"file":"List.styles.cjs","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport { HvCheckBox, HvLink, HvListItem, HvRadio } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport checkBoxClasses from \"../CheckBox/checkBoxClasses\";\nimport radioClasses from \"../Radio/radioClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  ...(theme.typography.body as CSSProperties),\n  textDecoration: \"none\",\n\n  \"&:focus\": {\n    boxShadow: \"unset !important\",\n  },\n});\n\nexport const StyledSingleSelectRadio = styled((props) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","props","jsx","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}

package/dist/cjs/components/ListContainer/ListContainer.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const listContainerClasses = require("./listContainerClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContext = require("./ListContext/ListContext.cjs");
 const useForkRef = require("../../hooks/useForkRef.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -45,16 +45,7 @@ const HvListContainer = React__default.default.forwardRef(({
     });
   };
   const handleRef = useForkRef.default(externalRef, containerRef);
-  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.default.Provider, {
-    value: listContext,
-    children: /* @__PURE__ */ jsxRuntime.jsx("ul", {
-      ref: handleRef,
-      id,
-      className: clsx__default.default(className, listContainerClasses.default.root, classes == null ? void 0 : classes.root),
-      ...others,
-      children: renderChildren()
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ListContext.default.Provider, { value: listContext, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref: handleRef, id, className: clsx__default.default(className, listContainerClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: renderChildren() }) });
 });
 exports.HvListContainer = HvListContainer;
 //# sourceMappingURL=ListContainer.cjs.map

package/dist/cjs/components/ListContainer/ListContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.cjs","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport HvListContext from \"./ListContext\";\nimport { useForkRef } from \"hooks\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport type HvListContainerProps = HvBaseProps<HTMLUListElement> & {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n};\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;;;;;;AA4BaA,MAAAA,kBAAkBC,eAAAA,QAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,aAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,MAAAA,WAAgBC,YAAAA,OAAa;AAEjEC,QAAAA,cAAcC,MAAAA,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CAAC;AAGpE,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAAA,QAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAAA,QAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAAA,QAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAAA,QAAWxB,aAAaC,YAAY;AAGpDwB,SAAAA,2BAAAA,IAACnB,oBAAcoB,UAAQ;AAAA,IAACC,OAAOpB;AAAAA,IAAYT,yCACzC,MAAA;AAAA,MACE8B,KAAKL;AAAAA,MACL/B;AAAAA,MACAE,WAAWmC,cAAKnC,QAAAA,WAAWoC,qBAAqBC,QAAAA,MAAMtC,mCAASsC,IAAI;AAAA,MAAE,GACjEhC;AAAAA,MAAMD,UAETW,eAAc;AAAA,IAAA,CAAE;AAAA,EAAA,CAEI;AAE7B,CAAC;;"}
+{"version":3,"file":"ListContainer.cjs","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport HvListContext from \"./ListContext\";\nimport { useForkRef } from \"hooks\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport type HvListContainerProps = HvBaseProps<HTMLUListElement> & {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n};\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","jsx","clsx","listContainerClasses","root"],"mappings":";;;;;;;;;;;AA4BaA,MAAAA,kBAAkBC,eAAAA,QAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,aAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,MAAAA,WAAgBC,YAAAA,OAAa;AAEjEC,QAAAA,cAAcC,MAAAA,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CAAC;AAGpE,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAAA,QAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAAA,QAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAAA,QAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAAA,QAAWxB,aAAaC,YAAY;AAGpD,SAAAwB,+BAACnB,YAAAA,QAAc,UAAd,EAAuB,OAAOC,aAC7B,UAAAkB,2BAAA,IAAC,MACC,EAAA,KAAKF,WACL,IACA,WAAWG,cAAAA,QAAKhC,WAAWiC,qBAAAA,QAAqBC,MAAMnC,mCAASmC,IAAI,GACnE,GAAI7B,QAEHU,UAAgB,iBACnB,CAAA,EACF,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const ListItem_styles = require("./ListItem.styles.cjs");
 const listItemClasses = require("./listItemClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContext = require("../ListContext/ListContext.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
@@ -62,43 +62,23 @@ const HvListItem = ({
       onClick == null ? void 0 : onClick(evt);
     }
   }, [disabled, onClick]);
-  const clonedStartAdornment = React.useMemo(() => applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, clsx__default.default(listItemClasses.default.startAdornment, disabled && listItemClasses.default.disabled), classes == null ? void 0 : classes.startAdornment), [classes == null ? void 0 : classes.startAdornment, disabled, handleOnClick, selected, startAdornment]);
-  const clonedEndAdornment = React.useMemo(() => applyClassNameToElement(endAdornment, clsx__default.default(listItemClasses.default.endAdornment, disabled && listItemClasses.default.disabled), classes == null ? void 0 : classes.endAdornment), [classes == null ? void 0 : classes.endAdornment, endAdornment]);
+  const clonedStartAdornment = React.useMemo(() => applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, clsx__default.default(listItemClasses.default.startAdornment, disabled && listItemClasses.default.disabled), clsx__default.default(classes == null ? void 0 : classes.startAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.startAdornment, disabled, handleOnClick, selected, startAdornment]);
+  const clonedEndAdornment = React.useMemo(() => applyClassNameToElement(endAdornment, clsx__default.default(listItemClasses.default.endAdornment, disabled && listItemClasses.default.disabled), clsx__default.default(classes == null ? void 0 : classes.endAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.endAdornment, endAdornment]);
   const roleOptionAriaProps = role === "option" || role === "menuitem" ? {
     "aria-disabled": disabled || void 0,
     "aria-selected": selected
   } : {};
-  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(ListItem_styles.StyledListItem, {
-    id,
-    role,
-    value,
-    onClick: handleOnClick,
-    onKeyDown: () => {
-    },
-    className: clsx__default.default(className, listItemClasses.default.root, classes == null ? void 0 : classes.root, !disableGutters && clsx__default.default(listItemClasses.default.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx__default.default(listItemClasses.default.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx__default.default(listItemClasses.default.interactive, classes == null ? void 0 : classes.interactive), selected && clsx__default.default(listItemClasses.default.selected, classes == null ? void 0 : classes.selected), disabled && clsx__default.default(listItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx__default.default(listItemClasses.default.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx__default.default(listItemClasses.default.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)),
-    $gutters: !disableGutters,
-    $interactive: interactive,
-    $disabled: disabled || false,
-    $selected: selected || false,
-    $startAdornment: startAdornment != null,
-    $endAdornment: endAdornment != null,
-    ...roleOptionAriaProps,
-    ...others,
-    children: [clonedStartAdornment, children, clonedEndAdornment]
-  });
-  return interactiveProp ? /* @__PURE__ */ jsxRuntime.jsx(ListItem_styles.StyledFocus, {
-    rootRef: topContainerRef,
-    selected,
-    disabledClass: disabled || void 0,
-    strategy: role === "option" ? "listbox" : "menu",
-    classes: {
-      focus: clsx__default.default(classes == null ? void 0 : classes.focus, listItemClasses.default.focus)
-    },
-    configuration: {
-      tabIndex
-    },
-    children: listItem
-  }) : listItem;
+  const listItem = /* @__PURE__ */ jsxRuntime.jsxs(ListItem_styles.StyledListItem, { id, role, value, onClick: handleOnClick, onKeyDown: () => {
+  }, className: clsx__default.default(className, listItemClasses.default.root, classes == null ? void 0 : classes.root, !disableGutters && clsx__default.default(listItemClasses.default.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx__default.default(listItemClasses.default.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx__default.default(listItemClasses.default.interactive, classes == null ? void 0 : classes.interactive), selected && clsx__default.default(listItemClasses.default.selected, classes == null ? void 0 : classes.selected), disabled && clsx__default.default(listItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx__default.default(listItemClasses.default.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx__default.default(listItemClasses.default.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)), $gutters: !disableGutters, $interactive: interactive, $disabled: disabled || false, $selected: selected || false, $startAdornment: startAdornment != null, $endAdornment: endAdornment != null, ...roleOptionAriaProps, ...others, children: [
+    clonedStartAdornment,
+    children,
+    clonedEndAdornment
+  ] });
+  return interactiveProp ? /* @__PURE__ */ jsxRuntime.jsx(ListItem_styles.StyledFocus, { rootRef: topContainerRef, selected, disabledClass: disabled || void 0, strategy: role === "option" ? "listbox" : "menu", classes: {
+    focus: clsx__default.default(classes == null ? void 0 : classes.focus, listItemClasses.default.focus)
+  }, configuration: {
+    tabIndex
+  }, children: listItem }) : listItem;
 };
 exports.HvListItem = HvListItem;
 //# sourceMappingURL=ListItem.cjs.map