@hitachivantara/uikit-react-core 3.52.5

package/dist/CheckBoxGroup/CheckBoxGroup.d.ts

@@ -0,0 +1,126 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvFormStatus } from "../Forms/FormElement";
+
+export type HvCheckBoxGroupClassKey =
+  | "root"
+  | "label"
+  | "group"
+  | "vertical"
+  | "horizontal"
+  | "invalid"
+  | "selectAll"
+  | "error";
+
+export interface HvCheckBoxGroupProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvCheckBoxGroupClassKey, "onChange"> {
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id?: string;
+
+  /**
+   * The form element name.
+   *
+   * It is propagated to the children checkboxes, unless they already have one.
+   */
+  name?: 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?: any[];
+  /**
+   * When uncontrolled, defines the initial value.
+   */
+  defaultValue?: 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?: React.ReactNode;
+  /**
+   * @ignore
+   */
+  "aria-label"?: string;
+  /**
+   * @ignore
+   */
+  "aria-labelledby"?: string;
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description?: React.ReactNode;
+
+  /**
+   * Indicates that the form element is disabled.
+   * If `true` the state is propagated to the children checkboxes.
+   */
+  disabled?: boolean;
+  /**
+   * Indicates that the form element is not editable.
+   * If `true` the state is propagated to the children checkboxes.
+   */
+  readOnly?: boolean;
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required?: boolean;
+
+  /**
+   * 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?: HvFormStatus;
+  /**
+   * 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?: React.ReactNode;
+  /**
+   * Identifies the element that provides an error message for the checkbox group.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage"?: string;
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange?: (event: Event, value: any) => void;
+
+  /**
+   * Indicates whether the checkbox group's orientation is horizontal or vertical.
+   *
+   * Defaults to vertical.
+   */
+  orientation?: "vertical" | "horizontal";
+  /**
+   * Indicates if an aditional select all checkbox should be shown.
+   */
+  showSelectAll?: boolean;
+  /**
+   * The label of the select all checkbox. Defaults to "All".
+   */
+  selectAllLabel?: 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: React.ReactNode;
+}
+
+export default function HvCheckBoxGroup(props: HvCheckBoxGroupProps): JSX.Element | null;

package/dist/CheckBoxGroup/CheckBoxGroup.js

