@hitachivantara/uikit-react-core 3.52.5

package/dist/CheckBox/CheckBox.js

@@ -0,0 +1,414 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.function.name.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _validationStates = require("../Forms/FormElement/validationStates");
+
+var _utils = require("../utils");
+
+var _BaseCheckBox = _interopRequireDefault(require("../BaseCheckBox"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "indeterminate", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
+
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+/**
+ * A Checkbox is a mechanism that allows the user to select one or more options.
+ *
+ * Usually used in a Checkbox Group to present the user with a range of options from
+ * which the user <b>may select any number of options</b> to complete their task.
+ *
+ * It can also be used individually to represent the toggle of a single option, when
+ * the Toggle Switch and Toggle Button aren't more appropriate.
+ */
+var HvCheckBox = function HvCheckBox(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      name = props.name,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "on" : _props$value,
+      _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"],
+      ariaDescribedBy = props["aria-describedby"],
+      labelProps = props.labelProps,
+      checked = props.checked,
+      _props$defaultChecked = props.defaultChecked,
+      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+      indeterminate = props.indeterminate,
+      onChange = props.onChange,
+      status = props.status,
+      statusMessage = props.statusMessage,
+      ariaErrorMessage = props["aria-errormessage"],
+      _props$semantic = props.semantic,
+      semantic = _props$semantic === void 0 ? false : _props$semantic,
+      inputProps = props.inputProps,
+      onFocusVisible = props.onFocusVisible,
+      onBlur = props.onBlur,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var elementId = (0, _.useUniqueId)(id, "hvcheckbox");
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      focusVisible = _useState2[0],
+      setFocusVisible = _useState2[1];
+
+  var onFocusVisibleCallback = (0, _react.useCallback)(function (evt) {
+    setFocusVisible(true);
+    onFocusVisible === null || onFocusVisible === void 0 ? void 0 : onFocusVisible(evt);
+  }, [onFocusVisible]);
+  var onBlurCallback = (0, _react.useCallback)(function (evt) {
+    setFocusVisible(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt);
+  }, [onBlur]);
+
+  var _useControlled = (0, _utils.useControlled)(checked, Boolean(defaultChecked)),
+      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+      isChecked = _useControlled2[0],
+      setIsChecked = _useControlled2[1];
+
+  var _useControlled3 = (0, _utils.useControlled)(checked !== undefined ? indeterminate : undefined, Boolean(indeterminate)),
+      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
+      isIndeterminate = _useControlled4[0],
+      setIsIndeterminate = _useControlled4[1];
+
+  var _useControlled5 = (0, _utils.useControlled)(status, "standBy"),
+      _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 2),
+      validationState = _useControlled6[0],
+      setValidationState = _useControlled6[1];
+
+  var _useControlled7 = (0, _utils.useControlled)(statusMessage, "Required"),
+      _useControlled8 = (0, _slicedToArray2.default)(_useControlled7, 1),
+      validationMessage = _useControlled8[0];
+
+  var onLocalChange = (0, _react.useCallback)(function (evt, newChecked) {
+    setIsChecked(function () {
+      // this will only run if uncontrolled
+      setIsIndeterminate(false);
+
+      if (required && !newChecked) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+
+      return newChecked;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
+  }, [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, value]); // 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 hasLabel = label != null;
+  var isStateInvalid = (0, _validationStates.isInvalid)(validationState);
+  var errorMessageId;
+
+  if (isStateInvalid) {
+    errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
+  }
+
+  var checkbox = /*#__PURE__*/_react.default.createElement(_BaseCheckBox.default, (0, _extends2.default)({
+    id: hasLabel ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
+    name: name,
+    className: (0, _clsx.default)(classes.checkbox, isStateInvalid && classes.invalidCheckbox),
+    disabled: disabled,
+    readOnly: readOnly,
+    required: required,
+    onChange: onLocalChange,
+    value: value,
+    checked: isChecked,
+    indeterminate: isIndeterminate,
+    semantic: semantic,
+    inputProps: _objectSpread({
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy
+    }, inputProps),
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+
+  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, focusVisible && label && classes.focusVisible)
+  }, hasLabel ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.container, disabled && classes.disabled, isStateInvalid && classes.invalidContainer)
+  }, checkbox, /*#__PURE__*/_react.default.createElement(_.HvLabel, (0, _extends2.default)({
+    id: (0, _utils.setId)(elementId, "label"),
+    htmlFor: (0, _utils.setId)(elementId, "input"),
+    label: label,
+    className: (0, _clsx.default)(classes.label)
+  }, labelProps))) : checkbox, canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+    id: (0, _utils.setId)(elementId, "error"),
+    disableAdornment: !hasLabel,
+    hideText: !hasLabel,
+    disableBorder: true
+  }, validationMessage));
+};
+
+HvCheckBox.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the checkbox.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox+label container (only when a label is provided).
+     */
+    container: _propTypes.default.string,
+
+    /**
+     * Styles applied to the HvBaseCheckbox (only when a label is provided).
+     */
+    invalidContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the checkbox+label container when checkbox is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the HvBaseCheckbox.
+     */
+    checkbox: _propTypes.default.string,
+
+    /**
+     * Styles applied to the HvBaseCheckbox (only when a label is not provided).
+     */
+    invalidCheckbox: _propTypes.default.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Class applied to the root element if keyboard focused.
+     */
+    focusVisible: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the form element root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The form element name.
+   */
+  name: _propTypes.default.string,
+
+  /**
+   * The value of the form element.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _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 inputted via inputProps.
+   */
+  label: _propTypes.default.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": _propTypes.default.string,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": _propTypes.default.string,
+
+  /**
+   * Properties passed on to the label element.
+   */
+  labelProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that user input is required on the form element.
+   */
+  required: _propTypes.default.bool,
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   *
+   * When defined the checkbox state becomes controlled.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: _propTypes.default.bool,
+
+  /**
+   * If `true` the checkbox visually shows the indeterminate state.
+   *
+   * When the checkbox is uncontrolled the indeterminate state is cleared after any change
+   * to the checked state. However, if controlled the user must also control the indeterminate
+   * state.
+   */
+  indeterminate: _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 `checked`, depending of the values of both `required` and `checked`.
+   */
+  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.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage": _propTypes.default.string,
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic: _propTypes.default.bool,
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: _propTypes.default.func,
+
+  /**
+   * @ignore
+   */
+  onBlur: _propTypes.default.func
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvCheckBox"
+})(HvCheckBox);
+
+exports.default = _default;
+//# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/CheckBox/CheckBox.js"],"names":["HvCheckBox","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","indeterminate","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","Boolean","isChecked","setIsChecked","undefined","isIndeterminate","setIsIndeterminate","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","errorMessageId","checkbox","invalidCheckbox","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","styles"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseCheckBox from \"../BaseCheckBox\";\n\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nconst HvCheckBox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n    indeterminate,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <HvBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.checkbox, { [classes.invalidCheckbox]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root, {\n        [classes.focusVisible]: focusVisible && label,\n      })}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {checkbox}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBox.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+label container when checkbox is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox.\n     */\n    checkbox: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   *\n   * When the checkbox is uncontrolled the indeterminate state is cleared after any change\n   * to the checked state. However, if controlled the user must also control the indeterminate\n   * state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCheckBox\" })(HvCheckBox);\n"],"file":"CheckBox.js"}

