@hitachivantara/uikit-react-core 4.1.1 → 4.3.0

package/dist/modern/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/modern/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,MAAMC,eAAe,GAAIC,KAAK,IAAK;EACjC,MAAM;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,UAAU,GAAG;IAAiB,CAAC,GAAGJ,KAAK;IAAhBK,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,MAAMC,eAAe,GAAIC,KAAK,IAAK;EACjC,MAAM;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,UAAU,GAAG;IAAiB,CAAC,GAAGJ,KAAK;IAAhBK,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/modern/Dialog/DialogActions/styles.js

@@ -2,21 +2,14 @@ const styles = theme => ({
   root: {
     margin: "0",
     padding: theme.hv.spacing.sm,
-    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
-    height: 100,
-    flex: 1
+    borderTop: `3px solid ${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;
 //# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GAAG;IACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAM,EAAC;IAC3DC,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;EACR,CAAC;EACDP,OAAO,EAAE;IACP,wBAAwB,EAAE;MACxBQ,UAAU,EAAEb,KAAK,CAACI,EAAE,CAACC,OAAO,CAACS;IAC/B;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR;AACF,CAAC,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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GAAG;IACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAM;EAC5D,CAAC;EACDL,OAAO,EAAE;IACP,wBAAwB,EAAE;MACxBM,UAAU,EAAEX,KAAK,CAACI,EAAE,CAACC,OAAO,CAACO;IAC/B;EACF,CAAC;EACDC,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/dist/modern/Dialog/DialogContent/DialogContent.js

@@ -1,3 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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";
@@ -6,17 +11,20 @@ import clsx from "clsx";
 import HvTypography from "../../Typography";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-const HvDialogContent = ({
-  classes,
-  className,
-  children,
-  indentContent = false
-}) => {
-  return /*#__PURE__*/_jsx(HvTypography, {
+const HvDialogContent = _ref => {
+  let {
+      classes,
+      className,
+      children,
+      indentContent = false
+    } = _ref,
+    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 +40,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/modern/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,MAAMC,eAAe,GAAG,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,aAAa,GAAG;AAAM,CAAC,KAAK;EACnF,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,MAAMC,eAAe,GAAG,QAAwE;EAAA,IAAvE;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,aAAa,GAAG;IAAiB,CAAC;IAARC,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/modern/Dialog/DialogContent/styles.js

@@ -1,11 +1,10 @@
 const styles = theme => ({
   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/modern/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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC7CC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,MAAM;IACpBH,IAAI,EAAE,CAAC;IACPI,SAAS,EAAE;EACb;AACF,CAAC,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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC7CC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXC,MAAM,EAAE,QAAQ;IAChBF,IAAI,EAAE,CAAC;IACPG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/Dialog/DialogTitle/DialogTitle.js

@@ -24,16 +24,9 @@ const HvDialogTitle = _ref => {
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
   const isString = typeof children === "string";
-  const {
-    fullscreen
-  } = others;
-
-  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
-  // eslint-disable-next-line no-param-reassign
-  delete others.fullscreen;
   const 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/modern/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,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;MACrBC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,OAAO,GAAG,SAAS;MACnBC,QAAQ,GAAG,IAAI;MACfC,UAAU,GAAG;IAEf,CAAC;IADIC,MAAM;EAET,MAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAC7C,MAAM;IAAEM;EAAW,CAAC,GAAGF,MAAM;;EAE7B;EACA;EACA,OAAOA,MAAM,CAACE,UAAU;EAExB,MAAMC,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,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;MACrBC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,OAAO,GAAG,SAAS;MACnBC,QAAQ,GAAG,IAAI;MACfC,UAAU,GAAG;IAEf,CAAC;IADIC,MAAM;EAET,MAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAE7C,MAAMM,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/modern/Dialog/DialogTitle/styles.js

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

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IAC9BC,MAAM,EAAE,CAAC;IACT,oBAAoB,EAAE;MACpBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAEV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACjC;IACAQ,WAAW,EAAG,eAAcX,KAAK,CAACG,SAAS,CAAC,IAAI,CAAE;EACpD,CAAC;EACDS,IAAI,EAAE;IACJD,WAAW,EAAEX,KAAK,CAACa,EAAE,CAACC,OAAO,CAACC,EAAE;IAChCC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAET,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACjC;IACAO,WAAW,EAAG,eAAcV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAE;EACpD,CAAC;EACDQ,IAAI,EAAE;IACJD,WAAW,EAAEV,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,EAAE;IAChCC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}

package/dist/modern/Dialog/styles.js

@@ -4,16 +4,20 @@ const styles = theme => ({
     background: fade(theme.hv.palette.atmosphere.atmo4, 0.8)
   },
   paper: {
-    background: `${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/modern/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,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;EACzD,CAAC;EACDC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAM,EAAC;IAClDC,OAAO,EAAE,KAAK;IACdC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;IAC9B,oBAAoB,EAAE;MACpBC,SAAS,EAAE,oBAAoB;MAC/BC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB;EACF,CAAC;EACDC,WAAW,EAAE;IACXP,OAAO,EAAE,CAAC;IACVQ,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAElB,KAAK,CAACmB,SAAS,CAAC,IAAI,CAAC;IAC1BC,KAAK,EAAEpB,KAAK,CAACmB,SAAS,CAAC,IAAI;EAC7B;AACF,CAAC,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,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;EACzD,CAAC;EACDC,KAAK,EAAE;IACLL,UAAU,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK;IAC7CC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;IAC9BC,SAAS,EAAE,oBAAoB;IAC/B,2BAA2B,EAAE;MAC3BA,SAAS,EAAE,mBAAmB,CAAE;IAClC,CAAC;;IACD,cAAc,EAAE;MACdA,SAAS,EAAE;IACb;EACF,CAAC;EACDC,UAAU,EAAE,CAAC,CAAC;EACdC,WAAW,EAAE;IACXN,OAAO,EAAE,CAAC;IACVO,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEjB,KAAK,CAACkB,SAAS,CAAC,IAAI,CAAC;IAC1BC,KAAK,EAAEnB,KAAK,CAACkB,SAAS,CAAC,IAAI;EAC7B;AACF,CAAC,CAAC;AAEF,eAAenB,MAAM"}

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
+const _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "maxHeight", "virtualized", "baseDropdownProps", "listProps"];
 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, { useEffect, useRef, useState } from "react";
@@ -65,6 +65,7 @@ const HvDropdown = props => {
       variableWidth = false,
       popperProps = {},
       height,
+      maxHeight,
       virtualized = false,
       baseDropdownProps = {},
       listProps = {}
@@ -271,6 +272,7 @@ const HvDropdown = props => {
         singleSelectionToggle: singleSelectionToggle,
         "aria-labelledby": hasLabel ? setId(elementId, "label") : undefined,
         height: height,
+        maxHeight: maxHeight,
         virtualized: virtualized
       }, listProps))
     })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
