@hitachivantara/uikit-react-core 3.52.5

package/dist/Provider/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Provider/Provider.js"],"names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"file":"Provider.js"}

package/dist/Provider/context.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ConfigContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = ConfigContext;
+exports.default = _default;
+//# sourceMappingURL=context.js.map

package/dist/Provider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Provider/context.js"],"names":["ConfigContext","React","createContext"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAoB,EAApB,CAAtB;;eAEeF,a","sourcesContent":["import React from \"react\";\n\nconst ConfigContext = React.createContext({});\n\nexport default ConfigContext;\n"],"file":"context.js"}

package/dist/Provider/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Provider";
+export { default as HvProviderContext } from "./context";
+export { default as useLocale } from "./useLocale";
+export * from "./Provider";

package/dist/Provider/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvProviderContext", {
+  enumerable: true,
+  get: function get() {
+    return _context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Provider.default;
+  }
+});
+Object.defineProperty(exports, "useLocale", {
+  enumerable: true,
+  get: function get() {
+    return _useLocale.default;
+  }
+});
+
+var _Provider = _interopRequireDefault(require("./Provider"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _useLocale = _interopRequireDefault(require("./useLocale"));
+//# sourceMappingURL=index.js.map

package/dist/Provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Provider/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default } from \"./Provider\";\nexport { default as HvProviderContext } from \"./context\";\nexport { default as useLocale } from \"./useLocale\";\n"],"file":"index.js"}

package/dist/Provider/useLocale.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _context = _interopRequireDefault(require("./context"));
+
+var useLocale = function useLocale() {
+  var context = (0, _react.useContext)(_context.default);
+  return context.locale;
+};
+
+var _default = useLocale;
+exports.default = _default;
+//# sourceMappingURL=useLocale.js.map

package/dist/Provider/useLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Provider/useLocale.js"],"names":["useLocale","context","ConfigContext","locale"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,MAAMC,OAAO,GAAG,uBAAWC,gBAAX,CAAhB;AACA,SAAOD,OAAO,CAACE,MAAf;AACD,CAHD;;eAKeH,S","sourcesContent":["import { useContext } from \"react\";\nimport ConfigContext from \"./context\";\n\nconst useLocale = () => {\n  const context = useContext(ConfigContext);\n  return context.locale;\n};\n\nexport default useLocale;\n"],"file":"useLocale.js"}

package/dist/Radio/Radio.d.ts

@@ -0,0 +1,50 @@
+import { StandardProps } from "@material-ui/core";
+
+import { HvBaseRadioProps } from "../BaseRadio";
+import { HvFormStatus } from "../Forms/FormElement";
+import { HvLabelProps } from "../Forms/Label";
+
+export type HvRadioClassKey =
+  | "root"
+  | "container"
+  | "invalidContainer"
+  | "disabled"
+  | "radio"
+  | "invalidRadio"
+  | "label"
+  | "focusVisible";
+
+export interface HvRadioProps extends StandardProps<HvBaseRadioProps, HvRadioClassKey> {
+  /**
+   * 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.
+   */
+  label?: React.ReactNode;
+  /**
+   * Properties passed on to the label element.
+   */
+  labelProps?: HvLabelProps;
+  /**
+   * 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 `status` is "invalid".
+   */
+  statusMessage?: React.ReactNode;
+  /**
+   * Identifies the element that provides an error message for the radio button.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage"?: string;
+}
+
+export default function HvRadio(props: HvRadioProps): JSX.Element | null;

package/dist/Radio/Radio.js

@@ -0,0 +1,371 @@
+"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 _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "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 Radio Button is a mechanism that allows user to select just an option from a group of options.
+ *
+ * It should used in a Radio Button Group to present the user with a range of options from
+ * which the user <b>may select just one option</b> to complete their task.
+ *
+ * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
+ * respond to the browser's native management of radio inputs checked state.
+ */
+var HvRadio = function HvRadio(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,
+      onChange = props.onChange,
+      _props$status = props.status,
+      status = _props$status === void 0 ? "standBy" : _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, "hvradio");
+
+  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 onLocalChange = (0, _react.useCallback)(function (evt, newChecked) {
+    setIsChecked(newChecked);
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
+  }, [onChange, setIsChecked, 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
+
+  var canShowError = ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;
+  var hasLabel = label != null;
+  var isStateInvalid = (0, _validationStates.isInvalid)(status);
+  var errorMessageId;
+
+  if (isStateInvalid) {
+    errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
+  }
+
+  var radio = /*#__PURE__*/_react.default.createElement(_.HvBaseRadio, (0, _extends2.default)({
+    id: label ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
+    name: name,
+    className: (0, _clsx.default)(classes.radio, isStateInvalid && classes.invalidRadio),
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: onLocalChange,
+    value: value,
+    checked: isChecked,
+    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: status || "standBy",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    className: (0, _clsx.default)(className, classes.root)
+  }, hasLabel ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.container, disabled && classes.disabled, focusVisible && label && classes.focusVisible, isStateInvalid && classes.invalidContainer)
+  }, radio, /*#__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))) : radio, canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+    id: (0, _utils.setId)(elementId, "error"),
+    disableBorder: true
+  }, statusMessage));
+};
+
+HvRadio.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the radio button.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the radio button+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 radio button+label container when the radio button is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the HvBaseRadio.
+     */
+    radio: _propTypes.default.string,
+
+    /**
+     * Styles applied to the HvBaseCheckbox (only when a label is not provided).
+     */
+    invalidRadio: _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.
+   *
+   * 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 provided.
+   */
+  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 user input is required on the form element.
+   *
+   * If a single radio button in a group has the required attribute, a radio button in
+   * that group must be check, though it doesn't have to be the one with the attribute is applied.
+   *
+   * For that reason, the component doesn't make any uncontrolled changes to its validation status.
+   * That should ideally be managed in the context of a radio button group.
+   */
+  required: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * If `true` the radio button is selected, if set to `false` the radio button is not selected.
+   *
+   * When defined the radio button state becomes controlled.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: _propTypes.default.bool,
+
+  /**
+   * The status of the form element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   */
+  status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
+
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage: _propTypes.default.string,
+
+  /**
+   * Identifies the element that provides an error message for the radio button.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage": _propTypes.default.string,
+
+  /**
+   * The callback fired when the radio button 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: "HvRadio"
+})(HvRadio);
+
+exports.default = _default;
+//# sourceMappingURL=Radio.js.map

package/dist/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Radio/Radio.js"],"names":["HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","Boolean","isChecked","setIsChecked","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","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 { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (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\n    onChange,\n\n    status = \"standBy\",\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, \"hvradio\");\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 onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, 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\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\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={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\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        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.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 radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+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 radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: 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   * 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 provided.\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 user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the radio button.\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 radio button 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: \"HvRadio\" })(HvRadio);\n"],"file":"Radio.js"}

package/dist/Radio/index.d.ts

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

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

package/dist/Radio/index.js.map

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