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

package/dist/modern/CheckBox/CheckBox.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 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", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "indeterminate", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
@@ -11,7 +10,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElement, HvLabel, HvWarningText, useUniqueId } from "..";
 import { isInvalid } from "../Forms/FormElement/validationStates";
 import { setId, useControlled } from "../utils";
@@ -27,6 +26,9 @@ import styles from "./styles";
  * the Toggle Switch and Toggle Button aren't more appropriate.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvCheckBox = props => {
   const {
     classes,
@@ -98,7 +100,7 @@ const HvCheckBox = props => {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
 
-  const checkbox = /*#__PURE__*/React.createElement(HvBaseCheckBox, _extends({
+  const checkbox = /*#__PURE__*/_jsx(HvBaseCheckBox, _objectSpread({
     id: hasLabel ? setId(elementId, "input") : setId(id, "input"),
     name: name,
     className: clsx(classes.checkbox, isStateInvalid && classes.invalidCheckbox),
@@ -120,27 +122,31 @@ const HvCheckBox = props => {
     onFocusVisible: onFocusVisibleCallback,
     onBlur: onBlurCallback
   }, others));
-  return /*#__PURE__*/React.createElement(HvFormElement, {
+
+  return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: clsx(className, classes.root, focusVisible && label && classes.focusVisible)
-  }, hasLabel ? /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.container, disabled && classes.disabled, isStateInvalid && classes.invalidContainer)
-  }, checkbox, /*#__PURE__*/React.createElement(HvLabel, _extends({
-    id: setId(elementId, "label"),
-    htmlFor: setId(elementId, "input"),
-    label: label,
-    className: clsx(classes.label)
-  }, labelProps))) : checkbox, canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableAdornment: !hasLabel,
-    hideText: !hasLabel,
-    disableBorder: true
-  }, validationMessage));
+    className: clsx(className, classes.root, focusVisible && label && classes.focusVisible),
+    children: [hasLabel ? /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.container, disabled && classes.disabled, isStateInvalid && classes.invalidContainer),
+      children: [checkbox, /*#__PURE__*/_jsx(HvLabel, _objectSpread({
+        id: setId(elementId, "label"),
+        htmlFor: setId(elementId, "input"),
+        label: label,
+        className: clsx(classes.label)
+      }, labelProps))]
+    }) : checkbox, canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableAdornment: !hasLabel,
+      hideText: !hasLabel,
+      disableBorder: true,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {

package/dist/modern/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","names":["React","useCallback","useState","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseCheckBox","styles","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","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","errorMessageId","checkbox","invalidCheckbox","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"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":["React","useCallback","useState","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseCheckBox","styles","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","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","errorMessageId","checkbox","invalidCheckbox","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"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/modern/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/modern/CheckBoxGroup/CheckBoxGroup.js

@@ -1,15 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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 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, { useCallback, useMemo, useRef } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId, HvCheckBox } from "..";
 import { setId, useControlled } from "../utils";
 import styles from "./styles";
 import multiSelectionEventHandler from "../utils/multiSelectionEventHandler";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const computeSelectAllState = (selected, total) => {
   if (selected === 0) {
@@ -145,47 +153,64 @@ const HvCheckBoxGroup = props => {
 
 
   const canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
-  const selectAllLabelComponent = /*#__PURE__*/React.createElement(React.Fragment, null, selectedCount === 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAllLabel), ` (${children.length})`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectedCount), ` ${selectAllConjunctionLabel} ${children.length}`));
+
+  const selectAllLabelComponent = /*#__PURE__*/_jsx(_Fragment, {
+    children: selectedCount === 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("b", {
+        children: selectAllLabel
+      }), ` (${children.length})`]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("b", {
+        children: selectedCount
+      }), ` ${selectAllConjunctionLabel} ${children.length}`]
+    })
+  });
+
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-  return /*#__PURE__*/React.createElement(HvFormElement, {
+  return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: clsx(className, classes.root)
-  }, label && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    label: label,
-    className: clsx(classes.label)
-  }), description && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description")
-  }, description), /*#__PURE__*/React.createElement("div", _extends({
-    role: "group",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label"),
-    "aria-disabled": disabled ? true : undefined,
-    "aria-invalid": validationState === "invalid" ? true : undefined,
-    "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
-    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    className: clsx(classes.group, {
-      "vertical": classes.vertical,
-      "horizontal": classes.horizontal
-    }[orientation], validationState === "invalid" && classes.invalid)
-  }, others), showSelectAll && /*#__PURE__*/React.createElement(HvCheckBox, {
-    checked: selectAllState === "all",
-    indeterminate: selectAllState === "some",
-    label: selectAllLabelComponent,
-    disabled: disabled,
-    readOnly: readOnly,
-    className: clsx(classes.selectAll),
-    onChange: handleSelectAll
-  }), modifiedChildren), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    className: clsx(className, classes.root),
+    children: [label && /*#__PURE__*/_jsx(HvLabel, {
+      id: setId(elementId, "label"),
+      label: label,
+      className: clsx(classes.label)
+    }), description && /*#__PURE__*/_jsx(HvInfoMessage, {
+      id: setId(elementId, "description"),
+      children: description
+    }), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label"),
+      "aria-disabled": disabled ? true : undefined,
+      "aria-invalid": validationState === "invalid" ? true : undefined,
+      "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      className: clsx(classes.group, {
+        "vertical": classes.vertical,
+        "horizontal": classes.horizontal
+      }[orientation], validationState === "invalid" && classes.invalid)
+    }, others), {}, {
+      children: [showSelectAll && /*#__PURE__*/_jsx(HvCheckBox, {
+        checked: selectAllState === "all",
+        indeterminate: selectAllState === "some",
+        label: selectAllLabelComponent,
+        disabled: disabled,
+        readOnly: readOnly,
+        className: clsx(classes.selectAll),
+        onChange: handleSelectAll
+      }), modifiedChildren]
+    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {

package/dist/modern/CheckBoxGroup/CheckBoxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.js","names":["React","useCallback","useMemo","useRef","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","HvCheckBox","setId","useControlled","styles","multiSelectionEventHandler","computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","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","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","selectedCount","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","selectionAnchor","onChildChangeInterceptor","index","childOnChange","evt","isChecked","newValue","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","canShowError","selectAllLabelComponent","errorMessageId","root","join","trim","group","vertical","horizontal","invalid","selectAll","error","propTypes","string","shape","isRequired","arrayOf","any","node","bool","oneOf","func"],"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":["React","useCallback","useMemo","useRef","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","useUniqueId","HvCheckBox","setId","useControlled","styles","multiSelectionEventHandler","computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","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","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","selectedCount","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","selectionAnchor","onChildChangeInterceptor","index","childOnChange","evt","isChecked","newValue","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","canShowError","selectAllLabelComponent","errorMessageId","root","join","trim","group","vertical","horizontal","invalid","selectAll","error","propTypes","string","shape","isRequired","arrayOf","any","node","bool","oneOf","func"],"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/modern/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/modern/Container/Container.js

@@ -1,6 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["maxWidth", "fixed"];
 
 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; }
@@ -9,10 +8,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles, Container } from "@material-ui/core";
-import { styles as containerStyles } from "@material-ui/core/Container/Container"; // inherit material ui styles so people can override them too
+import { Container } from "@mui/material";
+import { withStyles } from "@mui/styles"; // import { styles as containerStyles } from "@mui/material/Container";
+// inherit material ui styles so people can override them too
+
+import { jsx as _jsx } from "react/jsx-runtime";
 
