@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/List/utils.js

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { withTooltip } from "..";
+
+const isItemSelected = (item, newItem) => {
+  const selectionKey = item !== null && item !== void 0 && item.id ? "id" : "label";
+  const selectionElement = item && item[selectionKey];
+  return newItem[selectionKey] === selectionElement;
+};
+
+const checkIcons = list => list === null || list === void 0 ? void 0 : list.some(elem => elem === null || elem === void 0 ? void 0 : elem.icon);
+
+const parseState = (list = []) => {
+  const hasLeftIcons = checkIcons(list);
+  const selection = list.filter(elem => elem === null || elem === void 0 ? void 0 : elem.selected);
+  const anySelected = !!selection.length;
+  const allSelected = selection.length === list.length;
+  const anySelectableSelected = list.some(elem => (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled));
+  const allSelectableSelected = list.every(elem => (elem === null || elem === void 0 ? void 0 : elem.selected) || (elem === null || elem === void 0 ? void 0 : elem.disabled));
+  return {
+    list,
+    hasLeftIcons,
+    anySelected,
+    allSelected,
+    anySelectableSelected,
+    allSelectableSelected,
+    selection
+  };
+};
+
+const parseList = (list = [], item, props, selectAll) => {
+  const {
+    multiSelect,
+    selectable,
+    singleSelectionToggle
+  } = props;
+  let anySelected = false;
+  const newList = list.map(elem => {
+    const newItem = _objectSpread({}, elem); // reset elem item
+
+
+    if (!multiSelect) {
+      newItem.selected = false;
+    }
+
+    const selectItem = item ? isItemSelected(item, newItem) : elem === null || elem === void 0 ? void 0 : elem.selected;
+
+    if (selectItem && selectable) {
+      let selectionState;
+
+      if (multiSelect) {
+        selectionState = item ? !(elem !== null && elem !== void 0 && elem.selected) : true;
+      } else {
+        selectionState = !anySelected && (item && singleSelectionToggle ? !(elem !== null && elem !== void 0 && elem.selected) : true);
+      }
+
+      newItem.selected = selectionState;
+      anySelected = true;
+    }
+
+    if (typeof selectAll === "boolean" && !(elem !== null && elem !== void 0 && elem.disabled)) newItem.selected = selectAll; // normalize item selected prop if not provided
+
+    if (!(newItem !== null && newItem !== void 0 && newItem.selected)) newItem.selected = false;
+    return newItem;
+  });
+  return newList;
+};
+/**
+ * Hide tooltip when content doesn't overflow
+ */
+
+
+const hideTooltip = evt => {
+  const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some(child => child.scrollWidth > child.clientWidth) : evt.target.scrollWidth > evt.target.clientWidth;
+  return !isOverFlow;
+};
+
+const wrapperTooltip = (hasTooltips, Component, label) => {
+  const ComponentFunction = () => Component;
+
+  return hasTooltips ? withTooltip(ComponentFunction, label, "top", hideTooltip) : ComponentFunction;
+};
+
+export { isItemSelected, parseList, parseState, wrapperTooltip };
+//# sourceMappingURL=utils.js.map

package/dist/modern/List/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/utils.js"],"names":["withTooltip","isItemSelected","item","newItem","selectionKey","id","selectionElement","checkIcons","list","some","elem","icon","parseState","hasLeftIcons","selection","filter","selected","anySelected","length","allSelected","anySelectableSelected","disabled","allSelectableSelected","every","parseList","props","selectAll","multiSelect","selectable","singleSelectionToggle","newList","map","selectItem","selectionState","hideTooltip","evt","isOverFlow","target","children","Array","of","child","scrollWidth","clientWidth","wrapperTooltip","hasTooltips","Component","label","ComponentFunction"],"mappings":"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","sourcesContent":["import { withTooltip } from \"..\";\n\nconst isItemSelected = (item, newItem) => {\n  const selectionKey = item?.id ? \"id\" : \"label\";\n  const selectionElement = item && item[selectionKey];\n  return newItem[selectionKey] === selectionElement;\n};\n\nconst checkIcons = (list) => list?.some((elem) => elem?.icon);\n\nconst parseState = (list = []) => {\n  const hasLeftIcons = checkIcons(list);\n  const selection = list.filter((elem) => elem?.selected);\n  const anySelected = !!selection.length;\n  const allSelected = selection.length === list.length;\n  const anySelectableSelected = list.some((elem) => elem?.selected || elem?.disabled);\n  const allSelectableSelected = list.every((elem) => elem?.selected || elem?.disabled);\n\n  return {\n    list,\n    hasLeftIcons,\n    anySelected,\n    allSelected,\n    anySelectableSelected,\n    allSelectableSelected,\n    selection,\n  };\n};\n\nconst parseList = (list = [], item, props, selectAll) => {\n  const { multiSelect, selectable, singleSelectionToggle } = props;\n\n  let anySelected = false;\n  const newList = list.map((elem) => {\n    const newItem = { ...elem };\n\n    // reset elem item\n    if (!multiSelect) {\n      newItem.selected = false;\n    }\n\n    const selectItem = item ? isItemSelected(item, newItem) : elem?.selected;\n\n    if (selectItem && selectable) {\n      let selectionState;\n\n      if (multiSelect) {\n        selectionState = item ? !elem?.selected : true;\n      } else {\n        selectionState = !anySelected && (item && singleSelectionToggle ? !elem?.selected : true);\n      }\n\n      newItem.selected = selectionState;\n      anySelected = true;\n    }\n\n    if (typeof selectAll === \"boolean\" && !elem?.disabled) newItem.selected = selectAll;\n\n    // normalize item selected prop if not provided\n    if (!newItem?.selected) newItem.selected = false;\n\n    return newItem;\n  });\n\n  return newList;\n};\n\n/**\n * Hide tooltip when content doesn't overflow\n */\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (hasTooltips, Component, label) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip)\n    : ComponentFunction;\n};\n\nexport { isItemSelected, parseList, parseState, wrapperTooltip };\n"],"file":"utils.js"}

