@hitachivantara/uikit-react-core 3.52.5

package/dist/BaseRadio/BaseRadio.js

@@ -0,0 +1,247 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectorIcons = exports.default = void 0;
+
+require("core-js/modules/es.function.name.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "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; }
+
+var getSelectorIcons = function getSelectorIcons(classes, options) {
+  var disabled = options.disabled,
+      semantic = options.semantic;
+  var color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
+  var checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
+  return {
+    radio: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.RadioButtonUnselected, {
+      color: color,
+      className: classes.icon
+    }),
+    radioChecked: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.RadioButtonSelected, {
+      color: checkedColor,
+      className: classes.icon
+    })
+  };
+};
+/**
+ * A Radio Button is a mechanism that allows user to select one or more options.
+ *
+ * The Base Radio Button is a building block of the Radio Button form element. Don't
+ * use unless implementing a custom use case not covered by the Radio Button form element.
+ */
+
+
+exports.getSelectorIcons = getSelectorIcons;
+
+var HvBaseRadio = function HvBaseRadio(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,
+      checked = props.checked,
+      defaultChecked = props.defaultChecked,
+      onChange = props.onChange,
+      _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 _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 icons = getSelectorIcons(classes, {
+    disabled: disabled,
+    semantic: semantic
+  });
+  var onLocalChange = (0, _react.useCallback)(function (evt) {
+    if (readOnly) {
+      return;
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
+  }, [onChange, readOnly, value]);
+  return /*#__PURE__*/_react.default.createElement(_core.Radio, (0, _extends2.default)({
+    id: id,
+    name: name,
+    className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    icon: icons.radio,
+    checkedIcon: icons.radioChecked,
+    color: "default",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    disableRipple: true,
+    onChange: onLocalChange,
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    inputProps: inputProps,
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+};
+
+HvBaseRadio.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 when it is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Class applied to the root element if keyboard focused.
+     */
+    focusVisible: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The input name.
+   */
+  name: _propTypes.default.string,
+
+  /**
+   * The value of the input.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _propTypes.default.any,
+
+  /**
+   * Indicates that user input is required.
+   */
+  required: _propTypes.default.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that the input 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 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: "HvBaseRadio"
+})(HvBaseRadio);
+
+exports.default = _default;
+//# sourceMappingURL=BaseRadio.js.map

package/dist/BaseRadio/BaseRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseRadio/BaseRadio.js"],"names":["getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","PropTypes","string","shape","isRequired","any","bool","func","instanceOf","Object","styles"],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio, withStyles } from \"@material-ui/core\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (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    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\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 icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 when it is disabled.\n     */\n    disabled: 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 root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input 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 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: \"HvBaseRadio\" })(HvBaseRadio);\n"],"file":"BaseRadio.js"}

package/dist/BaseRadio/index.d.ts

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

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

package/dist/BaseRadio/index.js.map

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

package/dist/BaseRadio/styles.js

