@hitachivantara/uikit-react-core 4.1.0 → 4.2.0

package/dist/legacy/Dialog/Dialog.js

@@ -1,12 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Close;
-var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen", "disableBackdropClick"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.array.filter.js";
@@ -14,6 +5,13 @@ 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";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _Close;
+var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen", "disableBackdropClick"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useCallback, useState } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -117,7 +115,7 @@ var HvDialog = function HvDialog(_ref) {
     open: open,
     PaperProps: {
       classes: {
-        root: clsx(classes.paper, fullscreen && "fullscreen")
+        root: clsx(classes.paper, fullscreen && classes.fullscreen)
       }
     },
     fullScreen: fullscreen,
@@ -129,9 +127,9 @@ var HvDialog = function HvDialog(_ref) {
     onClose: function onClose(event, reason) {
       return wrappedClose(event, reason);
     },
-    onKeyDown: keyDownHandler
+    onKeyDown: keyDownHandler,
+    "aria-modal": true
   }, others), {}, {
-    "aria-modal": true,
     children: [/*#__PURE__*/_jsx(Button, {
       id: setId(id, "close"),
       className: classes.closeButton,
@@ -141,11 +139,7 @@ var HvDialog = function HvDialog(_ref) {
       },
       "aria-label": buttonTitle,
       children: /*#__PURE__*/_jsx(CloseButtonTooltipWrapper, {})
-    }), children && _typeof(children) === "object" ? React.Children.map(children, function (c) {
-      return /*#__PURE__*/React.cloneElement(c, {
-        fullscreen: fullscreen
-      });
-    }) : children]
+    }), children]
   }));
 };
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -170,9 +164,13 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
      */
     background: PropTypes.string,
     /**
-     * Style applied to the component (root).
+     * Style applied to the paper component.
      */
     paper: PropTypes.string,
+    /**
+     * Style applied to the paper component when it's fullscreen.
+     */
+    fullscreen: PropTypes.string,
     /**
      * Style applied to the close button.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","closeButton","undefined","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","closeButton","undefined","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, { [classes.fullscreen]: fullscreen }),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      aria-modal\n      {...others}\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the paper component.\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the paper component when it's fullscreen.\n     */\n    fullscreen: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.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 actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;EACjC,IAAQC,OAAO,GAAyDD,KAAK,CAArEC,OAAO;IAAEC,SAAS,GAA8CF,KAAK,CAA5DE,SAAS;IAAEC,QAAQ,GAAoCH,KAAK,CAAjDG,QAAQ;IAAA,oBAAoCH,KAAK,CAAvCI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAKC,MAAM,4BAAKL,KAAK;EAC7E,oBACE,KAAC,aAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAI,EAAEF,UAAU,IAAIH,OAAO,CAACG,UAAU,CAAC;MAC1DG,OAAO,EAAEN,OAAO,CAACM;IACnB,CAAE;IACF,SAAS,EAAEL;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MAAM;IACzB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AACxB,CAAC;AAED,eAAehB,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACf,eAAe,CAAC"}
+{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, { [classes.fullscreen]: fullscreen }),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.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 actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;EACjC,IAAQC,OAAO,GAAyDD,KAAK,CAArEC,OAAO;IAAEC,SAAS,GAA8CF,KAAK,CAA5DE,SAAS;IAAEC,QAAQ,GAAoCH,KAAK,CAAjDG,QAAQ;IAAA,oBAAoCH,KAAK,CAAvCI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAKC,MAAM,4BAAKL,KAAK;EAC7E,oBACE,KAAC,aAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAI,EAA0BF,UAAU,IAA/BH,OAAO,CAACG,UAAU,CAAgB;MAC9DG,OAAO,EAAEN,OAAO,CAACM;IACnB,CAAE;IACF,SAAS,EAAEL;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MAAM;IACzB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AACxB,CAAC;AAED,eAAehB,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACf,eAAe,CAAC"}

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