-const styles = theme => _objectSpread(_objectSpread({}, containerStyles(theme)), {}, {
+const styles = theme => ({
+  // ...containerStyles(theme),
   root: {
     paddingLeft: theme.hvSpacing(2),
     paddingRight: theme.hvSpacing(2),
@@ -34,7 +37,7 @@ const HvContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread({
     ref: ref,
     maxWidth: maxWidth,
     fixed: fixed

package/dist/modern/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","PropTypes","withStyles","Container","styles","containerStyles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","forwardRef","ref","maxWidth","fixed","others","propTypes","children","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,EAAqBC,SAArB,QAAsC,mBAAtC;AACA,SAASC,MAAM,IAAIC,eAAnB,QAA0C,uCAA1C,C,CAEA;;AACA,MAAMD,MAAM,GAAIE,KAAD,oCACVD,eAAe,CAACC,KAAD,CADL;EAEbC,IAAI,EAAE;IACJC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADT;IAEJC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB,CAFV;IAGJ,CAACH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc;EAH1B;AAFO,EAAf;AAYA;AACA;AACA;;;AACA,MAAMI,WAAW,gBAAGb,KAAK,CAACc,UAAN,CAAiB,OAAwCC,GAAxC,KAAgD;EAAA,IAA/C;IAAEC,QAAQ,GAAG,IAAb;IAAmBC;EAAnB,CAA+C;EAAA,IAAlBC,MAAkB;;EACnF,oBAAO,oBAAC,SAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;AACA,wCAAAL,WAAW,CAACM,SAAZ,GAAwB;EACtBC,QAAQ,EAAEnB,SAAS,CAACoB,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEtB,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEN,SAAS,CAACwB,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAEzB,SAAS,CAACwB,MATH;;IAWvB;AACJ;AACA;IACIR,KAAK,EAAEhB,SAAS,CAACwB,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAE1B,SAAS,CAACwB,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAE3B,SAAS,CAACwB,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAE5B,SAAS,CAACwB,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAE7B,SAAS,CAACwB,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAE9B,SAAS,CAACwB;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAE/B,SAAS,CAACwB,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAEhC,SAAS,CAACiC,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAEzB,SAAS,CAACkC,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEhB,SAAS,CAACkC,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEf,SAAS,CAACmC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;AA4EA,eAAelC,UAAU,CAACE,MAAD,EAAS;EAAEiC,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CxB,WAA5C,CAAf"}
+{"version":3,"file":"Container.js","names":["React","PropTypes","Container","withStyles","styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","forwardRef","ref","maxWidth","fixed","others","propTypes","children","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,UAAT,QAA2B,aAA3B,C,CACA;AAEA;;;;AACA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzB;EACAC,IAAI,EAAE;IACJC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADT;IAEJC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB,CAFV;IAGJ,CAACH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc;EAH1B;AAFmB,CAAZ,CAAf;AAYA;AACA;AACA;;;AACA,MAAMI,WAAW,gBAAGZ,KAAK,CAACa,UAAN,CAAiB,OAAwCC,GAAxC,KAAgD;EAAA,IAA/C;IAAEC,QAAQ,GAAG,IAAb;IAAmBC;EAAnB,CAA+C;EAAA,IAAlBC,MAAkB;;EACnF,oBAAO,KAAC,SAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;AACA,wCAAAL,WAAW,CAACM,SAAZ,GAAwB;EACtBC,QAAQ,EAAElB,SAAS,CAACmB,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAErB,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEL,SAAS,CAACuB,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAExB,SAAS,CAACuB,MATH;;IAWvB;AACJ;AACA;IACIR,KAAK,EAAEf,SAAS,CAACuB,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAEzB,SAAS,CAACuB,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAE1B,SAAS,CAACuB,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAE3B,SAAS,CAACuB,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAE5B,SAAS,CAACuB,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAE7B,SAAS,CAACuB;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAE9B,SAAS,CAACuB,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAE/B,SAAS,CAACgC,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAExB,SAAS,CAACiC,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEf,SAAS,CAACiC,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEd,SAAS,CAACkC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;AA4EA,eAAehC,UAAU,CAACC,MAAD,EAAS;EAAEgC,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CxB,WAA5C,CAAf"}

package/dist/modern/Controls/Controls.d.ts

@@ -0,0 +1,57 @@
+import { StandardProps } from "@mui/material";
+
+export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
+
+export interface HvControlsSortValue {
+  id: string;
+  desc: string;
+}
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface HvControlsCallbacks extends Record<string, unknown> {
+  setSortBy?: (v: HvControlsSortValue[]) => void;
+  setGlobalFilter?: (v: string) => void;
+}
+
+export interface HvControlsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * An instance of useHvTable or useTable used to manage the data
+   * if this is not provided data sorting and search must be handled externally
+   */
+  callbacks?: HvControlsCallbacks;
+  /**
+   * Views configuration required for the view buttons
+   */
+  views?: HvControlsViewConfiguration[];
+  /**
+   * What view is selected by default
+   */
+  defaultView?: string;
+  /**
+   * Sets the selected view to be the one specified
+   * if specified the component is in a controlled state and it won't change it state
+   * unless specified externally
+   */
+  selectedView?: string;
+  /**
+   * Callback called when the view switcher button is pressed
+   */
+  onViewChange?: (event: Event, id: string) => void;
+  /**
+   * if `true` the button to switch views is not rendered
+   */
+  hideViewSwitcher?: boolean;
+}
+
+export default function HvControls(props: HvControlsProps): JSX.Element | null;