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

package/dist/legacy/SelectionList/SelectionList.js

@@ -1,7 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _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/es.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.map.js";
@@ -12,15 +17,20 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.string.trim.js";
 import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.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";
 
 var getValueFromSelectedChildren = function getValueFromSelectedChildren(children, multiple) {
   var selectedValues = React.Children.toArray(children).map(function (child) {
@@ -177,42 +187,47 @@ var HvSelectionList = function HvSelectionList(props) {
 
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   var 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/legacy/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","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","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","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","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":"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"}

package/dist/legacy/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;
 }

package/dist/legacy/SimpleGrid/SimpleGrid.js

@@ -1,10 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "breakpoints", "spacing", "cols"];
+
+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 from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var HvSimpleGrid = function HvSimpleGrid(_ref) {
   var children = _ref.children,
@@ -19,9 +32,11 @@ var HvSimpleGrid = function HvSimpleGrid(_ref) {
     cols: cols,
     spacing: spacing
   })();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: classes.container
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {

package/dist/legacy/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAgE;EAAA,IAA7DC,QAA6D,QAA7DA,QAA6D;EAAA,IAAnDC,WAAmD,QAAnDA,WAAmD;EAAA,wBAAtCC,OAAsC;EAAA,IAAtCA,OAAsC,6BAA5B,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EACnF,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAF;IAAeE,IAAI,EAAJA,IAAf;IAAqBD,OAAO,EAAPA;EAArB,CAAD,CAAT,EAAhB;EACA,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAxB,GAAuCF,MAAvC,GACGJ,QADH,CADF;AAKD,CAPD;;AASA,wCAAAD,YAAY,CAACQ,SAAb,GAAyB;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAJG;;EAKvB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARc;;EASvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAV,CACXd,SAAS,CAACe,KAAV,CAAgB;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MADN;IAEdC,QAAQ,EAAElB,SAAS,CAACiB,MAFN;IAGdV,IAAI,EAAEP,SAAS,CAACiB,MAHF;IAIdX,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;EAJK,CAAhB,CADW,CAlBU;;EA0BvB;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AA7BO,CAAzB;AAgCA,eAAehB,UAAU,CAACC,SAAD,EAAY;EAAEiB,IAAI,EAAE;AAAR,CAAZ,CAAV,CAAgDhB,YAAhD,CAAf"}
+{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,SAAP,MAAsB,UAAtB;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAgE;EAAA,IAA7DC,QAA6D,QAA7DA,QAA6D;EAAA,IAAnDC,WAAmD,QAAnDA,WAAmD;EAAA,wBAAtCC,OAAsC;EAAA,IAAtCA,OAAsC,6BAA5B,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EACnF,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAF;IAAeE,IAAI,EAAJA,IAAf;IAAqBD,OAAO,EAAPA;EAArB,CAAD,CAAT,EAAhB;EACA,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAxB,GAAuCF,MAAvC;IAAA,UACGJ;EADH,GADF;AAKD,CAPD;;AASA,wCAAAD,YAAY,CAACQ,SAAb,GAAyB;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAJG;;EAKvB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARc;;EASvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAV,CACXd,SAAS,CAACe,KAAV,CAAgB;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MADN;IAEdC,QAAQ,EAAElB,SAAS,CAACiB,MAFN;IAGdV,IAAI,EAAEP,SAAS,CAACiB,MAHF;IAIdX,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;EAJK,CAAhB,CADW,CAlBU;;EA0BvB;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AA7BO,CAAzB;AAgCA,eAAehB,UAAU,CAACC,SAAD,EAAY;EAAEiB,IAAI,EAAE;AAAR,CAAZ,CAAV,CAAgDhB,YAAhD,CAAf"}

package/dist/legacy/SimpleGrid/styles.js

@@ -14,7 +14,7 @@ import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 
 function size(props) {
   if (typeof props.size === "number") {

package/dist/legacy/SimpleGrid/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAASA,UAAT,QAA2B,mBAA3B;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqB;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;IAClC,OAAOC,KAAK,CAACD,IAAb;EACD;;EAED,OAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;EAChD,IAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;IAC5B,OAAOD,WAAP;EACD;;EAED,IAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;;EACA,IAAMG,MAAM,GAAG,mBAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;IAAA,OACEZ,IAAI,CAAC;MAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAAJ,GACAN,IAAI,CAAC;MAAEA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAFN;EAAA,CADa,CAAf;;EAMA,OAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;EAAA,OACbF,UAAU,CAAC,UAACM,KAAD,EAAW;IACpB,IAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;IAAA,IAAqBS,OAArB,GAAuCd,KAAvC,CAAqBc,OAArB;IAAA,IAA8BC,IAA9B,GAAuCf,KAAvC,CAA8Be,IAA9B;IACA,IAAIC,eAAe,GAAG,IAAtB;;IACA,IAAIX,WAAJ,EAAiB;MACfW,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;QACrF,IAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;QACA,IAAMC,cAAc,GAAGrB,IAAI,CAAC;UAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;UAE1BrB,KAAK,EAAEG,KAAK,CAACC;QAFa,CAAD,CAA3B;QAKAa,GAAG,mBAAYX,QAAZ,eAAyBa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;UACtFgB,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;UAEtFS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;QAFiF,CAAxF;QAKA,OAAOI,GAAP;MACD,CAbiB,EAaf,EAbe,CAAlB;IAcD;;IAED,OAAO;MACLQ,SAAS;QACPC,SAAS,EAAE,YADJ;QAEPC,OAAO,EAAE,MAFF;QAGPL,mBAAmB,mBAAYR,IAAZ,sBAHZ;QAIPS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;MAJE,GAKJE,eALI;IADJ,CAAP;EASD,CA7BS,CADG;AAAA,CAAf;;AAgCA,eAAeH,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAASA,UAAT,QAA2B,aAA3B;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqB;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;IAClC,OAAOC,KAAK,CAACD,IAAb;EACD;;EAED,OAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;EAChD,IAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;IAC5B,OAAOD,WAAP;EACD;;EAED,IAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;;EACA,IAAMG,MAAM,GAAG,mBAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;IAAA,OACEZ,IAAI,CAAC;MAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAAJ,GACAN,IAAI,CAAC;MAAEA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAFN;EAAA,CADa,CAAf;;EAMA,OAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;EAAA,OACbF,UAAU,CAAC,UAACM,KAAD,EAAW;IACpB,IAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;IAAA,IAAqBS,OAArB,GAAuCd,KAAvC,CAAqBc,OAArB;IAAA,IAA8BC,IAA9B,GAAuCf,KAAvC,CAA8Be,IAA9B;IACA,IAAIC,eAAe,GAAG,IAAtB;;IACA,IAAIX,WAAJ,EAAiB;MACfW,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;QACrF,IAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;QACA,IAAMC,cAAc,GAAGrB,IAAI,CAAC;UAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;UAE1BrB,KAAK,EAAEG,KAAK,CAACC;QAFa,CAAD,CAA3B;QAKAa,GAAG,mBAAYX,QAAZ,eAAyBa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;UACtFgB,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;UAEtFS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;QAFiF,CAAxF;QAKA,OAAOI,GAAP;MACD,CAbiB,EAaf,EAbe,CAAlB;IAcD;;IAED,OAAO;MACLQ,SAAS;QACPC,SAAS,EAAE,YADJ;QAEPC,OAAO,EAAE,MAFF;QAGPL,mBAAmB,mBAAYR,IAAZ,sBAHZ;QAIPS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;MAJE,GAKJE,eALI;IADJ,CAAP;EASD,CA7BS,CADG;AAAA,CAAf;;AAgCA,eAAeH,MAAf"}

package/dist/legacy/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { SliderProps } from "rc-slider";
 import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";

package/dist/legacy/Slider/Slider.js

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -7,6 +7,10 @@ var _excluded = ["id", "className", "name", "label", "status", "statusMessage",
 
 var _this = this;
 
+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/es.function.name.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
@@ -22,12 +26,16 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.number.to-fixed.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React, { useCallback, useEffect, useRef, useState, useMemo } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import Slider from "rc-slider";
 import Tooltip from "rc-tooltip";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from "..";
 import validationStates from "../Forms/FormElement/validationStates";
 import { knobsPositionToScaledValue, calculateStepValue, createKnobStyles, createTrackStyles, createMark, knobsValuesToKnobsPositions, knobsPositionsToKnobsValues, scaledValueToKnobsPositionValue, generateDefaultKnobProperties, isSingleSlider, ensureValuesConsistency, convertStatusToArray, statusArrayToFormStatus } from "./utils";
@@ -37,6 +45,9 @@ import SliderInput from "./SliderInput";
  * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 var HvSlider = function HvSlider(props) {
   var id = props.id,
       className = props.className,
@@ -325,31 +336,32 @@ var HvSlider = function HvSlider(props) {
     var isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;
     var handleId = setId(elementId, "knob");
     var indexedHandleId = setId(handleId, index);
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: clsx((isEmpty || readOnly) && classes.handleHiddenContainer, !isEmpty && (disabled ? classes.handleContainerDisabled : classes.handleContainer))
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      prefixCls: "rc-slider-tooltip",
-      overlay: (formatTooltip === null || formatTooltip === void 0 ? void 0 : formatTooltip(scaledKnobValue)) || scaledKnobValue,
-      visible: dragging,
-      placement: "top",
-      overlayClassName: classes.sliderTooltip,
-      getTooltipContainer: function getTooltipContainer() {
-        return document.getElementById(indexedHandleId);
-      }
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      id: indexedHandleId,
-      style: style,
-      className: clsx(knobClassName, classes.handle)
-    }, restProps, {
-      "aria-label": "".concat(label, "-knob-").concat(index),
-      "aria-valuenow": knobsPositionToScaledValue(knobValue, minPointValue, stepValue),
-      "aria-valuemin": minPointValue,
-      "aria-valuemax": maxPointValue
-    }, knobProps === null || knobProps === void 0 ? void 0 : knobProps[index]))));
+    return /*#__PURE__*/_jsx("div", {
+      className: clsx((isEmpty || readOnly) && classes.handleHiddenContainer, !isEmpty && (disabled ? classes.handleContainerDisabled : classes.handleContainer)),
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        prefixCls: "rc-slider-tooltip",
+        overlay: (formatTooltip === null || formatTooltip === void 0 ? void 0 : formatTooltip(scaledKnobValue)) || scaledKnobValue,
+        visible: dragging,
+        placement: "top",
+        overlayClassName: classes.sliderTooltip,
+        getTooltipContainer: function getTooltipContainer() {
+          return document.getElementById(indexedHandleId);
+        },
+        children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+          id: indexedHandleId,
+          style: style,
+          className: clsx(knobClassName, classes.handle)
+        }, restProps), {}, {
+          "aria-label": "".concat(label, "-knob-").concat(index),
+          "aria-valuenow": knobsPositionToScaledValue(knobValue, minPointValue, stepValue),
+          "aria-valuemin": minPointValue,
+          "aria-valuemax": maxPointValue
+        }, knobProps === null || knobProps === void 0 ? void 0 : knobProps[index]))
+      })
+    }, index);
   };
 
