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

package/dist/Radio/Radio.js

@@ -33,8 +33,6 @@ exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -47,7 +45,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
@@ -55,7 +53,9 @@ var _validationStates = require("../Forms/FormElement/validationStates");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
 
@@ -145,7 +145,7 @@ var HvRadio = function HvRadio(props) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  var radio = /*#__PURE__*/_react.default.createElement(_.HvBaseRadio, (0, _extends2.default)({
+  var radio = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseRadio, _objectSpread({
     id: label ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
     name: name,
     className: (0, _clsx.default)(classes.radio, isStateInvalid && classes.invalidRadio),
@@ -165,26 +165,28 @@ var HvRadio = function HvRadio(props) {
     onFocusVisible: onFocusVisibleCallback,
     onBlur: onBlurCallback
   }, others));
-
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: status || "standBy",
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: (0, _clsx.default)(className, classes.root)
-  }, hasLabel ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.container, disabled && classes.disabled, focusVisible && label && classes.focusVisible, isStateInvalid && classes.invalidContainer)
-  }, radio, /*#__PURE__*/_react.default.createElement(_.HvLabel, (0, _extends2.default)({
-    id: (0, _utils.setId)(elementId, "label"),
-    htmlFor: (0, _utils.setId)(elementId, "input"),
-    label: label,
-    className: (0, _clsx.default)(classes.label)
-  }, labelProps))) : radio, canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableBorder: true
-  }, statusMessage));
+    className: (0, _clsx.default)(className, classes.root),
+    children: [hasLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.container, disabled && classes.disabled, focusVisible && label && classes.focusVisible, isStateInvalid && classes.invalidContainer),
+      children: [radio, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, _objectSpread({
+        id: (0, _utils.setId)(elementId, "label"),
+        htmlFor: (0, _utils.setId)(elementId, "input"),
+        label: label,
+        className: (0, _clsx.default)(classes.label)
+      }, labelProps))]
+    }) : radio, canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableBorder: true,
+      children: statusMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
@@ -363,7 +365,7 @@ process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
   onBlur: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvRadio"
 })(HvRadio);
 

package/dist/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["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","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","radio","clsx","invalidRadio","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"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":["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","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","radio","clsx","invalidRadio","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"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/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/RadioGroup/RadioGroup.js

@@ -27,8 +27,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -57,13 +55,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 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", "children"];
 
@@ -170,36 +170,41 @@ var HvRadioGroup = function HvRadioGroup(props) {
 
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   var errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: status || "standBy",
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: (0, _clsx.default)(className, classes.root)
-  }, label && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _utils.setId)(elementId, "label"),
-    label: label,
-    className: (0, _clsx.default)(classes.label)
-  }), description && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _utils.setId)(elementId, "description")
-  }, description), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    role: "radiogroup",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy || label && (0, _utils.setId)(elementId, "label"),
-    "aria-invalid": status === "invalid" ? true : undefined,
-    "aria-errormessage": status === "invalid" ? errorMessageId : undefined,
-    "aria-describedby": [description && (0, _utils.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    className: (0, _clsx.default)(classes.group, {
-      "vertical": classes.vertical,
-      "horizontal": classes.horizontal
-    }[orientation], status === "invalid" && classes.invalid)
-  }, others), modifiedChildren), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, statusMessage));
+    className: (0, _clsx.default)(className, classes.root),
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+      id: (0, _utils.setId)(elementId, "label"),
+      label: label,
+      className: (0, _clsx.default)(classes.label)
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInfoMessage, {
+      id: (0, _utils.setId)(elementId, "description"),
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy || label && (0, _utils.setId)(elementId, "label"),
+      "aria-invalid": status === "invalid" ? true : undefined,
+      "aria-errormessage": status === "invalid" ? errorMessageId : undefined,
+      "aria-describedby": [description && (0, _utils.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      className: (0, _clsx.default)(classes.group, {
+        "vertical": classes.vertical,
+        "horizontal": classes.horizontal
+      }[orientation], status === "invalid" && classes.invalid)
+    }, others), {}, {
+      children: modifiedChildren
+    })), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: statusMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvRadioGroup.propTypes = {
@@ -362,7 +367,7 @@ process.env.NODE_ENV !== "production" ? HvRadioGroup.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvRadioGroup"
 })(HvRadioGroup);
 