package/dist/modern/ListContainer/ListContainer.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvListContainerClassKey = "root";
+
+export interface HvListContainerProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvListContainerClassKey> {
+  /**
+   * The id of the root element
+   */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * Overrides the implicit list role. It defaults to "listbox" if unspecified and the list is selectable.
+   */
+  role?: string;
+  /**
+   * If the list items should be focusable and react to mouse over events.
+   * Defaults to true if the list is selectable, false otherwise.
+   */
+  interactive?: boolean;
+  /**
+   * If `true` compact the vertical spacing between list items.
+   */
+  condensed?: boolean;
+  /**
+   * If `true`, the list items' left and right padding is removed.
+   */
+  disableGutters?: boolean;
+  /**
+   * The list items.
+   */
+  children?: React.ReactNode;
+}
+
+export default function HvListContainer(props: HvListContainerProps): JSX.Element | null;

package/dist/modern/ListContainer/ListContainer.js

@@ -0,0 +1,110 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "classes", "interactive", "condensed", "disableGutters", "children"];
+import React, { useRef, useContext, useMemo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import useForkRef from "../utils/useForkRef";
+import styles from "./styles";
+import HvListContext from "./ListContext";
+/**
+ * A <b>list</b> is any enumeration of a set of items.
+ * 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.
+ * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
+ */
+
+const HvListContainer = /*#__PURE__*/React.forwardRef((props, externalRef) => {
+  const {
+    id,
+    className,
+    classes,
+    interactive = false,
+    condensed,
+    disableGutters,
+    children
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const containerRef = useRef(null);
+  const {
+    topContainerRef,
+    nesting = -1
+  } = useContext(HvListContext);
+  const listContext = useMemo(() => ({
+    topContainerRef: topContainerRef || containerRef,
+    condensed,
+    disableGutters,
+    interactive,
+    nesting: nesting + 1
+  }), [condensed, disableGutters, interactive, nesting, topContainerRef]);
+
+  const renderChildren = () => {
+    if (!interactive) {
+      return children;
+    }
+
+    const anySelected = React.Children.toArray(children).map(child => child.props.selected && !child.props.disabled).reduce((result, selected) => result || selected, false);
+    return React.Children.map(children, (child, i) => {
+      const tabIndex = child.props.tabIndex || !anySelected && i === 0 || child.props.selected && !child.props.disabled ? 0 : -1;
+      return /*#__PURE__*/React.cloneElement(child, {
+        tabIndex
+      });
+    });
+  };
+
+  const handleRef = useForkRef(externalRef, containerRef);
+  return /*#__PURE__*/React.createElement(HvListContext.Provider, {
+    value: listContext
+  }, /*#__PURE__*/React.createElement("ul", _extends({
+    ref: handleRef,
+    id: id,
+    className: clsx(className, classes.root)
+  }, others), renderChildren()));
+});
+HvListContainer.propTypes = {
+  /**
+   * The id of the root element
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If the list items should be focusable and react to mouse over events.
+   * Defaults to true if the list is selectable, false otherwise.
+   */
+  interactive: PropTypes.bool,
+
+  /**
+   * If `true` compact the vertical spacing between list items.
+   */
+  condensed: PropTypes.bool,
+
+  /**
+   * If `true`, the list items' left and right padding is removed.
+   */
+  disableGutters: PropTypes.bool,
+
+  /**
+   * The list items.
+   */
+  children: PropTypes.node
+};
+export default withStyles(styles, {
+  name: "HvListContainer"
+})(HvListContainer);
+//# sourceMappingURL=ListContainer.js.map

package/dist/modern/ListContainer/ListContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ListContainer/ListContainer.js"],"names":["React","useRef","useContext","useMemo","PropTypes","clsx","withStyles","useForkRef","styles","HvListContext","HvListContainer","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","string","shape","isRequired","bool","node","name"],"mappings":"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","sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\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 */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(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) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, 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      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\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: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"file":"ListContainer.js"}

package/dist/modern/ListContainer/ListContext/ListContext.js

@@ -0,0 +1,5 @@
+import React from "react";
+const ListContext = /*#__PURE__*/React.createContext({});
+ListContext.displayName = "ListContext";
+export default ListContext;
+//# sourceMappingURL=ListContext.js.map

package/dist/modern/ListContainer/ListContext/ListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ListContainer/ListContext/ListContext.js"],"names":["React","ListContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,MAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAApB;AACAD,WAAW,CAACE,WAAZ,GAA0B,aAA1B;AAEA,eAAeF,WAAf","sourcesContent":["import React from \"react\";\n\nconst ListContext = React.createContext({});\nListContext.displayName = \"ListContext\";\n\nexport default ListContext;\n"],"file":"ListContext.js"}

