@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/CheckBoxGroup/CheckBoxGroup.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "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";
@@ -18,19 +14,15 @@ 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) {
     return "none";
   }
-
   if (selected === total) {
     return "all";
   }
-
   return "some";
 };
-
 const getValueFromSelectedChildren = children => {
   const selectedValues = React.Children.toArray(children).map(child => {
     const childIsControlled = child.props.checked !== undefined;
@@ -39,43 +31,42 @@ const getValueFromSelectedChildren = children => {
   }).filter(v => v !== undefined);
   return selectedValues;
 };
+
 /**
  * A group of checkboxes.
  *
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
-
-
 const HvCheckBoxGroup = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value: valueProp,
-    defaultValue,
-    required = false,
-    readOnly = false,
-    disabled = false,
-    label,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    description,
-    "aria-describedby": ariaDescribedBy,
-    onChange,
-    status,
-    statusMessage,
-    "aria-errormessage": ariaErrorMessage,
-    orientation = "vertical",
-    showSelectAll = false,
-    selectAllLabel = "All",
-    selectAllConjunctionLabel = "/",
-    children
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value: valueProp,
+      defaultValue,
+      required = false,
+      readOnly = false,
+      disabled = false,
+      label,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      description,
+      "aria-describedby": ariaDescribedBy,
+      onChange,
+      status,
+      statusMessage,
+      "aria-errormessage": ariaErrorMessage,
+      orientation = "vertical",
+      showSelectAll = false,
+      selectAllLabel = "All",
+      selectAllConjunctionLabel = "/",
+      children
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const elementId = useUniqueId(id, "hvcheckboxgroup");
-  const [value, setValue] = useControlled(valueProp, defaultValue !== undefined ? defaultValue : // when uncontrolled and no default value is given,
+  const [value, setValue] = useControlled(valueProp, defaultValue !== undefined ? defaultValue :
+  // when uncontrolled and no default value is given,
   // extract the initial selected values from the children own state
   () => getValueFromSelectedChildren(children));
   const [validationState, setValidationState] = useControlled(status, "standBy");
@@ -89,7 +80,6 @@ const HvCheckBoxGroup = props => {
       const childIsSelected = value.indexOf(childValue) !== -1;
       childValues[i] = childValue;
       childSelectedState[i] = childIsSelected;
-
       if (childIsSelected) {
         childSelectedCounter += 1;
       }
@@ -104,12 +94,12 @@ const HvCheckBoxGroup = props => {
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newValue);
     setValue(() => {
       // this will only run if uncontrolled
+
       if (required && newValue.length === 0) {
         setValidationState("invalid");
       } else {
         setValidationState("valid");
       }
-
       return newValue;
     });
   }, [allValues, onChange, required, selectedState, setValidationState, setValue]);
@@ -125,16 +115,13 @@ const HvCheckBoxGroup = props => {
       });
     });
   }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);
-
   const handleSelectAll = (evt, selectAllChecked) => {
     let newValue;
-
     if (selectAllChecked) {
       newValue = [...allValues];
     } else {
       newValue = [];
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newValue);
     setValue(() => {
       // this will only run if uncontrolled
@@ -143,17 +130,15 @@ const HvCheckBoxGroup = props => {
       } else {
         setValidationState("valid");
       }
-
       return newValue;
     });
-  }; // the error message area will only be created if:
+  };
+
+  // the error message area will only be created if:
   // - an external element that provides an error message isn't identified via aria-errormessage AND
   //   - both status and statusMessage properties are being controlled OR
   //   - status is uncontrolled and required is true
-
-
   const canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
-
   const selectAllLabelComponent = /*#__PURE__*/_jsx(_Fragment, {
     children: selectedCount === 0 ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx("b", {
@@ -165,7 +150,6 @@ const HvCheckBoxGroup = props => {
       }), ` ${selectAllConjunctionLabel} ${children.length}`]
     })
   });
