@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/CheckBox/CheckBox.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("..");
 
@@ -57,7 +55,9 @@ var _utils = require("../utils");
 
 var _BaseCheckBox = _interopRequireDefault(require("../BaseCheckBox"));
 
-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", "indeterminate", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
 
@@ -173,7 +173,7 @@ var HvCheckBox = function HvCheckBox(props) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  var checkbox = /*#__PURE__*/_react.default.createElement(_BaseCheckBox.default, (0, _extends2.default)({
+  var checkbox = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseCheckBox.default, _objectSpread({
     id: hasLabel ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
     name: name,
     className: (0, _clsx.default)(classes.checkbox, isStateInvalid && classes.invalidCheckbox),
@@ -195,28 +195,30 @@ var HvCheckBox = function HvCheckBox(props) {
     onFocusVisible: onFocusVisibleCallback,
     onBlur: onBlurCallback
   }, others));
-
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: (0, _clsx.default)(className, classes.root, focusVisible && label && classes.focusVisible)
-  }, hasLabel ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.container, disabled && classes.disabled, isStateInvalid && classes.invalidContainer)
-  }, checkbox, /*#__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))) : checkbox, canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableAdornment: !hasLabel,
-    hideText: !hasLabel,
-    disableBorder: true
-  }, validationMessage));
+    className: (0, _clsx.default)(className, classes.root, focusVisible && label && classes.focusVisible),
+    children: [hasLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.container, disabled && classes.disabled, isStateInvalid && classes.invalidContainer),
+      children: [checkbox, /*#__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))]
+    }) : checkbox, canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableAdornment: !hasLabel,
+      hideText: !hasLabel,
+      disableBorder: true,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
@@ -406,7 +408,7 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
   onBlur: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCheckBox"
 })(HvCheckBox);
 

package/dist/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","names":["HvCheckBox","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","indeterminate","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","undefined","isIndeterminate","setIsIndeterminate","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","checkbox","clsx","invalidCheckbox","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBox/CheckBox.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 { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseCheckBox from \"../BaseCheckBox\";\n\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nconst HvCheckBox = (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    indeterminate,\n\n    onChange,\n\n    status,\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, \"hvcheckbox\");\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 [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, 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 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 hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <HvBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.checkbox, { [classes.invalidCheckbox]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\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={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root, {\n        [classes.focusVisible]: focusVisible && label,\n      })}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {checkbox}\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        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+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 checkbox+label container when checkbox is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox.\n     */\n    checkbox: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidCheckbox: 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   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox 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   * 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 inputted via inputProps.\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 the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   *\n   * When the checkbox is uncontrolled the indeterminate state is cleared after any change\n   * to the checked state. However, if controlled the user must also control the indeterminate\n   * state.\n   */\n  indeterminate: 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 `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox.\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 checkbox 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: \"HvCheckBox\" })(HvCheckBox);\n"],"mappings":"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"}
+{"version":3,"file":"CheckBox.js","names":["HvCheckBox","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","indeterminate","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","undefined","isIndeterminate","setIsIndeterminate","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","checkbox","clsx","invalidCheckbox","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBox/CheckBox.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 { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseCheckBox from \"../BaseCheckBox\";\n\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nconst HvCheckBox = (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    indeterminate,\n\n    onChange,\n\n    status,\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, \"hvcheckbox\");\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 [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, 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 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 hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <HvBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.checkbox, { [classes.invalidCheckbox]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\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={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root, {\n        [classes.focusVisible]: focusVisible && label,\n      })}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {checkbox}\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        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+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 checkbox+label container when checkbox is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox.\n     */\n    checkbox: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidCheckbox: 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   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox 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   * 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 inputted via inputProps.\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 the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   *\n   * When the checkbox is uncontrolled the indeterminate state is cleared after any change\n   * to the checked state. However, if controlled the user must also control the indeterminate\n   * state.\n   */\n  indeterminate: 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 `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox.\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 checkbox 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: \"HvCheckBox\" })(HvCheckBox);\n"],"mappings":"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"}

