@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

package/dist/modern/CheckBoxGroup/CheckBoxGroup.js

@@ -1,352 +0,0 @@
-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 React, { useCallback, useMemo, useRef } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-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) {
-    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__*/_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__*/_jsxs(HvFormElement, {
-    id: id,
-    name: name,
-    status: validationState,
-    disabled: disabled,
-    required: required,
-    readOnly: readOnly,
-    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 = {
-  /**
-   * 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
-} : void 0;
-export default withStyles(styles, {
-  name: "HvCheckBoxGroup"
-})(HvCheckBoxGroup);
-//# sourceMappingURL=CheckBoxGroup.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

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

package/dist/modern/CheckBoxGroup/index.js

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,14 +0,0 @@
-import { ContainerProps, StandardProps } from "@mui/material";
-
-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

@@ -1,117 +0,0 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
-const styles = theme => ({
-  // ...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__*/_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.
-   */
-  // 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])
-} : void 0;
-export default withStyles(styles, {
-  name: "HvContainer"
-})(HvContainer);
-//# sourceMappingURL=Container.js.map

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

@@ -1 +0,0 @@
-{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,UAAU,QAAQ,aAAa;AACxC;;AAEA;AAAA;AACA,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzB;EACAC,IAAI,EAAE;IACJC,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;IAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;IAChC,CAACH,KAAK,CAACK,WAAW,CAACC,EAAE,CAAC,IAAI,CAAC,GAAG;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;MAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC;EACF;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMI,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CAAC,OAAwCC,GAAG,KAAK;EAAA,IAA/C;MAAEC,QAAQ,GAAG,IAAI;MAAEC;IAAiB,CAAC;IAARC,MAAM;EACvE,oBAAO,KAAC,SAAS;IAAC,GAAG,EAAEH,GAAI;IAAC,QAAQ,EAAEC,QAAS;IAAC,KAAK,EAAEC;EAAM,GAAKC,MAAM,EAAI;AAC9E,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,wCAAAL,WAAW,CAACM,SAAS,GAAG;EACtBC,QAAQ,EAAElB,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAErB,SAAS,CAACsB,KAAK,CAAC;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEL,SAAS,CAACuB,MAAM;IAEtB;AACJ;AACA;IACIC,cAAc,EAAExB,SAAS,CAACuB,MAAM;IAEhC;AACJ;AACA;IACIR,KAAK,EAAEf,SAAS,CAACuB,MAAM;IAEvB;AACJ;AACA;IACIE,UAAU,EAAEzB,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIG,UAAU,EAAE1B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACII,UAAU,EAAE3B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIK,UAAU,EAAE5B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIM,UAAU,EAAE7B,SAAS,CAACuB;EACxB,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACEU,SAAS,EAAE9B,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;EACEQ,SAAS,EAAE/B,SAAS,CAACgC,WAAW;EAChC;AACF;AACA;EACER,cAAc,EAAExB,SAAS,CAACiC,IAAI;EAC9B;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEf,SAAS,CAACiC,IAAI;EACrB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEd,SAAS,CAACkC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACjE,CAAC;AAED,eAAehC,UAAU,CAACC,MAAM,EAAE;EAAEgC,IAAI,EAAE;AAAc,CAAC,CAAC,CAACxB,WAAW,CAAC"}

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

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

package/dist/modern/Container/index.js

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

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

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