package/dist/modern/ListContainer/ListContext/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ListContext";
+//# sourceMappingURL=index.js.map

package/dist/modern/ListContainer/ListContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ListContainer/ListContext/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from \"./ListContext\";\n"],"file":"index.js"}

package/dist/modern/ListContainer/ListItem/ListItem.d.ts

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvListItemClassKey =
+  | "root"
+  | "gutters"
+  | "interactive"
+  | "selected"
+  | "disabled"
+  | "condensed"
+  | "withStartAdornment"
+  | "withEndAdornment"
+  | "startAdornment"
+  | "endAdornment"
+  | "focus";
+
+export interface HvListItemProps
+  extends StandardProps<React.HTMLAttributes<HTMLLIElement>, HvListItemClassKey> {
+  /**
+   * The id of the root element
+   */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * Overrides the implicit list item role.
+   * It defaults to "option" if unspecified and the container list role is "listbox".
+   */
+  role?: string;
+  /**
+   * If the list item is focusable and reacts to mouse over events.
+   * Defaults to true if the container list is interactive, false otherwise.
+   */
+  interactive?: boolean;
+  /**
+   * Indicates if the list item is selected.
+   */
+  selected?: boolean;
+  /**
+   * If true, the list item will be disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If `true` compacts the vertical spacing intended to separate the list items.
+   * Defaults to the value set in container list.
+   */
+  condensed?: boolean;
+  /**
+   * If `true`, the left and right padding is removed.
+   * Defaults to the value set in container list.
+   */
+  disableGutters?: boolean;
+  /**
+   * Element placed before the children.
+   * Also removes the left padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)
+   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  startAdornment?: React.ReactNode;
+  /**
+   * Element placed after the children and aligned next to the margin.
+   * Also removes the right padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  endAdornment?: React.ReactNode;
+  /**
+   * The function executed when the item is pressed.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  /**
+   * The list item content.
+   */
+  children?: React.ReactNode;
+  /**
+   * @ignore
+   */
+  tabIndex?: number;
+}
+
+export default function HvListItem(props: HvListItemProps): JSX.Element | null;

package/dist/modern/ListContainer/ListItem/ListItem.js

