@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/Dialog/styles.js

@@ -0,0 +1,25 @@
+import fade from "../utils/hexToRgbA";
+
+var styles = function styles(theme) {
+  return {
+    background: {
+      background: fade(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")
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,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;;AAmBA,eAAejB,MAAf","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/legacy/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/legacy/Donutchart/Donutchart.js

@@ -0,0 +1,86 @@
+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"];
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyDataDefaults, applyLayoutDefaults } from "./donutchartPlotlyOverrides";
+import styles from "./styles";
+/**
+ * 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 = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  var chartData = useMemo(function () {
+    return applyDataDefaults(data, type);
+  }, [data, type]);
+  var chartLayout = useMemo(function () {
+    return applyLayoutDefaults(layout);
+  }, [layout]);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    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.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(["regular", "thin"])
+};
+export default withStyles(styles, {
+  name: "HvDonutchart"
+})(Donutchart);
+//# sourceMappingURL=Donutchart.js.map

package/dist/legacy/Donutchart/Donutchart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Donutchart/Donutchart.js"],"names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Donutchart","id","classes","data","layout","config","tooltipType","type","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","name"],"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,6BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,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,GAAGhB,OAAO,CAAC;AAAA,WAAMI,iBAAiB,CAACM,IAAD,EAAOI,IAAP,CAAvB;AAAA,GAAD,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;AACA,MAAMG,WAAW,GAAGjB,OAAO,CAAC;AAAA,WAAMK,mBAAmB,CAACM,MAAD,CAAzB;AAAA,GAAD,EAAoC,CAACA,MAAD,CAApC,CAA3B;AAEA,sBACE,oBAAC,KAAD;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,EAAEP,SAAS,CAACkB,MAJO;;AAKrB;AACF;AACA;AACEV,EAAAA,OAAO,EAAER,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CARY;;AASrB;AACF;AACA;AACEX,EAAAA,IAAI,EAAET,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZjC;;AAarB;AACF;AACA;AACEZ,EAAAA,MAAM,EAAEV,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CAhBa;;AAiBrB;AACF;AACA;AACET,EAAAA,MAAM,EAAEX,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CApBa;;AAqBrB;AACF;AACA;AACER,EAAAA,WAAW,EAAEZ,SAAS,CAACuB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBQ;;AAyBrB;AACF;AACA;AACEV,EAAAA,IAAI,EAAEb,SAAS,CAACuB,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB;AA5Be,CAAvB;AA+BA,eAAetB,UAAU,CAACI,MAAD,EAAS;AAAEmB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6ClB,UAA7C,CAAf","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/legacy/Donutchart/donutchartPlotlyOverrides.js

@@ -0,0 +1,38 @@
+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) {
+  // 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.
+ *
+ */
+
+
+export 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;
+};
+export var applyLayoutDefaults = function applyLayoutDefaults(inputLayout) {
+  var defaultLayout = {};
+  return !inputLayout ? defaultLayout : clone(inputLayout);
+};
+//# sourceMappingURL=donutchartPlotlyOverrides.js.map

package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Donutchart/donutchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,IAAMC,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;;;AACA,OAAO,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;AAqBP,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;AAClD,MAAMC,aAAa,GAAG,EAAtB;AAEA,SAAO,CAACD,WAAD,GAAeC,aAAf,GAA+Bb,KAAK,CAACY,WAAD,CAA3C;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/legacy/Donutchart/index.d.ts

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

package/dist/legacy/Donutchart/index.js

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

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

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

package/dist/legacy/Donutchart/styles.js

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

package/dist/legacy/Donutchart/styles.js.map

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

package/dist/legacy/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;

package/dist/legacy/DropDownMenu/DropDownMenu.js

@@ -0,0 +1,254 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggle", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "defaultExpanded", "category"];
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import deprecatedPropType from "@material-ui/core/utils/deprecatedPropType";
+import { withStyles, useTheme } from "@material-ui/core";
+import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from "../utils";
+import { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from "..";
+import styles from "./styles";
+import withId from "../withId";
+/**
+ * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
+ */
+
+var DropDownMenu = function DropDownMenu(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      icon = _ref.icon,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? "right" : _ref$placement,
+      dataList = _ref.dataList,
+      _ref$disablePortal = _ref.disablePortal,
+      disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
+      _onToggle = _ref.onToggle,
+      onToggleOpen = _ref.onToggleOpen,
+      _onClick = _ref.onClick,
+      _ref$keepOpened = _ref.keepOpened,
+      keepOpened = _ref$keepOpened === void 0 ? true : _ref$keepOpened,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      expanded = _ref.expanded,
+      _ref$defaultExpanded = _ref.defaultExpanded,
+      defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+      category = _ref.category,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var _useControlled = useControlled(expanded, Boolean(defaultExpanded)),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      open = _useControlled2[0],
+      setOpen = _useControlled2[1];
+
+  var theme = useTheme();
+  var focusNodes = getPrevNextFocus(setId(id, "icon-button"));
+  var listId = setId(id, "list");
+
+  var handleClose = function handleClose(event) {
+    // this will only run if uncontrolled
+    setOpen(false);
+    onToggleOpen === null || onToggleOpen === void 0 ? void 0 : onToggleOpen(false);
+    _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(event, false);
+  }; // If the ESCAPE key is pressed inside the list, the close handler must be called.
+
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (isKeypress(event, KeyboardCodes.Tab)) {
+      var node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node) setTimeout(function () {
+        return node.focus();
+      }, 0);
+      handleClose(event);
+    }
+
+    event.preventDefault();
+  };
+
+  var setFocusToContent = function setFocusToContent(containerRef) {
+    var _containerRef$getElem;
+
+    containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$getElem = containerRef.getElementsByTagName("li")[0]) === null || _containerRef$getElem === void 0 ? void 0 : _containerRef$getElem.focus();
+  };
+
+  var headerComponent = /*#__PURE__*/React.createElement(HvButton, {
+    icon: true,
+    category: category,
+    id: setId(id, "icon-button"),
+    className: clsx(classes.icon, open && classes.iconSelected),
+    "aria-expanded": open,
+    disabled: disabled,
+    "aria-label": "Dropdown menu"
+  }, icon || /*#__PURE__*/React.createElement(MoreOptionsVertical, {
+    color: disabled ? "atmo5" : undefined
+  }));
+  var condensed = useMemo(function () {
+    return dataList.every(function (el) {
+      return !el.icon;
+    });
+  }, [dataList]);
+  var popperStyle = {
+    style: {
+      zIndex: theme.zIndex.tooltip,
+      width: null
+    }
+  };
+  return /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
+    id: id,
+    className: clsx(className, classes.container),
+    classes: {
+      root: classes.root,
+      container: classes.baseContainer
+    },
+    expanded: open && !disabled,
+    component: headerComponent,
+    "aria-haspopup": "menu",
+    placement: placement,
+    variableWidth: true,
+    disablePortal: disablePortal,
+    onToggle: function onToggle(e, s) {
+      // this will only run if uncontrolled
+      setOpen(s);
+      onToggleOpen === null || onToggleOpen === void 0 ? void 0 : onToggleOpen(s);
+      _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(e, s);
+    },
+    disabled: disabled,
+    onContainerCreation: setFocusToContent,
+    popperProps: popperStyle
+  }, others), /*#__PURE__*/React.createElement(HvPanel, null, /*#__PURE__*/React.createElement(HvList, {
+    id: listId,
+    values: dataList,
+    selectable: false,
+    condensed: condensed,
+    onClick: function onClick(event, item) {
+      if (!keepOpened) handleClose(event);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, item);
+    },
+    onKeyDown: handleKeyDown,
+    classes: {
+      root: classes.menuList
+    }
+  })));
+};
+
+DropDownMenu.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the container.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the BaseDropdown container.
+     */
+    baseContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the icon when selected.
+     */
+    iconSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the list.
+     */
+    menuList: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Icon.
+   */
+  icon: PropTypes.element,
+
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - label: The label of the element to be rendered.
+   * - 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: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.node.isRequired,
+    selected: PropTypes.bool,
+    disabled: PropTypes.bool,
+    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    showNavIcon: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * Function executed on toggle of the dropdown. Should receive the open status.
+   */
+  onToggleOpen: deprecatedPropType(PropTypes.func, "Instead use the onToggle prop which receives the event"),
+
+  /**
+   * Function executed on toggle of the dropdown. Should receive the open status.
+   */
+  onToggle: PropTypes.func,
+
+  /**
+   * Function executed in each onClick. Should received the clicked element.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Keep the Dropdown Menu opened after clicking one option
+   */
+  keepOpened: PropTypes.bool,
+
+  /**
+   * Defines if the component is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If true it should be displayed open.
+   */
+  expanded: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvDropDownMenu"
+})(withId(DropDownMenu));
+//# sourceMappingURL=DropDownMenu.js.map

