@hitachivantara/uikit-react-core 3.52.5

package/dist/Dialog/DialogTitle/DialogTitle.js

@@ -0,0 +1,117 @@
+"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 _iconVariant = _interopRequireDefault(require("../../utils/iconVariant"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "children", "variant", "showIcon", "customIcon"];
+
+var HvDialogTitle = function HvDialogTitle(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "default" : _ref$variant,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+      _ref$customIcon = _ref.customIcon,
+      customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var isString = typeof children === "string";
+  var icon = customIcon || showIcon && (0, _iconVariant.default)(variant);
+  return /*#__PURE__*/_react.default.createElement(_core.DialogTitle, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    disableTypography: true
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.messageContainer
+  }, icon, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(icon && classes.textWithIcon)
+  }, !isString && children, isString && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "xxsTitle"
+  }, children))));
+};
+
+HvDialogTitle.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component (container for the title).
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the container of the title
+     */
+    messageContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the text when the icon is present.
+     */
+    textWithIcon: _propTypes.default.string,
+
+    /**
+     * Style applied to the icon.
+     */
+    icon: _propTypes.default.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Variant of the Dialog.
+   */
+  variant: _propTypes.default.oneOf(["success", "warning", "error", "info", "default"]),
+
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon: _propTypes.default.bool,
+
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon: _propTypes.default.node,
+
+  /**
+   * Node to be render.
+   */
+  children: _propTypes.default.node.isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDialogTitle"
+})(HvDialogTitle);
+
+exports.default = _default;
+//# sourceMappingURL=DialogTitle.js.map

package/dist/Dialog/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,IAET;AAAA,MADDC,MACC;AACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;AAEA,MAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAI,0BAAYD,OAAZ,CAAxC;AAEA,sBACE,6BAAC,iBAAD;AAAa,IAAA,SAAS,EAAE,mBAAKH,OAAO,CAACS,IAAb,EAAmBR,SAAnB,CAAxB;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACU;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAE,mBAA+BA,IAA/B,IAAQR,OAAO,CAACW,YAAhB;AAAhB,KACG,CAACJ,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,6BAAC,mBAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CAxBD;;AA0BAH,aAAa,CAACa,SAAd,GAA0B;AACxB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEY,mBAAUC,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEa,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEI,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,gBAAgB,EAAEG,mBAAUC,MARL;;AASvB;AACJ;AACA;AACIH,IAAAA,YAAY,EAAEE,mBAAUC,MAZD;;AAavB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEK,mBAAUC,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEH,mBAAUC;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEU,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAES,mBAAUM,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,UAAU,EAAEQ,mBAAUO,IAzCE;;AA0CxB;AACF;AACA;AACElB,EAAAA,QAAQ,EAAEW,mBAAUO,IAAV,CAAeH;AA7CD,CAA1B;;eAgDe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8CvB,aAA9C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle className={clsx(classes.root, className)} disableTypography {...others}>\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"file":"DialogTitle.js"}

package/dist/Dialog/DialogTitle/index.d.ts

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

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

package/dist/Dialog/DialogTitle/index.js.map

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

