@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Selectors/CheckBox/CheckBox.js

@@ -0,0 +1,199 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "id", "checked", "semantic", "indeterminate", "disabled", "onChange", "value", "label", "labelPlacement", "formControlLabelProps"];
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Checkbox, FormControlLabel, withStyles } from "@material-ui/core";
+import { setId } from "../../utils";
+import { getLabelStyles, getSelectorIcons } from "../utils";
+import styles from "./styles";
+/**
+ * A Checkbox is a mechanism that allows user to select one or more options.
+ */
+
+var HvCheckbox = function HvCheckbox(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      checked = props.checked,
+      _props$semantic = props.semantic,
+      semantic = _props$semantic === void 0 ? false : _props$semantic,
+      indeterminate = props.indeterminate,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      onChange = props.onChange,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "" : _props$value,
+      label = props.label,
+      _props$labelPlacement = props.labelPlacement,
+      labelPlacement = _props$labelPlacement === void 0 ? "end" : _props$labelPlacement,
+      formControlLabelProps = props.formControlLabelProps,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var icons = getSelectorIcons(classes, {
+    disabled: disabled,
+    semantic: semantic
+  });
+  var labelClass = getLabelStyles(classes, labelPlacement, label);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocusDisabled = _useState2[0],
+      disableFocus = _useState2[1];
+
+  var onLocalChange = function onLocalChange(evt) {
+    var _evt$nativeEvent = evt.nativeEvent,
+        screenX = _evt$nativeEvent.screenX,
+        screenY = _evt$nativeEvent.screenY,
+        clientX = _evt$nativeEvent.clientX,
+        clientY = _evt$nativeEvent.clientY;
+    var isKeyEvent = screenX === 0 && screenY === 0 && clientX === 0 && clientY === 0;
+    disableFocus(!isKeyEvent);
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, checked);
+  };
+
+  var onBlur = function onBlur() {
+    disableFocus(false);
+  };
+
+  return /*#__PURE__*/React.createElement(FormControlLabel, _extends({
+    label: label,
+    labelPlacement: labelPlacement,
+    disabled: disabled,
+    className: clsx(labelClass, className, isFocusDisabled && classes.disableFocus),
+    id: id,
+    classes: {
+      disabled: classes.labelDisabled,
+      label: classes.labelTypography
+    },
+    control: /*#__PURE__*/React.createElement(Checkbox, _extends({
+      id: setId(id, "input"),
+      className: classes.checkBox,
+      icon: icons.checkbox,
+      indeterminateIcon: icons.checkboxPartial,
+      checkedIcon: icons.checkboxChecked,
+      color: "default",
+      disabled: disabled,
+      disableRipple: true,
+      onChange: onLocalChange,
+      onBlur: onBlur,
+      value: value,
+      checked: checked,
+      indeterminate: indeterminate
+    }, others))
+  }, formControlLabelProps));
+};
+
+process.env.NODE_ENV !== "production" ? HvCheckbox.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the checkbox.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Style applied when focus is disabled.
+     */
+    disableFocus: PropTypes.string,
+
+    /**
+     * Styles applied to the label typography.
+     */
+    labelTypography: PropTypes.string,
+
+    /**
+     * Styles applied to the component when the label is disable.
+     */
+    labelDisabled: PropTypes.string,
+
+    /**
+     *  Styles applied to the label when the position is end.
+     */
+    labelEnd: PropTypes.string,
+
+    /**
+     * Styles applied to the label when the position is start.
+     */
+    labelStart: PropTypes.string,
+
+    /**
+     * Styles applied to the checkbox core element (material-ui).
+     */
+    checkBox: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+    truncate: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If `true` the checkbox is disabled and the onClick function will not be called.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The function executed when the checkbox is pressed.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   * note: if this value is specified the state of the checkbox must be managed
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * Whether the selector should use semantic colors
+   */
+  semantic: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox uses the intermediate state, if set to `false` the checkbox will not use the intermediate state.
+   */
+  indeterminate: PropTypes.bool,
+
+  /**
+   * The value of the checkbox. This value will be returned in the event object generated for the onChange callback
+   */
+  value: PropTypes.string,
+
+  /**
+   * The label to be added to the checkbox.
+   */
+  label: PropTypes.node,
+
+  /**
+   * The position of the checkbox label.
+   *  - Accepted values:
+   *    --"start",
+   *    --"end"
+   *  - note: the labelPositions object should be used to set this value.
+   */
+  labelPlacement: PropTypes.oneOf(["start", "end"]),
+
+  /**
+   * Extra properties passed to the MUI FormControlLabel component.
+   */
+  formControlLabelProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvCheckBox"
+})(HvCheckbox);
+//# sourceMappingURL=CheckBox.js.map