package/dist/CheckBoxGroup/CheckBoxGroup.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/CheckBoxGroup/CheckBoxGroup.js

@@ -1,5 +1,11 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +14,6 @@ require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -19,7 +23,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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -55,22 +59,28 @@ 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 _multiSelectionEventHandler = _interopRequireDefault(require("../utils/multiSelectionEventHandler"));
 
+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", "showSelectAll", "selectAllLabel", "selectAllConjunctionLabel", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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; }
+
 var computeSelectAllState = function computeSelectAllState(selected, total) {
   if (selected === 0) {
     return "none";
@@ -235,49 +245,62 @@ var HvCheckBoxGroup = function HvCheckBoxGroup(props) {
 
 
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
-
-  var selectAllLabelComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedCount === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAllLabel), " (".concat(children.length, ")")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectedCount), " ".concat(selectAllConjunctionLabel, " ").concat(children.length)));
-
+  var selectAllLabelComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: selectedCount === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: selectAllLabel
+      }), " (".concat(children.length, ")")]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+        children: selectedCount
+      }), " ".concat(selectAllConjunctionLabel, " ").concat(children.length)]
+    })
+  });
   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: validationState,
     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: "group",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy || label && (0, _utils.setId)(elementId, "label"),
-    "aria-disabled": disabled ? true : undefined,
-    "aria-invalid": validationState === "invalid" ? true : undefined,
-    "aria-errormessage": validationState === "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], validationState === "invalid" && classes.invalid)
-  }, others), showSelectAll && /*#__PURE__*/_react.default.createElement(_.HvCheckBox, {
-    checked: selectAllState === "all",
-    indeterminate: selectAllState === "some",
-    label: selectAllLabelComponent,
-    disabled: disabled,
-    readOnly: readOnly,
-    className: (0, _clsx.default)(classes.selectAll),
-    onChange: handleSelectAll
-  }), modifiedChildren), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    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.jsxs)("div", _objectSpread(_objectSpread({
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy || label && (0, _utils.setId)(elementId, "label"),
+      "aria-disabled": disabled ? true : undefined,
+      "aria-invalid": validationState === "invalid" ? true : undefined,
+      "aria-errormessage": validationState === "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], validationState === "invalid" && classes.invalid)
+    }, others), {}, {
+      children: [showSelectAll && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCheckBox, {
+        checked: selectAllState === "all",
+        indeterminate: selectAllState === "some",
+        label: selectAllLabelComponent,
+        disabled: disabled,
+        readOnly: readOnly,
+        className: (0, _clsx.default)(classes.selectAll),
+        onChange: handleSelectAll
+      }), modifiedChildren]
+    })), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
@@ -460,7 +483,7 @@ process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCheckBoxGroup"
 })(HvCheckBoxGroup);
 