@@ -3,21 +3,14 @@ var styles = function styles(theme) {
     root: {
       margin: "0",
       padding: theme.hv.spacing.sm,
-      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
-      height: 100,
-      flex: 1
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
     },
     spacing: {
       "& > :not(:first-child)": {
         marginLeft: theme.hv.spacing.xs
       }
     },
-    fullscreen: {
-      position: "fixed",
-      width: "100%",
-      bottom: 0,
-      left: 0
-    }
+    fullscreen: {}
   };
 };
 export default styles;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","height","flex","marginLeft","xs","fullscreen","position","width","bottom","left"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    height: 100,\n    flex: 1,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,GAAG;MACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,SAAS,sBAAeP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK,CAAE;MAC3DC,MAAM,EAAE,GAAG;MACXC,IAAI,EAAE;IACR,CAAC;IACDP,OAAO,EAAE;MACP,wBAAwB,EAAE;QACxBQ,UAAU,EAAEb,KAAK,CAACI,EAAE,CAACC,OAAO,CAACS;MAC/B;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE;IACR;EACF,CAAC;AAAA,CAAC;AAEF,eAAepB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,GAAG;MACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,SAAS,sBAAeP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;IAC3D,CAAC;IACDL,OAAO,EAAE;MACP,wBAAwB,EAAE;QACxBM,UAAU,EAAEX,KAAK,CAACI,EAAE,CAACC,OAAO,CAACO;MAC/B;IACF,CAAC;IACDC,UAAU,EAAE,CAAC;EACf,CAAC;AAAA,CAAC;AAEF,eAAed,MAAM"}

package/dist/legacy/Dialog/DialogContent/DialogContent.js

@@ -1,3 +1,15 @@
+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";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "children", "indentContent"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from "react";
 import PropTypes from "prop-types";
 import { DialogContent } from "@mui/material";
@@ -11,12 +23,14 @@ var HvDialogContent = function HvDialogContent(_ref) {
     className = _ref.className,
     children = _ref.children,
     _ref$indentContent = _ref.indentContent,
-    indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent;
-  return /*#__PURE__*/_jsx(HvTypography, {
+    indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
     component: DialogContent,
-    className: clsx(className, classes.root, indentContent && classes.textContent),
+    className: clsx(className, classes.root, indentContent && classes.textContent)
+  }, others), {}, {
     children: children
-  });
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
   /**
@@ -32,7 +46,7 @@ process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
      */
     root: PropTypes.string,
     /**
-     * Style applied when the content is a string.
+     * Style applied when the content is indented.
      */
     textContent: PropTypes.string
   }).isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.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 content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAAgE;EAAA,IAA1DC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,KAAK;EAC5E,oBACE,KAAC,YAAY;IACX,SAAS,EAAET,aAAc;IACzB,SAAS,EAAEE,IAAI,CAACK,SAAS,EAAED,OAAO,CAACI,IAAI,EAA2BD,aAAa,IAAnCH,OAAO,CAACK,WAAW,CAAoB;IAAA,UAElFH;EAAQ,EACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACO,SAAS,GAAG;EAC1B;AACF;AACA;EACEL,SAAS,EAAER,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACEP,OAAO,EAAEP,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,WAAW,EAAEZ,SAAS,CAACc;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEN,aAAa,EAAEV,SAAS,CAACiB,IAAI;EAC7B;AACF;AACA;EACER,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACF;AAC3B,CAAC;AAED,eAAed,UAAU,CAACG,MAAM,EAAE;EAAEc,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACb,eAAe,CAAC"}
+{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","others","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false, ...others }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.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 content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is indented.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAA2E;EAAA,IAArEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAKC,MAAM;EACvF,oBACE,KAAC,YAAY;IACX,SAAS,EAAEV,aAAc;IACzB,SAAS,EAAEE,IAAI,CAACK,SAAS,EAAED,OAAO,CAACK,IAAI,EAA2BF,aAAa,IAAnCH,OAAO,CAACM,WAAW;EAAoB,GAC/EF,MAAM;IAAA,UAETF;EAAQ,GACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACQ,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAER,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACgB,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEZ,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIF,WAAW,EAAEb,SAAS,CAACe;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEP,aAAa,EAAEV,SAAS,CAACkB,IAAI;EAC7B;AACF;AACA;EACET,QAAQ,EAAET,SAAS,CAACmB,IAAI,CAACF;AAC3B,CAAC;AAED,eAAef,UAAU,CAACG,MAAM,EAAE;EAAEe,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACd,eAAe,CAAC"}

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

