@hitachivantara/uikit-react-core 2.23.2

package/dist/Kpi/Kpi.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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 = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _withLabels = _interopRequireDefault(require("../withLabels"));
+
+var _excluded = ["classes", "className", "id", "labels", "visualIndicator", "visualComparison", "trendIndicator", "indicatorUnitTextVariant", "indicatorTextVariant"];
+var DEFAULT_LABELS = {
+  title: "",
+  indicator: undefined,
+  unit: undefined,
+  comparisonIndicatorInfo: undefined
+};
+
+var HvKpi = function HvKpi(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      labels = props.labels,
+      _props$visualIndicato = props.visualIndicator,
+      visualIndicator = _props$visualIndicato === void 0 ? null : _props$visualIndicato,
+      _props$visualComparis = props.visualComparison,
+      visualComparison = _props$visualComparis === void 0 ? null : _props$visualComparis,
+      _props$trendIndicator = props.trendIndicator,
+      trendIndicator = _props$trendIndicator === void 0 ? null : _props$trendIndicator,
+      _props$indicatorUnitT = props.indicatorUnitTextVariant,
+      indicatorUnitTextVariant = _props$indicatorUnitT === void 0 ? "sTitle" : _props$indicatorUnitT,
+      _props$indicatorTextV = props.indicatorTextVariant,
+      indicatorTextVariant = _props$indicatorTextV === void 0 ? "lTitle" : _props$indicatorTextV,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var InternalVisualComparison = typeof visualComparison === "string" ? _Typography.default : "div";
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(classes.root, className)
+  }, others), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "highlightText"
+  }, labels.title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.indicatorsContainer
+  }, visualIndicator != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.visualIndicatorContainer, classes.spacingToTheRight)
+  }, visualIndicator), labels.indicator && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: (0, _clsx.default)(classes.spacingToTheRight, classes.indicatorText),
+    variant: indicatorTextVariant
+  }, labels.indicator), labels.unit && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.indicatorUnit,
+    variant: indicatorUnitTextVariant
+  }, labels.unit)), visualComparison != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonComposition
+  }, trendIndicator != null && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.trendLine, classes.spacingToTheRight)
+  }, trendIndicator), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/_react.default.createElement(InternalVisualComparison, {
+    className: (0, _clsx.default)(classes.comparisons, classes.spacingToTheRight),
+    variant: "highlightText"
+  }, visualComparison)), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.comparisons,
+    variant: "vizText"
+  }, labels.comparisonIndicatorInfo)))));
+};
+
+process.env.NODE_ENV !== "production" ? HvKpi.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component visual indicator.
+     */
+    visualIndicatorContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component comparison.
+     */
+    comparisons: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component comparison container.
+     */
+    comparisonContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component comparison composition wrapper.
+     */
+    comparisonComposition: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component indicators.
+     */
+    indicatorsContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component indicators text.
+     */
+    indicatorText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component indicators unit.
+     */
+    indicatorUnit: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component comparison container right spacing.
+     */
+    spacingToTheRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component trend line.
+     */
+    trendLine: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * An Element that will be rendered to the left of the kpi indicator text.
+   */
+  trendIndicator: _propTypes.default.node,
+
+  /**
+   * An Element that will be rendered to the left of the kpi indicator text.
+   */
+  visualIndicator: _propTypes.default.node,
+
+  /**
+   * An Element that will be rendered below the kpi indicator text.
+   */
+  visualComparison: _propTypes.default.node,
+
+  /**
+   * The object that contains the different labels inside the kpi.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * The text at the top of the kpi.
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * The text in the middle of the kpi.
+     */
+    indicator: _propTypes.default.string,
+
+    /**
+     * The text to the right of the indicator.
+     */
+    unit: _propTypes.default.string,
+
+    /**
+     * the text to the right of the visual comparison.
+     */
+    comparisonIndicatorInfo: _propTypes.default.string
+  }),
+
+  /**
+   *  The typography variant used in the main text indicator of the KPI
+   */
+  indicatorTextVariant: _propTypes.default.oneOf(["5xlTitle", "xxlTitle", "lTitle", "sTitle"]),
+
+  /**
+   *  The typography variant used in the main text indicator of the KPI
+   */
+  indicatorUnitTextVariant: _propTypes.default.oneOf(["sTitle", "sText", "infoText"])
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvKpi"
+})((0, _withLabels.default)(DEFAULT_LABELS)(HvKpi));
+
+exports.default = _default;
+//# sourceMappingURL=Kpi.js.map

