@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/Barchart/Barchart.js

@@ -0,0 +1,195 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
+
+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) { _defineProperty(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; }
+
+import "core-js/modules/es.array.map.js";
+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 React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
+import styles from "./styles";
+var MARGIN = 50;
+var MAX_BAR_WIDTH = 90;
+var MIN_BAR_WIDTH = 3;
+/**
+ * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
+ *
+ * Our implementation leverages the Plotly charting library. If you have a specific case
+ * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+
+var Barchart = function Barchart(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      data = _ref.data,
+      layout = _ref.layout,
+      config = _ref.config,
+      _ref$tooltipType = _ref.tooltipType,
+      tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
+      _ref$stack = _ref.stack,
+      stack = _ref$stack === void 0 ? false : _ref$stack,
+      _ref$horizontal = _ref.horizontal,
+      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  var dataWithDefaults = useMemo(function () {
+    return applyDataDefaults(data, horizontal);
+  }, [data, horizontal]);
+  var chartLayout = useMemo(function () {
+    return applyLayoutDefaults(layout, stack, horizontal);
+  }, [layout, stack, horizontal]);
+  /* State */
+
+  var _useState = useState(dataWithDefaults),
+      _useState2 = _slicedToArray(_useState, 2),
+      chartData = _useState2[0],
+      setChartData = _useState2[1];
+  /* Effects */
+
+
+  var firstRender = useRef(true);
+  useEffect(function () {
+    // only setChartData when prop value changes
+    // not needed on first render because the
+    // initial state is already properly set
+    if (!firstRender.current) {
+      setChartData(dataWithDefaults);
+    }
+
+    firstRender.current = false;
+  }, [dataWithDefaults]);
+  /**
+   * Used to force the max width of each bar with 90px.
+   *
+   * (this is effectively more an effect than a callback)
+   */
+
+  var recalculateBarWidth = useCallback(function (ref) {
+    // use the data and layout info directly from the plotly ref
+    // as it's always the most uptodate version.
+    var plotData = ref.current.props.data;
+    var plotLayout = ref.current.props.layout;
+
+    if (plotData.length > 0) {
+      var barmode = plotLayout.barmode,
+          bargap = plotLayout.bargap,
+          bargroupgap = plotLayout.bargroupgap;
+      var isStack = barmode === "stack";
+      var numberOfBarsByGroup = isStack ? 1 : plotData.length;
+      var numberOfGroup = plotData[0].x.length;
+
+      var _ref$current$el$getBo = ref.current.el.getBoundingClientRect(),
+          width = _ref$current$el$getBo.width;
+
+      var plotWidth = width - MARGIN;
+      var groupWidth = plotWidth / numberOfGroup;
+      var colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
+      var calculatedBarWidth = colWidth / numberOfBarsByGroup;
+      var greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
+      var lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
+      var isAlreadyGreaterThan90 = plotData[0].width !== undefined;
+
+      if (greaterThan90 && !isAlreadyGreaterThan90) {
+        var newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
+        var newData = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+
+      if (lessThan3 && !isAlreadyGreaterThan90) {
+        var _newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
+
+        var _newData = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: _newWidth
+          });
+        });
+
+        setChartData(_newData);
+      }
+
+      if (!greaterThan90 && isAlreadyGreaterThan90) {
+        var _newData2 = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: undefined
+          });
+        });
+
+        setChartData(_newData2);
+      }
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    afterPlot: recalculateBarWidth
+  }, others));
+};
+
+Barchart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: PropTypes.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: PropTypes.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets is the chart is stack.
+   */
+  stack: PropTypes.bool,
+
+  /**
+   * Sets is the chart is horizontal.
+   */
+  horizontal: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvBarchart"
+})(Barchart);
+//# sourceMappingURL=Barchart.js.map