@@ -2,11 +2,10 @@ var styles = function styles(theme) {
   return {
     root: {
       padding: theme.hvSpacing(0, "sm", "sm", "sm"),
-      flex: "none"
+      flex: 1
     },
     textContent: {
-      marginLeft: "42px",
-      paddingRight: "62px",
+      margin: "0 42px",
       flex: 1,
       overflowY: "auto"
     }

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","paddingRight","overflowY"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC7CC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,MAAM;MACpBH,IAAI,EAAE,CAAC;MACPI,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,eAAeT,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","margin","overflowY"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: 1,\n  },\n  textContent: {\n    margin: \"0 42px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC7CC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXC,MAAM,EAAE,QAAQ;MAChBF,IAAI,EAAE,CAAC;MACPG,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,eAAeR,MAAM"}

package/dist/legacy/Dialog/DialogTitle/DialogTitle.js

@@ -32,14 +32,9 @@ var HvDialogTitle = function HvDialogTitle(_ref) {
     customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
     others = _objectWithoutProperties(_ref, _excluded);
   var isString = typeof children === "string";
-  var fullscreen = others.fullscreen;
-
-  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
-  // eslint-disable-next-line no-param-reassign
-  delete others.fullscreen;
   var icon = customIcon || showIcon && iconVariant(variant);
   return /*#__PURE__*/_jsx(DialogTitle, _objectSpread(_objectSpread({
-    className: clsx(classes.root, className, fullscreen && "fullscreen")
+    className: clsx(classes.root, className)
   }, others), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: classes.messageContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\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  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      {...others}\n    >\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"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAQb;EAAA,IAPJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,uBACfC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IACdC,MAAM;EAET,IAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAC7C,IAAQM,UAAU,GAAKF,MAAM,CAArBE,UAAU;;EAElB;EACA;EACA,OAAOF,MAAM,CAACE,UAAU;EAExB,IAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAO,CAAE;EAE7D,oBACE,KAAC,WAAW;IACV,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAI,EAAET,SAAS,EAAEO,UAAU,IAAG,YAAY;EAAO,GACrEF,MAAM;IAAA,uBAEV;MAAK,SAAS,EAAEN,OAAO,CAACW,gBAAiB;MAAA,WACtCF,IAAI,eACL;QAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAAI,IAA3BT,OAAO,CAACY,YAAY,CAAW;QAAA,WACpD,CAACL,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,KAAC,YAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACc,SAAS,GAAG;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MAAM;IAClC;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAAM;IAC9B;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IAAI;EACxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAAI;EAC1B;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAetB,UAAU,CAACG,MAAM,EAAE;EAAEuB,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACtB,aAAa,CAAC"}
+{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\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)} {...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"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAQb;EAAA,IAPJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,uBACfC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IACdC,MAAM;EAET,IAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAE7C,IAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAO,CAAE;EAE7D,oBACE,KAAC,WAAW;IAAC,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACS,IAAI,EAAER,SAAS;EAAE,GAAKK,MAAM;IAAA,uBAC/D;MAAK,SAAS,EAAEN,OAAO,CAACU,gBAAiB;MAAA,WACtCF,IAAI,eACL;QAAK,SAAS,EAAEf,IAAI,CAA2Be,IAAI,IAA3BR,OAAO,CAACW,YAAY,CAAW;QAAA,WACpD,CAACJ,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,KAAC,YAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACa,SAAS,GAAG;EACxB;AACF;AACA;EACEX,SAAS,EAAET,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEb,OAAO,EAAER,SAAS,CAACsB,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACqB,MAAM;IACtB;AACJ;AACA;IACIH,gBAAgB,EAAElB,SAAS,CAACqB,MAAM;IAClC;AACJ;AACA;IACIF,YAAY,EAAEnB,SAAS,CAACqB,MAAM;IAC9B;AACJ;AACA;IACIL,IAAI,EAAEhB,SAAS,CAACqB,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAEvB,SAAS,CAACqB;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEb,OAAO,EAAEX,SAAS,CAACyB,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEb,QAAQ,EAAEZ,SAAS,CAAC0B,IAAI;EACxB;AACF;AACA;EACEb,UAAU,EAAEb,SAAS,CAAC2B,IAAI;EAC1B;AACF;AACA;EACEjB,QAAQ,EAAEV,SAAS,CAAC2B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAerB,UAAU,CAACG,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACrB,aAAa,CAAC"}

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

@@ -2,10 +2,7 @@ var styles = function styles(theme) {
   return {
     root: {
       padding: theme.hvSpacing("sm"),
-      margin: 0,
-      "&:not(.fullscreen)": {
-        flex: 1
-      }
+      margin: 0
     },
     messageContainer: {
       display: "flex",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","flex","messageContainer","display","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    \"&:not(.fullscreen)\": {\n      flex: 1,\n    },\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"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;MAC9BC,MAAM,EAAE,CAAC;MACT,oBAAoB,EAAE;QACpBC,IAAI,EAAE;MACR;IACF,CAAC;IACDC,gBAAgB,EAAE;MAChBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZC,UAAU,EAAEV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;MACjC;MACAQ,WAAW,wBAAiBX,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACnD,CAAC;IACDS,IAAI,EAAE;MACJD,WAAW,EAAEX,KAAK,CAACa,EAAE,CAACC,OAAO,CAACC,EAAE;MAChCC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAEF,eAAelB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","messageContainer","display","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\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"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;MAC9BC,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZC,UAAU,EAAET,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;MACjC;MACAO,WAAW,wBAAiBV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACnD,CAAC;IACDQ,IAAI,EAAE;MACJD,WAAW,EAAEV,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,EAAE;MAChCC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAEF,eAAejB,MAAM"}

package/dist/legacy/Dialog/styles.js

@@ -5,16 +5,20 @@ var styles = function styles(theme) {
       background: fade(theme.hv.palette.atmosphere.atmo4, 0.8)
     },
     paper: {
-      background: "".concat(theme.hv.palette.atmosphere.atmo1),
-      padding: "0px",
+      background: theme.hv.palette.atmosphere.atmo1,
+      padding: 0,
       overflow: "auto",
       boxShadow: theme.hv.shadows[1],
-      "&:not(.fullscreen)": {
-        maxHeight: "calc(100% - 200px)",
-        display: "flex",
-        flexDirection: "column"
+      maxHeight: "calc(100% - 200px)",
+      "@media (max-height:720px)": {
+        maxHeight: "calc(100% - 40px)" // "sm" margin
+      },
+
+      "&$fullscreen": {
+        maxHeight: "none"
       }
     },
+    fullscreen: {},
     closeButton: {
       padding: 0,
       minWidth: "inherit",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","display","flexDirection","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"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    \"&:not(.fullscreen)\": {\n      maxHeight: \"calc(100% - 200px)\",\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\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"],"mappings":"AAAA,OAAOA,IAAI,MAAM,oBAAoB;AAErC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;IACzD,CAAC;IACDC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK,CAAE;MAClDC,OAAO,EAAE,KAAK;MACdC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;MAC9B,oBAAoB,EAAE;QACpBC,SAAS,EAAE,oBAAoB;QAC/BC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,WAAW,EAAE;MACXP,OAAO,EAAE,CAAC;MACVQ,QAAQ,EAAE,SAAS;MACnBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAElB,KAAK,CAACmB,SAAS,CAAC,IAAI,CAAC;MAC1BC,KAAK,EAAEpB,KAAK,CAACmB,SAAS,CAAC,IAAI;IAC7B;EACF,CAAC;AAAA,CAAC;AAEF,eAAepB,MAAM"}
+{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","fullscreen","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"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: 0,\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n    maxHeight: \"calc(100% - 200px)\",\n    \"@media (max-height:720px)\": {\n      maxHeight: \"calc(100% - 40px)\", // \"sm\" margin\n    },\n    \"&$fullscreen\": {\n      maxHeight: \"none\",\n    },\n  },\n  fullscreen: {},\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"],"mappings":"AAAA,OAAOA,IAAI,MAAM,oBAAoB;AAErC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;IACzD,CAAC;IACDC,KAAK,EAAE;MACLL,UAAU,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK;MAC7CC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;MAC9BC,SAAS,EAAE,oBAAoB;MAC/B,2BAA2B,EAAE;QAC3BA,SAAS,EAAE,mBAAmB,CAAE;MAClC,CAAC;;MACD,cAAc,EAAE;QACdA,SAAS,EAAE;MACb;IACF,CAAC;IACDC,UAAU,EAAE,CAAC,CAAC;IACdC,WAAW,EAAE;MACXN,OAAO,EAAE,CAAC;MACVO,QAAQ,EAAE,SAAS;MACnBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAEjB,KAAK,CAACkB,SAAS,CAAC,IAAI,CAAC;MAC1BC,KAAK,EAAEnB,KAAK,CAACkB,SAAS,CAAC,IAAI;IAC7B;EACF,CAAC;AAAA,CAAC;AAEF,eAAenB,MAAM"}

package/dist/legacy/Dropdown/Dropdown.d.ts

@@ -143,6 +143,10 @@ export interface HvDropdownProps
    * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used
    */
   height?: number;
+  /**
+   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.
+   */
+  maxHeight?: number;
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */

package/dist/legacy/Dropdown/List/List.js

@@ -6,7 +6,7 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
+var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "maxHeight", "virtualized"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import "core-js/modules/es.array.map.js";
@@ -75,6 +75,7 @@ var List = function List(_ref) {
     hasTooltips = _ref$hasTooltips === void 0 ? false : _ref$hasTooltips,
     singleSelectionToggle = _ref.singleSelectionToggle,
     dropdownHeight = _ref.height,
+    maxHeight = _ref.maxHeight,
     _ref$virtualized = _ref.virtualized,
     virtualized = _ref$virtualized === void 0 ? false : _ref$virtualized,
     others = _objectWithoutProperties(_ref, _excluded);
@@ -280,7 +281,7 @@ var List = function List(_ref) {
         height: dropdownHeight
       }), {}, {
         maxWidth: width,
-        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
+        maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
         overflow: "auto",
         padding: 5
       }),
@@ -291,7 +292,7 @@ var List = function List(_ref) {
         padding: 0
       }
     });