package/dist/Kpi/Kpi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kpi.js","names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","HvTypography","clsx","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","PropTypes","string","shape","isRequired","node","oneOf","withStyles","styles","name","withLabels"],"sources":["../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport withLabels from \"../withLabels\";\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\nconst HvKpi = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    labels,\n    visualIndicator = null,\n    visualComparison = null,\n    trendIndicator = null,\n    indicatorUnitTextVariant = \"sTitle\",\n    indicatorTextVariant = \"lTitle\",\n    ...others\n  } = props;\n\n  const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator != null && (\n          <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n            {visualIndicator}\n          </div>\n        )}\n        {labels.indicator && (\n          <HvTypography\n            className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {labels.indicator}\n          </HvTypography>\n        )}\n        {labels.unit && (\n          <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n            {labels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison != null && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator != null && (\n            <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={clsx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"highlightText\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"vizText\">\n                {labels.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHvKpi.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component visual indicator.\n     */\n    visualIndicatorContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison.\n     */\n    comparisons: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container.\n     */\n    comparisonContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison composition wrapper.\n     */\n    comparisonComposition: PropTypes.string,\n    /**\n     * Styles applied to the component indicators.\n     */\n    indicatorsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component indicators text.\n     */\n    indicatorText: PropTypes.string,\n    /**\n     * Styles applied to the component indicators unit.\n     */\n    indicatorUnit: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container right spacing.\n     */\n    spacingToTheRight: PropTypes.string,\n    /**\n     * Styles applied to the component trend line.\n     */\n    trendLine: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison: PropTypes.node,\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The text at the top of the kpi.\n     */\n    title: PropTypes.string,\n    /**\n     * The text in the middle of the kpi.\n     */\n    indicator: PropTypes.string,\n    /**\n     * The text to the right of the indicator.\n     */\n    unit: PropTypes.string,\n    /**\n     * the text to the right of the visual comparison.\n     */\n    comparisonIndicatorInfo: PropTypes.string,\n  }),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"sText\", \"infoText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(withLabels(DEFAULT_LABELS)(HvKpi));\n"],"mappings":"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"}

package/dist/Kpi/index.d.ts

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

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

package/dist/Kpi/index.js.map

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

