@hitachivantara/uikit-react-viz 3.1.1

package/dist/Chart/styles.js

@@ -0,0 +1,49 @@
+"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"));
+
+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 styles = function styles(theme) {
+  return {
+    root: {
+      padding: 0
+    },
+    defaultColors: _objectSpread({}, theme.hv.viz.palette.categorical),
+    vizText: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      fontSize: 10
+    }),
+    legendText: _objectSpread({}, theme.hv.typography.normalText),
+    lineColor: theme.hv.palette.atmosphere.atmo4,
+    gridColor: theme.hv.palette.atmosphere.atmo4,
+    plotColor: "transparent"
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Chart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","defaultColors","hv","viz","palette","categorical","vizText","typography","fontFamily","fontSize","legendText","normalText","lineColor","atmosphere","atmo4","gridColor","plotColor"],"sources":["../../src/Chart/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: 0,\n  },\n  defaultColors: {\n    ...theme.hv.viz.palette.categorical,\n  },\n  vizText: {\n    ...theme.hv.typography.vizText,\n    fontFamily: theme.hv.typography.fontFamily,\n    fontSize: 10,\n  },\n  legendText: {\n    ...theme.hv.typography.normalText,\n  },\n  lineColor: theme.hv.palette.atmosphere.atmo4,\n  gridColor: theme.hv.palette.atmosphere.atmo4,\n  plotColor: \"transparent\",\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,aAAa,oBACRH,KAAK,CAACI,EAAN,CAASC,GAAT,CAAaC,OAAb,CAAqBC,WADb,CAJY;IAOzBC,OAAO,kCACFR,KAAK,CAACI,EAAN,CAASK,UAAT,CAAoBD,OADlB;MAELE,UAAU,EAAEV,KAAK,CAACI,EAAN,CAASK,UAAT,CAAoBC,UAF3B;MAGLC,QAAQ,EAAE;IAHL,EAPkB;IAYzBC,UAAU,oBACLZ,KAAK,CAACI,EAAN,CAASK,UAAT,CAAoBI,UADf,CAZe;IAezBC,SAAS,EAAEd,KAAK,CAACI,EAAN,CAASE,OAAT,CAAiBS,UAAjB,CAA4BC,KAfd;IAgBzBC,SAAS,EAAEjB,KAAK,CAACI,EAAN,CAASE,OAAT,CAAiBS,UAAjB,CAA4BC,KAhBd;IAiBzBE,SAAS,EAAE;EAjBc,CAAZ;AAAA,CAAf;;eAoBenB,M"}

package/dist/Donutchart/Donutchart.d.ts

@@ -0,0 +1,10 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvDonutchartProps extends HvChartProps {
+  /**
+   * Sets the type of graph.
+   */
+  type?: "regular" | "thin";
+}
+
+export default function HvDonutchart(props: HvDonutchartProps): JSX.Element | null;

package/dist/Donutchart/Donutchart.js

@@ -0,0 +1,124 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _donutchartPlotlyOverrides = require("./donutchartPlotlyOverrides");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type"];
+
+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; }
+
+/**
+ * Donut charts nicely convey the part-whole relationship and they have become
+ * the most recognizable chart types for representing proportions in business and data statistics.
+ * 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 Donutchart = function Donutchart(_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$type = _ref.type,
+      type = _ref$type === void 0 ? "regular" : _ref$type,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  /* Values derived from props */
+  var chartData = (0, _react.useMemo)(function () {
+    return (0, _donutchartPlotlyOverrides.applyDataDefaults)(data, type);
+  }, [data, type]);
+  var chartLayout = (0, _react.useMemo)(function () {
+    return (0, _donutchartPlotlyOverrides.applyLayoutDefaults)(layout);
+  }, [layout]);
+  return /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    type: type
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Donutchart.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 the type of graph.
+   */
+  type: _propTypes.default.oneOf(["regular", "thin"])
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDonutchart"
+})(Donutchart);
+
+exports.default = _default;
+//# sourceMappingURL=Donutchart.js.map