-
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
@@ -212,13 +196,11 @@ const HvCheckBoxGroup = props => {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -227,67 +209,55 @@ process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the label.
      */
     label: PropTypes.string,
-
     /**
      * Styles applied to the checkbox group.
      */
     group: PropTypes.string,
-
     /**
      * Styles applied to the checkbox group when orientation is vertical.
      */
     vertical: PropTypes.string,
-
     /**
      * Styles applied to the checkbox group when orientation is horizontal.
      */
     horizontal: PropTypes.string,
-
     /**
      * Styles applied to the checkbox group when validation status is invalid.
      */
     invalid: PropTypes.string,
-
     /**
      * Styles applied to the select all checkbox.
      */
     selectAll: PropTypes.string,
-
     /**
      * Styles applied to the error area.
      */
     error: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: PropTypes.string,
-
   /**
    * The form element name.
    *
    * It is propagated to the children checkboxes, unless they already have one.
    */
   name: PropTypes.string,
-
   /**
    * The value of the form element. An array of values represented in the child checkboxes.
    *
    * When defined the checkbox group state becomes controlled.
    */
   value: PropTypes.arrayOf(PropTypes.any),
-
   /**
    * When uncontrolled, defines the initial value.
    */
   defaultValue: PropTypes.arrayOf(PropTypes.any),
-
   /**
    * The label of the form element.
    *
@@ -295,44 +265,36 @@ process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be provided instead.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-label": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": PropTypes.string,
-
   /**
    * Provide additional descriptive text for the form element.
    */
   description: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-describedby": PropTypes.string,
-
   /**
    * Indicates that the form element is disabled.
    * If `true` the state is propagated to the children checkboxes.
    */
   disabled: PropTypes.bool,
-
   /**
    * Indicates that the form element is not editable.
    * If `true` the state is propagated to the children checkboxes.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: PropTypes.bool,
-
   /**
    * The status of the form element.
    *
@@ -342,48 +304,40 @@ process.env.NODE_ENV !== "production" ? HvCheckBoxGroup.propTypes = {
    * or "invalid" after any change to the state.
    */
   status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when the validation status is "invalid".
    *
    * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
    */
   statusMessage: PropTypes.string,
-
   /**
    * Identifies the element that provides an error message for the checkbox group.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": PropTypes.string,
-
   /**
    * The callback fired when the value changes.
    */
   onChange: PropTypes.func,
-
   /**
    * Indicates whether the checkbox group's orientation is horizontal or vertical.
    *
    * Defaults to vertical.
    */
   orientation: PropTypes.oneOf(["vertical", "horizontal"]),
-
   /**
    * Indicates if an aditional select all checkbox should be shown.
    */
   showSelectAll: PropTypes.bool,
-
   /**
    * The label of the select all checkbox. Defaults to "All".
    */
   selectAllLabel: PropTypes.string,
-
   /**
    * Custom label for select all checkbox conjunction
    */
   selectAllConjunctionLabel: PropTypes.string,
-
   /**
    * The checkboxes that are part of the group.
    *

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 \"@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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"}
+{"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/CheckBoxGroup/index.js.map

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

package/dist/modern/CheckBoxGroup/styles.js

@@ -41,6 +41,5 @@ const styles = theme => ({
   selectAll: {},
   error: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","paddingBottom","borderBottom","palette","semantic","sema4","selectAll","error"],"sources":["../../../src/CheckBoxGroup/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {},\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cADL;IAEJC,OAAO,EAAE,CAFL;IAGJC,MAAM,EAAE,CAHJ;IAIJC,QAAQ,EAAE,QAJN;IAKJC,aAAa,EAAE;EALX,CADmB;EASzBC,KAAK,EAAE;IACLC,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;EAD1B,CATkB;EAazBC,KAAK,EAAE;IACLV,OAAO,EAAE;EADJ,CAbkB;EAgBzBW,QAAQ,EAAE;IACRC,aAAa,EAAE,QADP;IAGR;IACA,OAAO;MACLC,MAAM,EAAE;IADH,CAJC;IAOR,oBAAoB;MAClBA,MAAM,EAAE;IADU,CAPZ;IAUR;IACA,oBAAoB;MAClBA,MAAM,EAAE;IADU;EAXZ,CAhBe;EA+BzBC,UAAU,EAAE;IACVF,aAAa,EAAE,KADL;IAEVG,QAAQ,EAAE,MAFA;IAGVC,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;IAIV,OAAO;MACLD,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;IADxB;EAJG,CA/Ba;EAwCzBC,OAAO,EAAE;IACPC,aAAa,EAAErB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;IAEPW,YAAY,EAAG,aAAYtB,KAAK,CAACS,EAAN,CAASc,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EAFpD,CAxCgB;EA6CzBC,SAAS,EAAE,EA7Cc;EA+CzBC,KAAK,EAAE;AA/CkB,CAAZ,CAAf;;AAkDA,eAAe5B,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","paddingBottom","borderBottom","palette","semantic","sema4","selectAll","error"],"sources":["../../../src/CheckBoxGroup/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {},\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cAAc;IACvBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE;EACjB,CAAC;EAEDC,KAAK,EAAE;IACLC,YAAY,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC;EACjC,CAAC;EAEDC,KAAK,EAAE;IACLV,OAAO,EAAE;EACX,CAAC;EACDW,QAAQ,EAAE;IACRC,aAAa,EAAE,QAAQ;IAEvB;IACA,KAAK,EAAE;MACLC,MAAM,EAAE;IACV,CAAC;IACD,kBAAkB,EAAE;MAClBA,MAAM,EAAE;IACV,CAAC;IACD;IACA,kBAAkB,EAAE;MAClBA,MAAM,EAAE;IACV;EACF,CAAC;EACDC,UAAU,EAAE;IACVF,aAAa,EAAE,KAAK;IACpBG,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACS,EAAE;IAChC,KAAK,EAAE;MACLD,UAAU,EAAElB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACS;IAC/B;EACF,CAAC;EAEDC,OAAO,EAAE;IACPC,aAAa,EAAErB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,EAAE;IAClCW,YAAY,EAAG,aAAYtB,KAAK,CAACS,EAAE,CAACc,OAAO,CAACC,QAAQ,CAACC,KAAM;EAC7D,CAAC;EAEDC,SAAS,EAAE,CAAC,CAAC;EAEbC,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AAEF,eAAe5B,MAAM"}

package/dist/modern/Container/Container.js

@@ -1,19 +1,16 @@
 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; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import { 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 { 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 => ({
   // ...containerStyles(theme),
   root: {
@@ -25,32 +22,29 @@ const styles = theme => ({
     }
   }
 });
+
 /**
  * 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.
  */
-
-
 const HvContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    maxWidth = "xl",
-    fixed
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      maxWidth = "xl",
+      fixed
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Container, _objectSpread({
     ref: ref,
     maxWidth: maxWidth,
     fixed: fixed
   }, others));
 });
