@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/modern/ScrollTo/Vertical/ScrollToVertical.js

@@ -1,17 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { isKeypress, KeyboardCodes } from "../../utils";
 import VerticalScrollListItem from "./VerticalScrollListItem";
 import styles, { generateDynamicStyles } from "./styles";
 import useScrollTo from "../useScrollTo";
 import addTooltipToElement from "../withTooltip";
 import { useUniqueId, setId } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Enter
 } = KeyboardCodes;
@@ -59,7 +65,7 @@ const HvScrollToVertical = props => {
   const tabs = options.map((option, index) => {
     const selected = selectedIndex === index;
     const tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/React.createElement(VerticalScrollListItem, {
+    return /*#__PURE__*/_jsx(VerticalScrollListItem, {
       id: setId(elementId, `item-${index}`),
       onClick: event => {
         handleSelection(event, option.value, index);
@@ -73,17 +79,18 @@ const HvScrollToVertical = props => {
       },
       tooltipWrapper: tooltipWrapper,
       selected: selected,
-      key: option.key || option.label,
       "aria-label": option.label
-    });
+    }, option.key || option.label);
   });
-  return /*#__PURE__*/React.createElement("ol", _extends({
+  return /*#__PURE__*/_jsx("ol", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, {
       "absolute": dynamicClasses.positionAbsolute,
       "fixed": dynamicClasses.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {

package/dist/modern/ScrollTo/Vertical/ScrollToVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToVertical.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","dynamicClasses","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionAbsolute","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"sources":["../../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the 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    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToVertical.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","dynamicClasses","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionAbsolute","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"sources":["../../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the 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    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}

package/dist/modern/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _CurrentStep;
 
 const _excluded = ["id", "className", "classes", "selected", "aria-label", "onClick", "onKeyDown", "tooltipWrapper"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { CurrentStep } from "@hitachivantara/uikit-react-icons";
 import { setId } from "../../..";
 import styles from "./styles";
@@ -15,6 +20,8 @@ import styles from "./styles";
  * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvVerticalScrollListItem = props => {
   const {
     id,
@@ -33,32 +40,36 @@ const HvVerticalScrollListItem = props => {
   const buttonId = setId(id, "button");
   const Tooltip = tooltipWrapper;
   const NotSelected = useCallback(() => {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: classes.notSelected
     });
   }, [classes.notSelected]);
-  const icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/React.createElement(CurrentStep, {
+  const icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/_jsx(CurrentStep, {
     height: "10px",
     width: "10px"
-  })) : /*#__PURE__*/React.createElement(NotSelected, null);
-  return /*#__PURE__*/React.createElement("li", {
+  })) : /*#__PURE__*/_jsx(NotSelected, {});
+  return /*#__PURE__*/_jsx("li", {
     id: id,
     className: clsx(className, classes.root),
-    "aria-current": selected
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    id: buttonId,
-    role: "button",
-    tabIndex: 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    className: classes.button,
-    "aria-label": ariaLabel,
-    "aria-labelledby": labelId
-  }, others), /*#__PURE__*/React.createElement(Tooltip, {
-    id: labelId,
-    className: clsx(classes.text),
-    variant: variant
-  }, icon)));
+    "aria-current": selected,
+    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      id: buttonId,
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      className: classes.button,
+      "aria-label": ariaLabel,
+      "aria-labelledby": labelId
+    }, others), {}, {
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        id: labelId,
+        className: clsx(classes.text),
+        variant: variant,
+        children: icon
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {

package/dist/modern/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.js","names":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\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    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalScrollListItem.js","names":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\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    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,WAAT,QAA4B,mCAA5B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,wBAAwB,GAAIC,KAAD,IAAW;EAC1C,MAAM;IACJC,EADI;IAEJC,SAFI;IAGJC,OAHI;IAIJC,QAJI;IAKJ,cAAcC,SALV;IAMJC,OANI;IAOJC,SAPI;IAQJC;EARI,IAUFR,KAVJ;EAAA,MASKS,MATL,4BAUIT,KAVJ;;EAWA,MAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,MAAMO,OAAO,GAAGd,KAAK,CAACI,EAAD,EAAK,OAAL,CAArB;EACA,MAAMW,QAAQ,GAAGf,KAAK,CAACI,EAAD,EAAK,QAAL,CAAtB;EACA,MAAMY,OAAO,GAAGL,cAAhB;EACA,MAAMM,WAAW,GAAGtB,WAAW,CAAC,MAAM;IACpC,oBAAO;MAAK,SAAS,EAAEW,OAAO,CAACY;IAAxB,EAAP;EACD,CAF8B,EAE5B,CAACZ,OAAO,CAACY,WAAT,CAF4B,CAA/B;EAGA,MAAMC,IAAI,GAAGZ,QAAQ,gDAAG,KAAC,WAAD;IAAa,MAAM,EAAC,MAApB;IAA2B,KAAK,EAAC;EAAjC,EAAH,iBAAgD,KAAC,WAAD,KAArE;EACA,oBACE;IAAI,EAAE,EAAEH,EAAR;IAAY,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACc,IAApB,CAA3B;IAAsD,gBAAcb,QAApE;IAAA,uBACE;MACE,EAAE,EAAEQ,QADN;MAEE,IAAI,EAAC,QAFP;MAGE,QAAQ,EAAE,CAHZ;MAIE,OAAO,EAAEN,OAJX;MAKE,SAAS,EAAEC,SALb;MAME,SAAS,EAAEJ,OAAO,CAACe,MANrB;MAOE,cAAYb,SAPd;MAQE,mBAAiBM;IARnB,GASMF,MATN;MAAA,uBAWE,KAAC,OAAD;QAAS,EAAE,EAAEE,OAAb;QAAsB,SAAS,EAAEjB,IAAI,CAACS,OAAO,CAACgB,IAAT,CAArC;QAAqD,OAAO,EAAET,OAA9D;QAAA,UACGM;MADH;IAXF;EADF,EADF;AAmBD,CAvCD;;AAyCA,wCAAAjB,wBAAwB,CAACqB,SAAzB,GAAqC;EACnC;AACF;AACA;EACEnB,EAAE,EAAER,SAAS,CAAC4B,MAJqB;;EAKnC;AACF;AACA;EACEnB,SAAS,EAAET,SAAS,CAAC4B,MARc;;EASnC;AACF;AACA;EACElB,OAAO,EAAEV,SAAS,CAAC6B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAExB,SAAS,CAAC4B,MAJO;;IAKvB;AACJ;AACA;IACIjB,QAAQ,EAAEX,SAAS,CAAC4B,MARG;;IASvB;AACJ;AACA;IACIF,IAAI,EAAE1B,SAAS,CAAC4B,MAZO;;IAavB;AACJ;AACA;IACIH,MAAM,EAAEzB,SAAS,CAAC4B,MAhBK;IAiBvBN,WAAW,EAAEtB,SAAS,CAAC4B;EAjBA,CAAhB,EAkBNE,UA9BgC;;EA+BnC;AACF;AACA;EACEnB,QAAQ,EAAEX,SAAS,CAAC+B,IAlCe;;EAmCnC;AACF;AACA;EACE,cAAc/B,SAAS,CAAC4B,MAtCW;;EAuCnC;AACF;AACA;EACEb,cAAc,EAAEf,SAAS,CAACgC,IAAV,CAAeF,UA1CI;;EA2CnC;AACF;AACA;EACEjB,OAAO,EAAEb,SAAS,CAACgC,IA9CgB;;EA+CnC;AACF;AACA;EACElB,SAAS,EAAEd,SAAS,CAACgC;AAlDc,CAArC;AAqDA,eAAe9B,UAAU,CAACG,MAAD,EAAS;EAAE4B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyD3B,wBAAzD,CAAf"}

package/dist/modern/ScrollTo/Vertical/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 import fade from "../../utils/hexToRgbA";
 
 const styles = theme => ({

package/dist/modern/ScrollTo/Vertical/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"sources":["../../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE,MAFH;IAGJC,OAAO,EAAE,GAHL;IAIJC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;IAKJC,MAAM,EAAE,CALJ;IAMJC,aAAa,EAAE,MANX;IAOJC,QAAQ,EAAE,MAPN;IAQJC,aAAa,EAAE;EARX,CADmB;EAWzBC,gBAAgB,EAAE;IAChBT,KAAK,EAAE,MADS;IAEhBU,QAAQ,EAAE,UAFM;IAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;IAIhBC,KAAK,EAAE,GAJS;IAKhBC,GAAG,EAAE;EALW,CAXO;EAkBzBC,aAAa,EAAE;IACbf,KAAK,EAAE,MADM;IAEbU,QAAQ,EAAE,OAFG;IAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;IAIbC,KAAK,EAAE,GAJM;IAKbC,GAAG,EAAE;EALQ;AAlBU,CAAZ,CAAf;;AA2BA,MAAME,eAAe,GAAIC,iBAAD,IAAuB;EAC7C,MAAMC,QAAQ,GAAG,EAAjB;EACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMA,OAAO,MAAMI,qBAAqB,GAAIL,iBAAD,IAAuB;EAC1D,MAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,MAAMO,eAAe,GAAG9B,UAAU,CAAEG,KAAD,KAAY;IAC7CY,gBAAgB,EAAE;MAChBT,KAAK,EAAE,MADS;MAEhBU,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAG,cAAaS,cAAe;IALlB,CAD2B;IAQ7CR,aAAa,EAAE;MACbf,KAAK,EAAE,MADM;MAEbU,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAG,cAAaS,cAAe;IALrB;EAR8B,CAAZ,CAAD,CAAlC;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"sources":["../../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE,MAFH;IAGJC,OAAO,EAAE,GAHL;IAIJC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;IAKJC,MAAM,EAAE,CALJ;IAMJC,aAAa,EAAE,MANX;IAOJC,QAAQ,EAAE,MAPN;IAQJC,aAAa,EAAE;EARX,CADmB;EAWzBC,gBAAgB,EAAE;IAChBT,KAAK,EAAE,MADS;IAEhBU,QAAQ,EAAE,UAFM;IAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;IAIhBC,KAAK,EAAE,GAJS;IAKhBC,GAAG,EAAE;EALW,CAXO;EAkBzBC,aAAa,EAAE;IACbf,KAAK,EAAE,MADM;IAEbU,QAAQ,EAAE,OAFG;IAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;IAIbC,KAAK,EAAE,GAJM;IAKbC,GAAG,EAAE;EALQ;AAlBU,CAAZ,CAAf;;AA2BA,MAAME,eAAe,GAAIC,iBAAD,IAAuB;EAC7C,MAAMC,QAAQ,GAAG,EAAjB;EACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMA,OAAO,MAAMI,qBAAqB,GAAIL,iBAAD,IAAuB;EAC1D,MAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,MAAMO,eAAe,GAAG9B,UAAU,CAAEG,KAAD,KAAY;IAC7CY,gBAAgB,EAAE;MAChBT,KAAK,EAAE,MADS;MAEhBU,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAG,cAAaS,cAAe;IALlB,CAD2B;IAQ7CR,aAAa,EAAE;MACbf,KAAK,EAAE,MADM;MAEbU,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAG,cAAaS,cAAe;IALrB;EAR8B,CAAZ,CAAD,CAAlC;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf"}

package/dist/modern/ScrollTo/index.d.ts

@@ -0,0 +1,7 @@
+export { default as HvScrollToHorizontal } from "./Horizontal";
+export * from "./Horizontal";
+
+export { default as HvScrollToVertical } from "./Vertical";
+export * from "./Vertical";
+
+export { default as useScrollTo } from "./useScrollTo";

package/dist/modern/ScrollTo/index.js

@@ -0,0 +1,4 @@
+export { default as HvScrollToHorizontal } from "./Horizontal";
+export { default as HvScrollToVertical } from "./Vertical";
+export { default as useScrollTo } from "./useScrollTo";
+//# sourceMappingURL=index.js.map

package/dist/modern/ScrollTo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvScrollToHorizontal","HvScrollToVertical","useScrollTo"],"sources":["../../../src/ScrollTo/index.js"],"sourcesContent":["export { default as HvScrollToHorizontal } from \"./Horizontal\";\nexport { default as HvScrollToVertical } from \"./Vertical\";\nexport { default as useScrollTo } from \"./useScrollTo\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAApB,QAAgD,cAAhD;AACA,SAASD,OAAO,IAAIE,kBAApB,QAA8C,YAA9C;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC"}

package/dist/modern/ScrollTo/withTooltip.js

@@ -1,7 +1,13 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import { withTooltip as withTooltipUtil, HvTypography } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 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;
@@ -9,9 +15,11 @@ const hideTooltip = evt => {
 };
 
 const withTooltip = (label, componentType, tooltipPosition = "top", hideOnOverflow = true) => {
-  const component = props => /*#__PURE__*/React.createElement(HvTypography, _extends({
+  const component = props => /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
     component: componentType
-  }, props), props.children);
+  }, props), {}, {
+    children: props.children
+  }));
 
   const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;
   return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);

package/dist/modern/ScrollTo/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"sources":["../../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\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  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAML,WAAW,GAAG,CAACe,KAAD,EAAQC,aAAR,EAAuBC,eAAe,GAAG,KAAzC,EAAgDC,cAAc,GAAG,IAAjE,KAA0E;EAC5F,MAAMC,SAAS,GAAIC,KAAD,iBAChB,oBAAC,YAAD;IAAc,SAAS,EAAEJ;EAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACb,QADT,CADF;;EAKA,MAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;EACA,OAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf"}
+{"version":3,"file":"withTooltip.js","names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"sources":["../../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\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  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAML,WAAW,GAAG,CAACe,KAAD,EAAQC,aAAR,EAAuBC,eAAe,GAAG,KAAzC,EAAgDC,cAAc,GAAG,IAAjE,KAA0E;EAC5F,MAAMC,SAAS,GAAIC,KAAD,iBAChB,KAAC,YAAD;IAAc,SAAS,EAAEJ;EAAzB,GAA4CI,KAA5C;IAAA,UACGA,KAAK,CAACb;EADT,GADF;;EAKA,MAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;EACA,OAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf"}

package/dist/modern/SelectionList/SelectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
 
 export type HvSelectionListClassKey =

package/dist/modern/SelectionList/SelectionList.js

@@ -1,16 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "orientation", "multiple", "singleSelectionToggle", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useMemo, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { isKeypress, KeyboardCodes } from "../utils/KeyboardUtils";
 import { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, HvListContainer, useUniqueId } from "..";
 import { setId, useControlled } from "../utils";
 import styles from "./styles";
 import multiSelectionEventHandler from "../utils/multiSelectionEventHandler";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const getValueFromSelectedChildren = (children, multiple) => {
   const selectedValues = React.Children.toArray(children).map(child => {
@@ -143,42 +150,47 @@ const HvSelectionList = props => {
 
   const canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-  return /*#__PURE__*/React.createElement(HvFormElement, {
+  return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: clsx(className, classes.root)
-  }, label && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    label: label,
-    className: classes.label
-  }), description && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description"),
-    className: classes.description
-  }, description), /*#__PURE__*/React.createElement(HvListContainer, _extends({
-    id: label && setId(elementId, "listbox"),
-    interactive: true,
-    condensed: true,
-    role: "listbox",
-    "aria-multiselectable": multiple || undefined,
-    "aria-label": ariaLabel,
-    "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-    "aria-invalid": validationState === "invalid" ? true : undefined,
-    "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
-    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    className: clsx(classes.listbox, {
-      "vertical": classes.vertical,
-      "horizontal": classes.horizontal
-    }[orientation], validationState === "invalid" && classes.invalid),
-    ref: listContainer
-  }, others), modifiedChildren), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    className: clsx(className, classes.root),
+    children: [label && /*#__PURE__*/_jsx(HvLabel, {
+      id: setId(elementId, "label"),
+      label: label,
+      className: classes.label
+    }), description && /*#__PURE__*/_jsx(HvInfoMessage, {
+      id: setId(elementId, "description"),
+      className: classes.description,
+      children: description
+    }), /*#__PURE__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
+      id: label && setId(elementId, "listbox"),
+      interactive: true,
+      condensed: true,
+      role: "listbox",
+      "aria-multiselectable": multiple || undefined,
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+      "aria-invalid": validationState === "invalid" ? true : undefined,
+      "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      className: clsx(classes.listbox, {
+        "vertical": classes.vertical,
+        "horizontal": classes.horizontal
+      }[orientation], validationState === "invalid" && classes.invalid),
+      ref: listContainer
+    }, others), {}, {
+      children: modifiedChildren
+    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {

package/dist/modern/SelectionList/SelectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.js","names":["React","useCallback","useMemo","useRef","useEffect","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvListContainer","useUniqueId","setId","useControlled","styles","multiSelectionEventHandler","getValueFromSelectedChildren","children","multiple","selectedValues","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","listContainer","ArrowUp","ArrowDown","handleMeta","event","tempArray","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","index","childOnClick","evt","newValue","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func"],"sources":["../../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value: valueProp,\n    defaultValue,\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\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    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children list items.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":"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"}
+{"version":3,"file":"SelectionList.js","names":["React","useCallback","useMemo","useRef","useEffect","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvListContainer","useUniqueId","setId","useControlled","styles","multiSelectionEventHandler","getValueFromSelectedChildren","children","multiple","selectedValues","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","listContainer","ArrowUp","ArrowDown","handleMeta","event","tempArray","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","index","childOnClick","evt","newValue","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func"],"sources":["../../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value: valueProp,\n    defaultValue,\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\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    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children list items.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,EAAsCC,MAAtC,EAA8CC,SAA9C,QAA+D,OAA/D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,wBAA1C;AAEA,SACEC,aADF,EAEEC,OAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,eALF,EAMEC,WANF,QAOO,IAPP;AASA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,UAArC;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,0BAAP,MAAuC,qCAAvC;;;;AAEA,MAAMC,4BAA4B,GAAG,CAACC,QAAD,EAAWC,QAAX,KAAwB;EAC3D,MAAMC,cAAc,GAAGvB,KAAK,CAACwB,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EACpBK,GADoB,CACfC,KAAD,IAAW;IACd,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,QAAZ,KAAyBC,SAAnD;IACA,MAAMC,eAAe,GAAGJ,iBAAiB,GACrCD,KAAK,CAACE,KAAN,CAAYC,QADyB,GAErCH,KAAK,CAACE,KAAN,CAAYI,eAFhB;IAIA,OAAOD,eAAe,GAAGL,KAAK,CAACE,KAAN,CAAYK,KAAf,GAAuBH,SAA7C;EACD,CARoB,EASpBI,MAToB,CASZC,CAAD,IAAOA,CAAC,KAAKL,SATA,CAAvB;EAWA,OAAOT,QAAQ,GAAGC,cAAH,GAAoBA,cAApB,aAAoBA,cAApB,uBAAoBA,cAAc,CAAG,CAAH,CAAjD;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;;;AAEA,MAAMc,eAAe,GAAIR,KAAD,IAAW;EACjC,MAAM;IACJS,OADI;IAEJC,SAFI;IAIJC,EAJI;IAKJC,IALI;IAMJP,KAAK,EAAEQ,SANH;IAOJC,YAPI;IASJC,QAAQ,GAAG,KATP;IAUJC,QAAQ,GAAG,KAVP;IAWJC,QAAQ,GAAG,KAXP;IAaJC,KAbI;IAcJ,cAAcC,SAdV;IAeJ,mBAAmBC,cAff;IAgBJC,WAhBI;IAiBJ,oBAAoBC,eAjBhB;IAmBJC,QAnBI;IAqBJC,MArBI;IAsBJC,aAtBI;IAuBJ,qBAAqBC,gBAvBjB;IAyBJC,WAAW,GAAG,UAzBV;IA2BJlC,QAAQ,GAAG,KA3BP;IA4BJmC,qBAAqB,GAAG,KA5BpB;IA8BJpC;EA9BI,IAgCFQ,KAhCJ;EAAA,MA+BK6B,MA/BL,4BAgCI7B,KAhCJ;;EAkCA,MAAM8B,SAAS,GAAG5C,WAAW,CAACyB,EAAD,EAAK,iBAAL,CAA7B;EAEA,MAAM,CAACN,KAAD,EAAQ0B,QAAR,IAAoB3C,aAAa,CACrCyB,SADqC,EAErCC,YAAY,KAAKZ,SAAjB,GACIY,YADJ,GAEI;EACA;EACA,MAAMvB,4BAA4B,CAACC,QAAD,EAAWC,QAAX,CAND,CAAvC;EASA,MAAM,CAACuC,eAAD,EAAkBC,kBAAlB,IAAwC7C,aAAa,CAACoC,MAAD,EAAS,SAAT,CAA3D;EAEA,MAAM,CAACU,iBAAD,IAAsB9C,aAAa,CAACqC,aAAD,EAAgB,UAAhB,CAAzC;EAEA,MAAM,CAACU,SAAD,EAAYC,aAAZ,IAA6B/D,OAAO,CAAC,MAAM;IAC/C,MAAMgE,WAAW,GAAG,EAApB;IACA,MAAMC,kBAAkB,GAAG,EAA3B;IAEAnE,KAAK,CAACwB,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC+C,OAAjC,CAAyC,CAACzC,KAAD,EAAQ0C,CAAR,KAAc;MACrD,MAAMC,UAAU,GAAG3C,KAAK,CAACE,KAAN,CAAYK,KAA/B;MACA,MAAMF,eAAe,GAAGV,QAAQ,GAAGY,KAAK,CAACqC,OAAN,CAAcD,UAAd,MAA8B,CAAC,CAAlC,GAAsCpC,KAAK,KAAKoC,UAAhF;MAEAJ,WAAW,CAACG,CAAD,CAAX,GAAiBC,UAAjB;MACAH,kBAAkB,CAACE,CAAD,CAAlB,GAAwBrC,eAAxB;IACD,CAND;IAQA,OAAO,CAACkC,WAAD,EAAcC,kBAAd,CAAP;EACD,CAbyC,EAavC,CAAC9C,QAAD,EAAWC,QAAX,EAAqBY,KAArB,CAbuC,CAA1C;EAeA,MAAMsC,eAAe,GAAGrE,MAAM,CAAC4B,SAAD,CAA9B;EAEA,MAAM0C,aAAa,GAAGtE,MAAM,CAAC,IAAD,CAA5B;EAEA,MAAM;IAAEuE,OAAF;IAAWC;EAAX,IAAyBlE,aAA/B;EAEAL,SAAS,CAAC,MAAM;IACd,MAAMwE,UAAU,GAAIC,KAAD,IAAW;MAC5B,MAAMC,SAAS,GAAG,EAAlB;;MACA,IACGtE,UAAU,CAACqE,KAAD,EAAQH,OAAR,CAAV,IACCG,KAAK,CAACE,QADP,IAECN,aAAa,CAACO,OAAd,CAAsBC,QAAtB,CAA+BJ,KAAK,CAACK,MAArC,CAFF,IAGC1E,UAAU,CAACqE,KAAD,EAAQF,SAAR,CAAV,IACCE,KAAK,CAACE,QADP,IAECN,aAAa,CAACO,OAAd,CAAsBC,QAAtB,CAA+BJ,KAAK,CAACK,MAArC,CANJ,EAOE;QACAjB,aAAa,CAACG,OAAd,CAAsB,CAACe,UAAD,EAAad,CAAb,KAAmB;UACvC,IAAIA,CAAC,KAAKQ,KAAK,CAACK,MAAN,CAAahD,KAAb,GAAqB,CAA/B,EAAkC;YAChC,IAAI,CAACiD,UAAL,EAAiB;cACfL,SAAS,CAACM,IAAV,CAAepB,SAAS,CAACK,CAAD,CAAxB;YACD;UACF,CAJD,MAIO,IAAIc,UAAJ,EAAgB;YACrBL,SAAS,CAACM,IAAV,CAAepB,SAAS,CAACK,CAAD,CAAxB;UACD;QACF,CARD;QASAT,QAAQ,CAACkB,SAAD,CAAR;MACD;IACF,CArBD;;IAsBAO,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCV,UAAjC;IAEA,OAAO,MAAM;MACXS,MAAM,CAACE,mBAAP,CAA2B,OAA3B,EAAoCX,UAApC;IACD,CAFD;EAGD,CA5BQ,EA4BN,CAACZ,SAAD,EAAYC,aAAZ,EAA2BL,QAA3B,EAAqCc,OAArC,EAA8CC,SAA9C,CA5BM,CAAT;EA8BA,MAAMa,wBAAwB,GAAGvF,WAAW,CAC1C,CAACwF,KAAD,EAAQC,YAAR,EAAsBC,GAAtB,KAA8B;IAC5BD,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGC,GAAH,CAAZ;;IACA,IAAI,CAAC9C,QAAD,IAAa,CAACC,QAAlB,EAA4B;MAC1B,IAAI8C,QAAJ;;MACA,IAAItE,QAAJ,EAAc;QACZsE,QAAQ,GAAGzE,0BAA0B,CACnCwE,GADmC,EAEnCF,KAFmC,EAGnCjB,eAHmC,EAInCR,SAJmC,EAKnCC,aALmC,CAArC;MAOD,CARD,MAQO;QACL2B,QAAQ,GAAGnC,qBAAqB,IAAIQ,aAAa,CAACwB,KAAD,CAAtC,GAAgD,IAAhD,GAAuDzB,SAAS,CAACyB,KAAD,CAA3E;MACD;;MAEDrC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGuC,GAAH,EAAQC,QAAR,CAAR;MAEAhC,QAAQ,CAAC,MAAM;QACb;QAEA,IAAIhB,QAAQ,IAAIgD,QAAQ,CAACC,MAAT,KAAoB,CAApC,EAAuC;UACrC/B,kBAAkB,CAAC,SAAD,CAAlB;QACD,CAFD,MAEO;UACLA,kBAAkB,CAAC,OAAD,CAAlB;QACD;;QAED,OAAO8B,QAAP;MACD,CAVO,CAAR;IAWD;EACF,CA/ByC,EAgC1C,CACE5B,SADF,EAEElB,QAFF,EAGExB,QAHF,EAIE8B,QAJF,EAKEP,QALF,EAMED,QANF,EAOEqB,aAPF,EAQEH,kBARF,EASEF,QATF,EAUEH,qBAVF,EAWEe,eAXF,CAhC0C,CAA5C;EA+CA,MAAMsB,gBAAgB,GAAG5F,OAAO,CAAC,MAAM;IACrC,OAAOF,KAAK,CAACwB,QAAN,CAAeE,GAAf,CAAmBL,QAAnB,EAA6B,CAACM,KAAD,EAAQ0C,CAAR,KAAc;MAChD,MAAMrC,eAAe,GAAGiC,aAAa,CAACI,CAAD,CAArC;MAEA,oBAAOrE,KAAK,CAAC+F,YAAN,CAAmBpE,KAAnB,EAA0B;QAC/BqE,IAAI,EAAE,QADyB;QAE/BlE,QAAQ,EAAEE,eAFqB;QAG/BiE,OAAO,EAAGN,GAAD,IAASH,wBAAwB,CAACnB,CAAD,EAAI1C,KAAK,CAACE,KAAN,CAAYoE,OAAhB,EAAyBN,GAAzB,CAHX;QAI/B7C,QAAQ,EAAEA,QAAQ,IAAInB,KAAK,CAACE,KAAN,CAAYiB;MAJH,CAA1B,CAAP;IAMD,CATM,CAAP;EAUD,CAX+B,EAW7B,CAACzB,QAAD,EAAWyB,QAAX,EAAqB0C,wBAArB,EAA+CvB,aAA/C,CAX6B,CAAhC,CApJiC,CAiKjC;EACA;EACA;EACA;;EACA,MAAMiC,YAAY,GAChB3C,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKtB,SAAX,IAAwBuB,aAAa,KAAKvB,SAA3C,IAA0DsB,MAAM,KAAKtB,SAAX,IAAwBa,QADnF,CADF;EAIA,MAAMuD,cAAc,GAAGD,YAAY,GAAGlF,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAR,GAA+BJ,gBAAlE;EAEA,oBACE,MAAC,aAAD;IACE,EAAE,EAAEf,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEoB,eAHV;IAIE,QAAQ,EAAEf,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAEvC,IAAI,CAACiC,SAAD,EAAYD,OAAO,CAAC8D,IAApB,CAPjB;IAAA,WASGrD,KAAK,iBAAI,KAAC,OAAD;MAAS,EAAE,EAAE/B,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAlB;MAAwC,KAAK,EAAEZ,KAA/C;MAAsD,SAAS,EAAET,OAAO,CAACS;IAAzE,EATZ,EAUGG,WAAW,iBACV,KAAC,aAAD;MAAe,EAAE,EAAElC,KAAK,CAAC2C,SAAD,EAAY,aAAZ,CAAxB;MAAoD,SAAS,EAAErB,OAAO,CAACY,WAAvE;MAAA,UACGA;IADH,EAXJ,eAgBE,KAAC,eAAD;MACE,EAAE,EAAEH,KAAK,IAAI/B,KAAK,CAAC2C,SAAD,EAAY,SAAZ,CADpB;MAEE,WAAW,MAFb;MAGE,SAAS,MAHX;MAIE,IAAI,EAAC,SAJP;MAKE,wBAAsBrC,QAAQ,IAAIS,SALpC;MAME,cAAYiB,SANd;MAOE,mBACE,CAACD,KAAK,IAAI/B,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAf,EAAqCV,cAArC,EAAqDoD,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyEvE,SAR7E;MAUE,gBAAc8B,eAAe,KAAK,SAApB,GAAgC,IAAhC,GAAuC9B,SAVvD;MAWE,qBAAmB8B,eAAe,KAAK,SAApB,GAAgCsC,cAAhC,GAAiDpE,SAXtE;MAYE,oBACE,CAACmB,WAAW,IAAIlC,KAAK,CAAC2C,SAAD,EAAY,aAAZ,CAArB,EAAiDR,eAAjD,EAAkEkD,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACAvE,SAdJ;MAgBE,SAAS,EAAEzB,IAAI,CAACgC,OAAO,CAACiE,OAAT;QACuB,UADvB,EACZjE,OAAO,CAACkE,QADI;QAEyB,YAFzB,EAEZlE,OAAO,CAACmE;MAFI,EACOjD,WADP,GAGMK,eAAe,KAAK,SAH1B,IAGZvB,OAAO,CAACoE,OAHI,CAhBjB;MAqBE,GAAG,EAAEjC;IArBP,GAsBMf,MAtBN;MAAA,UAwBGoC;IAxBH,GAhBF,EA2CGI,YAAY,iBACX,KAAC,aAAD;MAAe,EAAE,EAAElF,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAxB;MAA8C,aAAa,MAA3D;MAA4D,SAAS,EAAErB,OAAO,CAACqE,KAA/E;MAAA,UACG5C;IADH,EA5CJ;EAAA,EADF;AAmDD,CA9ND;;AAgOA,wCAAA1B,eAAe,CAACuE,SAAhB,GAA4B;EAC1B;AACF;AACA;EACErE,SAAS,EAAElC,SAAS,CAACwG,MAJK;;EAK1B;AACF;AACA;EACEvE,OAAO,EAAEjC,SAAS,CAACyG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAE/F,SAAS,CAACwG,MAJO;;IAKvB;AACJ;AACA;IACI9D,KAAK,EAAE1C,SAAS,CAACwG,MARM;;IASvB;AACJ;AACA;IACI3D,WAAW,EAAE7C,SAAS,CAACwG,MAZA;;IAavB;AACJ;AACA;IACIN,OAAO,EAAElG,SAAS,CAACwG,MAhBI;;IAiBvB;AACJ;AACA;IACIL,QAAQ,EAAEnG,SAAS,CAACwG,MApBG;;IAqBvB;AACJ;AACA;IACIJ,UAAU,EAAEpG,SAAS,CAACwG,MAxBC;;IAyBvB;AACJ;AACA;IACIH,OAAO,EAAErG,SAAS,CAACwG,MA5BI;;IA6BvB;AACJ;AACA;IACIF,KAAK,EAAEtG,SAAS,CAACwG;EAhCM,CAAhB,EAiCNE,UAzCuB;;EA2C1B;AACF;AACA;EACEvE,EAAE,EAAEnC,SAAS,CAACwG,MA9CY;;EAgD1B;AACF;AACA;EACEpE,IAAI,EAAEpC,SAAS,CAACwG,MAnDU;;EAoD1B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE;EACA3E,KAAK,EAAE7B,SAAS,CAAC2G,SAAV,CAAoB,CAAC3G,SAAS,CAAC4G,GAAX,EAAgB5G,SAAS,CAAC6G,OAAV,CAAkB7G,SAAS,CAAC4G,GAA5B,CAAhB,CAApB,CA7DmB;;EA8D1B;AACF;AACA;EACE;EACAtE,YAAY,EAAEtC,SAAS,CAAC2G,SAAV,CAAoB,CAAC3G,SAAS,CAAC4G,GAAX,EAAgB5G,SAAS,CAAC6G,OAAV,CAAkB7G,SAAS,CAAC4G,GAA5B,CAAhB,CAApB,CAlEY;;EAoE1B;AACF;AACA;AACA;AACA;AACA;EACElE,KAAK,EAAE1C,SAAS,CAAC8G,IA1ES;;EA2E1B;AACF;AACA;EACE,cAAc9G,SAAS,CAACwG,MA9EE;;EA+E1B;AACF;AACA;EACE,mBAAmBxG,SAAS,CAACwG,MAlFH;;EAmF1B;AACF;AACA;EACE3D,WAAW,EAAE7C,SAAS,CAAC8G,IAtFG;;EAuF1B;AACF;AACA;EACE,oBAAoB9G,SAAS,CAACwG,MA1FJ;;EA4F1B;AACF;AACA;AACA;EACE/D,QAAQ,EAAEzC,SAAS,CAAC+G,IAhGM;;EAiG1B;AACF;AACA;EACEvE,QAAQ,EAAExC,SAAS,CAAC+G,IApGM;;EAqG1B;AACF;AACA;EACExE,QAAQ,EAAEvC,SAAS,CAAC+G,IAxGM;;EA0G1B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE/D,MAAM,EAAEhD,SAAS,CAACgH,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAlHkB;;EAmH1B;AACF;AACA;AACA;AACA;EACE/D,aAAa,EAAEjD,SAAS,CAACwG,MAxHC;;EAyH1B;AACF;AACA;AACA;AACA;EACE,qBAAqBxG,SAAS,CAACwG,MA9HL;;EAgI1B;AACF;AACA;EACEzD,QAAQ,EAAE/C,SAAS,CAACiH,IAnIM;;EAqI1B;AACF;AACA;EACEhG,QAAQ,EAAEjB,SAAS,CAAC+G,IAxIM;;EA0I1B;AACF;AACA;EACE3D,qBAAqB,EAAEpD,SAAS,CAAC+G,IA7IP;;EA+I1B;AACF;AACA;AACA;AACA;EACE5D,WAAW,EAAEnD,SAAS,CAACgH,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CApJa;;EAsJ1B;AACF;AACA;AACA;AACA;EACEhG,QAAQ,EAAEhB,SAAS,CAAC8G;AA3JM,CAA5B;AA8JA,eAAe5G,UAAU,CAACW,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDJ,eAAhD,CAAf"}

package/dist/modern/SimpleGrid/SimpleGrid.d.ts

@@ -1,15 +1,15 @@
 import { FunctionComponent } from "react";
 
-export type Spacing = "xs" | "sm" | "md" | "lg";
+export type GridSpacing = "xs" | "sm" | "md" | "lg";
 export type Breakpoints = {
   cols?: number;
   maxWidth?: number;
   minWidth?: number;
-  spacing?: Spacing;
+  spacing?: GridSpacing;
 };
 
 export interface SimpleGridProps extends FunctionComponent {
-  spacing?: Spacing;
+  spacing?: GridSpacing;
   cols?: number;
   breakpoints?: Breakpoints;
 }