@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

package/dist/cjs/components/Link/Link.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const Link_styles = require("./Link.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const linkClasses = require("./linkClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvLink = ({
+  as = "div",
+  tabIndex = 0,
+  onClick,
+  classes,
+  className,
+  route,
+  data,
+  children,
+  ...others
+}) => {
+  return onClick ? /* @__PURE__ */ jsxRuntime.jsx(Link_styles.StyledBox, {
+    role: "button",
+    tabIndex,
+    onClick: (event) => onClick == null ? void 0 : onClick(event, data),
+    className: clsx__default.default(className, linkClasses.default.a, classes == null ? void 0 : classes.a),
+    component: as,
+    ...others,
+    children
+  }) : /* @__PURE__ */ jsxRuntime.jsx(Link_styles.StyledA, {
+    href: route,
+    className: clsx__default.default(className, linkClasses.default.a, classes == null ? void 0 : classes.a),
+    children
+  });
+};
+exports.HvLink = HvLink;
+//# sourceMappingURL=Link.cjs.map

package/dist/cjs/components/Link/Link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledA, StyledBox } from \"./Link.styles\";\nimport { linkClasses, HvLinkClasses } from \".\";\nimport { MouseEventHandler } from \"react\";\n\nexport type HvLinkProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  as?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  tabIndex?: number;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvLinkClasses;\n};\n\nexport const HvLink = ({\n  as = \"div\",\n  tabIndex = 0,\n  onClick,\n  classes,\n  className,\n  route,\n  data,\n  children,\n  ...others\n}: HvLinkProps) => {\n  return onClick ? (\n    <StyledBox\n      role=\"button\"\n      tabIndex={tabIndex}\n      onClick={(event) => onClick?.(event, data)}\n      className={clsx(className, linkClasses.a, classes?.a)}\n      component={as}\n      {...others}\n    >\n      {children}\n    </StyledBox>\n  ) : (\n    <StyledA\n      href={route}\n      className={clsx(className, linkClasses.a, classes?.a)}\n    >\n      {children}\n    </StyledA>\n  );\n};\n"],"names":["HvLink","as","tabIndex","onClick","classes","className","route","data","children","others","StyledBox","role","event","clsx","linkClasses","a","component","_jsx","StyledA","href"],"mappings":";;;;;;;;AAoBO,MAAMA,SAASA,CAAC;AAAA,EACrBC,KAAK;AAAA,EACLC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACQ,MAAM;AACVN,SAAAA,yCACJO,uBAAS;AAAA,IACRC,MAAK;AAAA,IACLT;AAAAA,IACAC,SAAUS,CAAAA,UAAUT,mCAAUS,OAAOL;AAAAA,IACrCF,WAAWQ,cAAKR,QAAAA,WAAWS,YAAYC,QAAAA,GAAGX,mCAASW,CAAC;AAAA,IACpDC,WAAWf;AAAAA,IAAG,GACVQ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA,IAEZS,2BAAAA,IAACC,qBAAO;AAAA,IACNC,MAAMb;AAAAA,IACND,WAAWQ,cAAKR,QAAAA,WAAWS,YAAYC,QAAAA,GAAGX,mCAASW,CAAC;AAAA,IAAEP;AAAAA,EAAAA,CAIzD;AACH;;"}