-  }, [width, height, dropdownHeight, theme])();
+  }, [width, height, maxHeight, dropdownHeight, theme])();
   return /*#__PURE__*/_jsxs("div", {
     className: classes.rootList,
     children: [/*#__PURE__*/_jsx("div", {
@@ -301,7 +302,7 @@ var List = function List(_ref) {
       children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_jsx(HvList, _objectSpread({
         id: setId(id, "list"),
         classes: {
-          root: clsx(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
+          root: clsx(classes.dropdownListContainer, (dropdownHeight || maxHeight) && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
         },
         values: list,
         multiSelect: multiSelect,
@@ -369,6 +370,10 @@ process.env.NODE_ENV !== "production" ? List.propTypes = {
    * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used
    */
   height: PropTypes.number,
+  /**
+   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.
+   */
+  maxHeight: PropTypes.number,
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */

package/dist/legacy/Dropdown/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","maxHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  maxHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight:\n            maxHeight ??\n            `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, maxHeight, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                (dropdownHeight || maxHeight) && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACvE,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AAE9D,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,WAAW,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,YAAY,QAAQ,OAAO;AACxF,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,mBAAmB,MAAM,wCAAwC;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AAAA;AAAA;AAQA,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,MAAM;EAAA,OAAKA,MAAM,CAACC,GAAG,CAAC,UAACC,KAAK;IAAA,yBAAWA,KAAK;EAAA,CAAG,CAAC;AAAA;;AAE/D;AACA;AACA;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG;EAAA,OAAKA,GAAG,CAACH,GAAG,CAAC,UAACI,IAAI;IAAA,uCAAWA,IAAI;MAAEC,QAAQ,EAAE;IAAK;EAAA,CAAG,CAAC;AAAA;AAE9E,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIP,MAAM;EAAA,OAAK,CAACf,KAAK,CAACe,MAAM,CAAC,IAAI,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,MAAM,IAAG,CAAC;AAAA;AAEpE,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAgBJ;EAAA,IAfJC,EAAE,QAAFA,EAAE;IACFC,OAAO,QAAPA,OAAO;IAAA,mBACPX,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,wBACXY,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,uBACnBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,6BACNC,0BAA0B;IAA1BA,0BAA0B,sCAAG,KAAK;IAAA,wBAClCC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IACnBC,qBAAqB,QAArBA,qBAAqB;IACbC,cAAc,QAAtBC,MAAM;IACNC,SAAS,QAATA,SAAS;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAChBC,MAAM;EAET,gBAAkC1C,QAAQ,CAAC,EAAE,CAAC;IAAA;IAAvC2C,SAAS;IAAEC,YAAY;EAC9B,iBAAwB5C,QAAQ,CAACiB,KAAK,CAACC,MAAM,CAAC,CAAC;IAAA;IAAxC2B,IAAI;IAAEC,OAAO;EACpB,iBAAsC9C,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9C+C,WAAW;IAAEC,cAAc;EAClC,iBAAsChD,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CiD,WAAW;IAAEC,cAAc;EAClC,kBAA0BrD,UAAU,CAACmB,mBAAmB,CAAC;IAAjDmC,KAAK,eAALA,KAAK;IAAEZ,MAAM,eAANA,MAAM;EACrB,IAAMa,KAAK,GAAG9C,QAAQ,EAAE;EAExB,IAAM+C,SAAS,GAAG;IAChBC,SAAS,EAAEpB,MAAM,CAACoB,SAAS;IAC3BC,oBAAoB,EAAErB,MAAM,CAACsB;EAC/B,CAAC;;EAED;AACF;AACA;EACE,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,UAAU,EAAK;IACtC,IAAI,CAACA,UAAU,EAAE;IACjB,IAAMC,WAAW,GAAG7C,WAAW,CAAC4C,UAAU,CAAC,CAAChC,MAAM;IAClD,IAAMkC,YAAY,GAAGD,WAAW,GAAG,CAAC;IACpC,IAAME,SAAS,GAAGF,WAAW,KAAKD,UAAU,CAAChC,MAAM;IAEnDwB,cAAc,CAACU,YAAY,CAAC;IAC5BZ,cAAc,CAACY,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC;;EAED;AACF;AACA;EACE/D,SAAS,CAAC,YAAM;IACd,IAAI,CAAC2B,WAAW,CAACP,MAAM,CAAC,EAAE;IAC1B4B,OAAO,CAAC7B,KAAK,CAACC,MAAM,CAAC,CAAC;IACtBuC,eAAe,CAACvC,MAAM,CAAC;IACvB,IAAIiB,0BAA0B,EAAE;MAC9BH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;IACxC;IACA;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;;EAEZ;AACF;AACA;AACA;AACA;EACE,IAAM4C,YAAY,GAAG,SAAfA,YAAY,CAAIC,GAAG,EAAK;IAC5B,IAAMC,OAAO,GAAGnB,IAAI,GAChBA,IAAI,CAACoB,MAAM,CAAC,iBAAmC;MAAA,IAAhCC,WAAW,SAAXA,WAAW;QAAEC,KAAK,SAALA,KAAK;QAAE/C,KAAK,SAALA,KAAK;MACtC,IAAIgD,WAAW,GAAG,EAAE;MACpB,IAAI,OAAOF,WAAW,KAAK,QAAQ,IAAIA,WAAW,YAAYG,MAAM,EAAE;QACpED,WAAW,GAAGF,WAAW,CAACI,WAAW,EAAE;MACzC,CAAC,MAAM,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYE,MAAM,EAAE;QAC/DD,WAAW,GAAGD,KAAK,CAACG,WAAW,EAAE;MACnC,CAAC,MAAM,IAAI,OAAOlD,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYiD,MAAM,EAAE;QAC/DD,WAAW,GAAGhD,KAAK,CAACkD,WAAW,EAAE;MACnC;MAEA,OAAOF,WAAW,CAACG,OAAO,CAACR,GAAG,CAACO,WAAW,EAAE,CAAC,IAAI,CAAC;IACpD,CAAC,CAAC,GACF,IAAI;IAER,IAAI,CAACnE,KAAK,CAAC6D,OAAO,CAAC,EAAE;MACnB,IAAMQ,OAAO,GAAG3B,IAAI,CAAC1B,GAAG,CAAC,UAACsD,IAAI,EAAK;QACjC,IAAMC,QAAQ,GAAGV,OAAO,CAACW,IAAI,CAAC,UAACC,MAAM;UAAA,OAAKA,MAAM,CAACT,KAAK,KAAKM,IAAI,CAACN,KAAK;QAAA,EAAC;QACtE,uCAAYM,IAAI;UAAEjD,QAAQ,EAAE,CAACkD;QAAQ;MACvC,CAAC,CAAC;MAEF5B,OAAO,CAAC0B,OAAO,CAAC;MAChB5B,YAAY,CAACmB,GAAG,CAAC;IACnB;IACA,OAAOA,GAAG;EACZ,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMc,YAAY,GAAG,SAAfA,YAAY;IAAA,oBAChB;MAAK,SAAS,EAAEhD,OAAO,CAACiD,eAAgB;MAAA,uBACtC,KAAC,OAAO;QACN,EAAE,EAAEvE,KAAK,CAACqB,EAAE,EAAE,QAAQ,CAAE;QACxB,IAAI,EAAC,QAAQ;QACb,KAAK,EAAEe,SAAU;QACjB,WAAW,EAAET,MAAM,CAAC6C,iBAAkB;QACtC,QAAQ,EAAE,kBAACC,KAAK,EAAEjB,GAAG;UAAA,OAAKD,YAAY,CAACC,GAAG,CAAC;QAAA;MAAC;IAC5C,EACE;EAAA,CACP;;EAED;AACF;AACA;AACA;EACE,IAAMkB,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAMT,OAAO,GAAG3B,IAAI,CAAC1B,GAAG,CAAC,UAACsD,IAAI;MAAA,uCAAWA,IAAI;QAAES,QAAQ,EAAE,CAACjC;MAAW;IAAA,CAAG,CAAC;IACzEH,OAAO,CAAC0B,OAAO,CAAC;IAChBf,eAAe,CAACe,OAAO,CAAC;EAC1B,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMW,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAQ7B,SAAS,GAAgCpB,MAAM,CAA/CoB,SAAS;MAAEE,yBAAyB,GAAKtB,MAAM,CAApCsB,yBAAyB;IAC5C,IAAMG,WAAW,GAAG7C,WAAW,CAAC+B,IAAI,CAAC,CAACnB,MAAM;IAE5C,IAAM0D,YAAY,gBAChB,KAAC,YAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3BzB,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,aACfH,yBAAyB,cAAIX,IAAI,CAACnB,MAAM;MAAA,EAC5C,gBAEH;QAAA,wBACE;UAAA,UAAI4B;QAAS,EAAK,cACZT,IAAI,CAACnB,MAAM;MAAA;IAEpB,EAEJ;IAED,oBACE;MAAK,SAAS,EAAEG,OAAO,CAACwD,kBAAmB;MAAA,uBACzC,KAAC,UAAU;QACT,EAAE,EAAE9E,KAAK,CAACqB,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAEwD,YAAa;QACpB,QAAQ,EAAE;UAAA,OAAMH,eAAe,EAAE;QAAA,CAAC;QAClC,OAAO,EAAE;UAAEK,SAAS,EAAEzD,OAAO,CAAC0D;QAAU,CAAE;QAC1C,SAAS,EAAE1D,OAAO,CAACyB,SAAU;QAC7B,aAAa,EAAEL,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMyC,WAAW,GAAG,SAAdA,WAAW,CAAI9B,UAAU,EAAK;IAClC,IAAI,CAAC5B,WAAW,EAAE;MAChBE,QAAQ,CAACX,WAAW,CAACqC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrD,CAAC,MAAM;MACLD,eAAe,CAACC,UAAU,CAAC;MAC3BZ,OAAO,CAAC7B,KAAK,CAACyC,UAAU,CAAC,CAAC;IAC5B;EACF,CAAC;;EAED;AACF;AACA;EACE,IAAM+B,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1B,IAAQC,UAAU,GAAkBxD,MAAM,CAAlCwD,UAAU;MAAEC,WAAW,GAAKzD,MAAM,CAAtByD,WAAW;IAC/B,oBACE,MAAC,WAAW;MAAC,EAAE,EAAEpF,KAAK,CAACqB,EAAE,EAAE,SAAS,CAAE;MAAA,wBACpC,KAAC,QAAQ;QACP,EAAE,EAAErB,KAAK,CAACqB,EAAE,EAAE,eAAe,CAAE;QAC/B,OAAO,EAAE;UAAA,OAAMI,QAAQ,CAACX,WAAW,CAACwB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QAAA,CAAC;QAC7D,QAAQ,EAAC,OAAO;QAAA,UAEf6C;MAAU,EACF,eACX,KAAC,QAAQ;QAAC,EAAE,EAAEnF,KAAK,CAACqB,EAAE,EAAE,gBAAgB,CAAE;QAAC,OAAO,EAAEK,QAAS;QAAC,QAAQ,EAAC,OAAO;QAAA,UAC3E0D;MAAW,EACH;IAAA,EACC;EAElB,CAAC;EAED,IAAMC,QAAQ,GAAGnE,WAAW,CAACP,MAAM,CAAC;EAEpC,IAAM2E,cAAc,GAAG9F,OAAO,CAC5B;IAAA,OACEK,UAAU,CAAC;MACT0F,IAAI,kCACExD,cAAc,IAAI;QAAEC,MAAM,EAAED;MAAe,CAAC;QAChDyD,QAAQ,EAAE5C,KAAK;QACfX,SAAS,EACPA,SAAS,aAATA,SAAS,cAATA,SAAS,kBACDD,MAAM,yBAAea,KAAK,CAAC4C,OAAO,CAAC,IAAI,CAAC,gBAAM5C,KAAK,CAAC4C,OAAO,CAAC,IAAI,CAAC,MAAG;QAC9EC,QAAQ,EAAE,MAAM;QAChBC,OAAO,EAAE;MAAC,EACX;MACDzD,WAAW,EAAE;QACXsD,QAAQ,EAAE,SAAS;QACnBvD,SAAS,EAAE,SAAS;QACpByD,QAAQ,EAAE,SAAS;QACnBC,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EAAA,GACJ,CAAC/C,KAAK,EAAEZ,MAAM,EAAEC,SAAS,EAAEF,cAAc,EAAEc,KAAK,CAAC,CAClD,EAAE;EAEH,oBACE;IAAK,SAAS,EAAEvB,OAAO,CAACsE,QAAS;IAAA,wBAC/B;MAAK,SAAS,EAAEtE,OAAO,CAACuE;IAAe,EAAG,eAC1C;MAAK,SAAS,EAAEvE,OAAO,CAACwE,aAAc;MAAA,WACnCtE,UAAU,IAAI8C,YAAY,EAAE,EAC5Be,QAAQ,IAAI9D,WAAW,IAAIqD,eAAe,EAAE,EAC5CS,QAAQ,iBACP,KAAC,MAAM;QACL,EAAE,EAAErF,KAAK,CAACqB,EAAE,EAAE,MAAM,CAAE;QACtB,OAAO,EAAE;UACPkE,IAAI,EAAE7F,IAAI,CACR4B,OAAO,CAACyE,qBAAqB,EAC7B,CAAChE,cAAc,IAAIE,SAAS,KAAKqD,cAAc,CAACC,IAAI,EACpDrD,WAAW,IAAIoD,cAAc,CAACpD,WAAW;QAE7C,CAAE;QACF,MAAM,EAAEI,IAAK;QACb,WAAW,EAAEf,WAAY;QACzB,WAAW,EAAEA,WAAY;QACzB,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAE0D,WAAY;QACtB,MAAM,EAAEnC,SAAU;QAClB,WAAW,EAAEjB,WAAY;QACzB,UAAU;QACV,SAAS;QACT,qBAAqB,EAAEC,qBAAsB;QAC7C,MAAM,EAAEC,cAAe;QACvB,WAAW,EAAEG;MAAY,GACrBC,MAAM,EAEb;IAAA,EACG,EACLkD,QAAQ,IAAI9D,WAAW,GAAG2D,aAAa,EAAE,GAAG,IAAI;EAAA,EAC7C;AAEV,CAAC;AAED,wCAAA9D,IAAI,CAAC4E,SAAS,GAAG;EACf;AACF;AACA;EACE3E,EAAE,EAAE1B,SAAS,CAACsG,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACE5E,OAAO,EAAE3B,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChD;AACF;AACA;EACEvF,MAAM,EAAEhB,SAAS,CAACwG,UAAU,CAACE,KAAK,CAAC;EACnC;AACF;AACA;EACE9E,WAAW,EAAE5B,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACE9E,UAAU,EAAE7B,SAAS,CAAC2G,IAAI;EAC1B;AACF;AACA;AACA;EACE7E,QAAQ,EAAE9B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE7E,QAAQ,EAAE/B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE5E,MAAM,EAAEhC,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAC/C;AACF;AACA;EACEtE,0BAA0B,EAAEjC,SAAS,CAAC2G,IAAI;EAC1C;AACF;AACA;EACEzE,WAAW,EAAElC,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACExE,qBAAqB,EAAEnC,SAAS,CAAC2G,IAAI,CAACJ,UAAU;EAChD;AACF;AACA;EACElE,MAAM,EAAErC,SAAS,CAAC6G,MAAM;EACxB;AACF;AACA;EACEvE,SAAS,EAAEtC,SAAS,CAAC6G,MAAM;EAC3B;AACF;AACA;EACEtE,WAAW,EAAEvC,SAAS,CAAC2G;AACzB,CAAC;AAED,eAAexG,UAAU,CAACU,MAAM,EAAE;EAAEiG,IAAI,EAAE;AAAiB,CAAC,CAAC,CAACrF,IAAI,CAAC"}

package/dist/legacy/SimpleGrid/SimpleGrid.d.ts

@@ -1,4 +1,7 @@
-export type Spacing = "xs" | "sm" | "md" | "lg";
+import React from "react";
+import { HvSpacingKeys } from "../theme";
+
+export type Spacing = HvSpacingKeys;
 export type Breakpoint = {
   cols?: number;
   maxWidth?: number;
@@ -7,7 +10,7 @@ export type Breakpoint = {
 };
 
 export interface SimpleGridProps {
-  children?: JSX.Element | JSX.Element[];
+  children?: React.ReactNode;
   spacing?: Spacing;
   cols?: number;
   breakpoints?: Breakpoint[];