@@ -0,0 +1,63 @@
+"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: {
+      padding: 0,
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      }
+    },
+    disabled: {
+      // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled
+      "$root&": {
+        cursor: "not-allowed",
+        pointerEvents: "initial"
+      },
+      "& svg": {
+        "& path:nth-child(2)": {
+          fill: theme.hv.palette.atmosphere.atmo5
+        }
+      }
+    },
+    focusVisible: {
+      "& svg": _objectSpread({
+        borderRadius: "8px"
+      }, _styles.outlineStyles)
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/BaseRadio/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseRadio/styles.js"],"names":["styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible","borderRadius","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,CADL;AAEJC,MAAAA,MAAM,EAAE,SAFJ;AAGJ,iBAAW;AACTC,QAAAA,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADpC;AAHP,KADmB;AAQzBC,IAAAA,QAAQ,EAAE;AACR;AACA,gBAAU;AACRN,QAAAA,MAAM,EAAE,aADA;AAERO,QAAAA,aAAa,EAAE;AAFP,OAFF;AAMR,eAAS;AACP,+BAAuB;AACrBC,UAAAA,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;AADb;AADhB;AAND,KARe;AAqBzBC,IAAAA,YAAY,EAAE;AACZ;AACEC,QAAAA,YAAY,EAAE;AADhB,SAEKC,qBAFL;AADY;AArBW,GAAZ;AAAA,CAAf;;eA6BehB,M","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/BaseSwitch/BaseSwitch.d.ts

@@ -0,0 +1,61 @@
+import { StandardProps, SwitchProps } from "@material-ui/core";
+
+export type HvBaseSwitchClassKey = "root" | "disabled";
+
+export interface HvBaseSwitchProps
+  extends StandardProps<SwitchProps, HvBaseSwitchClassKey, "onChange"> {
+  /**
+   * Id to be applied to the root node.
+   */
+  id?: string;
+
+  /**
+   * The input name.
+   */
+  name?: string;
+  /**
+   * The value of the input.
+   *
+   * 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".
+   */
+  value?: any;
+
+  /**
+   * Indicates that user input is required.
+   */
+  required?: boolean;
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly?: boolean;
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   *
+   * When defined the checkbox state becomes controlled.
+   */
+  checked?: boolean;
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked?: boolean;
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange?: (event: Event, checked: boolean, value: any) => void;
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvBaseSwitch(props: HvBaseSwitchProps): JSX.Element | null;

package/dist/BaseSwitch/BaseSwitch.js

@@ -0,0 +1,248 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.function.name.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "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; }
+
+/**
+ * A Switch is <b>binary</b> and work as a digital on/off button.
+ *
+ * The Base Switch is a building block of the Switch form element. Don't use unless
+ * implementing a custom use case not covered by the Switch form element.
+ */
+var HvBaseSwitch = function HvBaseSwitch(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,
+      checked = props.checked,
+      defaultChecked = props.defaultChecked,
+      onChange = props.onChange,
+      inputProps = props.inputProps,
+      onFocusVisible = props.onFocusVisible,
+      onBlur = props.onBlur,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  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 onLocalChange = (0, _react.useCallback)(function (evt) {
+    if (readOnly) {
+      return;
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
+  }, [onChange, readOnly, value]);
+  return /*#__PURE__*/_react.default.createElement(_core.Switch, (0, _extends2.default)({
+    id: id,
+    name: name,
+    className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    color: "default",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    disableRipple: true,
+    onChange: onLocalChange,
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    classes: {
+      root: classes.switch,
+      switchBase: classes.switchBase,
+      checked: classes.checked,
+      track: classes.track,
+      thumb: classes.thumb,
+      disabled: classes.disabled
+    },
+    inputProps: inputProps,
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+};
+
+HvBaseSwitch.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the switch.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the switch when it is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the internal Switch component's root class.
+     */
+    switch: _propTypes.default.string,
+
+    /**
+     * Styles applied to the internal SwitchBase component's root class.
+     */
+    switchBase: _propTypes.default.string,
+
+    /**
+     * Pseudo-class applied to the internal SwitchBase component's checked class.
+     */
+    checked: _propTypes.default.string,
+
+    /**
+     * Styles applied to the track element.
+     */
+    track: _propTypes.default.string,
+
+    /**
+     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.
+     */
+    thumb: _propTypes.default.string,
+
+    /**
+     * Class applied to the root element if keyboard focused.
+     */
+    focusVisible: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The input name.
+   */
+  name: _propTypes.default.string,
+
+  /**
+   * The value of the input.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the switch is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: _propTypes.default.any,
+
+  /**
+   * Indicates that user input is required.
+   */
+  required: _propTypes.default.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: _propTypes.default.bool,
+
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * If `true` the switch is selected, if set to `false` the switch is not selected.
+   *
+   * When defined the switch state becomes controlled.
+   */
+  checked: _propTypes.default.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: _propTypes.default.bool,
+
+  /**
+   * The callback fired when the switch is pressed.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * 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: "HvBaseSwitch"
+})(HvBaseSwitch);
+
+exports.default = _default;
+//# sourceMappingURL=BaseSwitch.js.map