package/dist/Donutchart/Donutchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donutchart.js","names":["Donutchart","id","classes","data","layout","config","tooltipType","type","others","chartData","chartLayout","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","styles","name"],"sources":["../../src/Donutchart/Donutchart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./donutchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * Donut charts nicely convey the part-whole relationship and they have become\n * the most recognizable chart types for representing proportions in business and data statistics.\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 Donutchart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  type = \"regular\",\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n  const chartLayout = useMemo(() => applyLayoutDefaults(layout), [layout]);\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      data={chartData}\n      layout={chartLayout}\n      config={config}\n      tooltipType={tooltipType}\n      type={type}\n      {...others}\n    />\n  );\n};\n\nDonutchart.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 the type of graph.\n   */\n  type: PropTypes.oneOf([\"regular\", \"thin\"]),\n};\n\nexport default withStyles(styles, { name: \"HvDonutchart\" })(Donutchart);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OASb;EAAA,IARJC,EAQI,QARJA,EAQI;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,4BAHJC,WAGI;EAAA,IAHJA,WAGI,iCAHU,UAGV;EAAA,qBAFJC,IAEI;EAAA,IAFJA,IAEI,0BAFG,SAEH;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,SAAS,GAAG,oBAAQ;IAAA,OAAM,kDAAkBN,IAAlB,EAAwBI,IAAxB,CAAN;EAAA,CAAR,EAA6C,CAACJ,IAAD,EAAOI,IAAP,CAA7C,CAAlB;EACA,IAAMG,WAAW,GAAG,oBAAQ;IAAA,OAAM,oDAAoBN,MAApB,CAAN;EAAA,CAAR,EAA2C,CAACA,MAAD,CAA3C,CAApB;EAEA,oBACE,6BAAC,cAAD;IACE,EAAE,EAAEH,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEO,SAHR;IAIE,MAAM,EAAEC,WAJV;IAKE,MAAM,EAAEL,MALV;IAME,WAAW,EAAEC,WANf;IAOE,IAAI,EAAEC;EAPR,GAQMC,MARN,EADF;AAYD,CA3BD;;AA6BA,wCAAAR,UAAU,CAACW,SAAX,GAAuB;EACrB;AACF;AACA;EACEV,EAAE,EAAEW,mBAAUC,MAJO;;EAKrB;AACF;AACA;EACEX,OAAO,EAAEU,mBAAUE,UAAV,CAAqBC,MAArB,CARY;;EASrB;AACF;AACA;EACEZ,IAAI,EAAES,mBAAUI,OAAV,CAAkBJ,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZjC;;EAarB;AACF;AACA;EACEb,MAAM,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CAhBa;;EAiBrB;AACF;AACA;EACEV,MAAM,EAAEO,mBAAUE,UAAV,CAAqBC,MAArB,CApBa;;EAqBrB;AACF;AACA;EACET,WAAW,EAAEM,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBQ;;EAyBrB;AACF;AACA;EACEX,IAAI,EAAEK,mBAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB;AA5Be,CAAvB;;eA+Be,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA6CpB,UAA7C,C"}

package/dist/Donutchart/donutchartPlotlyOverrides.js

@@ -0,0 +1,56 @@
+"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 data in order to follow the DS guideline.
+ *
+ */
+
+
+var applyDataDefaults = function applyDataDefaults(inputData, type) {
+  var data = inputData;
+  data.forEach(function (trace) {
+    setterIfNil(trace, "hoverinfo", "none");
+    setterIfNil(trace, "textinfo", "none");
+    setterIfNil(trace, "type", "pie");
+
+    switch (type) {
+      case "thin":
+        setterIfNil(trace, "hole", "0.94");
+        break;
+
+      case "regular":
+      default:
+        setterIfNil(trace, "hole", "0.76");
+    }
+  });
+  return data;
+};
+
+exports.applyDataDefaults = applyDataDefaults;
+
+var applyLayoutDefaults = function applyLayoutDefaults(inputLayout) {
+  var defaultLayout = {};
+  return !inputLayout ? defaultLayout : (0, _cloneDeep.default)(inputLayout);
+};
+
+exports.applyLayoutDefaults = applyLayoutDefaults;
+//# sourceMappingURL=donutchartPlotlyOverrides.js.map

package/dist/Donutchart/donutchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donutchartPlotlyOverrides.js","names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"sources":["../../src/Donutchart/donutchartPlotlyOverrides.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 data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    setterIfNil(trace, \"textinfo\", \"none\");\n    setterIfNil(trace, \"type\", \"pie\");\n\n    switch (type) {\n      case \"thin\":\n        setterIfNil(trace, \"hole\", \"0.94\");\n        break;\n      case \"regular\":\n      default:\n        setterIfNil(trace, \"hole\", \"0.76\");\n    }\n  });\n\n  return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout) => {\n  const defaultLayout = {};\n\n  return !inputLayout ? defaultLayout : clone(inputLayout);\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;AACA;;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,UAAR,EAAoB,MAApB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,SAAL;MACA;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IANJ;EAQD,CAbD;EAeA,OAAOF,IAAP;AACD,CAnBM;;;;AAqBA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;EAClD,IAAMC,aAAa,GAAG,EAAtB;EAEA,OAAO,CAACD,WAAD,GAAeC,aAAf,GAA+B,wBAAMD,WAAN,CAAtC;AACD,CAJM"}

package/dist/Donutchart/index.d.ts

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

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

package/dist/Donutchart/index.js.map

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

