@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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.
+ */
+
+const Donutchart = _ref => {
+  let {
+    id,
+    classes,
+    data,
+    layout,
+    config,
+    tooltipType = "multiple",
+    type = "regular"
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);
+  const chartLayout = useMemo(() => 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/modern/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,MAAMC,UAAU,GAAG,QASb;AAAA,MATc;AAClBC,IAAAA,EADkB;AAElBC,IAAAA,OAFkB;AAGlBC,IAAAA,IAHkB;AAIlBC,IAAAA,MAJkB;AAKlBC,IAAAA,MALkB;AAMlBC,IAAAA,WAAW,GAAG,UANI;AAOlBC,IAAAA,IAAI,GAAG;AAPW,GASd;AAAA,MADDC,MACC;;AACJ;AAEA,QAAMC,SAAS,GAAGhB,OAAO,CAAC,MAAMI,iBAAiB,CAACM,IAAD,EAAOI,IAAP,CAAxB,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;AACA,QAAMG,WAAW,GAAGjB,OAAO,CAAC,MAAMK,mBAAmB,CAACM,MAAD,CAA1B,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/modern/Donutchart/donutchartPlotlyOverrides.js

@@ -0,0 +1,36 @@
+import clone from "lodash/cloneDeep";
+
+const 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 const applyDataDefaults = (inputData, type) => {
+  const data = inputData;
+  data.forEach(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 const applyLayoutDefaults = inputLayout => {
+  const defaultLayout = {};
+  return !inputLayout ? defaultLayout : clone(inputLayout);
+};
+//# sourceMappingURL=donutchartPlotlyOverrides.js.map

package/dist/modern/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,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACA,OAAO,MAAMC,iBAAiB,GAAG,CAACC,SAAD,EAAYC,IAAZ,KAAqB;AACpD,QAAMC,IAAI,GAAGF,SAAb;AAEAE,EAAAA,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;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,MAAMG,mBAAmB,GAAIC,WAAD,IAAiB;AAClD,QAAMC,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/modern/Donutchart/index.d.ts

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

package/dist/modern/Donutchart/index.js

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

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

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

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

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

package/dist/modern/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/modern/DropDownMenu/DropDownMenu.js

@@ -0,0 +1,241 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggle", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "defaultExpanded", "category"];
+import "core-js/modules/web.dom-collections.iterator.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.
+ */
+
+const DropDownMenu = _ref => {
+  let {
+    id,
+    classes,
+    className,
+    icon,
+    placement = "right",
+    dataList,
+    disablePortal = false,
+    onToggle,
+    onToggleOpen,
+    onClick,
+    keepOpened = true,
+    disabled = false,
+    expanded,
+    defaultExpanded = false,
+    // eslint-disable-next-line
+    category
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));
+  const theme = useTheme();
+  const focusNodes = getPrevNextFocus(setId(id, "icon-button"));
+  const listId = setId(id, "list");
+
+  const 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.
+
+
+  const handleKeyDown = event => {
+    if (isKeypress(event, KeyboardCodes.Tab)) {
+      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node) setTimeout(() => node.focus(), 0);
+      handleClose(event);
+    }
+
+    event.preventDefault();
+  };
+
+  const 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();
+  };
+
+  const 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
+  }));
+  const condensed = useMemo(() => dataList.every(el => !el.icon), [dataList]);
+  const 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: (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: (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/modern/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","open","setOpen","Boolean","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/modern/DropDownMenu/index.d.ts

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

package/dist/modern/DropDownMenu/index.js

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

package/dist/modern/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/modern/DropDownMenu/styles.js

@@ -0,0 +1,40 @@
+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";
+
+const styles = theme => ({
+  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/modern/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,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,cADL;AAEJC,IAAAA,KAAK,EAAE,MAFH;AAGJ,+CACKL,aADL;AAHI,GADmB;AAQzBM,EAAAA,SAAS,EAAE;AACTD,IAAAA,KAAK,EAAE;AADE,GARc;AAWzBE,EAAAA,aAAa,EAAE,EAXU;AAYzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UADN;AAEJC,IAAAA,SAAS,EAAE,aAFP;AAGJC,IAAAA,OAAO,EAAE,CAHL;AAIJC,IAAAA,YAAY,EAAE;AAJV,GAZmB;AAkBzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC,KADnB;AAEZC,IAAAA,SAAS,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiB,CAAjB,CAFC;AAGZ,eAAW;AACTL,MAAAA,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC;AADtB,KAHC;AAMZ,qBAAiB;AACfI,MAAAA,IAAI,EAAElB,KAAK,CAACa,OAAN,CAAcM;AADL,KANL;AASZT,IAAAA,YAAY,EAAE;AATF,GAlBW;AA6BzBU,EAAAA,QAAQ,EAAE;AA7Be,CAAZ,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"}