package/dist/cjs/components/Link/Link.styles.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const Box = require("../Box/Box.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledBox = /* @__PURE__ */ _styled__default.default(Box.HvBox, process.env.NODE_ENV === "production" ? {
+  target: "e18zed7a1"
+} : {
+  target: "e18zed7a1",
+  label: "StyledBox"
+})({
+  ...uikitStyles.theme.typography.label,
+  textDecoration: "underline",
+  color: uikitStyles.theme.colors.acce2,
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChIdkJveCkoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHsgLi4ub3V0bGluZVN0eWxlcyB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBID0gc3R5bGVkKFwiYVwiKSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgXCImOmZvY3VzLXZpc2libGVcIjogeyAuLi5vdXRsaW5lU3R5bGVzIH0sXG59KTtcbiJdfQ== */");
+const StyledA = /* @__PURE__ */ _styled__default.default("a", process.env.NODE_ENV === "production" ? {
+  target: "e18zed7a0"
+} : {
+  target: "e18zed7a0",
+  label: "StyledA"
+})({
+  ...uikitStyles.theme.typography.label,
+  textDecoration: "underline",
+  color: uikitStyles.theme.colors.acce2,
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXVCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Qm94IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChIdkJveCkoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHsgLi4ub3V0bGluZVN0eWxlcyB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBID0gc3R5bGVkKFwiYVwiKSh7XG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgXCImOmZvY3VzLXZpc2libGVcIjogeyAuLi5vdXRsaW5lU3R5bGVzIH0sXG59KTtcbiJdfQ== */");
+exports.StyledA = StyledA;
+exports.StyledBox = StyledBox;
+//# sourceMappingURL=Link.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.styles.cjs","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBox } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledBox = styled(HvBox)({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.acce2,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n\nexport const StyledA = styled(\"a\")({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.acce2,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n"],"names":["StyledBox","HvBox","process","env","NODE_ENV","target","label","theme","typography","textDecoration","color","colors","acce2","outlineStyles","StyledA","_styled"],"mappings":";;;;;;;;AAMO,MAAMA,YAAmBC,iCAAAA,QAAAA,IAAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrC,GAAIC,YAAAA,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC,WAAAA;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;AAEK,MAAMU,UAAiBC,iCAAA,QAAA,KAAGb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjC,GAAIC,YAAAA,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC,WAAAA;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;;;"}

package/dist/cjs/components/Link/linkClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["a"];
+const linkClasses = classes.getClasses(classKeys, "HvLink");
+const linkClasses$1 = linkClasses;
+exports.default = linkClasses$1;
+//# sourceMappingURL=linkClasses.cjs.map

package/dist/cjs/components/Link/linkClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkClasses.cjs","sources":["../../../../src/components/Link/linkClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvLinkClasses = {\n  a?: string;\n};\n\nconst classKeys: string[] = [\"a\"];\n\nconst linkClasses = getClasses<HvLinkClasses>(classKeys, \"HvLink\");\n\nexport default linkClasses;\n"],"names":["classKeys","linkClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,GAAG;AAEhC,MAAMC,cAAcC,QAA0BF,WAAAA,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;;"}

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

@@ -0,0 +1,249 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const DEFAULT_LABELS = {
+  selectAll: "Select All",
+  selectionConjunction: "/"
+};
+const HvList = ({
+  id,
+  classes,
+  className,
+  multiSelect = false,
+  hasTooltips = false,
+  showSelectAll = false,
+  labels = DEFAULT_LABELS,
+  useSelector = false,
+  selectable = true,
+  singleSelectionToggle = true,
+  condensed = false,
+  onChange,
+  onClick,
+  values: valuesProp = [],
+  height,
+  virtualized = false,
+  ...others
+}) => {
+  const [list, setList, selection] = useSelectableList.default(valuesProp);
+  const listRef = React.useRef(null);
+  React.useEffect(() => {
+    const passedProps = {
+      multiSelect,
+      selectable,
+      singleSelectionToggle
+    };
+    const parsedList = utils.parseList(void 0, passedProps, void 0, valuesProp);
+    setList(parsedList);
+  }, [valuesProp, multiSelect, selectable, singleSelectionToggle, setList]);
+  const handleSelect = (evt, item) => {
+    if (!item.path)
+      evt.preventDefault();
+    if (item.disabled)
+      return;
+    const passedProps = {
+      multiSelect,
+      selectable,
+      singleSelectionToggle
+    };
+    const parsedList = utils.parseList(item, passedProps, void 0, list);
+    setList(parsedList);
+    onClick == null ? void 0 : onClick(evt, item);
+    onChange == null ? void 0 : onChange(parsedList);
+  };
+  const handleSelectAll = () => {
+    const passedProps = {
+      multiSelect,
+      selectable,
+      singleSelectionToggle
+    };
+    const anySelectableSelected = list.some((elem) => elem.selected || elem.disabled);
+    const parsedList = utils.parseList(void 0, passedProps, !anySelectableSelected, list);
+    setList(parsedList);
+    onChange == null ? void 0 : onChange(parsedList);
+  };
+  const renderLeftIcon = (item) => {
+    var _a;
+    return React.isValidElement(item.icon) ? item.icon : (_a = item.icon) == null ? void 0 : _a.call(item, {
+      isSelected: item.selected,
+      isDisabled: item.disabled
+    });
+  };
+  const renderSelectAll = () => {
+    const {
+      selectAll,
+      selectionConjunction
+    } = 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 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, {});
+  };
+  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);
+      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);
+      return /* @__PURE__ */ jsxRuntime.jsx(Selection, {});
+    }
+    return renderItemText(item);
+  };
+  const renderListItem = (item, i, otherProps = {}) => {
+    const itemId = setId.setId(id, "item", i);
+    const selected = item.selected || false;
+    let startAdornment = null;
+    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);
+  };
+  const filteredList = list.filter((it) => !it.isHidden);
+  const anySelected = list.map((item) => item.selected && !item.disabled).reduce((result, selected) => result || selected, false);
+  const selectedItemIndex = list.findIndex((item) => item.selected);
+  React.useEffect(() => {
+    if (selectedItemIndex >= 0 && listRef.current !== null) {
+      listRef.current.scrollToItem(selectedItemIndex);
+    }
+  }, [listRef, selectedItemIndex]);
+  const ListItem = ({
+    index,
+    style
+  }) => {
+    const item = filteredList[index];
+    const tabIndex = item.tabIndex || !anySelected && index === 0 || item.selected && !item.disabled ? 0 : -1;
+    return renderListItem(item, index, {
+      style: {
+        ...style,
+        top: `${parseFloat(style.top) + 5}px`,
+        left: `${parseFloat(style.left) + 5}px`,
+        width: `calc(${parseFloat(style.width)}% - 10px)`
+      },
+      tabIndex,
+      interactive: true,
+      condensed,
+      disableGutters: useSelector
+    });
+  };
+  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
+    }));
+  }, [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
+    })]
+  });
+};
+exports.HvList = HvList;
+//# sourceMappingURL=List.cjs.map

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

@@ -0,0 +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 } 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};\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 multiselection 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 empty state list. */\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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"}