package/dist/CheckBoxGroup/CheckBoxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.js","names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","React","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","showSelectAll","selectAllLabel","selectAllConjunctionLabel","others","elementId","useUniqueId","useControlled","setValue","validationState","setValidationState","validationMessage","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","allValues","selectedState","selectedCount","selectAllState","length","selectionAnchor","useRef","onChildChangeInterceptor","useCallback","index","childOnChange","evt","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","canShowError","selectAllLabelComponent","errorMessageId","setId","clsx","root","join","trim","group","vertical","horizontal","invalid","selectAll","error","propTypes","PropTypes","string","shape","isRequired","arrayOf","any","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBoxGroup/CheckBoxGroup.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef } 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, HvCheckBox } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst computeSelectAllState = (selected, total) => {\n  if (selected === 0) {\n    return \"none\";\n  }\n\n  if (selected === total) {\n    return \"all\";\n  }\n\n  return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.checked !== undefined;\n      const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return selectedValues;\n};\n\n/**\n * A group of checkboxes.\n *\n * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nconst HvCheckBoxGroup = (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    showSelectAll = false,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvcheckboxgroup\");\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 [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState, selectedCount] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n    let childSelectedCounter = 0;\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = value.indexOf(childValue) !== -1;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n\n      if (childIsSelected) {\n        childSelectedCounter += 1;\n      }\n    });\n\n    return [childValues, childSelectedState, childSelectedCounter];\n  }, [children, value]);\n\n  const selectAllState = computeSelectAllState(value.length, selectedState.length);\n\n  const selectionAnchor = useRef(undefined);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnChange, evt, isChecked) => {\n      const newValue = multiSelectionEventHandler(\n        evt,\n        index,\n        selectionAnchor,\n        allValues,\n        selectedState,\n        isChecked\n      );\n\n      childOnChange?.(evt, isChecked);\n\n      onChange?.(evt, newValue);\n\n      setValue(() => {\n        // this will only run if uncontrolled\n\n        if (required && newValue.length === 0) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newValue;\n      });\n    },\n    [allValues, onChange, required, selectedState, setValidationState, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name,\n        onChange: (evt, isChecked) =>\n          onChildChangeInterceptor(i, child.props.onChange, evt, isChecked),\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);\n\n  const handleSelectAll = (evt, selectAllChecked) => {\n    let newValue;\n    if (selectAllChecked) {\n      newValue = [...allValues];\n    } else {\n      newValue = [];\n    }\n\n    onChange?.(evt, newValue);\n\n    setValue(() => {\n      // this will only run if uncontrolled\n      if (required && newValue.length === 0) {\n        setValidationState(\"invalid\");\n      } else {\n        setValidationState(\"valid\");\n      }\n\n      return newValue;\n    });\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 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 selectAllLabelComponent = (\n    <>\n      {selectedCount === 0 ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${children.length})`}\n        </>\n      ) : (\n        <>\n          <b>{selectedCount}</b>\n          {` ${selectAllConjunctionLabel} ${children.length}`}\n        </>\n      )}\n    </>\n  );\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\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=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-disabled={disabled ? true : undefined}\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        {...others}\n      >\n        {showSelectAll && (\n          <HvCheckBox\n            checked={selectAllState === \"all\"}\n            indeterminate={selectAllState === \"some\"}\n            label={selectAllLabelComponent}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={clsx(classes.selectAll)}\n            onChange={handleSelectAll}\n          />\n        )}\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBoxGroup.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 checkbox group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the select all checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children checkboxes, unless they already have one.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. An array of values represented in the child checkboxes.\n   *\n   * When defined the checkbox group state becomes controlled.\n   */\n  value: PropTypes.arrayOf(PropTypes.any),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue: PropTypes.arrayOf(PropTypes.any),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children checkboxes.\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 checkboxes.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox 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 checkbox group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n  /**\n   * Indicates if an aditional select all checkbox should be shown.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * The label of the select all checkbox. Defaults to \"All\".\n   */\n  selectAllLabel: PropTypes.string,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * The checkboxes that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual checkbox onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCheckBoxGroup\" })(HvCheckBoxGroup);\n"],"mappings":"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"}
+{"version":3,"file":"CheckBoxGroup.js","names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","React","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","showSelectAll","selectAllLabel","selectAllConjunctionLabel","others","elementId","useUniqueId","useControlled","setValue","validationState","setValidationState","validationMessage","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","allValues","selectedState","selectedCount","selectAllState","length","selectionAnchor","useRef","onChildChangeInterceptor","useCallback","index","childOnChange","evt","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","canShowError","selectAllLabelComponent","errorMessageId","setId","clsx","root","join","trim","group","vertical","horizontal","invalid","selectAll","error","propTypes","PropTypes","string","shape","isRequired","arrayOf","any","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBoxGroup/CheckBoxGroup.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef } 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, HvCheckBox } from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst computeSelectAllState = (selected, total) => {\n  if (selected === 0) {\n    return \"none\";\n  }\n\n  if (selected === total) {\n    return \"all\";\n  }\n\n  return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.checked !== undefined;\n      const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return selectedValues;\n};\n\n/**\n * A group of checkboxes.\n *\n * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nconst HvCheckBoxGroup = (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    showSelectAll = false,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvcheckboxgroup\");\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 [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState, selectedCount] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n    let childSelectedCounter = 0;\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = value.indexOf(childValue) !== -1;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n\n      if (childIsSelected) {\n        childSelectedCounter += 1;\n      }\n    });\n\n    return [childValues, childSelectedState, childSelectedCounter];\n  }, [children, value]);\n\n  const selectAllState = computeSelectAllState(value.length, selectedState.length);\n\n  const selectionAnchor = useRef(undefined);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnChange, evt, isChecked) => {\n      const newValue = multiSelectionEventHandler(\n        evt,\n        index,\n        selectionAnchor,\n        allValues,\n        selectedState,\n        isChecked\n      );\n\n      childOnChange?.(evt, isChecked);\n\n      onChange?.(evt, newValue);\n\n      setValue(() => {\n        // this will only run if uncontrolled\n\n        if (required && newValue.length === 0) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newValue;\n      });\n    },\n    [allValues, onChange, required, selectedState, setValidationState, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        checked: childIsSelected,\n        name: child.props.name || name,\n        onChange: (evt, isChecked) =>\n          onChildChangeInterceptor(i, child.props.onChange, evt, isChecked),\n        disabled: disabled || child.props.disabled,\n        readOnly: readOnly || child.props.readOnly,\n      });\n    });\n  }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);\n\n  const handleSelectAll = (evt, selectAllChecked) => {\n    let newValue;\n    if (selectAllChecked) {\n      newValue = [...allValues];\n    } else {\n      newValue = [];\n    }\n\n    onChange?.(evt, newValue);\n\n    setValue(() => {\n      // this will only run if uncontrolled\n      if (required && newValue.length === 0) {\n        setValidationState(\"invalid\");\n      } else {\n        setValidationState(\"valid\");\n      }\n\n      return newValue;\n    });\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 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 selectAllLabelComponent = (\n    <>\n      {selectedCount === 0 ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${children.length})`}\n        </>\n      ) : (\n        <>\n          <b>{selectedCount}</b>\n          {` ${selectAllConjunctionLabel} ${children.length}`}\n        </>\n      )}\n    </>\n  );\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\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=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy || (label && setId(elementId, \"label\"))}\n        aria-disabled={disabled ? true : undefined}\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        {...others}\n      >\n        {showSelectAll && (\n          <HvCheckBox\n            checked={selectAllState === \"all\"}\n            indeterminate={selectAllState === \"some\"}\n            label={selectAllLabelComponent}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={clsx(classes.selectAll)}\n            onChange={handleSelectAll}\n          />\n        )}\n        {modifiedChildren}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBoxGroup.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 checkbox group.\n     */\n    group: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the checkbox group when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the select all checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children checkboxes, unless they already have one.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. An array of values represented in the child checkboxes.\n   *\n   * When defined the checkbox group state becomes controlled.\n   */\n  value: PropTypes.arrayOf(PropTypes.any),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue: PropTypes.arrayOf(PropTypes.any),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children checkboxes.\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 checkboxes.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox 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 checkbox group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n  /**\n   * Indicates if an aditional select all checkbox should be shown.\n   */\n  showSelectAll: PropTypes.bool,\n  /**\n   * The label of the select all checkbox. Defaults to \"All\".\n   */\n  selectAllLabel: PropTypes.string,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * The checkboxes that are part of the group.\n   *\n   * Their state will always be controlled by the group.\n   * However the individual checkbox onChange callback will still be called if defined.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCheckBoxGroup\" })(HvCheckBoxGroup);\n"],"mappings":"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"}

