@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/legacy/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","useCallback","useState","PropTypes","clsx","withStyles","HvBaseRadio","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","styles","HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\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 to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: 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.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: 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.\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   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the radio button.\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 radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["React","useCallback","useState","PropTypes","clsx","withStyles","HvBaseRadio","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","styles","HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\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 to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: 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.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: 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.\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   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the radio button.\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 radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}

package/dist/legacy/RadioGroup/RadioGroup.d.ts

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

package/dist/legacy/RadioGroup/RadioGroup.js

@@ -3,7 +3,6 @@ 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 _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";
@@ -24,10 +23,12 @@ import "core-js/modules/es.array.join.js";
 import React, { useCallback, useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId } from "..";
 import { setId, useControlled } from "../utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var getValueFromSelectedChildren = function getValueFromSelectedChildren(children) {
   var childrenArray = React.Children.toArray(children);
@@ -124,36 +125,41 @@ var HvRadioGroup = function HvRadioGroup(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: status || "standBy",
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: clsx(className, classes.root)
-  }, label && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    label: label,
-    className: clsx(classes.label)
-  }), description && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description")
-  }, description), /*#__PURE__*/React.createElement("div", _extends({
-    role: "radiogroup",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label"),
-    "aria-invalid": status === "invalid" ? true : undefined,
-    "aria-errormessage": status === "invalid" ? errorMessageId : undefined,
-    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    className: clsx(classes.group, {
-      "vertical": classes.vertical,
-      "horizontal": classes.horizontal
-    }[orientation], status === "invalid" && classes.invalid)
-  }, others), modifiedChildren), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, statusMessage));
+    className: clsx(className, classes.root),
+    children: [label && /*#__PURE__*/_jsx(HvLabel, {
+      id: setId(elementId, "label"),
+      label: label,
+      className: clsx(classes.label)
+    }), description && /*#__PURE__*/_jsx(HvInfoMessage, {
+      id: setId(elementId, "description"),
+      children: description
+    }), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label"),
+      "aria-invalid": status === "invalid" ? true : undefined,
+      "aria-errormessage": status === "invalid" ? errorMessageId : undefined,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      className: clsx(classes.group, {
+        "vertical": classes.vertical,
+        "horizontal": classes.horizontal
+      }[orientation], status === "invalid" && classes.invalid)
+    }, others), {}, {
+      children: modifiedChildren
+    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: statusMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvRadioGroup.propTypes = {

package/dist/legacy/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["React","useCallback","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","setId","useControlled","styles","getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","others","elementId","setValue","onChildChangeInterceptor","childOnChange","evt","isChecked","newValue","modifiedChildren","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","any","node","bool","oneOf","func"],"sources":["../../../src/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getValueFromSelectedChildren = (children) => {\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child = childrenArray[i];\n\n    const childIsControlled = child.props.checked !== undefined;\n    const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n    if (childIsSelected) {\n      return child.props.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nconst HvRadioGroup = (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    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\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)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (childOnChange, evt, isChecked, newValue) => {\n      childOnChange?.(evt, isChecked, newValue);\n\n      onChange?.(evt, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child) => {\n      const childValue = child.props.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name || elementId,\n        onChange: (evt, isChecked, newValue) =>\n          onChildChangeInterceptor(child.props.onChange, evt, isChecked, newValue),\n        inputProps: {\n          ...child.props.inputProps,\n          // set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, elementId, name, onChildChangeInterceptor, readOnly, required, value]);\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={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel id={setId(elementId, \"label\")} label={label} className={clsx(classes.label)} />\n      )}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>{description}</HvInfoMessage>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: status === \"invalid\",\n        })}\n        {...others}\n      >\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadioGroup.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 radio button group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the radio button group 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   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: 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 radio buttons.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input 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 `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the radio group.\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 whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The radio buttons that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual radio button onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvRadioGroup\" })(HvRadioGroup);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,aAAT,EAAwBC,OAAxB,EAAiCC,aAAjC,EAAgDC,aAAhD,EAA+DC,WAA/D,QAAkF,IAAlF;AAEA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,UAArC;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,QAAD,EAAc;EACjD,IAAMC,aAAa,GAAGhB,KAAK,CAACiB,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAtB;EACA,IAAMI,aAAa,GAAGH,aAAa,CAACI,MAApC;;EACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,KAAKF,aAAtB,EAAqCE,CAAC,IAAI,CAA1C,EAA6C;IAC3C,IAAMC,KAAK,GAAGN,aAAa,CAACK,CAAD,CAA3B;IAEA,IAAME,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,OAAZ,KAAwBC,SAAlD;IACA,IAAMC,eAAe,GAAGJ,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,OAAf,GAAyBH,KAAK,CAACE,KAAN,CAAYI,cAA9E;;IAEA,IAAID,eAAJ,EAAqB;MACnB,OAAOL,KAAK,CAACE,KAAN,CAAYK,KAAnB;IACD;EACF;;EAED,OAAO,IAAP;AACD,CAfD;AAiBA;AACA;AACA;AACA;AACA;;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACN,KAAD,EAAW;EAC9B,IACEO,OADF,GA6BIP,KA7BJ,CACEO,OADF;EAAA,IAEEC,SAFF,GA6BIR,KA7BJ,CAEEQ,SAFF;EAAA,IAIEC,EAJF,GA6BIT,KA7BJ,CAIES,EAJF;EAAA,IAKEC,IALF,GA6BIV,KA7BJ,CAKEU,IALF;EAAA,IAMSC,SANT,GA6BIX,KA7BJ,CAMEK,KANF;EAAA,IAOEO,YAPF,GA6BIZ,KA7BJ,CAOEY,YAPF;EAAA,sBA6BIZ,KA7BJ,CASEa,QATF;EAAA,IASEA,QATF,gCASa,KATb;EAAA,sBA6BIb,KA7BJ,CAUEc,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,sBA6BId,KA7BJ,CAWEe,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,IAaEC,KAbF,GA6BIhB,KA7BJ,CAaEgB,KAbF;EAAA,IAcgBC,SAdhB,GA6BIjB,KA7BJ,CAcE,YAdF;EAAA,IAeqBkB,cAfrB,GA6BIlB,KA7BJ,CAeE,iBAfF;EAAA,IAgBEmB,WAhBF,GA6BInB,KA7BJ,CAgBEmB,WAhBF;EAAA,IAiBsBC,eAjBtB,GA6BIpB,KA7BJ,CAiBE,kBAjBF;EAAA,IAmBEqB,QAnBF,GA6BIrB,KA7BJ,CAmBEqB,QAnBF;EAAA,IAqBEC,MArBF,GA6BItB,KA7BJ,CAqBEsB,MArBF;EAAA,IAsBEC,aAtBF,GA6BIvB,KA7BJ,CAsBEuB,aAtBF;EAAA,IAuBuBC,gBAvBvB,GA6BIxB,KA7BJ,CAuBE,mBAvBF;EAAA,yBA6BIA,KA7BJ,CAyBEyB,WAzBF;EAAA,IAyBEA,WAzBF,mCAyBgB,UAzBhB;EAAA,IA2BElC,QA3BF,GA6BIS,KA7BJ,CA2BET,QA3BF;EAAA,IA4BKmC,MA5BL,4BA6BI1B,KA7BJ;;EA+BA,IAAM2B,SAAS,GAAGzC,WAAW,CAACuB,EAAD,EAAK,cAAL,CAA7B;;EAEA,qBAA0BrB,aAAa,CACrCuB,SADqC,EAErCC,YAAY,KAAKV,SAAjB,GACIU,YADJ,GAEI;EACA;EACA;IAAA,OAAMtB,4BAA4B,CAACC,QAAD,CAAlC;EAAA,CANiC,CAAvC;EAAA;EAAA,IAAOc,KAAP;EAAA,IAAcuB,QAAd;;EASA,IAAMC,wBAAwB,GAAGpD,WAAW,CAC1C,UAACqD,aAAD,EAAgBC,GAAhB,EAAqBC,SAArB,EAAgCC,QAAhC,EAA6C;IAC3CH,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGC,GAAH,EAAQC,SAAR,EAAmBC,QAAnB,CAAb;IAEAZ,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,GAAH,EAAQE,QAAR,CAAR;IAEAL,QAAQ,CAACK,QAAD,CAAR;EACD,CAPyC,EAQ1C,CAACZ,QAAD,EAAWO,QAAX,CAR0C,CAA5C;EAWA,IAAMM,gBAAgB,GAAGxD,OAAO,CAAC,YAAM;IACrC,OAAOF,KAAK,CAACiB,QAAN,CAAe0C,GAAf,CAAmB5C,QAAnB,EAA6B,UAACO,KAAD,EAAW;MAAA;;MAC7C,IAAMsC,UAAU,yBAAGtC,KAAK,CAACE,KAAN,CAAYK,KAAf,mEAAwB,IAAxC;MAEA,IAAMF,eAAe,GAAGiC,UAAU,KAAK/B,KAAvC;MAEA,oBAAO7B,KAAK,CAAC6D,YAAN,CAAmBvC,KAAnB,EAA0B;QAC/BG,OAAO,EAAEE,eADsB;QAE/BO,IAAI,EAAEZ,KAAK,CAACE,KAAN,CAAYU,IAAZ,IAAoBA,IAApB,IAA4BiB,SAFH;QAG/BN,QAAQ,EAAE,kBAACU,GAAD,EAAMC,SAAN,EAAiBC,QAAjB;UAAA,OACRJ,wBAAwB,CAAC/B,KAAK,CAACE,KAAN,CAAYqB,QAAb,EAAuBU,GAAvB,EAA4BC,SAA5B,EAAuCC,QAAvC,CADhB;QAAA,CAHqB;QAK/BK,UAAU,kCACLxC,KAAK,CAACE,KAAN,CAAYsC,UADP;UAER;UACA;UACA;UACAzB,QAAQ,EAARA;QALQ,EALqB;QAY/BE,QAAQ,EAAEA,QAAQ,IAAIjB,KAAK,CAACE,KAAN,CAAYe,QAZH;QAa/BD,QAAQ,EAAEA,QAAQ,IAAIhB,KAAK,CAACE,KAAN,CAAYc;MAbH,CAA1B,CAAP;IAeD,CApBM,CAAP;EAqBD,CAtB+B,EAsB7B,CAACvB,QAAD,EAAWwB,QAAX,EAAqBY,SAArB,EAAgCjB,IAAhC,EAAsCmB,wBAAtC,EAAgEf,QAAhE,EAA0ED,QAA1E,EAAoFR,KAApF,CAtB6B,CAAhC,CAtD8B,CA8E9B;EACA;EACA;EACA;;EACA,IAAMkC,YAAY,GAChBf,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKpB,SAAX,IAAwBqB,aAAa,KAAKrB,SAA3C,IAA0DoB,MAAM,KAAKpB,SAAX,IAAwBW,QADnF,CADF;EAIA,IAAM2B,cAAc,GAAGD,YAAY,GAAGpD,KAAK,CAACwC,SAAD,EAAY,OAAZ,CAAR,GAA+BH,gBAAlE;EAEA,oBACE,oBAAC,aAAD;IACE,EAAE,EAAEf,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEY,MAAM,IAAI,SAHpB;IAIE,QAAQ,EAAEP,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAElC,IAAI,CAAC4B,SAAD,EAAYD,OAAO,CAACkC,IAApB;EAPjB,GASGzB,KAAK,iBACJ,oBAAC,OAAD;IAAS,EAAE,EAAE7B,KAAK,CAACwC,SAAD,EAAY,OAAZ,CAAlB;IAAwC,KAAK,EAAEX,KAA/C;IAAsD,SAAS,EAAEpC,IAAI,CAAC2B,OAAO,CAACS,KAAT;EAArE,EAVJ,EAYGG,WAAW,iBACV,oBAAC,aAAD;IAAe,EAAE,EAAEhC,KAAK,CAACwC,SAAD,EAAY,aAAZ;EAAxB,GAAqDR,WAArD,CAbJ,eAeE;IACE,IAAI,EAAC,YADP;IAEE,cAAYF,SAFd;IAGE,mBAAiBC,cAAc,IAAKF,KAAK,IAAI7B,KAAK,CAACwC,SAAD,EAAY,OAAZ,CAHpD;IAIE,gBAAcL,MAAM,KAAK,SAAX,GAAuB,IAAvB,GAA8BpB,SAJ9C;IAKE,qBAAmBoB,MAAM,KAAK,SAAX,GAAuBkB,cAAvB,GAAwCtC,SAL7D;IAME,oBACE,CAACiB,WAAW,IAAIhC,KAAK,CAACwC,SAAD,EAAY,aAAZ,CAArB,EAAiDP,eAAjD,EAAkEsB,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACAzC,SARJ;IAUE,SAAS,EAAEtB,IAAI,CAAC2B,OAAO,CAACqC,KAAT;MACuB,UADvB,EACZrC,OAAO,CAACsC,QADI;MAEyB,YAFzB,EAEZtC,OAAO,CAACuC;IAFI,EACOrB,WADP,GAGMH,MAAM,KAAK,SAHjB,IAGZf,OAAO,CAACwC,OAHI;EAVjB,GAeMrB,MAfN,GAiBGQ,gBAjBH,CAfF,EAkCGK,YAAY,iBACX,oBAAC,aAAD;IAAe,EAAE,EAAEpD,KAAK,CAACwC,SAAD,EAAY,OAAZ,CAAxB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAEpB,OAAO,CAACyC;EAA/E,GACGzB,aADH,CAnCJ,CADF;AA0CD,CAlID;;AAoIA,wCAAAjB,YAAY,CAAC2C,SAAb,GAAyB;EACvB;AACF;AACA;EACEzC,SAAS,EAAE7B,SAAS,CAACuE,MAJE;;EAKvB;AACF;AACA;EACE3C,OAAO,EAAE5B,SAAS,CAACwE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAE9D,SAAS,CAACuE,MAJO;;IAKvB;AACJ;AACA;IACIlC,KAAK,EAAErC,SAAS,CAACuE,MARM;;IASvB;AACJ;AACA;IACIN,KAAK,EAAEjE,SAAS,CAACuE,MAZM;;IAavB;AACJ;AACA;IACIL,QAAQ,EAAElE,SAAS,CAACuE,MAhBG;;IAiBvB;AACJ;AACA;IACIJ,UAAU,EAAEnE,SAAS,CAACuE,MApBC;;IAqBvB;AACJ;AACA;IACIH,OAAO,EAAEpE,SAAS,CAACuE,MAxBI;;IAyBvB;AACJ;AACA;IACIF,KAAK,EAAErE,SAAS,CAACuE;EA5BM,CAAhB,EA6BNE,UArCoB;;EAuCvB;AACF;AACA;EACE3C,EAAE,EAAE9B,SAAS,CAACuE,MA1CS;;EA4CvB;AACF;AACA;AACA;EACExC,IAAI,EAAE/B,SAAS,CAACuE,MAhDO;;EAiDvB;AACF;AACA;AACA;AACA;EACE;EACA7C,KAAK,EAAE1B,SAAS,CAAC0E,GAvDM;;EAwDvB;AACF;AACA;EACE;EACAzC,YAAY,EAAEjC,SAAS,CAAC0E,GA5DD;;EA8DvB;AACF;AACA;AACA;AACA;AACA;EACErC,KAAK,EAAErC,SAAS,CAAC2E,IApEM;;EAqEvB;AACF;AACA;EACE,cAAc3E,SAAS,CAACuE,MAxED;;EAyEvB;AACF;AACA;EACE,mBAAmBvE,SAAS,CAACuE,MA5EN;;EA6EvB;AACF;AACA;EACE/B,WAAW,EAAExC,SAAS,CAAC2E,IAhFA;;EAiFvB;AACF;AACA;EACE,oBAAoB3E,SAAS,CAACuE,MApFP;;EAsFvB;AACF;AACA;AACA;EACEnC,QAAQ,EAAEpC,SAAS,CAAC4E,IA1FG;;EA2FvB;AACF;AACA;AACA;EACEzC,QAAQ,EAAEnC,SAAS,CAAC4E,IA/FG;;EAgGvB;AACF;AACA;AACA;EACE1C,QAAQ,EAAElC,SAAS,CAAC4E,IApGG;;EAsGvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEjC,MAAM,EAAE3C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA9Ge;;EA+GvB;AACF;AACA;EACEjC,aAAa,EAAE5C,SAAS,CAAC2E,IAlHF;;EAmHvB;AACF;AACA;AACA;AACA;EACE,qBAAqB3E,SAAS,CAACuE,MAxHR;;EA0HvB;AACF;AACA;EACE7B,QAAQ,EAAE1C,SAAS,CAAC8E,IA7HG;;EA+HvB;AACF;AACA;AACA;AACA;EACEhC,WAAW,EAAE9C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CApIU;;EAsIvB;AACF;AACA;AACA;AACA;AACA;EACEjE,QAAQ,EAAEZ,SAAS,CAAC2E;AA5IG,CAAzB;AA+IA,eAAezE,UAAU,CAACQ,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6CJ,YAA7C,CAAf"}
+{"version":3,"file":"RadioGroup.js","names":["React","useCallback","useMemo","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","setId","useControlled","styles","getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","others","elementId","setValue","onChildChangeInterceptor","childOnChange","evt","isChecked","newValue","modifiedChildren","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","any","node","bool","oneOf","func"],"sources":["../../../src/RadioGroup/RadioGroup.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getValueFromSelectedChildren = (children) => {\n  const childrenArray = React.Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child = childrenArray[i];\n\n    const childIsControlled = child.props.checked !== undefined;\n    const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n    if (childIsSelected) {\n      return child.props.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nconst HvRadioGroup = (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    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\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)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (childOnChange, evt, isChecked, newValue) => {\n      childOnChange?.(evt, isChecked, newValue);\n\n      onChange?.(evt, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child) => {\n      const childValue = child.props.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name || elementId,\n        onChange: (evt, isChecked, newValue) =>\n          onChildChangeInterceptor(child.props.onChange, evt, isChecked, newValue),\n        inputProps: {\n          ...child.props.inputProps,\n          // set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, elementId, name, onChildChangeInterceptor, readOnly, required, value]);\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={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel id={setId(elementId, \"label\")} label={label} className={clsx(classes.label)} />\n      )}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>{description}</HvInfoMessage>\n      )}\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: status === \"invalid\",\n        })}\n        {...others}\n      >\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadioGroup.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 radio button group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the radio button group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the radio button group 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   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: 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 radio buttons.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input 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 `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the radio group.\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 whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The radio buttons that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual radio button onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvRadioGroup\" })(HvRadioGroup);\n"],"mappings":"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"}

package/dist/legacy/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js

@@ -1,16 +1,30 @@
-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 = ["id", "className", "classes", "selected", "children", "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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId } from "../../..";
 import styles from "./styles";
 /**
  * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 var HvHorizontalScrollListItem = function HvHorizontalScrollListItem(props) {
   var id = props.id,
       className = props.className,
@@ -26,23 +40,27 @@ var HvHorizontalScrollListItem = function HvHorizontalScrollListItem(props) {
   var labelId = setId(id, "label");
   var buttonId = setId(id, "button");
   var Tooltip = tooltipWrapper;
-  return /*#__PURE__*/React.createElement("li", {
+  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-labelledby": labelId
-  }, others), /*#__PURE__*/React.createElement(Tooltip, {
-    id: labelId,
-    className: clsx(classes.text, selected && classes.selected),
-    variant: variant
-  }, children)));
+    "aria-current": selected,
+    children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      id: buttonId,
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      className: classes.button,
+      "aria-labelledby": labelId
+    }, others), {}, {
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        id: labelId,
+        className: clsx(classes.text, selected && classes.selected),
+        variant: variant,
+        children: children
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvHorizontalScrollListItem.propTypes = {

package/dist/legacy/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollListItem.js","names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","name"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\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  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-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.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  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\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: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","name"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\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  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-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.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  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\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: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":"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"}

package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import React from "react";
 import { HvScrollToTooltipPositions } from "../tooltipPositions";
 

package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.js

@@ -1,18 +1,31 @@
-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 = ["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/es.array.map.js";
+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 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 HorizontalScrollListItem from "./HorizontalScrollListItem";
 import styles from "./styles";
 import useScrollTo from "../useScrollTo";
 import addTooltipToElement from "../withTooltip";
 import { useUniqueId, setId } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Enter = KeyboardCodes.Enter;
 /**
  * HorizontalScrollTo element used to quickly navigate in a page.
@@ -64,7 +77,7 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/React.createElement(HorizontalScrollListItem, {
+    return /*#__PURE__*/_jsx(HorizontalScrollListItem, {
       id: setId(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -78,16 +91,18 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
       },
       tooltipWrapper: tooltipWrapper,
       selected: selected,
-      key: option.key || option.label
-    }, option.label);
+      children: option.label
+    }, option.key || option.label);
   });