package/dist/Kpi/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: "100%",
+      height: "100%"
+    },
+    visualIndicatorContainer: {
+      height: "40px",
+      backgroundColor: "transparent",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    comparisonContainer: {
+      minHeight: "16px",
+      display: "flex",
+      alignItems: "flex-end"
+    },
+    indicatorsContainer: {
+      display: "inline-flex",
+      minHeight: "16px",
+      alignItems: "flex-end",
+      marginTop: "".concat(theme.hv.spacing.xs, "px"),
+      marginBottom: "".concat(theme.hv.spacing.xs, "px")
+    },
+    indicatorUnit: {
+      alignSelf: "flex-end",
+      paddingBottom: "3px"
+    },
+    indicatorText: {},
+    comparisonComposition: {
+      width: "100%",
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignItems: "center"
+    },
+    spacingToTheRight: {
+      marginRight: "".concat(theme.hv.spacing.xs, "px")
+    },
+    trendLine: {
+      float: "right"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Kpi/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","visualIndicatorContainer","backgroundColor","display","alignItems","justifyContent","comparisonContainer","minHeight","indicatorsContainer","marginTop","hv","spacing","xs","marginBottom","indicatorUnit","alignSelf","paddingBottom","indicatorText","comparisonComposition","flexDirection","flexWrap","spacingToTheRight","marginRight","trendLine","float"],"sources":["../../src/Kpi/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  visualIndicatorContainer: {\n    height: \"40px\",\n    backgroundColor: \"transparent\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  comparisonContainer: {\n    minHeight: \"16px\",\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  indicatorsContainer: {\n    display: \"inline-flex\",\n    minHeight: \"16px\",\n    alignItems: \"flex-end\",\n    marginTop: `${theme.hv.spacing.xs}px`,\n    marginBottom: `${theme.hv.spacing.xs}px`,\n  },\n  indicatorUnit: {\n    alignSelf: \"flex-end\",\n    paddingBottom: \"3px\",\n  },\n  indicatorText: {},\n  comparisonComposition: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n  },\n  spacingToTheRight: {\n    marginRight: `${theme.hv.spacing.xs}px`,\n  },\n  trendLine: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAKzBC,wBAAwB,EAAE;MACxBD,MAAM,EAAE,MADgB;MAExBE,eAAe,EAAE,aAFO;MAGxBC,OAAO,EAAE,aAHe;MAIxBC,UAAU,EAAE,QAJY;MAKxBC,cAAc,EAAE;IALQ,CALD;IAYzBC,mBAAmB,EAAE;MACnBC,SAAS,EAAE,MADQ;MAEnBJ,OAAO,EAAE,MAFU;MAGnBC,UAAU,EAAE;IAHO,CAZI;IAiBzBI,mBAAmB,EAAE;MACnBL,OAAO,EAAE,aADU;MAEnBI,SAAS,EAAE,MAFQ;MAGnBH,UAAU,EAAE,UAHO;MAInBK,SAAS,YAAKZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OAJU;MAKnBC,YAAY,YAAKhB,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IALO,CAjBI;IAwBzBE,aAAa,EAAE;MACbC,SAAS,EAAE,UADE;MAEbC,aAAa,EAAE;IAFF,CAxBU;IA4BzBC,aAAa,EAAE,EA5BU;IA6BzBC,qBAAqB,EAAE;MACrBnB,KAAK,EAAE,MADc;MAErBI,OAAO,EAAE,MAFY;MAGrBgB,aAAa,EAAE,KAHM;MAIrBC,QAAQ,EAAE,MAJW;MAKrBhB,UAAU,EAAE;IALS,CA7BE;IAoCzBiB,iBAAiB,EAAE;MACjBC,WAAW,YAAKzB,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADM,CApCM;IAuCzBW,SAAS,EAAE;MACTC,KAAK,EAAE;IADE;EAvCc,CAAZ;AAAA,CAAf;;eA4Ce5B,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,159 @@
+"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", "title", "subtitle", "data", "layout", "config", "tooltipType", "type", "xAxisTitle", "yAxisTitle", "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 uses as base Plotly. If you have a specific case
+ * that we don't cover directly, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+var Linechart = function Linechart(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      title = _ref.title,
+      subtitle = _ref.subtitle,
+      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,
+      xAxisTitle = _ref.xAxisTitle,
+      yAxisTitle = _ref.yAxisTitle,
+      _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,
+    title: title,
+    subtitle: subtitle,
+    xAxisTitle: xAxisTitle,
+    yAxisTitle: yAxisTitle,
+    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),
+
+  /**
+   * Title of the chart.
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * Subtitle of the chart.
+   */
+  subtitle: _propTypes.default.string,
+
+  /**
+   * 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 the title of the X axis.
+   */
+  xAxisTitle: _propTypes.default.string,
+
+  /**
+   * Defines the title of the Y axis.
+   */
+  yAxisTitle: _propTypes.default.string,
+
+  /**
+   * 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","title","subtitle","data","layout","config","tooltipType","type","xAxisTitle","yAxisTitle","rangeSlider","others","chartData","useMemo","applyDataDefaults","chartLayout","applyLayoutDefaults","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","withStyles","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 *\n * Our implementation uses as base Plotly. If you have a specific case\n * that we don't cover directly, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Linechart = ({\n  id,\n  classes,\n  title,\n  subtitle,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  type = \"line\",\n  xAxisTitle,\n  yAxisTitle,\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      title={title}\n      subtitle={subtitle}\n      xAxisTitle={xAxisTitle}\n      yAxisTitle={yAxisTitle}\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   * Title of the chart.\n   */\n  title: PropTypes.string,\n  /**\n   * Subtitle of the chart.\n   */\n  subtitle: PropTypes.string,\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 the title of the X axis.\n   */\n  xAxisTitle: PropTypes.string,\n  /**\n   * Defines the title of the Y axis.\n   */\n  yAxisTitle: PropTypes.string,\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":"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"}

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,71 @@
+"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) {
+  // eslint-disable-next-line no-param-reassign
+  object[property] = 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(inputLayout, rangeSlider) {
+  var layout = inputLayout === undefined ? {} : (0, _cloneDeep.default)(inputLayout);
+
+  if (rangeSlider) {
+    setterIfNil(layout, "xaxis", {});
+    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","undefined","clone","xaxis","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 = inputLayout === undefined ? {} : clone(inputLayout);\n\n  if (rangeSlider) {\n    setterIfNil(layout, \"xaxis\", {});\n\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;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,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,CAACC,WAAD,EAAcC,WAAd,EAA8B;EAC/D,IAAMC,MAAM,GAAGF,WAAW,KAAKG,SAAhB,GAA4B,EAA5B,GAAiC,IAAAC,kBAAA,EAAMJ,WAAN,CAAhD;;EAEA,IAAIC,WAAJ,EAAiB;IACfZ,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;IAEAb,WAAW,CAACa,MAAM,CAACG,KAAR,EAAe,aAAf,EAA8B;MACvCC,OAAO,EAAE;IAD8B,CAA9B,CAAX;EAGD;;EAED,OAAOJ,MAAP;AACD,CAZM"}

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/Link/Link.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLinkProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement | HTMLAnchorElement>, HvLinkClassKey> {
+  /**
+   * Path route.
+   */
+  route: string;
+  /**
+   * TabIndex.
+   */
+  tabIndex?: number;
+  /**
+   * Data to be returned in the onClick function.
+   */
+  data?: object;
+  /**
+   * The component used for the link node.
+   * Either a string to use a DOM element or a component.
+   */
+  Component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+// TODO: should have root or "component" class?
+export type HvLinkClassKey = "a";
+
+export default function HvLink(props: HvLinkProps): JSX.Element | null;