package/dist/Donutchart/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/Donutchart/styles.js.map

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

package/dist/Linechart/Linechart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvLinechartProps extends HvChartProps {
+  /**
+   * Sets the type of graph.
+   */
+  type?: "line" | "area" | "stack";
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider?: boolean;
+}
+
+export default function HvLinechart(props: HvLinechartProps): JSX.Element | null;

package/dist/Linechart/Linechart.js

@@ -0,0 +1,130 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _lineChartPlotlyOverrides = require("./lineChartPlotlyOverrides");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type", "rangeSlider"];
+
+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 line chart or line plot or line graph is a type of chart which displays information as a series of data points
+ * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.
+ * 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 Linechart = function Linechart(_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$type = _ref.type,
+      type = _ref$type === void 0 ? "line" : _ref$type,
+      _ref$rangeSlider = _ref.rangeSlider,
+      rangeSlider = _ref$rangeSlider === void 0 ? false : _ref$rangeSlider,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  /* Values derived from props */
+  var chartData = (0, _react.useMemo)(function () {
+    return (0, _lineChartPlotlyOverrides.applyDataDefaults)(data, type);
+  }, [data, type]);
+  var chartLayout = (0, _react.useMemo)(function () {
+    return (0, _lineChartPlotlyOverrides.applyLayoutDefaults)(layout, rangeSlider);
+  }, [layout, rangeSlider]);
+  return /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Linechart.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 the type of graph.
+   */
+  type: _propTypes.default.oneOf(["line", "area", "stack"]),
+
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider: _propTypes.default.bool
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLinechart"
+})(Linechart);
+
+exports.default = _default;
+//# sourceMappingURL=Linechart.js.map