package/dist/legacy/Selectors/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","names":["React","useState","PropTypes","clsx","Checkbox","FormControlLabel","withStyles","setId","getLabelStyles","getSelectorIcons","styles","HvCheckbox","props","classes","className","id","checked","semantic","indeterminate","disabled","onChange","value","label","labelPlacement","formControlLabelProps","others","icons","labelClass","isFocusDisabled","disableFocus","onLocalChange","evt","nativeEvent","screenX","screenY","clientX","clientY","isKeyEvent","onBlur","labelDisabled","labelTypography","checkBox","checkbox","checkboxPartial","checkboxChecked","propTypes","string","shape","container","labelEnd","labelStart","icon","truncate","isRequired","bool","func","node","oneOf","instanceOf","Object","name"],"sources":["../../../../src/Selectors/CheckBox/CheckBox.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Checkbox, FormControlLabel, withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../utils\";\nimport { getLabelStyles, getSelectorIcons } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n */\nconst HvCheckbox = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    checked,\n    semantic = false,\n    indeterminate,\n    disabled = false,\n    onChange,\n    value = \"\",\n    label,\n    labelPlacement = \"end\",\n    formControlLabelProps,\n    ...others\n  } = props;\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n  const labelClass = getLabelStyles(classes, labelPlacement, label);\n  const [isFocusDisabled, disableFocus] = useState(false);\n\n  const onLocalChange = (evt) => {\n    const { screenX, screenY, clientX, clientY } = evt.nativeEvent;\n    const isKeyEvent = screenX === 0 && screenY === 0 && clientX === 0 && clientY === 0;\n\n    disableFocus(!isKeyEvent);\n    onChange?.(evt, checked);\n  };\n\n  const onBlur = () => {\n    disableFocus(false);\n  };\n\n  return (\n    <FormControlLabel\n      label={label}\n      labelPlacement={labelPlacement}\n      disabled={disabled}\n      className={clsx(labelClass, className, {\n        [classes.disableFocus]: isFocusDisabled,\n      })}\n      id={id}\n      classes={{\n        disabled: classes.labelDisabled,\n        label: classes.labelTypography,\n      }}\n      control={\n        <Checkbox\n          id={setId(id, \"input\")}\n          className={classes.checkBox}\n          icon={icons.checkbox}\n          indeterminateIcon={icons.checkboxPartial}\n          checkedIcon={icons.checkboxChecked}\n          color=\"default\"\n          disabled={disabled}\n          disableRipple\n          onChange={onLocalChange}\n          onBlur={onBlur}\n          value={value}\n          checked={checked}\n          indeterminate={indeterminate}\n          {...others}\n        />\n      }\n      {...formControlLabelProps}\n    />\n  );\n};\n\nHvCheckbox.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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    container: PropTypes.string,\n    /**\n     * Style applied when focus is disabled.\n     */\n    disableFocus: PropTypes.string,\n    /**\n     * Styles applied to the label typography.\n     */\n    labelTypography: PropTypes.string,\n    /**\n     * Styles applied to the component when the label is disable.\n     */\n    labelDisabled: PropTypes.string,\n    /**\n     *  Styles applied to the label when the position is end.\n     */\n    labelEnd: PropTypes.string,\n    /**\n     * Styles applied to the label when the position is start.\n     */\n    labelStart: PropTypes.string,\n    /**\n     * Styles applied to the checkbox core element (material-ui).\n     */\n    checkBox: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    truncate: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the checkbox is disabled and the onClick function will not be called.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The function executed when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   * note: if this value is specified the state of the checkbox must be managed\n   */\n  checked: PropTypes.bool,\n  /**\n   * Whether the selector should use semantic colors\n   */\n  semantic: PropTypes.bool,\n  /**\n   * If `true` the checkbox uses the intermediate state, if set to `false` the checkbox will not use the intermediate state.\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The value of the checkbox. This value will be returned in the event object generated for the onChange callback\n   */\n  value: PropTypes.string,\n  /**\n   * The label to be added to the checkbox.\n   */\n  label: PropTypes.node,\n  /**\n   * The position of the checkbox label.\n   *  - Accepted values:\n   *    --\"start\",\n   *    --\"end\"\n   *  - note: the labelPositions object should be used to set this value.\n   */\n  labelPlacement: PropTypes.oneOf([\"start\", \"end\"]),\n  /**\n   * Extra properties passed to the MUI FormControlLabel component.\n   */\n  formControlLabelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvCheckBox\" })(HvCheckbox);\n"],"mappings":"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"}

