@hitachivantara/uikit-react-core 3.66.1 → 3.67.1

package/dist/legacy/Linechart/Linechart.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type", "rangeSlider"];
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyDataDefaults, applyLayoutDefaults } from "./lineChartPlotlyOverrides";
+import styles from "./styles";
+/**
+ * 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 = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  var chartData = useMemo(function () {
+    return applyDataDefaults(data, type);
+  }, [data, type]);
+  var chartLayout = useMemo(function () {
+    return applyLayoutDefaults(layout, rangeSlider);
+  }, [layout, rangeSlider]);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    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.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: PropTypes.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: PropTypes.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets the type of graph.
+   */
+  type: PropTypes.oneOf(["line", "area", "stack"]),
+
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvLinechart"
+})(Linechart);
+//# sourceMappingURL=Linechart.js.map

package/dist/legacy/Linechart/Linechart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Linechart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Linechart","id","classes","data","layout","config","tooltipType","type","rangeSlider","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","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,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,iBAAT,EAA4BC,mBAA5B,QAAuD,4BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,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,GAAGjB,OAAO,CAAC;IAAA,OAAMI,iBAAiB,CAACM,IAAD,EAAOI,IAAP,CAAvB;EAAA,CAAD,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;EACA,IAAMI,WAAW,GAAGlB,OAAO,CACzB;IAAA,OAAMK,mBAAmB,CAACM,MAAD,EAASI,WAAT,CAAzB;EAAA,CADyB,EAEzB,CAACJ,MAAD,EAASI,WAAT,CAFyB,CAA3B;EAKA,oBACE,oBAAC,KAAD;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,EAAEP,SAAS,CAACmB,MAJM;;EAKpB;AACF;AACA;EACEX,OAAO,EAAER,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARW;;EASpB;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZlC;;EAapB;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CAhBY;;EAiBpB;AACF;AACA;EACEV,MAAM,EAAEX,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CApBY;;EAqBpB;AACF;AACA;EACET,WAAW,EAAEZ,SAAS,CAACwB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBO;;EAyBpB;AACF;AACA;EACEX,IAAI,EAAEb,SAAS,CAACwB,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CA5Bc;;EA6BpB;AACF;AACA;EACEV,WAAW,EAAEd,SAAS,CAACyB;AAhCH,CAAtB;AAmCA,eAAexB,UAAU,CAACI,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CpB,SAA5C,CAAf"}

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

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

package/dist/legacy/Linechart/index.js

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

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

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

package/dist/legacy/Linechart/lineChartPlotlyOverrides.js