-  return /*#__PURE__*/React.createElement("ol", _extends({
+  return /*#__PURE__*/_jsx("ol", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, {
       "sticky": classes.positionSticky,
       "fixed": classes.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {

package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToHorizontal.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionSticky","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"sources":["../../../../src/ScrollTo/Horizontal/ScrollToHorizontal.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 HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (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 = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\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, \"p\", tooltipPosition);\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      <HorizontalScrollListItem\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      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.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    positionSticky: 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 Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"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: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToHorizontal.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionSticky","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","name"],"sources":["../../../../src/ScrollTo/Horizontal/ScrollToHorizontal.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 HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (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 = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\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, \"p\", tooltipPosition);\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      <HorizontalScrollListItem\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      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.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    positionSticky: 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 Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"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: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}

package/dist/legacy/ScrollTo/Vertical/ScrollToVertical.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import React from "react";
 import { HvScrollToTooltipPositions } from "../tooltipPositions";
 

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

@@ -1,18 +1,31 @@
-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 = ["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/es.array.map.js";
+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 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";
 var Enter = KeyboardCodes.Enter;
 /**
  * VerticalScrollTo element used to quickly navigate in a page.
@@ -66,7 +79,7 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/React.createElement(VerticalScrollListItem, {
+    return /*#__PURE__*/_jsx(VerticalScrollListItem, {
       id: setId(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -80,17 +93,18 @@ var HvScrollToVertical = function 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 = {