@@ -0,0 +1,468 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.string.trim.js");
+
+require("core-js/modules/es.array.join.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _multiSelectionEventHandler = _interopRequireDefault(require("../utils/multiSelectionEventHandler"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "orientation", "showSelectAll", "selectAllLabel", "selectAllConjunctionLabel", "children"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var computeSelectAllState = function computeSelectAllState(selected, total) {
+  if (selected === 0) {
+    return "none";
+  }
+
+  if (selected === total) {
+    return "all";
+  }
+
+  return "some";
+};
+
+var getValueFromSelectedChildren = function getValueFromSelectedChildren(children) {
+  var selectedValues = _react.default.Children.toArray(children).map(function (child) {
+    var childIsControlled = child.props.checked !== undefined;
+    var childIsSelected = childIsControlled ? child.props.checked : child.props.defaultChecked;
+    return childIsSelected ? child.props.value : undefined;
+  }).filter(function (v) {
+    return 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.
+ */
+
+
+var HvCheckBoxGroup = function HvCheckBoxGroup(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      name = props.name,
+      valueProp = props.value,
+      defaultValue = props.defaultValue,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      label = props.label,
+      ariaLabel = props["aria-label"],
+      ariaLabelledBy = props["aria-labelledby"],
+      description = props.description,
+      ariaDescribedBy = props["aria-describedby"],
+      onChange = props.onChange,
+      status = props.status,
+      statusMessage = props.statusMessage,
+      ariaErrorMessage = props["aria-errormessage"],
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? "vertical" : _props$orientation,
+      _props$showSelectAll = props.showSelectAll,
+      showSelectAll = _props$showSelectAll === void 0 ? false : _props$showSelectAll,
+      _props$selectAllLabel = props.selectAllLabel,
+      selectAllLabel = _props$selectAllLabel === void 0 ? "All" : _props$selectAllLabel,
+      _props$selectAllConju = props.selectAllConjunctionLabel,
+      selectAllConjunctionLabel = _props$selectAllConju === void 0 ? "/" : _props$selectAllConju,
+      children = props.children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var elementId = (0, _.useUniqueId)(id, "hvcheckboxgroup");
+
+  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue !== undefined ? defaultValue : // when uncontrolled and no default value is given,
+  // extract the initial selected values from the children own state
+  function () {
+    return getValueFromSelectedChildren(children);
+  }),
+      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+      value = _useControlled2[0],
+      setValue = _useControlled2[1];
+
+  var _useControlled3 = (0, _utils.useControlled)(status, "standBy"),
+      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
+      validationState = _useControlled4[0],
+      setValidationState = _useControlled4[1];
+
+  var _useControlled5 = (0, _utils.useControlled)(statusMessage, "Required"),
+      _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 1),
+      validationMessage = _useControlled6[0];
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    var childValues = [];
+    var childSelectedState = [];
+    var childSelectedCounter = 0;
+
+    _react.default.Children.toArray(children).forEach(function (child, i) {
+      var childValue = child.props.value;
+      var childIsSelected = value.indexOf(childValue) !== -1;
+      childValues[i] = childValue;
+      childSelectedState[i] = childIsSelected;
+
+      if (childIsSelected) {
+        childSelectedCounter += 1;
+      }
+    });
+
+    return [childValues, childSelectedState, childSelectedCounter];
+  }, [children, value]),
+      _useMemo2 = (0, _slicedToArray2.default)(_useMemo, 3),
+      allValues = _useMemo2[0],
+      selectedState = _useMemo2[1],
+      selectedCount = _useMemo2[2];
+
+  var selectAllState = computeSelectAllState(value.length, selectedState.length);
+  var selectionAnchor = (0, _react.useRef)(undefined);
+  var onChildChangeInterceptor = (0, _react.useCallback)(function (index, childOnChange, evt, isChecked) {
+    var newValue = (0, _multiSelectionEventHandler.default)(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(function () {
+      // this will only run if uncontrolled
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+
+      return newValue;
+    });
+  }, [allValues, onChange, required, selectedState, setValidationState, setValue]);
+  var modifiedChildren = (0, _react.useMemo)(function () {
+    return _react.default.Children.map(children, function (child, i) {
+      var childIsSelected = selectedState[i];
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        checked: childIsSelected,
+        name: child.props.name || name,
+        onChange: function onChange(evt, isChecked) {
+          return onChildChangeInterceptor(i, child.props.onChange, evt, isChecked);
+        },
+        disabled: disabled || child.props.disabled,
+        readOnly: readOnly || child.props.readOnly
+      });
+    });
+  }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);
+
+  var handleSelectAll = function handleSelectAll(evt, selectAllChecked) {
+    var newValue;
+
+    if (selectAllChecked) {
+      newValue = (0, _toConsumableArray2.default)(allValues);
+    } else {
+      newValue = [];
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, newValue);
+    setValue(function () {
+      // 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
+
+
+  var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
+
+  var selectAllLabelComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedCount === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectAllLabel), " (".concat(children.length, ")")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("b", null, selectedCount), " ".concat(selectAllConjunctionLabel, " ").concat(children.length)));
+
+  var errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
+  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+    id: id,
+    name: name,
+    status: validationState,
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    className: (0, _clsx.default)(className, classes.root)
+  }, label && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
+    id: (0, _utils.setId)(elementId, "label"),
+    label: label,
+    className: (0, _clsx.default)(classes.label)
+  }), description && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
+    id: (0, _utils.setId)(elementId, "description")
+  }, description), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    role: "group",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy || label && (0, _utils.setId)(elementId, "label"),
+    "aria-disabled": disabled ? true : undefined,
+    "aria-invalid": validationState === "invalid" ? true : undefined,
+    "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
+    "aria-describedby": [description && (0, _utils.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+    className: (0, _clsx.default)(classes.group, {
+      "vertical": classes.vertical,
+      "horizontal": classes.horizontal
+    }[orientation], validationState === "invalid" && classes.invalid)
+  }, others), showSelectAll && /*#__PURE__*/_react.default.createElement(_.HvCheckBox, {
+    checked: selectAllState === "all",
+    indeterminate: selectAllState === "some",
+    label: selectAllLabelComponent,
+    disabled: disabled,
+    readOnly: readOnly,
+    className: (0, _clsx.default)(classes.selectAll),
+    onChange: handleSelectAll
+  }), modifiedChildren), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+    id: (0, _utils.setId)(elementId, "error"),
+    disableBorder: true,
+    className: classes.error
+  }, validationMessage));
+};
+
+HvCheckBoxGroup.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox group.
+     */
+    group: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox group when orientation is vertical.
+     */
+    vertical: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox group when orientation is horizontal.
+     */
+    horizontal: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox group when validation status is invalid.
+     */
+    invalid: _propTypes.default.string,
+
+    /**
+     * Styles applied to the select all checkbox.
+     */
+    selectAll: _propTypes.default.string,
+
+    /**
+     * Styles applied to the error area.
+     */
+    error: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The form element name.
+   *
+   * It is propagated to the children checkboxes, unless they already have one.
+   */
+  name: _propTypes.default.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.default.arrayOf(_propTypes.default.any),
+
+  /**
+   * When uncontrolled, defines the initial value.
+   */
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.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.default.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": _propTypes.default.string,
+
+  /**
+   * Provide additional descriptive text for the form element.
+   */
+  description: _propTypes.default.node,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": _propTypes.default.string,
+
+  /**
+   * Indicates that the form element is disabled.
+   * If `true` the state is propagated to the children checkboxes.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is not editable.
+   * If `true` the state is propagated to the children checkboxes.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: _propTypes.default.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.default.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.default.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.default.string,
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Indicates whether the checkbox group's orientation is horizontal or vertical.
+   *
+   * Defaults to vertical.
+   */
+  orientation: _propTypes.default.oneOf(["vertical", "horizontal"]),
+
+  /**
+   * Indicates if an aditional select all checkbox should be shown.
+   */
+  showSelectAll: _propTypes.default.bool,
+
+  /**
+   * The label of the select all checkbox. Defaults to "All".
+   */
+  selectAllLabel: _propTypes.default.string,
+
+  /**
+   * Custom label for select all checkbox conjunction
+   */
+  selectAllConjunctionLabel: _propTypes.default.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.default.node
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCheckBoxGroup"
+})(HvCheckBoxGroup);
+
+exports.default = _default;
+//# sourceMappingURL=CheckBoxGroup.js.map

package/dist/CheckBoxGroup/CheckBoxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/CheckBoxGroup/CheckBoxGroup.js"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","React","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","showSelectAll","selectAllLabel","selectAllConjunctionLabel","others","elementId","setValue","validationState","setValidationState","validationMessage","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","allValues","selectedState","selectedCount","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","PropTypes","string","shape","isRequired","arrayOf","any","node","bool","oneOf","func","styles"],"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/CheckBoxGroup/index.d.ts

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

package/dist/CheckBoxGroup/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _CheckBoxGroup.default;
+  }
+});
+
+var _CheckBoxGroup = _interopRequireDefault(require("./CheckBoxGroup"));
+//# sourceMappingURL=index.js.map

package/dist/CheckBoxGroup/index.js.map

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