@@ -533,6 +535,10 @@ process.env.NODE_ENV !== "production" ? HvDropdown.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/modern/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"sources":["../../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}

package/dist/modern/Dropdown/List/List.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
+const _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 React, { useContext, useEffect, useMemo, useState } from "react";
@@ -48,6 +48,7 @@ const List = _ref => {
       hasTooltips = false,
       singleSelectionToggle,
       height: dropdownHeight,
+      maxHeight,
       virtualized = false
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
@@ -234,7 +235,7 @@ const List = _ref => {
       height: dropdownHeight
     }), {}, {
       maxWidth: width,
-      maxHeight: `calc(${height}px - 32px - ${theme.spacing("xs")} - ${theme.spacing("sm")})`,
+      maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : `calc(${height}px - 32px - ${theme.spacing("xs")} - ${theme.spacing("sm")})`,
       overflow: "auto",
       padding: 5
     }),
@@ -244,7 +245,7 @@ const List = _ref => {
       overflow: "inherit",
       padding: 0
     }
-  }), [width, height, dropdownHeight, theme])();
+  }), [width, height, maxHeight, dropdownHeight, theme])();
   return /*#__PURE__*/_jsxs("div", {
     className: classes.rootList,
     children: [/*#__PURE__*/_jsx("div", {
@@ -254,7 +255,7 @@ const 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,
@@ -322,6 +323,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.
    */