@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/BaseInput/validations.js.map

@@ -1 +1 @@
-{"version":3,"file":"validations.js","names":["validationStates","isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"sources":["../../../src/BaseInput/validations.js"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"mappings":"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"}
+{"version":3,"file":"validations.js","names":["validationStates","isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"sources":["../../../src/BaseInput/validations.js"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"mappings":"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"}

package/dist/modern/BaseRadio/BaseRadio.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "semantic", "inputProps", "onFocusVisible", "onBlur"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -33,33 +29,32 @@ export const getSelectorIcons = (classes, options) => {
     })
   };
 };
+
 /**
  * A Radio Button is a mechanism that allows user to select one or more options.
  *
  * The Base Radio Button is a building block of the Radio Button form element. Don't
  * use unless implementing a custom use case not covered by the Radio Button form element.
  */
-
 const HvBaseRadio = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value = "on",
-    required = false,
-    readOnly = false,
-    disabled = false,
-    checked,
-    defaultChecked,
-    onChange,
-    semantic = false,
-    inputProps,
-    onFocusVisible,
-    onBlur
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value = "on",
+      required = false,
+      readOnly = false,
+      disabled = false,
+      checked,
+      defaultChecked,
+      onChange,
+      semantic = false,
+      inputProps,
+      onFocusVisible,
+      onBlur
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const [focusVisible, setFocusVisible] = useState(false);
   const onFocusVisibleCallback = useCallback(evt => {
     setFocusVisible(true);
@@ -77,7 +72,6 @@ const HvBaseRadio = props => {
     if (readOnly) {
       return;
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
   return /*#__PURE__*/_jsx(Radio, _objectSpread({
@@ -100,13 +94,11 @@ const HvBaseRadio = props => {
     onBlur: onBlurCallback
   }, others));
 };
-
 process.env.NODE_ENV !== "production" ? HvBaseRadio.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the radio button.
    */
@@ -115,28 +107,23 @@ process.env.NODE_ENV !== "production" ? HvBaseRadio.propTypes = {
      * Styles applied to the component.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the radio button when it is disabled.
      */
     disabled: PropTypes.string,
-
     /**
      * Class applied to the root element if keyboard focused.
      */
     focusVisible: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * The input name.
    */
   name: PropTypes.string,
-
   /**
    * The value of the input.
    *
@@ -144,55 +131,45 @@ process.env.NODE_ENV !== "production" ? HvBaseRadio.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
-
   /**
    * Indicates that user input is required.
    */
   required: PropTypes.bool,
-
   /**
    * Indicates that the input is not editable.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that the input is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true` the radio button is selected, if set to `false` the radio button is not selected.
    *
    * When defined the radio button state becomes controlled.
    */
   checked: PropTypes.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * The callback fired when the radio button is pressed.
    */
   onChange: PropTypes.func,
-
   /**
    * Whether the selector should use semantic colors.
    */
   semantic: PropTypes.bool,
-
   /**
    * Properties passed on to the input element.
    */
   inputProps: PropTypes.instanceOf(Object),
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: PropTypes.func,
-
   /**
    * @ignore
    */

package/dist/modern/BaseRadio/BaseRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.js","names":["React","useState","useCallback","PropTypes","clsx","Radio","withStyles","RadioButtonUnselected","RadioButtonSelected","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (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    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\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 icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 when it is disabled.\n     */\n    disabled: 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 root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input 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 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: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}
+{"version":3,"file":"BaseRadio.js","names":["React","useState","useCallback","PropTypes","clsx","Radio","withStyles","RadioButtonUnselected","RadioButtonSelected","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (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    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\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 icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 when it is disabled.\n     */\n    disabled: 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 root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input 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 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: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BaseRadio/index.js"],"sourcesContent":["export { default } from \"./BaseRadio\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BaseRadio/index.js"],"sourcesContent":["export { default } from \"./BaseRadio\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}

package/dist/modern/BaseRadio/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
-
 const styles = theme => ({
   root: {
     padding: 0,
@@ -33,6 +29,5 @@ const styles = theme => ({
     }, outlineStyles)
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/BaseRadio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible"],"sources":["../../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,SAFJ;IAGJ,WAAW;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC,CAHP;IAMJC,YAAY,EAAE;EANV,CADmB;EASzBC,QAAQ,EAAE;IACR;IACA,UAAU;MACRP,MAAM,EAAE,aADA;MAERQ,aAAa,EAAE;IAFP,CAFF;IAMR,SAAS;MACP,uBAAuB;QACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;MADb;IADhB;EAND,CATe;EAsBzBC,YAAY,EAAE;IACZ;MACEL,YAAY,EAAE;IADhB,GAEKX,aAFL;EADY;AAtBW,CAAZ,CAAf;;AA8BA,eAAeC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible"],"sources":["../../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IAC/C,CAAC;IACDC,YAAY,EAAE;EAChB,CAAC;EACDC,QAAQ,EAAE;IACR;IACA,QAAQ,EAAE;MACRP,MAAM,EAAE,aAAa;MACrBQ,aAAa,EAAE;IACjB,CAAC;IACD,OAAO,EAAE;MACP,qBAAqB,EAAE;QACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,UAAU,CAACM;MACpC;IACF;EACF,CAAC;EAEDC,YAAY,EAAE;IACZ,OAAO;MACLL,YAAY,EAAE;IAAK,GAChBX,aAAa;EAEpB;AACF,CAAC,CAAC;AAEF,eAAeC,MAAM"}

package/dist/modern/BaseSwitch/BaseSwitch.js

@@ -1,46 +1,40 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "inputProps", "onFocusVisible", "onBlur"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { Switch } from "@mui/material";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
+
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
  *
  * The Base Switch is a building block of the Switch form element. Don't use unless
  * implementing a custom use case not covered by the Switch form element.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvBaseSwitch = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value = "on",
-    required = false,
-    readOnly = false,
-    disabled = false,
-    checked,
-    defaultChecked,
-    onChange,
-    inputProps,
-    onFocusVisible,
-    onBlur
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value = "on",
+      required = false,
+      readOnly = false,
+      disabled = false,
+      checked,
+      defaultChecked,
+      onChange,
+      inputProps,
+      onFocusVisible,
+      onBlur
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const [focusVisible, setFocusVisible] = useState(false);
   const onFocusVisibleCallback = useCallback(evt => {
     setFocusVisible(true);
@@ -54,7 +48,6 @@ const HvBaseSwitch = props => {
     if (readOnly) {
       return;
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
   return /*#__PURE__*/_jsx(Switch, _objectSpread({
@@ -83,13 +76,11 @@ const HvBaseSwitch = props => {
     onBlur: onBlurCallback
   }, others));
 };
-
 process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the switch.
    */
@@ -98,58 +89,47 @@ process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
      * Styles applied to the component.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the switch when it is disabled.
      */
     disabled: PropTypes.string,
-
     /**
      * Styles applied to the switch when it is in read only mode.
      */
     readOnly: PropTypes.string,
-
     /**
      * Styles applied to the internal Switch component's root class.
      */
     switch: PropTypes.string,
-
     /**
      * Styles applied to the internal SwitchBase component's root class.
      */
     switchBase: PropTypes.string,
-
     /**
      * Pseudo-class applied to the internal SwitchBase component's checked class.
      */
     checked: PropTypes.string,
-
     /**
      * Styles applied to the track element.
      */
     track: PropTypes.string,
-
     /**
      * Styles used to create the thumb passed to the internal SwitchBase component icon prop.
      */
     thumb: PropTypes.string,
-
     /**
      * Class applied to the root element if keyboard focused.
      */
     focusVisible: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * The input name.
    */
   name: PropTypes.string,
-
   /**
    * The value of the input.
    *
@@ -160,50 +140,41 @@ process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
-
   /**
    * Indicates that user input is required.
    */
   required: PropTypes.bool,
-
   /**
    * Indicates that the input is not editable.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that the input is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true` the switch is selected, if set to `false` the switch is not selected.
    *
    * When defined the switch state becomes controlled.
    */
   checked: PropTypes.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * The callback fired when the switch is pressed.
    */
   onChange: PropTypes.func,
-
   /**
    * Properties passed on to the input element.
    */
   inputProps: PropTypes.instanceOf(Object),
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: PropTypes.func,
-
   /**
    * @ignore
    */

package/dist/modern/BaseSwitch/BaseSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\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 onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.readOnly]: readOnly,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is in read only mode.\n     */\n    readOnly: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: 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 root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch 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 callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\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: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}
+{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\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 onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.readOnly]: readOnly,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is in read only mode.\n     */\n    readOnly: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: 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 root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch 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 callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\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: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BaseSwitch/index.js"],"sourcesContent":["export { default } from \"./BaseSwitch\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BaseSwitch/index.js"],"sourcesContent":["export { default } from \"./BaseSwitch\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}

package/dist/modern/BaseSwitch/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
 const switchWidth = 32;
 const thumbPosition = {
@@ -12,7 +9,6 @@ const thumbPosition = {
   width: 12,
   height: 12
 };
-
 const styles = theme => ({
   root: {
     padding: 0,
@@ -80,6 +76,5 @@ const styles = theme => ({
     borderRadius: "8px"
   }, outlineStyles)
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map