@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/CheckBoxGroup/CheckBoxGroup.js

@@ -0,0 +1,373 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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"];
+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 { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, useUniqueId, HvCheckBox } from "..";
+import { setId, useControlled } from "../utils";
+import styles from "./styles";
+import multiSelectionEventHandler from "../utils/multiSelectionEventHandler";
+
+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;
+    const childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;
+    return childIsSelected ? child.props.value : undefined;
+  }).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);
+
+  const elementId = useUniqueId(id, "hvcheckboxgroup");
+  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");
+  const [validationMessage] = useControlled(statusMessage, "Required");
+  const [allValues, selectedState, selectedCount] = useMemo(() => {
+    const childValues = [];
+    const childSelectedState = [];
+    let childSelectedCounter = 0;
+    React.Children.toArray(children).forEach((child, i) => {
+      const childValue = child.props.value;
+      const childIsSelected = value.indexOf(childValue) !== -1;
+      childValues[i] = childValue;
+      childSelectedState[i] = childIsSelected;
+
+      if (childIsSelected) {
+        childSelectedCounter += 1;
+      }
+    });
+    return [childValues, childSelectedState, childSelectedCounter];
+  }, [children, value]);
+  const selectAllState = computeSelectAllState(value.length, selectedState.length);
+  const selectionAnchor = useRef(undefined);
+  const onChildChangeInterceptor = useCallback((index, childOnChange, evt, isChecked) => {
+    const newValue = multiSelectionEventHandler(evt, index, selectionAnchor, allValues, selectedState, isChecked);
+    childOnChange === null || childOnChange === void 0 ? void 0 : childOnChange(evt, isChecked);
+    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]);
+  const modifiedChildren = useMemo(() => {
+    return React.Children.map(children, (child, i) => {
+      const childIsSelected = selectedState[i];
+      return /*#__PURE__*/React.cloneElement(child, {
+        checked: childIsSelected,
+        name: child.props.name || name,
+        onChange: (evt, isChecked) => onChildChangeInterceptor(i, child.props.onChange, evt, isChecked),
+        disabled: disabled || child.props.disabled,
+        readOnly: readOnly || child.props.readOnly
+      });
+    });
+  }, [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
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+
+      return newValue;
+    });
+  }; // 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__*/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 errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
+  return /*#__PURE__*/React.createElement(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));
+};
+
+HvCheckBoxGroup.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * 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.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * 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.
+   *
+   * Their state will always be controlled by the group.
+   * However the individual checkbox onChange callback will still be called if defined.
+   */
+  children: PropTypes.node
+};
+export default withStyles(styles, {
+  name: "HvCheckBoxGroup"
+})(HvCheckBoxGroup);
+//# sourceMappingURL=CheckBoxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CheckBoxGroup/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"],"mappings":"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","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"],"file":"CheckBoxGroup.js"}

package/dist/modern/CheckBoxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./CheckBoxGroup";
+export * from "./CheckBoxGroup";

package/dist/modern/CheckBoxGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./CheckBoxGroup";
+//# sourceMappingURL=index.js.map

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

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

package/dist/modern/CheckBoxGroup/styles.js

@@ -0,0 +1,46 @@
+const styles = theme => ({
+  root: {
+    display: "inline-block",
+    padding: 0,
+    margin: 0,
+    overflow: "hidden",
+    verticalAlign: "top"
+  },
+  label: {
+    marginBottom: theme.hv.spacing.xs
+  },
+  group: {
+    display: "flex"
+  },
+  vertical: {
+    flexDirection: "column",
+    // prevent the focus ring to be hidden by sibling hover background
+    "&>*": {
+      zIndex: 0
+    },
+    "&>*:focus-within": {
+      zIndex: 1
+    },
+    // IE fallback code (using focus-within-polyfill)
+    "&>*.focus-within": {
+      zIndex: 1
+    }
+  },
+  horizontal: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginLeft: -theme.hv.spacing.sm,
+    "&>*": {
+      marginLeft: theme.hv.spacing.sm
+    }
+  },
+  invalid: {
+    paddingBottom: theme.hv.spacing.xs,
+    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`
+  },
+  selectAll: {},
+  error: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/CheckBoxGroup/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"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,cADL;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJC,IAAAA,MAAM,EAAE,CAHJ;AAIJC,IAAAA,QAAQ,EAAE,QAJN;AAKJC,IAAAA,aAAa,EAAE;AALX,GADmB;AASzBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;AAD1B,GATkB;AAazBC,EAAAA,KAAK,EAAE;AACLV,IAAAA,OAAO,EAAE;AADJ,GAbkB;AAgBzBW,EAAAA,QAAQ,EAAE;AACRC,IAAAA,aAAa,EAAE,QADP;AAGR;AACA,WAAO;AACLC,MAAAA,MAAM,EAAE;AADH,KAJC;AAOR,wBAAoB;AAClBA,MAAAA,MAAM,EAAE;AADU,KAPZ;AAUR;AACA,wBAAoB;AAClBA,MAAAA,MAAM,EAAE;AADU;AAXZ,GAhBe;AA+BzBC,EAAAA,UAAU,EAAE;AACVF,IAAAA,aAAa,EAAE,KADL;AAEVG,IAAAA,QAAQ,EAAE,MAFA;AAGVC,IAAAA,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;AAIV,WAAO;AACLD,MAAAA,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;AADxB;AAJG,GA/Ba;AAwCzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAErB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;AAEPW,IAAAA,YAAY,EAAG,aAAYtB,KAAK,CAACS,EAAN,CAASc,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;AAFpD,GAxCgB;AA6CzBC,EAAAA,SAAS,EAAE,EA7Cc;AA+CzBC,EAAAA,KAAK,EAAE;AA/CkB,CAAZ,CAAf;;AAkDA,eAAe5B,MAAf","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"],"file":"styles.js"}

package/dist/modern/Container/Container.d.ts

@@ -0,0 +1,14 @@
+import { ContainerProps, StandardProps } from "@material-ui/core";
+
+export type HvContainerClassKey =
+  | "root"
+  | "disableGutters"
+  | "fixed"
+  | "maxWidthXs"
+  | "maxWidthSm"
+  | "maxWidthMd"
+  | "maxWidthLg"
+  | "maxWidthXl";
+
+export type HvContainerProps = StandardProps<ContainerProps, HvContainerClassKey>
+export default function HvContainer(props: HvContainerProps): JSX.Element | null;

package/dist/modern/Container/Container.js

@@ -0,0 +1,132 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["maxWidth", "fixed"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 { 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
+
+const styles = theme => _objectSpread(_objectSpread({}, containerStyles(theme)), {}, {
+  root: {
+    paddingLeft: theme.hvSpacing(2),
+    paddingRight: theme.hvSpacing(2),
+    [theme.breakpoints.up("md")]: {
+      paddingLeft: theme.hvSpacing(4),
+      paddingRight: theme.hvSpacing(4)
+    }
+  }
+});
+/**
+ * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.
+ */
+
+
+const HvContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    maxWidth = "xl",
+    fixed
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    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
+ */
+
+HvContainer.propTypes = {
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  classes: PropTypes.shape({
+    /**
+     * 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
+   * instead of trying to accommodate a fully fluid viewport.
+   * 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.
+   * Set to `false` to disable `maxWidth`.
+   */
+  maxWidth: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl", false])
+};
+export default withStyles(styles, {
+  name: "HvContainer"
+})(HvContainer);
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Container/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"],"mappings":"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","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"],"file":"Container.js"}

package/dist/modern/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Container";
+export * from "./Container";

package/dist/modern/Container/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Container";
+//# sourceMappingURL=index.js.map

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

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