package/dist/CheckBox/index.d.ts

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

package/dist/CheckBox/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 _CheckBox.default;
+  }
+});
+
+var _CheckBox = _interopRequireDefault(require("./CheckBox"));
+//# sourceMappingURL=index.js.map

package/dist/CheckBox/index.js.map

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

package/dist/CheckBox/styles.js

@@ -0,0 +1,95 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-block"
+    },
+    container: {
+      cursor: "pointer",
+      display: "flex",
+      height: 32,
+      transition: theme.transitions.create("background-color", {
+        duration: theme.transitions.duration.shortest
+      }),
+      "&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      }
+    },
+    invalidContainer: {
+      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+    },
+    disabled: {
+      cursor: "not-allowed"
+    },
+    checkbox: {
+      height: 32
+    },
+    invalidCheckbox: {
+      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+    },
+    label: {
+      // ensure more specificity than .HvTypography-highlightText
+      "$root &": _objectSpread(_objectSpread({
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        verticalAlign: "middle",
+        paddingRight: theme.hv.spacing.xs,
+        whiteSpace: "nowrap"
+      }, theme.hv.typography.normalText), {}, {
+        cursor: "pointer",
+        height: "32px",
+        lineHeight: "32px",
+        width: "100%"
+      }),
+      "$disabled &": {
+        // not spreading theme.hv.typography.placeholderText, it overrides too many things
+        color: theme.hv.palette.atmosphere.atmo5,
+        cursor: "not-allowed"
+      }
+    },
+    focusVisible: _objectSpread(_objectSpread({}, _styles.outlineStyles), {}, {
+      "& div": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      },
+      // ensure more specificity than .HvBaseCheckbox-root.HvBaseCheckbox-focusVisible svg
+      "& $checkbox div>svg": {
+        outline: "none",
+        boxShadow: "none"
+      }
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/CheckBox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/CheckBox/styles.js"],"names":["styles","theme","root","display","container","cursor","height","transition","transitions","create","duration","shortest","backgroundColor","hv","palette","atmosphere","atmo3","invalidContainer","borderBottom","semantic","sema4","disabled","checkbox","invalidCheckbox","label","overflow","textOverflow","verticalAlign","paddingRight","spacing","xs","whiteSpace","typography","normalText","lineHeight","width","color","atmo5","focusVisible","outlineStyles","outline","boxShadow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KADmB;AAKzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,MAAM,EAAE,SADC;AAETF,MAAAA,OAAO,EAAE,MAFA;AAITG,MAAAA,MAAM,EAAE,EAJC;AAMTC,MAAAA,UAAU,EAAEN,KAAK,CAACO,WAAN,CAAkBC,MAAlB,CAAyB,kBAAzB,EAA6C;AACvDC,QAAAA,QAAQ,EAAET,KAAK,CAACO,WAAN,CAAkBE,QAAlB,CAA2BC;AADkB,OAA7C,CANH;AAUT,iBAAW;AACTC,QAAAA,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADpC;AAVF,KALc;AAmBzBC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,YAAY,sBAAejB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAzC;AADI,KAnBO;AAsBzBC,IAAAA,QAAQ,EAAE;AACRhB,MAAAA,MAAM,EAAE;AADA,KAtBe;AA0BzBiB,IAAAA,QAAQ,EAAE;AACRhB,MAAAA,MAAM,EAAE;AADA,KA1Be;AA6BzBiB,IAAAA,eAAe,EAAE;AACfL,MAAAA,YAAY,sBAAejB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAzC;AADG,KA7BQ;AAiCzBI,IAAAA,KAAK,EAAE;AACL;AACA;AACEC,QAAAA,QAAQ,EAAE,QADZ;AAEEC,QAAAA,YAAY,EAAE,UAFhB;AAGEC,QAAAA,aAAa,EAAE,QAHjB;AAIEC,QAAAA,YAAY,EAAE3B,KAAK,CAACY,EAAN,CAASgB,OAAT,CAAiBC,EAJjC;AAKEC,QAAAA,UAAU,EAAE;AALd,SAMK9B,KAAK,CAACY,EAAN,CAASmB,UAAT,CAAoBC,UANzB;AAOE5B,QAAAA,MAAM,EAAE,SAPV;AAQEC,QAAAA,MAAM,EAAE,MARV;AASE4B,QAAAA,UAAU,EAAE,MATd;AAUEC,QAAAA,KAAK,EAAE;AAVT,QAFK;AAcL,qBAAe;AACb;AACAC,QAAAA,KAAK,EAAEnC,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BsB,KAFtB;AAGbhC,QAAAA,MAAM,EAAE;AAHK;AAdV,KAjCkB;AAqDzBiC,IAAAA,YAAY,kCACPC,qBADO;AAEV,eAAS;AACP3B,QAAAA,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADtC,OAFC;AAMV;AACA,6BAAuB;AACrBwB,QAAAA,OAAO,EAAE,MADY;AAErBC,QAAAA,SAAS,EAAE;AAFU;AAPb;AArDa,GAAZ;AAAA,CAAf;;eAmEezC,M","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n  },\n\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n\n    height: 32,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shortest,\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  invalidContainer: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n  },\n\n  checkbox: {\n    height: 32,\n  },\n  invalidCheckbox: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  label: {\n    // ensure more specificity than .HvTypography-highlightText\n    \"$root &\": {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      verticalAlign: \"middle\",\n      paddingRight: theme.hv.spacing.xs,\n      whiteSpace: \"nowrap\",\n      ...theme.hv.typography.normalText,\n      cursor: \"pointer\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n      width: \"100%\",\n    },\n    \"$disabled &\": {\n      // not spreading theme.hv.typography.placeholderText, it overrides too many things\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n    \"& div\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n\n    // ensure more specificity than .HvBaseCheckbox-root.HvBaseCheckbox-focusVisible svg\n    \"& $checkbox div>svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}