package/dist/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import { ContainerProps, StandardProps } from "@material-ui/core";
+import { ContainerProps, StandardProps } from "@mui/material";
 
 export type HvContainerClassKey =
   | "root"

package/dist/Container/Container.js

@@ -23,8 +23,6 @@ exports.default = void 0;
 
 require("core-js/modules/es.string.fixed.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -33,9 +31,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
-var _Container = require("@material-ui/core/Container/Container");
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["maxWidth", "fixed"];
 
@@ -43,9 +43,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
+// import { styles as containerStyles } from "@mui/material/Container";
 // inherit material ui styles so people can override them too
 var styles = function styles(theme) {
-  return _objectSpread(_objectSpread({}, (0, _Container.styles)(theme)), {}, {
+  return {
+    // ...containerStyles(theme),
     root: (0, _defineProperty2.default)({
       paddingLeft: theme.hvSpacing(2),
       paddingRight: theme.hvSpacing(2)
@@ -53,7 +55,7 @@ var styles = function styles(theme) {
       paddingLeft: theme.hvSpacing(4),
       paddingRight: theme.hvSpacing(4)
     })
-  });
+  };
 };
 /**
  * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.
@@ -65,7 +67,7 @@ var HvContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       maxWidth = _ref$maxWidth === void 0 ? "xl" : _ref$maxWidth,
       fixed = _ref.fixed,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.Container, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Container, _objectSpread({
     ref: ref,
     maxWidth: maxWidth,
     fixed: fixed
@@ -159,7 +161,7 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
   maxWidth: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl", false])
 } : void 0;
 
-var _default = (0, _core.withStyles)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: "HvContainer"
 })(HvContainer);
 

package/dist/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["styles","theme","containerStyles","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","React","forwardRef","ref","maxWidth","fixed","others","propTypes","children","PropTypes","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","withStyles","name"],"sources":["../../src/Container/Container.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles, Container } from \"@material-ui/core\";\nimport { styles as containerStyles } from \"@material-ui/core/Container/Container\";\n\n// inherit material ui styles so people can override them too\nconst styles = (theme) => ({\n  ...containerStyles(theme),\n  root: {\n    paddingLeft: theme.hvSpacing(2),\n    paddingRight: theme.hvSpacing(2),\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(4),\n      paddingRight: theme.hvSpacing(4),\n    },\n  },\n});\n\n/**\n * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.\n */\nconst HvContainer = React.forwardRef(({ maxWidth = \"xl\", fixed, ...others }, ref) => {\n  return <Container ref={ref} maxWidth={maxWidth} fixed={fixed} {...others} />;\n});\n\n/*\n * copied from Material-UI Container.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if disableGutters={true}.\n     */\n    disableGutters: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if fixed={true}.\n     */\n    fixed: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xs\".\n     */\n    maxWidthXs: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"sm\".\n     */\n    maxWidthSm: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"md\".\n     */\n    maxWidthMd: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"lg\".\n     */\n    maxWidthLg: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xl\".\n     */\n    maxWidthXl: PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   */\n  maxWidth: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", false]),\n};\n\nexport default withStyles(styles, { name: \"HvContainer\" })(HvContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,uCACV,IAAAC,iBAAA,EAAgBD,KAAhB,CADU;IAEbE,IAAI;MACFC,WAAW,EAAEH,KAAK,CAACI,SAAN,CAAgB,CAAhB,CADX;MAEFC,YAAY,EAAEL,KAAK,CAACI,SAAN,CAAgB,CAAhB;IAFZ,GAGDJ,KAAK,CAACM,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAHC,EAG4B;MAC5BJ,WAAW,EAAEH,KAAK,CAACI,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEL,KAAK,CAACI,SAAN,CAAgB,CAAhB;IAFc,CAH5B;EAFS;AAAA,CAAf;AAYA;AACA;AACA;;;AACA,IAAMI,WAAW,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;EAAA,yBAA7CC,QAA6C;EAAA,IAA7CA,QAA6C,8BAAlC,IAAkC;EAAA,IAA5BC,KAA4B,QAA5BA,KAA4B;EAAA,IAAlBC,MAAkB;EACnF,oBAAO,6BAAC,eAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;;AACA,wCAAAN,WAAW,CAACO,SAAZ,GAAwB;EACtBC,QAAQ,EAAEC,kBAAA,CAAUC,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEH,kBAAA,CAAUI,KAAV,CAAgB;IACvB;AACJ;AACA;IACInB,IAAI,EAAEe,kBAAA,CAAUK,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAEN,kBAAA,CAAUK,MATH;;IAWvB;AACJ;AACA;IACIT,KAAK,EAAEI,kBAAA,CAAUK,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAEP,kBAAA,CAAUK,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAER,kBAAA,CAAUK,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAET,kBAAA,CAAUK,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAEV,kBAAA,CAAUK,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAEX,kBAAA,CAAUK;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAEZ,kBAAA,CAAUK,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAEb,kBAAA,CAAUc,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAEN,kBAAA,CAAUe,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACEnB,KAAK,EAAEI,kBAAA,CAAUe,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEpB,QAAQ,EAAEK,kBAAA,CAAUgB,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;;eA4Ee,IAAAC,gBAAA,EAAWnC,MAAX,EAAmB;EAAEoC,IAAI,EAAE;AAAR,CAAnB,EAA4C3B,WAA5C,C"}
+{"version":3,"file":"Container.js","names":["styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","React","forwardRef","ref","maxWidth","fixed","others","propTypes","children","PropTypes","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","withStyles","name"],"sources":["../../src/Container/Container.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Container } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n// import { styles as containerStyles } from \"@mui/material/Container\";\n\n// inherit material ui styles so people can override them too\nconst styles = (theme) => ({\n  // ...containerStyles(theme),\n  root: {\n    paddingLeft: theme.hvSpacing(2),\n    paddingRight: theme.hvSpacing(2),\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(4),\n      paddingRight: theme.hvSpacing(4),\n    },\n  },\n});\n\n/**\n * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.\n */\nconst HvContainer = React.forwardRef(({ maxWidth = \"xl\", fixed, ...others }, ref) => {\n  return <Container ref={ref} maxWidth={maxWidth} fixed={fixed} {...others} />;\n});\n\n/*\n * copied from Material-UI Container.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if disableGutters={true}.\n     */\n    disableGutters: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if fixed={true}.\n     */\n    fixed: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xs\".\n     */\n    maxWidthXs: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"sm\".\n     */\n    maxWidthSm: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"md\".\n     */\n    maxWidthMd: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"lg\".\n     */\n    maxWidthLg: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xl\".\n     */\n    maxWidthXl: PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   */\n  maxWidth: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", false]),\n};\n\nexport default withStyles(styles, { name: \"HvContainer\" })(HvContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AACA;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzB;IACAC,IAAI;MACFC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADX;MAEFC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFZ,GAGDH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAHC,EAG4B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc,CAH5B;EAFqB,CAAZ;AAAA,CAAf;AAYA;AACA;AACA;;;AACA,IAAMI,WAAW,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;EAAA,yBAA7CC,QAA6C;EAAA,IAA7CA,QAA6C,8BAAlC,IAAkC;EAAA,IAA5BC,KAA4B,QAA5BA,KAA4B;EAAA,IAAlBC,MAAkB;EACnF,oBAAO,qBAAC,mBAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;;AACA,wCAAAN,WAAW,CAACO,SAAZ,GAAwB;EACtBC,QAAQ,EAAEC,kBAAA,CAAUC,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEH,kBAAA,CAAUI,KAAV,CAAgB;IACvB;AACJ;AACA;IACInB,IAAI,EAAEe,kBAAA,CAAUK,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAEN,kBAAA,CAAUK,MATH;;IAWvB;AACJ;AACA;IACIT,KAAK,EAAEI,kBAAA,CAAUK,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAEP,kBAAA,CAAUK,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAER,kBAAA,CAAUK,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAET,kBAAA,CAAUK,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAEV,kBAAA,CAAUK,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAEX,kBAAA,CAAUK;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAEZ,kBAAA,CAAUK,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAEb,kBAAA,CAAUc,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAEN,kBAAA,CAAUe,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACEnB,KAAK,EAAEI,kBAAA,CAAUe,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEpB,QAAQ,EAAEK,kBAAA,CAAUgB,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;;eA4Ee,IAAAC,kBAAA,EAAWlC,MAAX,EAAmB;EAAEmC,IAAI,EAAE;AAAR,CAAnB,EAA4C3B,WAA5C,C"}