package/dist/legacy/Barchart/Barchart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/Barchart.js"],"names":["React","useMemo","useEffect","useState","useCallback","useRef","PropTypes","withStyles","Chart","applyLayoutDefaults","applyDataDefaults","styles","MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","chartLayout","chartData","setChartData","firstRender","current","recalculateBarWidth","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","el","getBoundingClientRect","width","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyLayoutDefaults, applyDataDefaults } from \"./barchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst MARGIN = 50;\nconst MAX_BAR_WIDTH = 90;\nconst MIN_BAR_WIDTH = 3;\n\n/**\n * A Bar chart is a chart or graph that presents categorical data with rectangular bars.\n *\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Barchart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  stack = false,\n  horizontal = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, stack, horizontal),\n    [layout, stack, horizontal]\n  );\n\n  /* State */\n\n  const [chartData, setChartData] = useState(dataWithDefaults);\n\n  /* Effects */\n\n  const firstRender = useRef(true);\n  useEffect(() => {\n    // only setChartData when prop value changes\n    // not needed on first render because the\n    // initial state is already properly set\n    if (!firstRender.current) {\n      setChartData(dataWithDefaults);\n    }\n\n    firstRender.current = false;\n  }, [dataWithDefaults]);\n\n  /**\n   * Used to force the max width of each bar with 90px.\n   *\n   * (this is effectively more an effect than a callback)\n   */\n  const recalculateBarWidth = useCallback((ref) => {\n    // use the data and layout info directly from the plotly ref\n    // as it's always the most uptodate version.\n    const plotData = ref.current.props.data;\n    const plotLayout = ref.current.props.layout;\n\n    if (plotData.length > 0) {\n      const { barmode, bargap, bargroupgap } = plotLayout;\n\n      const isStack = barmode === \"stack\";\n      const numberOfBarsByGroup = isStack ? 1 : plotData.length;\n      const numberOfGroup = plotData[0].x.length;\n\n      const { width } = ref.current.el.getBoundingClientRect();\n      const plotWidth = width - MARGIN;\n      const groupWidth = plotWidth / numberOfGroup;\n      const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;\n\n      const calculatedBarWidth = colWidth / numberOfBarsByGroup;\n      const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;\n      const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;\n      const isAlreadyGreaterThan90 = plotData[0].width !== undefined;\n\n      if (greaterThan90 && !isAlreadyGreaterThan90) {\n        const newWidth = (MAX_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (lessThan3 && !isAlreadyGreaterThan90) {\n        const newWidth = (MIN_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: newWidth };\n        });\n\n        setChartData(newData);\n      }\n\n      if (!greaterThan90 && isAlreadyGreaterThan90) {\n        const newData = plotData.map((subData) => {\n          return { ...subData, width: undefined };\n        });\n\n        setChartData(newData);\n      }\n    }\n  }, []);\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      data={chartData}\n      layout={chartLayout}\n      config={config}\n      tooltipType={tooltipType}\n      afterPlot={recalculateBarWidth}\n      {...others}\n    />\n  );\n};\nBarchart.propTypes = {\n  /**\n   * An Id passed on to the component\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Plotly data object (see https://plot.ly/javascript/reference/).\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n   */\n  layout: PropTypes.instanceOf(Object),\n  /**\n   * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n   */\n  config: PropTypes.instanceOf(Object),\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n  /**\n   * Sets is the chart is stack.\n   */\n  stack: PropTypes.bool,\n  /**\n   * Sets is the chart is horizontal.\n   */\n  horizontal: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBarchart\" })(Barchart);\n"],"file":"Barchart.js"}

package/dist/legacy/Barchart/barchartPlotlyOverrides.js

@@ -0,0 +1,40 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import clone from "lodash/cloneDeep";
+
+var setterIfNil = function setterIfNil(object, property, value) {
+  // eslint-disable-next-line no-param-reassign
+  object[property] = object[property] || value;
+};
+/**
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
+ */
+
+
+export var applyLayoutDefaults = function applyLayoutDefaults(inputLayout, stack, isHorizontal) {
+  var layout = inputLayout === undefined ? {} : clone(inputLayout);
+  setterIfNil(layout, "bargap", 0.25);
+  setterIfNil(layout, "bargroupgap", 0.25);
+  if (stack) setterIfNil(layout, "barmode", "stack");
+  setterIfNil(layout, "yaxis", {});
+  setterIfNil(layout, "xaxis", {});
+
+  if (isHorizontal) {
+    setterIfNil(layout.yaxis, "showline", true);
+    setterIfNil(layout.xaxis, "showline", false);
+  } else {
+    setterIfNil(layout.yaxis, "showline", false);
+  }
+
+  return layout;
+};
+export var applyDataDefaults = function applyDataDefaults(inputData, isHorizontal) {
+  var data = inputData;
+  data.forEach(function (trace) {
+    setterIfNil(trace, "type", "bar");
+    setterIfNil(trace, "hoverinfo", "none");
+    if (isHorizontal) setterIfNil(trace, "orientation", "h");
+  });
+  return data;
+};
+//# sourceMappingURL=barchartPlotlyOverrides.js.map

package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,EAAsC;AACvE,MAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,CAjBM;AAmBP,OAAO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYN,YAAZ,EAA6B;AAC5D,MAAMO,IAAI,GAAGD,SAAb;AAEAC,EAAAA,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;AACtBhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;AACAhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACA,QAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;AACnB,GAJD;AAMA,SAAOF,IAAP;AACD,CAVM","sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n  const layout = inputLayout === undefined ? {} : clone(inputLayout);\n  setterIfNil(layout, \"bargap\", 0.25);\n  setterIfNil(layout, \"bargroupgap\", 0.25);\n  if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n  setterIfNil(layout, \"yaxis\", {});\n  setterIfNil(layout, \"xaxis\", {});\n\n  if (isHorizontal) {\n    setterIfNil(layout.yaxis, \"showline\", true);\n    setterIfNil(layout.xaxis, \"showline\", false);\n  } else {\n    setterIfNil(layout.yaxis, \"showline\", false);\n  }\n\n  return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"type\", \"bar\");\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n  });\n\n  return data;\n};\n"],"file":"barchartPlotlyOverrides.js"}

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

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

package/dist/legacy/Barchart/index.js

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

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

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

package/dist/legacy/Barchart/styles.js