package/dist/legacy/DropDownMenu/DropDownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DropDownMenu/DropDownMenu.js"],"names":["React","useMemo","PropTypes","clsx","deprecatedPropType","withStyles","useTheme","MoreOptionsVertical","getPrevNextFocus","isKeypress","KeyboardCodes","useControlled","HvButton","HvList","HvPanel","HvBaseDropdown","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","Boolean","open","setOpen","theme","focusNodes","listId","handleClose","event","handleKeyDown","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","iconSelected","undefined","condensed","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","name"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from \"../utils\";\nimport { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from \"..\";\nimport styles from \"./styles\";\nimport withId from \"../withId\";\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  // eslint-disable-next-line\n  category,\n  ...others\n}) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const theme = useTheme();\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggleOpen?.(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <HvButton\n      icon\n      category={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(classes.icon, {\n        [classes.iconSelected]: open,\n      })}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </HvButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: { zIndex: theme.zIndex.tooltip, width: null },\n  };\n\n  return (\n    <HvBaseDropdown\n      id={id}\n      className={clsx(className, classes.container)}\n      classes={{ root: classes.root, container: classes.baseContainer }}\n      expanded={open && !disabled}\n      component={headerComponent}\n      aria-haspopup=\"menu\"\n      placement={placement}\n      variableWidth\n      disablePortal={disablePortal}\n      onToggle={(e, s) => {\n        // this will only run if uncontrolled\n        setOpen(s);\n        onToggleOpen?.(s);\n        onToggle?.(e, s);\n      }}\n      disabled={disabled}\n      onContainerCreation={setFocusToContent}\n      popperProps={popperStyle}\n      {...others}\n    >\n      <HvPanel>\n        <HvList\n          id={listId}\n          values={dataList}\n          selectable={false}\n          condensed={condensed}\n          onClick={(event, item) => {\n            if (!keepOpened) handleClose(event);\n            onClick?.(event, item);\n          }}\n          onKeyDown={handleKeyDown}\n          classes={{ root: classes.menuList }}\n        />\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nDropDownMenu.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the BaseDropdown container.\n     */\n    baseContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when selected.\n     */\n    iconSelected: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    menuList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.element,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggleOpen: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the onToggle prop which receives the event\"\n  ),\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Function executed in each onClick. Should received the clicked element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Keep the Dropdown Menu opened after clicking one option\n   */\n  keepOpened: PropTypes.bool,\n  /**\n   * Defines if the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If true it should be displayed open.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"file":"DropDownMenu.js"}

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

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

