@hitachivantara/uikit-react-core 3.66.1-next.4 → 3.67.0

package/dist/Barchart/Barchart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvBarchartProps extends HvChartProps {
+  /**
+   * Sets if the chart is stack.
+   */
+  stack?: boolean;
+  /**
+   * Sets if the chart is horizontal.
+   */
+  horizontal?: boolean;
+}
+
+export default function HvBarchart(props: HvBarchartProps): JSX.Element | null;

package/dist/Barchart/Barchart.js

@@ -0,0 +1,239 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Chart = _interopRequireDefault(require("../Chart"));
+
+var _barchartPlotlyOverrides = require("./barchartPlotlyOverrides");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { (0, _defineProperty2.default)(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; }
+
+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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  /* Values derived from props */
+  var dataWithDefaults = (0, _react.useMemo)(function () {
+    return (0, _barchartPlotlyOverrides.applyDataDefaults)(data, horizontal);
+  }, [data, horizontal]);
+  var chartLayout = (0, _react.useMemo)(function () {
+    return (0, _barchartPlotlyOverrides.applyLayoutDefaults)(layout, stack, horizontal);
+  }, [layout, stack, horizontal]);
+  /* State */
+
+  var _useState = (0, _react.useState)(dataWithDefaults),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chartData = _useState2[0],
+      setChartData = _useState2[1];
+  /* Effects */
+
+
+  var firstRender = (0, _react.useRef)(true);
+  (0, _react.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 = (0, _react.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.default.createElement(_Chart.default, (0, _extends2.default)({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    afterPlot: recalculateBarWidth
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: _propTypes.default.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets is the chart is stack.
+   */
+  stack: _propTypes.default.bool,
+
+  /**
+   * Sets is the chart is horizontal.
+   */
+  horizontal: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvBarchart"
+})(Barchart);
+
+exports.default = _default;
+//# sourceMappingURL=Barchart.js.map

package/dist/Barchart/Barchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Barchart.js","names":["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","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","styles","name"],"sources":["../../src/Barchart/Barchart.js"],"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"],"mappings":"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"}

package/dist/Barchart/barchartPlotlyOverrides.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyLayoutDefaults = exports.applyDataDefaults = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var setterIfNil = function setterIfNil(object, property, value) {
+  var _object$property;
+
+  // eslint-disable-next-line no-param-reassign
+  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
+};
+/**
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
+ */
+
+
+var applyLayoutDefaults = function applyLayoutDefaults(inputLayout, stack, isHorizontal) {
+  var layout = inputLayout === undefined ? {} : (0, _cloneDeep.default)(inputLayout);
+  setterIfNil(layout, "bargap", 0.25);
+  setterIfNil(layout, "bargroupgap", 0.25);
+  setterIfNil(layout, "hovermode", "closest");
+  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;
+};
+
+exports.applyLayoutDefaults = applyLayoutDefaults;
+
+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;
+};
+
+exports.applyDataDefaults = applyDataDefaults;
+//# sourceMappingURL=barchartPlotlyOverrides.js.map

package/dist/Barchart/barchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barchartPlotlyOverrides.js","names":["setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"sources":["../../src/Barchart/barchartPlotlyOverrides.js"],"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  setterIfNil(layout, \"hovermode\", \"closest\");\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"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,EAAsC;EACvE,IAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiC,wBAAMJ,WAAN,CAAhD;EACAL,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,WAAT,EAAsB,SAAtB,CAAX;EACA,IAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;EAEXR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;EAEA,IAAID,YAAJ,EAAkB;IAChBP,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;IACAV,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD,CAHD,MAGO;IACLX,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD;;EAED,OAAOF,MAAP;AACD,CAlBM;;;;AAoBA,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYN,YAAZ,EAA6B;EAC5D,IAAMO,IAAI,GAAGD,SAAb;EAEAC,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBhB,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;IACAhB,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACA,IAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;EACnB,CAJD;EAMA,OAAOF,IAAP;AACD,CAVM"}

package/dist/Barchart/index.d.ts

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

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

package/dist/Barchart/index.js.map

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

package/dist/Barchart/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Barchart/styles.js.map

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

package/dist/BaseInput/BaseInput.js

@@ -119,7 +119,7 @@ var HvBaseInput = function HvBaseInput(props) {
       focused: classes.inputRootFocused,
       disabled: classes.inputRootDisabled,
       multiline: classes.inputRootMultiline,
-      input: (0, _clsx.default)(classes.input, !formElementProps.disabled && resizable && classes.inputResizable)
+      input: (0, _clsx.default)(classes.input, !formElementProps.disabled && resizable && classes.inputResizable, disabled && classes.inputDisabled)
     },
     inputProps: _objectSpread(_objectSpread({
       // avoid the required attribute at the root node
@@ -190,6 +190,11 @@ process.env.NODE_ENV !== "production" ? HvBaseInput.propTypes = {
      */
     input: _propTypes.default.string,
 
+    /**
+     * Styles applied to input html element when is disabled.
+     */
+    inputDisabled: _propTypes.default.string,
+
     /**
      * Styles applied to input html element when it is resizable.
      */

package/dist/BaseInput/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","HvFormElementContext","formElementProps","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","onChangeHandler","event","target","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` 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   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","HvFormElementContext","formElementProps","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","onChangeHandler","event","target","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` 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   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}

package/dist/BaseInput/styles.js

@@ -201,6 +201,9 @@ var styles = function styles(theme) {
       width: "initial",
       flexGrow: 1
     }),
+    inputDisabled: {
+      color: theme.hv.palette.atmosphere.atmo5
+    },
     inputResizable: {
       resize: "both",
       width: "100%"

package/dist/BaseInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputResizable","resize","inputBorderContainer","top","left","color"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Chart/Chart.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+import { HvPlotProps } from "./Plot";
+
+export type HvChartClassKey = "root";
+
+export interface HvChartProps extends StandardProps<HvPlotProps, HvChartClassKey> {
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType?: "single" | "multiple";
+  /**
+   * Defines the X axis title.
+   */
+  xAxisTitle?: string;
+  /**
+   * Defines the Y axis title.
+   */
+  yAxisTitle?: string;
+  /**
+   * Defines the chart subtitle.
+   */
+  subtitle?: string;
+}
+
+export default function HvChart(props: HvChartProps): JSX.Element | null;