package/dist/legacy/Selectors/CheckBox/index.d.ts

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

package/dist/legacy/Selectors/CheckBox/index.js

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

package/dist/legacy/Selectors/CheckBox/index.js.map

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

package/dist/legacy/Selectors/CheckBox/styles.js

@@ -0,0 +1,62 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    container: {
+      height: "32px",
+      marginRight: 0,
+      marginLeft: 0,
+      "&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:focus-within": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        "& svg": _objectSpread({}, outlineStyles)
+      }
+    },
+    disableFocus: {
+      outline: "none !important"
+    },
+    labelTypography: _objectSpread(_objectSpread({
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }, theme.hv.typography.normalText), {}, {
+      "&$labelDisabled": _objectSpread({}, theme.hv.typography.placeholderText)
+    }),
+    labelDisabled: {
+      backgroundColor: "transparent",
+      cursor: "not-allowed",
+      "&:hover": {
+        backgroundColor: "transparent",
+        cursor: "not-allowed"
+      }
+    },
+    labelEnd: {
+      paddingRight: "8px"
+    },
+    labelStart: {
+      paddingLeft: "8px"
+    },
+    checkBox: {
+      padding: 0
+    },
+    icon: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Selectors/CheckBox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","container","height","marginRight","marginLeft","backgroundColor","hv","palette","atmosphere","atmo4","disableFocus","outline","labelTypography","overflow","textOverflow","whiteSpace","typography","normalText","placeholderText","labelDisabled","cursor","labelEnd","paddingRight","labelStart","paddingLeft","checkBox","padding","icon"],"sources":["../../../../src/Selectors/CheckBox/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => ({\n  container: {\n    height: \"32px\",\n    marginRight: 0,\n    marginLeft: 0,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:focus-within\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      \"& svg\": {\n        ...outlineStyles,\n      },\n    },\n  },\n  disableFocus: {\n    outline: \"none !important\",\n  },\n  labelTypography: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    ...theme.hv.typography.normalText,\n    \"&$labelDisabled\": {\n      ...theme.hv.typography.placeholderText,\n    },\n  },\n  labelDisabled: {\n    backgroundColor: \"transparent\",\n    cursor: \"not-allowed\",\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      cursor: \"not-allowed\",\n    },\n  },\n  labelEnd: {\n    paddingRight: \"8px\",\n  },\n  labelStart: {\n    paddingLeft: \"8px\",\n  },\n  checkBox: {\n    padding: 0,\n  },\n  icon: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,SAAS,EAAE;MACTC,MAAM,EAAE,MADC;MAETC,WAAW,EAAE,CAFJ;MAGTC,UAAU,EAAE,CAHH;MAIT,WAAW;QACTC,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAJF;MAOT,kBAAkB;QAChBJ,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAD7B;QAEhB,2BACKX,aADL;MAFgB;IAPT,CADc;IAezBY,YAAY,EAAE;MACZC,OAAO,EAAE;IADG,CAfW;IAkBzBC,eAAe;MACbC,QAAQ,EAAE,QADG;MAEbC,YAAY,EAAE,UAFD;MAGbC,UAAU,EAAE;IAHC,GAIVf,KAAK,CAACM,EAAN,CAASU,UAAT,CAAoBC,UAJV;MAKb,qCACKjB,KAAK,CAACM,EAAN,CAASU,UAAT,CAAoBE,eADzB;IALa,EAlBU;IA2BzBC,aAAa,EAAE;MACbd,eAAe,EAAE,aADJ;MAEbe,MAAM,EAAE,aAFK;MAGb,WAAW;QACTf,eAAe,EAAE,aADR;QAETe,MAAM,EAAE;MAFC;IAHE,CA3BU;IAmCzBC,QAAQ,EAAE;MACRC,YAAY,EAAE;IADN,CAnCe;IAsCzBC,UAAU,EAAE;MACVC,WAAW,EAAE;IADH,CAtCa;IAyCzBC,QAAQ,EAAE;MACRC,OAAO,EAAE;IADD,CAzCe;IA4CzBC,IAAI,EAAE;EA5CmB,CAAZ;AAAA,CAAf;;AA+CA,eAAe5B,MAAf"}

package/dist/legacy/Selectors/RadioButton/RadioButton.d.ts

@@ -0,0 +1,39 @@
+import { StandardProps, RadioProps, FormControlProps } from "@material-ui/core";
+import { LabelPositions } from "..";
+
+export interface HvRadioButtonProps extends StandardProps<RadioProps, HvRadioButtonClassKey> {
+  /**
+   * The label to be added to the radio button.
+   */
+  label?: React.ReactNode;
+
+  /**
+   * Whether the selector should use semantic colors
+   */
+  semantic: boolean;
+
+  /**
+   * The position of the Radio button label.
+   *  - Accepted values:
+   *    --"start",
+   *    --"end"
+   *  - note: the labelPositions object should be used to set this value.
+   */
+  labelPlacement?: LabelPositions;
+  /**
+   * Extra properties passed to the MUI FormControlLabel component.
+   */
+  formControlLabelProps?: FormControlProps;
+}
+
+export type HvRadioButtonClassKey =
+  | "container"
+  | "disableFocus"
+  | "labelTypography"
+  | "labelDisabled"
+  | "labelEnd"
+  | "labelStart"
+  | "radio"
+  | "icon";
+
+export default function HvRadioButton(props: HvRadioButtonProps): JSX.Element | null;

package/dist/legacy/Selectors/RadioButton/RadioButton.js

@@ -0,0 +1,189 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "id", "checked", "semantic", "disabled", "onChange", "value", "label", "labelPlacement", "formControlLabelProps"];
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Radio, FormControlLabel, withStyles } from "@material-ui/core";
+import { setId } from "../../utils";
+import { getLabelStyles, getSelectorIcons } from "../utils";
+import styles from "./styles";
+/**
+ * A Radio button is a mechanism that allows user to select one option from a group
+ */
+
+var HvRadio = function HvRadio(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      checked = props.checked,
+      _props$semantic = props.semantic,
+      semantic = _props$semantic === void 0 ? false : _props$semantic,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "" : _props$value,
+      _props$label = props.label,
+      label = _props$label === void 0 ? "" : _props$label,
+      _props$labelPlacement = props.labelPlacement,
+      labelPlacement = _props$labelPlacement === void 0 ? "end" : _props$labelPlacement,
+      formControlLabelProps = props.formControlLabelProps,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var icons = getSelectorIcons(classes, {
+    disabled: disabled,
+    semantic: semantic
+  });
+  var labelStyles = getLabelStyles(classes, labelPlacement, label);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFocusDisabled = _useState2[0],
+      disableFocus = _useState2[1];
+
+  var onLocalChange = function onLocalChange(evt) {
+    var _evt$nativeEvent = evt.nativeEvent,
+        screenX = _evt$nativeEvent.screenX,
+        screenY = _evt$nativeEvent.screenY,
+        clientX = _evt$nativeEvent.clientX,
+        clientY = _evt$nativeEvent.clientY;
+    var isKeyEvent = screenX === 0 && screenY === 0 && clientX === 0 && clientY === 0;
+    disableFocus(!isKeyEvent);
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, checked);
+  };
+
+  var onBlur = function onBlur() {
+    disableFocus(false);
+  };
+
+  return /*#__PURE__*/React.createElement(FormControlLabel, _extends({
+    label: label,
+    labelPlacement: labelPlacement,
+    id: id,
+    className: clsx(labelStyles, className, isFocusDisabled && classes.disableFocus),
+    classes: {
+      disabled: classes.labelDisabled,
+      label: classes.labelTypography
+    },
+    control: /*#__PURE__*/React.createElement(Radio, _extends({
+      id: setId(id, "input"),
+      className: classes.radio,
+      icon: icons.radio,
+      checkedIcon: icons.radioChecked,
+      color: "default",
+      disabled: disabled,
+      disableRipple: true,
+      onChange: onLocalChange,
+      onBlur: onBlur,
+      value: value,
+      checked: checked
+    }, others))
+  }, formControlLabelProps));
+};
+
+process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Radio button.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the label typography.
+     */
+    labelTypography: PropTypes.string,
+
+    /**
+     * Styles applied to the component when the label is disable.
+     */
+    labelDisabled: PropTypes.string,
+
+    /**
+     *  Styles applied to the label when the position is end.
+     */
+    labelEnd: PropTypes.string,
+
+    /**
+     * Styles applied to the label when the position is start.
+     */
+    labelStart: PropTypes.string,
+
+    /**
+     * Styles applied to the checkbox core element (material-ui).
+     */
+    radio: PropTypes.string,
+
+    /**
+     * Styles applied to the focus when it is disabled.
+     */
+    disableFocus: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If `true` the Radio button is disabled and the onChange function will not be called.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The function executed when the Radio button changes from unselected to selected.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * If `true` the Radio button is selected, if set to `false` the Radio button is not selected.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * Whether the selector should use semantic colors
+   */
+  semantic: PropTypes.bool,
+
+  /**
+   * The value of the Radio button.
+   * this value will be returned in the event object generated for the onChange callback
+   */
+  value: PropTypes.string,
+
+  /**
+   * The label to be added to the radio button.
+   */
+  label: PropTypes.node,
+
+  /**
+   * The position of the Radio button label.
+   *  - Accepted values:
+   *    --"start",
+   *    --"end"
+   *  - note: the labelPositions object should be used to set this value.
+   */
+  labelPlacement: PropTypes.oneOf(["start", "end"]),
+
+  /**
+   * Extra properties passed to the MUI FormControlLabel component.
+   */
+  formControlLabelProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvRadioButton"
+})(HvRadio);
+//# sourceMappingURL=RadioButton.js.map