package/dist/Dialog/DialogTitle/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      padding: theme.hvSpacing("sm"),
+      margin: 0,
+      display: "flex",
+      justifyContent: "space-between"
+    },
+    messageContainer: {
+      display: "flex",
+      alignItems: "center"
+    },
+    textWithIcon: {
+      marginLeft: theme.hvSpacing("xs"),
+      // 32px is the icon width
+      marginRight: "calc(32px + ".concat(theme.hvSpacing("xs"), ")")
+    },
+    icon: {
+      marginRight: theme.hv.spacing.md,
+      width: 48,
+      height: 48
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Dialog/DialogTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/DialogTitle/styles.js"],"names":["styles","theme","root","padding","hvSpacing","margin","display","justifyContent","messageContainer","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADL;AAEJC,MAAAA,MAAM,EAAE,CAFJ;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,cAAc,EAAE;AAJZ,KADmB;AAOzBC,IAAAA,gBAAgB,EAAE;AAChBF,MAAAA,OAAO,EAAE,MADO;AAEhBG,MAAAA,UAAU,EAAE;AAFI,KAPO;AAWzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,UAAU,EAAEV,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADA;AAEZ;AACAQ,MAAAA,WAAW,wBAAiBX,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAjB;AAHC,KAXW;AAgBzBS,IAAAA,IAAI,EAAE;AACJD,MAAAA,WAAW,EAAEX,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAD1B;AAEJC,MAAAA,KAAK,EAAE,EAFH;AAGJC,MAAAA,MAAM,EAAE;AAHJ;AAhBmB,GAAZ;AAAA,CAAf;;eAuBelB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Dialog/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./Dialog";
+export * from "./Dialog";
+
+export { default as HvDialogTitle } from "./DialogTitle";
+export * from "./DialogTitle";
+
+export { default as HvDialogContent } from "./DialogContent";
+export * from "./DialogContent";
+
+export { default as HvDialogActions } from "./DialogActions";
+export * from "./DialogActions";

package/dist/Dialog/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvDialogActions", {
+  enumerable: true,
+  get: function get() {
+    return _DialogActions.default;
+  }
+});
+Object.defineProperty(exports, "HvDialogContent", {
+  enumerable: true,
+  get: function get() {
+    return _DialogContent.default;
+  }
+});
+Object.defineProperty(exports, "HvDialogTitle", {
+  enumerable: true,
+  get: function get() {
+    return _DialogTitle.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Dialog.default;
+  }
+});
+
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("./DialogTitle"));
+
+var _DialogContent = _interopRequireDefault(require("./DialogContent"));
+
+var _DialogActions = _interopRequireDefault(require("./DialogActions"));
+//# sourceMappingURL=index.js.map

package/dist/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { default } from \"./Dialog\";\nexport { default as HvDialogTitle } from \"./DialogTitle\";\nexport { default as HvDialogContent } from \"./DialogContent\";\nexport { default as HvDialogActions } from \"./DialogActions\";\n"],"file":"index.js"}

package/dist/Dialog/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _hexToRgbA = _interopRequireDefault(require("../utils/hexToRgbA"));
+
+var styles = function styles(theme) {
+  return {
+    background: {
+      background: (0, _hexToRgbA.default)(theme.hv.palette.atmosphere.atmo4, 0.8)
+    },
+    paper: {
+      background: "".concat(theme.hv.palette.atmosphere.atmo1),
+      padding: "0px",
+      overflow: "auto",
+      boxShadow: theme.hv.shadows[1]
+    },
+    closeButton: {
+      padding: 0,
+      minWidth: "inherit",
+      position: "absolute",
+      top: theme.hvSpacing("sm"),
+      right: theme.hvSpacing("sm")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Dialog/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/styles.js"],"names":["styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAE,wBAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAjC,EAAwC,GAAxC;AADF,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,KAJkB;AAUzBC,IAAAA,WAAW,EAAE;AACXJ,MAAAA,OAAO,EAAE,CADE;AAEXK,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,GAAZ;AAAA,CAAf;;eAmBejB,M","sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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));
+};
+
+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"])
+};
+
+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,"sources":["../../src/Donutchart/Donutchart.js"],"names":["Donutchart","id","classes","data","layout","config","tooltipType","type","others","chartData","chartLayout","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OASb;AAAA,MARJC,EAQI,QARJA,EAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,UAGV;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,SAEH;AAAA,MADDC,MACC;;AACJ;AAEA,MAAMC,SAAS,GAAG,oBAAQ;AAAA,WAAM,kDAAkBN,IAAlB,EAAwBI,IAAxB,CAAN;AAAA,GAAR,EAA6C,CAACJ,IAAD,EAAOI,IAAP,CAA7C,CAAlB;AACA,MAAMG,WAAW,GAAG,oBAAQ;AAAA,WAAM,oDAAoBN,MAApB,CAAN;AAAA,GAAR,EAA2C,CAACA,MAAD,CAA3C,CAApB;AAEA,sBACE,6BAAC,cAAD;AACE,IAAA,EAAE,EAAEH,EADN;AAEE,IAAA,OAAO,EAAEC,OAFX;AAGE,IAAA,IAAI,EAAEO,SAHR;AAIE,IAAA,MAAM,EAAEC,WAJV;AAKE,IAAA,MAAM,EAAEL,MALV;AAME,IAAA,WAAW,EAAEC,WANf;AAOE,IAAA,IAAI,EAAEC;AAPR,KAQMC,MARN,EADF;AAYD,CA3BD;;AA6BAR,UAAU,CAACW,SAAX,GAAuB;AACrB;AACF;AACA;AACEV,EAAAA,EAAE,EAAEW,mBAAUC,MAJO;;AAKrB;AACF;AACA;AACEX,EAAAA,OAAO,EAAEU,mBAAUE,UAAV,CAAqBC,MAArB,CARY;;AASrB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAES,mBAAUI,OAAV,CAAkBJ,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZjC;;AAarB;AACF;AACA;AACEb,EAAAA,MAAM,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CAhBa;;AAiBrB;AACF;AACA;AACEV,EAAAA,MAAM,EAAEO,mBAAUE,UAAV,CAAqBC,MAArB,CApBa;;AAqBrB;AACF;AACA;AACET,EAAAA,WAAW,EAAEM,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBQ;;AAyBrB;AACF;AACA;AACEX,EAAAA,IAAI,EAAEK,mBAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB;AA5Be,CAAvB;;eA+Be,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA6CpB,UAA7C,C","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"],"file":"Donutchart.js"}