package/dist/Linechart/Linechart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Linechart.js","names":["Linechart","id","classes","data","layout","config","tooltipType","type","rangeSlider","others","chartData","chartLayout","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","styles","name"],"sources":["../../src/Linechart/Linechart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./lineChartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * A line chart or line plot or line graph is a type of chart which displays information as a series of data points\n * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.\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 Linechart = ({\n  id,\n  classes,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  type = \"line\",\n  rangeSlider = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, rangeSlider),\n    [layout, rangeSlider]\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      {...others}\n    />\n  );\n};\n\nLinechart.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 the type of graph.\n   */\n  type: PropTypes.oneOf([\"line\", \"area\", \"stack\"]),\n  /**\n   * Defines it should present a range slider.\n   */\n  rangeSlider: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLinechart\" })(Linechart);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAUZ;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,IAOI,QAPJA,IAOI;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,4BAJJC,WAII;EAAA,IAJJA,WAII,iCAJU,UAIV;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,MAGH;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,KAEV;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,SAAS,GAAG,oBAAQ;IAAA,OAAM,iDAAkBP,IAAlB,EAAwBI,IAAxB,CAAN;EAAA,CAAR,EAA6C,CAACJ,IAAD,EAAOI,IAAP,CAA7C,CAAlB;EACA,IAAMI,WAAW,GAAG,oBAClB;IAAA,OAAM,mDAAoBP,MAApB,EAA4BI,WAA5B,CAAN;EAAA,CADkB,EAElB,CAACJ,MAAD,EAASI,WAAT,CAFkB,CAApB;EAKA,oBACE,6BAAC,cAAD;IACE,EAAE,EAAEP,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEQ,SAHR;IAIE,MAAM,EAAEC,WAJV;IAKE,MAAM,EAAEN,MALV;IAME,WAAW,EAAEC;EANf,GAOMG,MAPN,EADF;AAWD,CA9BD;;AAgCA,wCAAAT,SAAS,CAACY,SAAV,GAAsB;EACpB;AACF;AACA;EACEX,EAAE,EAAEY,mBAAUC,MAJM;;EAKpB;AACF;AACA;EACEZ,OAAO,EAAEW,mBAAUE,UAAV,CAAqBC,MAArB,CARW;;EASpB;AACF;AACA;EACEb,IAAI,EAAEU,mBAAUI,OAAV,CAAkBJ,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZlC;;EAapB;AACF;AACA;EACEd,MAAM,EAAES,mBAAUE,UAAV,CAAqBC,MAArB,CAhBY;;EAiBpB;AACF;AACA;EACEX,MAAM,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CApBY;;EAqBpB;AACF;AACA;EACEV,WAAW,EAAEO,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBO;;EAyBpB;AACF;AACA;EACEZ,IAAI,EAAEM,mBAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CA5Bc;;EA6BpB;AACF;AACA;EACEX,WAAW,EAAEK,mBAAUO;AAhCH,CAAtB;;eAmCe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CtB,SAA5C,C"}

package/dist/Linechart/index.d.ts

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

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

package/dist/Linechart/index.js.map

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

package/dist/Linechart/lineChartPlotlyOverrides.js

@@ -0,0 +1,79 @@
+"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 data in order to follow the DS guideline.
+ *
+ */
+
+
+var applyDataDefaults = function applyDataDefaults(inputData, type) {
+  var data = inputData;
+  data.forEach(function (trace) {
+    setterIfNil(trace, "hoverinfo", "none");
+    setterIfNil(trace, "mode", "lines");
+
+    switch (type) {
+      case "area":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        break;
+
+      case "line":
+        setterIfNil(trace, "type", "line");
+        break;
+
+      case "stack":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        setterIfNil(trace, "stackgroup", "one");
+        break;
+
+      default:
+        setterIfNil(trace, "type", "line");
+    }
+  });
+  return data;
+};
+
+exports.applyDataDefaults = applyDataDefaults;
+
+var applyLayoutDefaults = function applyLayoutDefaults() {
+  var inputLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rangeSlider = arguments.length > 1 ? arguments[1] : undefined;
+  var layout = (0, _cloneDeep.default)(inputLayout);
+  setterIfNil(layout, "xaxis", {});
+  setterIfNil(layout.xaxis, "showgrid", true);
+  setterIfNil(layout.xaxis, "showline", true);
+  setterIfNil(layout, "yaxis", {});
+  setterIfNil(layout.yaxis, "showline", false);
+
+  if (rangeSlider) {
+    setterIfNil(layout.xaxis, "rangeslider", {
+      visible: true
+    });
+  }
+
+  return layout;
+};
+
+exports.applyLayoutDefaults = applyLayoutDefaults;
+//# sourceMappingURL=lineChartPlotlyOverrides.js.map

package/dist/Linechart/lineChartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineChartPlotlyOverrides.js","names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","xaxis","yaxis","visible"],"sources":["../../src/Linechart/lineChartPlotlyOverrides.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 data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    setterIfNil(trace, \"mode\", \"lines\");\n\n    switch (type) {\n      case \"area\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        break;\n      case \"line\":\n        setterIfNil(trace, \"type\", \"line\");\n        break;\n      case \"stack\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        setterIfNil(trace, \"stackgroup\", \"one\");\n        break;\n      default:\n        setterIfNil(trace, \"type\", \"line\");\n    }\n  });\n\n  return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout = {}, rangeSlider) => {\n  const layout = clone(inputLayout);\n\n  setterIfNil(layout, \"xaxis\", {});\n  setterIfNil(layout.xaxis, \"showgrid\", true);\n  setterIfNil(layout.xaxis, \"showline\", true);\n\n  setterIfNil(layout, \"yaxis\", {});\n  setterIfNil(layout.yaxis, \"showline\", false);\n\n  if (rangeSlider) {\n    setterIfNil(layout.xaxis, \"rangeslider\", {\n      visible: true,\n    });\n  }\n\n  return layout;\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;AACA;;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,OAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACA;;MACF,KAAK,MAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,OAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,YAAR,EAAsB,KAAtB,CAAX;QACA;;MACF;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IAdJ;EAgBD,CApBD;EAsBA,OAAOF,IAAP;AACD,CA1BM;;;;AA4BA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmC;EAAA,IAAlCC,WAAkC,uEAApB,EAAoB;EAAA,IAAhBC,WAAgB;EACpE,IAAMC,MAAM,GAAG,wBAAMF,WAAN,CAAf;EAEAX,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EACAd,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EAEAd,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;;EAEA,IAAIH,WAAJ,EAAiB;IACfZ,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,aAAf,EAA8B;MACvCE,OAAO,EAAE;IAD8B,CAA9B,CAAX;EAGD;;EAED,OAAOH,MAAP;AACD,CAjBM"}

package/dist/Linechart/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/Linechart/styles.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { default as HvBarchart } from "./Barchart";
+export * from "./Barchart";
+
+export { default as HvDonutchart } from "./Donutchart";
+export * from "./Donutchart";
+
+export { default as HvLinechart } from "./Linechart";
+export * from "./Linechart";

package/dist/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvBarchart", {
+  enumerable: true,
+  get: function get() {
+    return _Barchart.default;
+  }
+});
+Object.defineProperty(exports, "HvDonutchart", {
+  enumerable: true,
+  get: function get() {
+    return _Donutchart.default;
+  }
+});
+Object.defineProperty(exports, "HvLinechart", {
+  enumerable: true,
+  get: function get() {
+    return _Linechart.default;
+  }
+});
+
+var _Barchart = _interopRequireDefault(require("./Barchart"));
+
+var _Donutchart = _interopRequireDefault(require("./Donutchart"));
+
+var _Linechart = _interopRequireDefault(require("./Linechart"));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvLinechart } from \"./Linechart\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA"}