-  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
+  return /*#__PURE__*/_jsxs(HvFormElement, _objectSpread(_objectSpread({
     className: clsx(className, classes.root, !readOnly && !disabled && !isSingle && [isDraggingTrack && classes.trackDragging, !isDraggingTrack && classes.trackStandBy], disabled && classes.rootDisabled),
     id: id,
     name: name,
@@ -360,76 +372,81 @@ var HvSlider = function HvSlider(props) {
     onMouseDown: onMouseDownHandler,
     onMouseUp: onMouseUpHandler,
     onBlur: onBlurHandler
-  }, others), (hasLabel || !hideInput) && /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.labelContainer, hasLabel ? classes.labelIncluded : classes.onlyInput)
-  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    className: classes.label,
-    htmlFor: setId(elementId, "slider"),
-    label: label
-  }), !hideInput && /*#__PURE__*/React.createElement(SliderInput, {
-    id: sliderInputId,
-    label: label,
-    values: knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue),
-    onChange: onInputChangeHandler,
-    status: validationStatus,
-    disabled: disabled,
-    readOnly: readOnly,
-    markDigits: markDigits,
-    inputProps: inputProps
-  })), /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.sliderBase, classes.sliderContainer)
-  }, isSingle && /*#__PURE__*/React.createElement(Slider, _extends({
-    id: setId(elementId, "slider"),
-    handleRender: createKnob,
-    className: clsx(classes.sliderRoot),
-    min: 0,
-    max: divisionQuantity,
-    step: 1,
-    marks: marks,
-    dotStyle: disabled ? styles.dotDisabled : styles.dot,
-    onChange: function onChange(singleValue) {
-      return onChangeHandler([singleValue]);
-    },
-    onBeforeChange: function onBeforeChange(singleValue) {
-      return onBeforeChangeHandler([singleValue]);
-    },
-    onAfterChange: function onAfterChange(singleValue) {
-      return onAfterChangeHandler([singleValue]);
-    },
-    value: knobsPositions.length > 0 ? knobsPositions[0] : undefined,
-    allowCross: false,
-    disabled: disabled,
-    count: rangesCount,
-    railStyle: styles.rail,
-    handleStyle: knobStyles.knobInner,
-    trackStyle: trackStyles
-  }, sliderProps)), !isSingle && /*#__PURE__*/React.createElement(Slider, _extends({
-    id: setId(elementId, "slider"),
-    range: true,
-    handleRender: createKnob,
-    className: clsx(classes.sliderRoot, !isSingle && classes.rootRange),
-    min: 0,
-    max: divisionQuantity,
-    step: 1,
-    marks: marks,
-    disabled: disabled,
-    dotStyle: disabled ? styles.dotDisabled : styles.dot,
-    onChange: onChangeHandler,
-    onBeforeChange: onBeforeChangeHandler,
-    onAfterChange: onAfterChangeHandler,
-    value: knobsPositions.length > 0 ? _toConsumableArray(knobsPositions) : undefined,
-    allowCross: false,
-    count: rangesCount,
-    railStyle: styles.rail,
-    handleStyle: knobStyles.knobInner,
-    trackStyle: trackStyles,
-    draggableTrack: !readOnly && !isSingle
-  }, sliderProps))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    className: classes.error,
-    disableBorder: true
-  }, validationMessage));
+  }, others), {}, {
+    children: [(hasLabel || !hideInput) && /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.labelContainer, hasLabel ? classes.labelIncluded : classes.onlyInput),
+      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
+        id: setId(elementId, "label"),
+        className: classes.label,
+        htmlFor: setId(elementId, "slider"),
+        label: label
+      }), !hideInput && /*#__PURE__*/_jsx(SliderInput, {
+        id: sliderInputId,
+        label: label,
+        values: knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue),
+        onChange: onInputChangeHandler,
+        status: validationStatus,
+        disabled: disabled,
+        readOnly: readOnly,
+        markDigits: markDigits,
+        inputProps: inputProps
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.sliderBase, classes.sliderContainer),
+      children: [isSingle && /*#__PURE__*/_jsx(Slider, _objectSpread({
+        id: setId(elementId, "slider"),
+        handleRender: createKnob,
+        className: clsx(classes.sliderRoot),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks: marks,
+        dotStyle: disabled ? styles.dotDisabled : styles.dot,
+        onChange: function onChange(singleValue) {
+          return onChangeHandler([singleValue]);
+        },
+        onBeforeChange: function onBeforeChange(singleValue) {
+          return onBeforeChangeHandler([singleValue]);
+        },
+        onAfterChange: function onAfterChange(singleValue) {
+          return onAfterChangeHandler([singleValue]);
+        },
+        value: knobsPositions.length > 0 ? knobsPositions[0] : undefined,
+        allowCross: false,
+        disabled: disabled,
+        count: rangesCount,
+        railStyle: styles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles
+      }, sliderProps)), !isSingle && /*#__PURE__*/_jsx(Slider, _objectSpread({
+        id: setId(elementId, "slider"),
+        range: true,
+        handleRender: createKnob,
+        className: clsx(classes.sliderRoot, !isSingle && classes.rootRange),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks: marks,
+        disabled: disabled,
+        dotStyle: disabled ? styles.dotDisabled : styles.dot,
+        onChange: onChangeHandler,
+        onBeforeChange: onBeforeChangeHandler,
+        onAfterChange: onAfterChangeHandler,
+        value: knobsPositions.length > 0 ? _toConsumableArray(knobsPositions) : undefined,
+        allowCross: false,
+        count: rangesCount,
+        railStyle: styles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles,
+        draggableTrack: !readOnly && !isSingle
+      }, sliderProps))]
+    }), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      className: classes.error,
+      disableBorder: true,
+      children: validationMessage
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvSlider.propTypes = {