package/dist/Donutchart/donutchartPlotlyOverrides.js

@@ -0,0 +1,54 @@
+"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, "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,"sources":["../../src/Donutchart/donutchartPlotlyOverrides.js"],"names":["setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;AACpD,MAAMC,IAAI,GAAGF,SAAb;AAEAE,EAAAA,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;AACtBT,IAAAA,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACAT,IAAAA,WAAW,CAACS,KAAD,EAAQ,UAAR,EAAoB,MAApB,CAAX;AACAT,IAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;;AAEA,YAAQH,IAAR;AACE,WAAK,MAAL;AACEN,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AACA;;AACF,WAAK,SAAL;AACA;AACET,QAAAA,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;AANJ;AAQD,GAbD;AAeA,SAAOF,IAAP;AACD,CAnBM;;;;AAqBA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;AAClD,MAAMC,aAAa,GAAG,EAAtB;AAEA,SAAO,CAACD,WAAD,GAAeC,aAAf,GAA+B,wBAAMD,WAAN,CAAtC;AACD,CAJM","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"],"file":"donutchartPlotlyOverrides.js"}

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,"sources":["../../src/Donutchart/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Donutchart\";\n"],"file":"index.js"}

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,"sources":["../../src/Donutchart/styles.js"],"names":["styles"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,EAAf;eAEeA,M","sourcesContent":["const styles = {};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/DropDownMenu/DropDownMenu.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { IconButtonProps, StandardProps } from "@material-ui/core";
+import { ListValueProp } from "../List";
+
+export type HvDropDownMenuClassKey =
+  | "root"
+  | "container"
+  | "baseContainer"
+  | "icon"
+  | "iconSelected"
+  | "menuList";
+
+export interface HvDropDownMenuProps
+  extends StandardProps<IconButtonProps, HvDropDownMenuClassKey, "onClick"> {
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - label: The label of the element to be rendered.
+   * - searchValue: Text used when filtering the list. Used when label is a node.
+   * - selected: The selection state of the element.
+   * - disabled: The disabled state of the element.
+   * - icon: The icon node to be rendered on the left.
+   * - showNavIcon: If true renders the navigation icon on the right.
+   */
+  dataList: ListValueProp[];
+  /**
+   * Placement of the dropdown.
+   */
+  placement?: "left" | "right";
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * Function executed on toggle of the dropdown. Should receive the open status.
+   */
+  onToggle?: (event: React.SyntheticEvent, open: boolean) => void;
+  /**
+   * @deprecated This prop should not be used. Use onToggle instead.
+   */
+  onToggleOpen?: (open: boolean) => void;
+  /**
+   * Function executed in each onClick. Should received the clicked element.
+   */
+  onClick?: (event: React.MouseEvent, item: ListValueProp) => void;
+  /**
+   * Keep the Dropdown Menu opened after clicking one option
+   */
+  keepOpened?: boolean;
+  /**
+   * Defines if the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If true it should be displayed open.
+   */
+  expanded?: boolean;
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded?: boolean;
+}
+
+export default function HvDropDownMenu(props: HvDropDownMenuProps): JSX.Element | null;