+
 /*
  * copied from Material-UI Container.js since we simply override the styles of the component
  * please make sure this is updated when we update our Material-UI dependency
  */
-
 process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
   children: PropTypes.node.isRequired,
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
@@ -61,59 +55,48 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
      * Styles applied to the root element.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the root element if disableGutters={true}.
      */
     disableGutters: PropTypes.string,
-
     /**
      * Styles applied to the root element if fixed={true}.
      */
     fixed: PropTypes.string,
-
     /**
      * Styles applied to the root element if maxWidth="xs".
      */
     maxWidthXs: PropTypes.string,
-
     /**
      * Styles applied to the root element if maxWidth="sm".
      */
     maxWidthSm: PropTypes.string,
-
     /**
      * Styles applied to the root element if maxWidth="md".
      */
     maxWidthMd: PropTypes.string,
-
     /**
      * Styles applied to the root element if maxWidth="lg".
      */
     maxWidthLg: PropTypes.string,
-
     /**
      * Styles applied to the root element if maxWidth="xl".
      */
     maxWidthXl: PropTypes.string
   }).isRequired,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a DOM element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the left and right padding is removed.
    */
   disableGutters: PropTypes.bool,
-
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -121,7 +104,6 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
    * It's fluid by default.
    */
   fixed: PropTypes.bool,
-
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.