@@ -0,0 +1,63 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import clone from "lodash/cloneDeep";
+
+var setterIfNil = function setterIfNil(object, property, value) {
+  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.
+ *
+ */
+
+
+export 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;
+};
+export var applyLayoutDefaults = function applyLayoutDefaults() {
+  var inputLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rangeSlider = arguments.length > 1 ? arguments[1] : undefined;
+  var layout = clone(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;
+};
+//# sourceMappingURL=lineChartPlotlyOverrides.js.map

package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineChartPlotlyOverrides.js","names":["clone","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,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,IAAMC,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;;;AACA,OAAO,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;AA4BP,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmC;EAAA,IAAlCC,WAAkC,uEAApB,EAAoB;EAAA,IAAhBC,WAAgB;EACpE,IAAMC,MAAM,GAAGd,KAAK,CAACY,WAAD,CAApB;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/legacy/Linechart/styles.js

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

package/dist/legacy/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;AAEA,eAAeA,MAAf"}

package/dist/legacy/Provider/Provider.js

@@ -1,8 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var _CssBaseline;
 
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import set from "lodash/set";
 import merge from "lodash/merge";
@@ -67,6 +65,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
 
 
 var HvProvider = function HvProvider(_ref) {
+  var _navigator$language, _navigator;
+
   var children = _ref.children,
       _ref$uiKitTheme = _ref.uiKitTheme,
       uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
@@ -81,18 +81,7 @@ var HvProvider = function HvProvider(_ref) {
       injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
       disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      localeSetting = _useState2[0],
-      setLocaleStting = _useState2[1];
-
-  useEffect(function () {
-    var _navigator$language, _navigator;
-
-    // ssr - only runs at the rendering phase, so it won't run on the server
-    setLocaleStting(locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US"));
-  }, [locale]);
+  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
   var rawUiKitTheme = getTheme(uiKitTheme);
   var customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);
   var generateClassName = generateClassNameProp || createGenerateClassName(generateClassNameOptions);

package/dist/legacy/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["React","useState","useEffect","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigContext","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","setLocaleStting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const [localeSetting, setLocaleStting] = useState();\n\n  useEffect(() => {\n    // ssr - only runs at the rendering phase, so it won't run on the server\n    setLocaleStting(locale || (navigator?.language ?? \"en-US\"));\n  }, [locale]);\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["React","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigContext","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/legacy/Slider/Slider.d.ts

@@ -0,0 +1,185 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { SliderProps, RangeProps } from "rc-slider";
+import { HvFormStatus } from "../Forms/FormElement";
+import { HvInputProps } from "..";
+
+export interface KnobProperty {
+  color?: string;
+  defaultValue?: number;
+  hidden?: boolean;
+  fixed?: boolean;
+  hoverColor?: string;
+  trackColor?: string;
+  dragColor?: string;
+}
+
+export interface MarkProperty {
+  position?: number;
+  label?: string;
+}
+
+export type HvSliderClassKey =
+  | "root"
+  | "rootRange"
+  | "labelContainer"
+  | "label"
+  | "handleContainer"
+  | "sliderRoot"
+  | "trackDragging"
+  | "rootDisabled"
+  | "trackStandBy"
+  | "error"
+  | "handleHiddenContainer"
+  | "handleContainerDisabled"
+  | "labelIncluded"
+  | "onlyInput"
+  | "dot"
+  | "rail"
+  | "knobInner"
+  | "knobOuter"
+  | "knobHidden"
+  | "knobHiddenLast"
+  | "track"
+  | "mark"
+  | "sliderTooltip"
+  | "sliderContainer";
+
+export interface HvSliderProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvSliderClassKey, "onChange"> {
+  /**
+   * The label of the slider element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label?: React.ReactNode;
+
+  /**
+   * The status of the slider element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status?: HvFormStatus;
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage?: React.ReactNode;
+
+  /**
+   * Whether the slider is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * The object created by material to apply to the component.
+   */
+  theme?: any;
+
+  /**
+   * Name of the form element.
+   *
+   * Part of a name/value pair, should be the name property of the undelying native input.
+   */
+  name?: string;
+
+  /**
+   * The values array to apply to the component
+   */
+  values?: number[];
+
+  /**
+   * The default values array to apply to the component
+   */
+  defaultValues?: number[];
+
+  /**
+   * The object used to set the knob properties,
+   * for every item in the array a new knob will be created.
+   */
+  knobProperties?: KnobProperty[];
+
+  /**
+   * The object used to set the mark properties individually.
+   */
+  markProperties?: MarkProperty[];
+
+  /**
+   * the function executed before a change will occur in the slider.
+   */
+  onBeforeChange?: (value: number[]) => any;
+
+  /**
+   * the function executed while a change is occurring in the slider.
+   */
+  onChange?: (value: number[]) => any;
+
+  /**
+   * the function executed after a change ocurred in the slider.
+   */
+  onAfterChange?: (value: number[]) => any;
+
+  /**
+   * the separation in points between marks.
+   * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+   */
+  markStep?: number;
+
+  /**
+   * how many subdivisions there are in the slider.
+   */
+  divisionQuantity?: number;
+
+  /**
+   * the value of the first point in the slider from left to right.
+   */
+  minPointValue?: number;
+
+  /**
+   * the value of the last point in the slider from left to right.
+   */
+  maxPointValue?: number;
+
+  /**
+   * the nax number of decimals if no format function is applied
+   */
+  markDigits?: number;
+
+  /**
+   * a formatting function used to add format to the marks in the track,
+   * the function receives the mark text
+   */
+  formatMark?: (label: React.ReactNode | string) => React.ReactNode | string;
+
+  /**
+   * a formatting function used to add format to the tooltip in the track,
+   * the function receives the mark text
+   */
+  formatTooltip?: (label: React.ReactNode | string) => React.ReactNode | string;
+  /**
+   * if `true` the input that controls the slider is hidden.
+   */
+  hideInput?: boolean;
+
+  /**
+   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.
+   */
+  noOverlap?: boolean;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: HvInputProps[];
+  /**
+   * Attributes applied to the knob element.
+   */
+  knobProps?: React.HTMLAttributes<HTMLDivElement>[];
+  /**
+   * Attributes applied to the input element.
+   */
+  sliderProps?: RangeProps | SliderProps;
+}
+
+export default function HvSlider(props: HvSliderProps): JSX.Element | null;