package/dist/legacy/DropDownMenu/index.js

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

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

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

package/dist/legacy/DropDownMenu/styles.js

@@ -0,0 +1,49 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-block",
+      width: "auto",
+      "&.focus-visible $icon": _objectSpread({}, outlineStyles)
+    },
+    container: {
+      width: 32
+    },
+    baseContainer: {},
+    icon: {
+      position: "relative",
+      boxSizing: "content-box",
+      padding: 0,
+      borderRadius: 0
+    },
+    iconSelected: {
+      backgroundColor: theme.palette.atmo1,
+      boxShadow: theme.hv.shadows[1],
+      "&:hover": {
+        backgroundColor: theme.palette.atmo1
+      },
+      "& svg .color0": {
+        fill: theme.palette.acce1
+      },
+      borderRadius: "2px 2px 0px 0px"
+    },
+    menuList: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/DropDownMenu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DropDownMenu/styles.js"],"names":["outlineStyles","styles","theme","root","display","width","container","baseContainer","icon","position","boxSizing","padding","borderRadius","iconSelected","backgroundColor","palette","atmo1","boxShadow","hv","shadows","fill","acce1","menuList"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,cADL;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJ,iDACKL,aADL;AAHI,KADmB;AAQzBM,IAAAA,SAAS,EAAE;AACTD,MAAAA,KAAK,EAAE;AADE,KARc;AAWzBE,IAAAA,aAAa,EAAE,EAXU;AAYzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,SAAS,EAAE,aAFP;AAGJC,MAAAA,OAAO,EAAE,CAHL;AAIJC,MAAAA,YAAY,EAAE;AAJV,KAZmB;AAkBzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC,KADnB;AAEZC,MAAAA,SAAS,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiB,CAAjB,CAFC;AAGZ,iBAAW;AACTL,QAAAA,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC;AADtB,OAHC;AAMZ,uBAAiB;AACfI,QAAAA,IAAI,EAAElB,KAAK,CAACa,OAAN,CAAcM;AADL,OANL;AASZT,MAAAA,YAAY,EAAE;AATF,KAlBW;AA6BzBU,IAAAA,QAAQ,EAAE;AA7Be,GAAZ;AAAA,CAAf;;AAgCA,eAAerB,MAAf","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"auto\",\n    \"&.focus-visible $icon\": {\n      ...outlineStyles,\n    },\n  },\n  container: {\n    width: 32,\n  },\n  baseContainer: {},\n  icon: {\n    position: \"relative\",\n    boxSizing: \"content-box\",\n    padding: 0,\n    borderRadius: 0,\n  },\n  iconSelected: {\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo1,\n    },\n    \"& svg .color0\": {\n      fill: theme.palette.acce1,\n    },\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  menuList: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}