package/dist/legacy/Selectors/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","names":["React","useState","PropTypes","clsx","Radio","FormControlLabel","withStyles","setId","getLabelStyles","getSelectorIcons","styles","HvRadio","props","classes","className","id","checked","semantic","disabled","onChange","value","label","labelPlacement","formControlLabelProps","others","icons","labelStyles","isFocusDisabled","disableFocus","onLocalChange","evt","nativeEvent","screenX","screenY","clientX","clientY","isKeyEvent","onBlur","labelDisabled","labelTypography","radio","radioChecked","propTypes","string","shape","container","labelEnd","labelStart","icon","isRequired","bool","func","node","oneOf","instanceOf","Object","name"],"sources":["../../../../src/Selectors/RadioButton/RadioButton.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Radio, FormControlLabel, withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../utils\";\nimport { getLabelStyles, getSelectorIcons } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * A Radio button is a mechanism that allows user to select one option from a group\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    checked,\n    semantic = false,\n    disabled,\n    onChange,\n    value = \"\",\n    label = \"\",\n    labelPlacement = \"end\",\n    formControlLabelProps,\n    ...others\n  } = props;\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n  const labelStyles = getLabelStyles(classes, labelPlacement, label);\n  const [isFocusDisabled, disableFocus] = useState(false);\n\n  const onLocalChange = (evt) => {\n    const { screenX, screenY, clientX, clientY } = evt.nativeEvent;\n    const isKeyEvent = screenX === 0 && screenY === 0 && clientX === 0 && clientY === 0;\n\n    disableFocus(!isKeyEvent);\n    onChange?.(evt, checked);\n  };\n\n  const onBlur = () => {\n    disableFocus(false);\n  };\n\n  return (\n    <FormControlLabel\n      label={label}\n      labelPlacement={labelPlacement}\n      id={id}\n      className={clsx(labelStyles, className, {\n        [classes.disableFocus]: isFocusDisabled,\n      })}\n      classes={{\n        disabled: classes.labelDisabled,\n        label: classes.labelTypography,\n      }}\n      control={\n        <Radio\n          id={setId(id, \"input\")}\n          className={classes.radio}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          color=\"default\"\n          disabled={disabled}\n          disableRipple\n          onChange={onLocalChange}\n          onBlur={onBlur}\n          value={value}\n          checked={checked}\n          {...others}\n        />\n      }\n      {...formControlLabelProps}\n    />\n  );\n};\n\nHvRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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    container: PropTypes.string,\n    /**\n     * Styles applied to the label typography.\n     */\n    labelTypography: PropTypes.string,\n    /**\n     * Styles applied to the component when the label is disable.\n     */\n    labelDisabled: PropTypes.string,\n    /**\n     *  Styles applied to the label when the position is end.\n     */\n    labelEnd: PropTypes.string,\n    /**\n     * Styles applied to the label when the position is start.\n     */\n    labelStart: PropTypes.string,\n    /**\n     * Styles applied to the checkbox core element (material-ui).\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the focus when it is disabled.\n     */\n    disableFocus: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the Radio button is disabled and the onChange function will not be called.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The function executed when the Radio button changes from unselected to selected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true` the Radio button is selected, if set to `false` the Radio button is not selected.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Whether the selector should use semantic colors\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The value of the Radio button.\n   * this value will be returned in the event object generated for the onChange callback\n   */\n  value: PropTypes.string,\n  /**\n   * The label to be added to the radio button.\n   */\n  label: PropTypes.node,\n  /**\n   * The position of the Radio button label.\n   *  - Accepted values:\n   *    --\"start\",\n   *    --\"end\"\n   *  - note: the labelPositions object should be used to set this value.\n   */\n  labelPlacement: PropTypes.oneOf([\"start\", \"end\"]),\n  /**\n   * Extra properties passed to the MUI FormControlLabel component.\n   */\n  formControlLabelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvRadioButton\" })(HvRadio);\n"],"mappings":"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"}