@@ -0,0 +1,3 @@
+var styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Barchart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/styles.js"],"names":["styles"],"mappings":"AAAA,IAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf","sourcesContent":["const styles = {};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/BaseCheckBox/BaseCheckBox.d.ts

@@ -0,0 +1,70 @@
+import { StandardProps, CheckboxProps } from "@material-ui/core";
+
+export type HvBaseCheckBoxClassKey = "root" | "disabled" | "focusVisible";
+
+export interface HvBaseCheckBoxProps
+  extends StandardProps<CheckboxProps, HvBaseCheckBoxClassKey, "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;
+  /**
+   * If `true` the checkbox visually shows the indeterminate state.
+   */
+  indeterminate?: boolean;
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange?: (event: Event, checked: boolean, value: any) => void;
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic?: boolean;
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvBaseCheckBox(props: HvBaseCheckBoxProps): JSX.Element | null;

package/dist/legacy/BaseCheckBox/BaseCheckBox.js

@@ -0,0 +1,218 @@
+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", "name", "value", "required", "readOnly", "disabled", "checked", "indeterminate", "defaultChecked", "semantic", "onChange", "inputProps", "onFocusVisible", "onBlur"];
+import "core-js/modules/es.function.name.js";
+import React, { useState, useCallback } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Checkbox, withStyles } from "@material-ui/core";
+import { Checkbox as CheckboxIcon, CheckboxCheck, CheckboxPartial } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+export 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 {
+    checkbox: /*#__PURE__*/React.createElement(CheckboxIcon, {
+      color: color,
+      className: classes.icon
+    }),
+    checkboxPartial: /*#__PURE__*/React.createElement(CheckboxPartial, {
+      color: color,
+      className: classes.icon
+    }),
+    checkboxChecked: /*#__PURE__*/React.createElement(CheckboxCheck, {
+      color: checkedColor,
+      className: classes.icon
+    })
+  };
+};
+/**
+ * A Checkbox is a mechanism that allows user to select one or more options.
+ *
+ * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
+ * implementing a custom use case not covered by the Checkbox form element.
+ */
+
+var HvBaseCheckbox = function HvBaseCheckbox(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,
+      indeterminate = props.indeterminate,
+      defaultChecked = props.defaultChecked,
+      _props$semantic = props.semantic,
+      semantic = _props$semantic === void 0 ? false : _props$semantic,
+      onChange = props.onChange,
+      inputProps = props.inputProps,
+      onFocusVisible = props.onFocusVisible,
+      onBlur = props.onBlur,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      focusVisible = _useState2[0],
+      setFocusVisible = _useState2[1];
+
+  var onFocusVisibleCallback = useCallback(function (evt) {
+    setFocusVisible(true);
+    onFocusVisible === null || onFocusVisible === void 0 ? void 0 : onFocusVisible(evt);
+  }, [onFocusVisible]);
+  var onBlurCallback = 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 = 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.createElement(Checkbox, _extends({
+    id: id,
+    name: name,
+    className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    icon: icons.checkbox,
+    indeterminateIcon: icons.checkboxPartial,
+    checkedIcon: icons.checkboxChecked,
+    color: "default",
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    disableRipple: true,
+    onChange: onLocalChange,
+    value: value,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    indeterminate: indeterminate,
+    inputProps: inputProps,
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback
+  }, others));
+};
+
+HvBaseCheckbox.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the checkbox.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the checkbox when it is disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Class applied to the root element if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The input name.
+   */
+  name: PropTypes.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".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any,
+
+  /**
+   * Indicates that the input is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Indicates that the input is not editable.
+   */
+  readOnly: PropTypes.bool,
+
+  /**
+   * Indicates that user input is required.
+   */
+  required: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
+   *
+   * When defined the checkbox state becomes controlled.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: PropTypes.bool,
+
+  /**
+   * If `true` the checkbox visually shows the indeterminate state.
+   */
+  indeterminate: PropTypes.bool,
+
+  /**
+   * The callback fired when the checkbox is pressed.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Whether the selector should use semantic colors.
+   */
+  semantic: PropTypes.bool,
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: PropTypes.func,
+
+  /**
+   * @ignore
+   */
+  onBlur: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvBaseCheckbox"
+})(HvBaseCheckbox);
+//# sourceMappingURL=BaseCheckBox.js.map

package/dist/legacy/BaseCheckBox/BaseCheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseCheckBox/BaseCheckBox.js"],"names":["React","useState","useCallback","PropTypes","clsx","Checkbox","withStyles","CheckboxIcon","CheckboxCheck","CheckboxPartial","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox, withStyles } from \"@material-ui/core\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} 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    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\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    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\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      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox 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   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"file":"BaseCheckBox.js"}

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

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

package/dist/legacy/BaseCheckBox/index.js

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

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

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

package/dist/legacy/BaseCheckBox/styles.js

@@ -0,0 +1,44 @@
+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); 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) { _defineProperty(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; }
+
+import { outlineStyles } from "../Focus/styles";
+
+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({}, outlineStyles)
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map