@@ -0,0 +1,244 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "classes", "role", "selected", "disabled", "interactive", "condensed", "disableGutters", "startAdornment", "endAdornment", "onClick", "children", "tabIndex"];
+
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import React, { useCallback, useContext, useMemo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+import Focus from "../../Focus";
+import HvListContext from "../ListContext";
+
+const applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {
+  if (element != null) {
+    var _element$props;
+
+    return /*#__PURE__*/React.cloneElement(element, {
+      className: clsx(className, element === null || element === void 0 ? void 0 : (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.className),
+      checked: !!selected,
+      disabled,
+      onChange: evt => onClick === null || onClick === void 0 ? void 0 : onClick(evt)
+    });
+  }
+
+  return null;
+};
+
+const applyClassNameToElement = (element, className) => {
+  if (element != null) {
+    var _element$props2;
+
+    return /*#__PURE__*/React.cloneElement(element, {
+      className: clsx(className, element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.className)
+    });
+  }
+
+  return null;
+};
+/**
+ * ListItem description/documentation paragraph
+ */
+
+
+const HvListItem = props => {
+  const {
+    id,
+    className,
+    classes,
+    role,
+    selected,
+    disabled,
+    interactive: interactiveProp,
+    condensed: condensedProp,
+    disableGutters: disableGuttersProp,
+    startAdornment,
+    endAdornment,
+    onClick,
+    children,
+    tabIndex
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const {
+    topContainerRef,
+    condensed: condensedContext,
+    disableGutters: disableGuttersContext,
+    interactive: interactiveContext
+  } = useContext(HvListContext);
+  const condensed = condensedProp != null ? condensedProp : condensedContext;
+  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;
+  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;
+  const handleOnClick = useCallback(evt => {
+    if (!disabled) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+    }
+  }, [disabled, onClick]);
+  const clonedStartAdornment = useMemo(() => applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, classes.startAdornment), [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]);
+  const clonedEndAdornment = useMemo(() => applyClassNameToElement(endAdornment, classes.endAdornment), [classes.endAdornment, endAdornment]);
+  const roleOptionAriaProps = role === "option" || role === "menuitem" ? {
+    "aria-disabled": disabled || undefined,
+    "aria-selected": selected
+  } : {};
+  const listItem = /*#__PURE__*/React.createElement("li", _extends({
+    id: id,
+    role: role,
+    onClick: handleOnClick,
+    onKeyDown: () => {},
+    className: clsx(className, classes.root, !disableGutters && classes.gutters, condensed && classes.condensed, interactive && classes.interactive, selected && classes.selected, disabled && classes.disabled, startAdornment != null && classes.withStartAdornment, endAdornment != null && classes.withEndAdornment)
+  }, roleOptionAriaProps, others), clonedStartAdornment, children, clonedEndAdornment);
+  return interactive ? /*#__PURE__*/React.createElement(Focus, {
+    rootRef: topContainerRef,
+    selected: selected,
+    disabledClass: disabled || undefined,
+    strategy: role === "option" ? "listbox" : "menu",
+    classes: {
+      focus: classes.focus
+    },
+    configuration: {
+      tabIndex
+    }
+  }, listItem) : listItem;
+};
+
+HvListItem.propTypes = {
+  /**
+   * The id of the root element
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+    gutters: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when it's focusable and reacts to mouse over events.
+     */
+    interactive: PropTypes.string,
+
+    /**
+     * Styles applied to the selected list item.
+     */
+    selected: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the list item when condensed.
+     */
+    condensed: PropTypes.string,
+
+    /**
+     * @ignore
+     */
+    withStartAdornment: PropTypes.string,
+
+    /**
+     * @ignore
+     */
+    withEndAdornment: PropTypes.string,
+
+    /**
+     * Styles applied to the start adornment.
+     */
+    startAdornment: PropTypes.string,
+
+    /**
+     * Styles applied to the end adornment.
+     */
+    endAdornment: PropTypes.string,
+
+    /**
+     * Styles applied when the item is focused.
+     */
+    focus: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Overrides the implicit list item role.
+   * It defaults to "option" if unspecified and the container list role is "listbox".
+   */
+  role: PropTypes.string,
+
+  /**
+   * Indicates if the list item is selected.
+   */
+  selected: PropTypes.bool,
+
+  /**
+   * If true, the list item will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If the list item is focusable and reacts to mouse over events.
+   * Defaults to true if the container list is interactive, false otherwise.
+   */
+  interactive: PropTypes.bool,
+
+  /**
+   * If `true` compacts the vertical spacing intended to separate the list items.
+   * Defaults to the value set in container list.
+   */
+  condensed: PropTypes.bool,
+
+  /**
+   * If `true`, the left and right padding is removed.
+   * Defaults to the value set in container list.
+   */
+  disableGutters: PropTypes.bool,
+
+  /**
+   * Element placed before the children.
+   * Also removes the left padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)
+   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  startAdornment: PropTypes.node,
+
+  /**
+   * Element placed after the children and aligned next to the margin.
+   * Also removes the right padding (gutter).
+   *
+   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).
+   * If unwanted, the element should be placed directly as a child.
+   */
+  endAdornment: PropTypes.node,
+
+  /**
+   * The function executed when the item is pressed.
+   * @param event React.MouseEvent<HTMLElement>
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * The list item content.
+   */
+  children: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  tabIndex: PropTypes.number
+};
+export default withStyles(styles, {
+  name: "HvListItem"
+})(HvListItem);
+//# sourceMappingURL=ListItem.js.map

package/dist/modern/ListContainer/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ListContainer/ListItem/ListItem.js"],"names":["React","useCallback","useContext","useMemo","PropTypes","clsx","withStyles","styles","Focus","HvListContext","applyClassNameAndStateToElement","element","selected","disabled","onClick","className","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","string","shape","isRequired","bool","node","func","number","name"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"file":"ListItem.js"}

package/dist/modern/ListContainer/ListItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ListItem";
+export * from "./ListItem";

package/dist/modern/ListContainer/ListItem/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ListItem";
+//# sourceMappingURL=index.js.map

package/dist/modern/ListContainer/ListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ListContainer/ListItem/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from \"./ListItem\";\n"],"file":"index.js"}