package/dist/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["getValueFromSelectedChildren","children","childrenArray","React","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","useUniqueId","useControlled","setValue","onChildChangeInterceptor","useCallback","childOnChange","evt","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","clsx","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","any","node","bool","oneOf","func","withStyles","styles"],"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":"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"}
+{"version":3,"file":"RadioGroup.js","names":["getValueFromSelectedChildren","children","childrenArray","React","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","useUniqueId","useControlled","setValue","onChildChangeInterceptor","useCallback","childOnChange","evt","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","clsx","root","join","trim","group","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","any","node","bool","oneOf","func","withStyles","styles"],"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/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,14 +31,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("../../..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 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) { (0, _defineProperty2.default)(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; }
+
 /**
  * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll
  */
@@ -42,23 +62,27 @@ var HvHorizontalScrollListItem = function HvHorizontalScrollListItem(props) {
   var labelId = (0, _.setId)(id, "label");
   var buttonId = (0, _.setId)(id, "button");
   var Tooltip = tooltipWrapper;
-  return /*#__PURE__*/_react.default.createElement("li", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
     id: id,
     className: (0, _clsx.default)(className, classes.root),
-    "aria-current": selected
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    id: buttonId,
-    role: "button",
-    tabIndex: 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    className: classes.button,
-    "aria-labelledby": labelId
-  }, others), /*#__PURE__*/_react.default.createElement(Tooltip, {
-    id: labelId,
-    className: (0, _clsx.default)(classes.text, selected && classes.selected),
-    variant: variant
-  }, children)));
+    "aria-current": selected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      id: buttonId,
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      className: classes.button,
+      "aria-labelledby": labelId
+    }, others), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+        id: labelId,
+        className: (0, _clsx.default)(classes.text, selected && classes.selected),
+        variant: variant,
+        children: children
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvHorizontalScrollListItem.propTypes = {
@@ -123,7 +147,7 @@ process.env.NODE_ENV !== "production" ? HvHorizontalScrollListItem.propTypes = {
   onKeyDown: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHorizontalScrollListItem"
 })(HvHorizontalScrollListItem);
 

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","withStyles","styles","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":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAW;EAC5C,IACEC,EADF,GAUID,KAVJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAUIF,KAVJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAUIH,KAVJ,CAGEG,OAHF;EAAA,IAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;EAAA,IAKEC,QALF,GAUIL,KAVJ,CAKEK,QALF;EAAA,IAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;EAAA,IAOEC,SAPF,GAUIP,KAVJ,CAOEO,SAPF;EAAA,IAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;EAAA,IASKC,MATL,0CAUIT,KAVJ;EAWA,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,IAAMO,OAAO,GAAG,IAAAC,OAAA,EAAMX,EAAN,EAAU,OAAV,CAAhB;EACA,IAAMY,QAAQ,GAAG,IAAAD,OAAA,EAAMX,EAAN,EAAU,QAAV,CAAjB;EACA,IAAMa,OAAO,GAAGN,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAE,IAAAc,aAAA,EAAKb,SAAL,EAAgBC,OAAO,CAACa,IAAxB,CAAvB;IAAsD,gBAAcZ;EAApE,gBACE;IACE,EAAE,EAAES,QADN;IAEE,IAAI,EAAC,QAFP;IAGE,QAAQ,EAAE,CAHZ;IAIE,OAAO,EAAEP,OAJX;IAKE,SAAS,EAAEC,SALb;IAME,SAAS,EAAEJ,OAAO,CAACc,MANrB;IAOE,mBAAiBN;EAPnB,GAQMF,MARN,gBAUE,6BAAC,OAAD;IACE,EAAE,EAAEE,OADN;IAEE,SAAS,EAAE,IAAAI,aAAA,EAAKZ,OAAO,CAACe,IAAb,EAAyCd,QAAzC,IAAsBD,OAAO,CAACC,QAA9B,CAFb;IAGE,OAAO,EAAEM;EAHX,GAKGL,QALH,CAVF,CADF,CADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACoB,SAA3B,GAAuC;EACrC;AACF;AACA;EACElB,EAAE,EAAEmB,kBAAA,CAAUC,MAJuB;;EAKrC;AACF;AACA;EACEnB,SAAS,EAAEkB,kBAAA,CAAUC,MARgB;;EASrC;AACF;AACA;EACElB,OAAO,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIjB,QAAQ,EAAEgB,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUC,MAZO;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEG,kBAAA,CAAUC;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAjCiB;;EAkCrC;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEf,cAAc,EAAEY,kBAAA,CAAUM,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEjB,OAAO,EAAEc,kBAAA,CAAUM,IA7CkB;;EA8CrC;AACF;AACA;EACEnB,SAAS,EAAEa,kBAAA,CAAUM;AAjDgB,CAAvC;;eAoDe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EACb9B,0BADa,C"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","withStyles","styles","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAW;EAC5C,IACEC,EADF,GAUID,KAVJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAUIF,KAVJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAUIH,KAVJ,CAGEG,OAHF;EAAA,IAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;EAAA,IAKEC,QALF,GAUIL,KAVJ,CAKEK,QALF;EAAA,IAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;EAAA,IAOEC,SAPF,GAUIP,KAVJ,CAOEO,SAPF;EAAA,IAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;EAAA,IASKC,MATL,0CAUIT,KAVJ;EAWA,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,IAAMO,OAAO,GAAG,IAAAC,OAAA,EAAMX,EAAN,EAAU,OAAV,CAAhB;EACA,IAAMY,QAAQ,GAAG,IAAAD,OAAA,EAAMX,EAAN,EAAU,QAAV,CAAjB;EACA,IAAMa,OAAO,GAAGN,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAE,IAAAc,aAAA,EAAKb,SAAL,EAAgBC,OAAO,CAACa,IAAxB,CAAvB;IAAsD,gBAAcZ,QAApE;IAAA,uBACE;MACE,EAAE,EAAES,QADN;MAEE,IAAI,EAAC,QAFP;MAGE,QAAQ,EAAE,CAHZ;MAIE,OAAO,EAAEP,OAJX;MAKE,SAAS,EAAEC,SALb;MAME,SAAS,EAAEJ,OAAO,CAACc,MANrB;MAOE,mBAAiBN;IAPnB,GAQMF,MARN;MAAA,uBAUE,qBAAC,OAAD;QACE,EAAE,EAAEE,OADN;QAEE,SAAS,EAAE,IAAAI,aAAA,EAAKZ,OAAO,CAACe,IAAb,EAAyCd,QAAzC,IAAsBD,OAAO,CAACC,QAA9B,CAFb;QAGE,OAAO,EAAEM,OAHX;QAAA,UAKGL;MALH;IAVF;EADF,EADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACoB,SAA3B,GAAuC;EACrC;AACF;AACA;EACElB,EAAE,EAAEmB,kBAAA,CAAUC,MAJuB;;EAKrC;AACF;AACA;EACEnB,SAAS,EAAEkB,kBAAA,CAAUC,MARgB;;EASrC;AACF;AACA;EACElB,OAAO,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIjB,QAAQ,EAAEgB,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUC,MAZO;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEG,kBAAA,CAAUC;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAjCiB;;EAkCrC;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEf,cAAc,EAAEY,kBAAA,CAAUM,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEjB,OAAO,EAAEc,kBAAA,CAAUM,IA7CkB;;EA8CrC;AACF;AACA;EACEnB,SAAS,EAAEa,kBAAA,CAAUM;AAjDgB,CAAvC;;eAoDe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EACb9B,0BADa,C"}

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