package/dist/legacy/Selectors/RadioButton/index.d.ts

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

package/dist/legacy/Selectors/RadioButton/index.js

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

package/dist/legacy/Selectors/RadioButton/index.js.map

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

package/dist/legacy/Selectors/RadioButton/styles.js

@@ -0,0 +1,67 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    container: {
+      height: "32px",
+      marginRight: 0,
+      marginLeft: 0,
+      "&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:focus-within:not(.disableFocus)": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        "& svg": _objectSpread({
+          borderRadius: "50%"
+        }, outlineStyles)
+      }
+    },
+    disableFocus: {
+      outline: "none !important"
+    },
+    labelTypography: _objectSpread(_objectSpread({
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }, theme.hv.typography.normalText), {}, {
+      "&$labelDisabled": _objectSpread({}, theme.hv.typography.placeholderText)
+    }),
+    labelDisabled: {
+      backgroundColor: "transparent",
+      cursor: "not-allowed",
+      "&:hover": {
+        backgroundColor: "transparent",
+        cursor: "not-allowed"
+      }
+    },
+    labelEnd: {
+      paddingRight: "8px"
+    },
+    labelStart: {
+      paddingLeft: "8px"
+    },
+    radio: {
+      padding: 0
+    },
+    icon: {
+      width: "32px",
+      height: "32px"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Selectors/RadioButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","container","height","marginRight","marginLeft","backgroundColor","hv","palette","atmosphere","atmo4","borderRadius","disableFocus","outline","labelTypography","overflow","textOverflow","whiteSpace","typography","normalText","placeholderText","labelDisabled","cursor","labelEnd","paddingRight","labelStart","paddingLeft","radio","padding","icon","width"],"sources":["../../../../src/Selectors/RadioButton/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => ({\n  container: {\n    height: \"32px\",\n    marginRight: 0,\n    marginLeft: 0,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:focus-within:not(.disableFocus)\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      \"& svg\": {\n        borderRadius: \"50%\",\n        ...outlineStyles,\n      },\n    },\n  },\n  disableFocus: {\n    outline: \"none !important\",\n  },\n  labelTypography: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    ...theme.hv.typography.normalText,\n    \"&$labelDisabled\": {\n      ...theme.hv.typography.placeholderText,\n    },\n  },\n  labelDisabled: {\n    backgroundColor: \"transparent\",\n    cursor: \"not-allowed\",\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      cursor: \"not-allowed\",\n    },\n  },\n  labelEnd: {\n    paddingRight: \"8px\",\n  },\n  labelStart: {\n    paddingLeft: \"8px\",\n  },\n  radio: {\n    padding: 0,\n  },\n  icon: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,SAAS,EAAE;MACTC,MAAM,EAAE,MADC;MAETC,WAAW,EAAE,CAFJ;MAGTC,UAAU,EAAE,CAHH;MAIT,WAAW;QACTC,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAJF;MAOT,qCAAqC;QACnCJ,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADV;QAEnC;UACEC,YAAY,EAAE;QADhB,GAEKZ,aAFL;MAFmC;IAP5B,CADc;IAgBzBa,YAAY,EAAE;MACZC,OAAO,EAAE;IADG,CAhBW;IAmBzBC,eAAe;MACbC,QAAQ,EAAE,QADG;MAEbC,YAAY,EAAE,UAFD;MAGbC,UAAU,EAAE;IAHC,GAIVhB,KAAK,CAACM,EAAN,CAASW,UAAT,CAAoBC,UAJV;MAKb,qCACKlB,KAAK,CAACM,EAAN,CAASW,UAAT,CAAoBE,eADzB;IALa,EAnBU;IA4BzBC,aAAa,EAAE;MACbf,eAAe,EAAE,aADJ;MAEbgB,MAAM,EAAE,aAFK;MAGb,WAAW;QACThB,eAAe,EAAE,aADR;QAETgB,MAAM,EAAE;MAFC;IAHE,CA5BU;IAoCzBC,QAAQ,EAAE;MACRC,YAAY,EAAE;IADN,CApCe;IAuCzBC,UAAU,EAAE;MACVC,WAAW,EAAE;IADH,CAvCa;IA0CzBC,KAAK,EAAE;MACLC,OAAO,EAAE;IADJ,CA1CkB;IA6CzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJ3B,MAAM,EAAE;IAFJ;EA7CmB,CAAZ;AAAA,CAAf;;AAmDA,eAAeH,MAAf"}

package/dist/legacy/Selectors/index.d.ts

@@ -0,0 +1,6 @@
+export { default as HvCheckBox } from "./CheckBox";
+export * from "./CheckBox";
+export { default as HvRadio } from "./RadioButton";
+export * from "./RadioButton";
+
+export type LabelPositions = "start" | "end";

package/dist/legacy/Selectors/index.js

@@ -0,0 +1,4 @@
+export { default as HvCheckBox } from "./CheckBox";
+export { default as HvRadio } from "./RadioButton";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

package/dist/legacy/Selectors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvCheckBox","HvRadio"],"sources":["../../../src/Selectors/index.js"],"sourcesContent":["export { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvRadio } from \"./RadioButton\";\nexport * from \"./utils\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,YAAtC;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,eAAnC;AACA,cAAc,SAAd"}