@openedx/paragon 23.14.1 → 23.14.3

package/dist/Menu/MenuItem.js

@@ -2,15 +2,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../Icon';
-function MenuItem(_ref) {
-  let {
-    as,
-    children,
-    defaultSelected,
-    iconAfter,
-    iconBefore,
-    ...props
-  } = _ref;
+function MenuItem({
+  as,
+  children,
+  defaultSelected,
+  iconAfter,
+  iconBefore,
+  ...props
+}) {
   const className = classNames(props.className, 'pgn__menu-item');
   return /*#__PURE__*/React.createElement(as, {
     ...props,

package/dist/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","PropTypes","classNames","Icon","MenuItem","_ref","as","children","defaultSelected","iconAfter","iconBefore","props","className","createElement","Fragment","src","propTypes","bool","string","node","elementType","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Menu/MenuItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\n\nfunction MenuItem({\n  as,\n  children,\n  defaultSelected,\n  iconAfter,\n  iconBefore,\n  ...props\n}) {\n  const className = classNames(props.className, 'pgn__menu-item');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className,\n    },\n    (\n      <>\n        {iconBefore && <Icon className=\"btn-icon-before\" src={iconBefore} />}\n        <span className=\"pgn__menu-item-text\">{children}</span>\n        <span className=\"pgn__menu-item-content-spacer\" />\n        {iconAfter && <Icon className=\"btn-icon-after\" src={iconAfter} />}\n      </>\n    ),\n  );\n}\n\nMenuItem.propTypes = {\n  /** Specifies that this ``MenuItem`` is selected inside the ``SelectMenu`` */\n  defaultSelected: PropTypes.bool,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the content of the ``MenuItem`` */\n  children: PropTypes.node,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the jsx before the content of the ``MenuItem`` */\n  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n  /** Specifies the jsx after the content of the ``MenuItem`` */\n  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n};\n\nMenuItem.defaultProps = {\n  defaultSelected: false,\n  as: 'button',\n  className: undefined,\n  children: null,\n  iconBefore: undefined,\n  iconAfter: undefined,\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,QAAQA,CAAAC,IAAA,EAOd;EAAA,IAPe;IAChBC,EAAE;IACFC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,UAAU;IACV,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,SAAS,GAAGV,UAAU,CAACS,KAAK,CAACC,SAAS,EAAE,gBAAgB,CAAC;EAE/D,oBAAOZ,KAAK,CAACa,aAAa,CACxBP,EAAE,EACF;IACE,GAAGK,KAAK;IACRC;EACF,CAAC,eAECZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QACGJ,UAAU,iBAAIV,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACS,SAAS,EAAC,iBAAiB;IAACG,GAAG,EAAEL;EAAW,CAAE,CAAC,eACpEV,KAAA,CAAAa,aAAA;IAAMD,SAAS,EAAC;EAAqB,GAAEL,QAAe,CAAC,eACvDP,KAAA,CAAAa,aAAA;IAAMD,SAAS,EAAC;EAA+B,CAAE,CAAC,EACjDH,SAAS,iBAAIT,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACS,SAAS,EAAC,gBAAgB;IAACG,GAAG,EAAEN;EAAU,CAAE,CAChE,CAEN,CAAC;AACH;AAEAL,QAAQ,CAACY,SAAS,GAAG;EACnB;EACAR,eAAe,EAAEP,SAAS,CAACgB,IAAI;EAC/B;EACAL,SAAS,EAAEX,SAAS,CAACiB,MAAM;EAC3B;EACAX,QAAQ,EAAEN,SAAS,CAACkB,IAAI;EACxB;EACAb,EAAE,EAAEL,SAAS,CAACmB,WAAW;EACzB;EACAV,UAAU,EAAET,SAAS,CAACoB,SAAS,CAAC,CAACpB,SAAS,CAACqB,OAAO,EAAErB,SAAS,CAACmB,WAAW,CAAC,CAAC;EAC3E;EACAX,SAAS,EAAER,SAAS,CAACoB,SAAS,CAAC,CAACpB,SAAS,CAACqB,OAAO,EAAErB,SAAS,CAACmB,WAAW,CAAC;AAC3E,CAAC;AAEDhB,QAAQ,CAACmB,YAAY,GAAG;EACtBf,eAAe,EAAE,KAAK;EACtBF,EAAE,EAAE,QAAQ;EACZM,SAAS,EAAEY,SAAS;EACpBjB,QAAQ,EAAE,IAAI;EACdG,UAAU,EAAEc,SAAS;EACrBf,SAAS,EAAEe;AACb,CAAC;AAED,eAAepB,QAAQ","ignoreList":[]}
+{"version":3,"file":"MenuItem.js","names":["React","PropTypes","classNames","Icon","MenuItem","as","children","defaultSelected","iconAfter","iconBefore","props","className","createElement","Fragment","src","propTypes","bool","string","node","elementType","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Menu/MenuItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\n\nfunction MenuItem({\n  as,\n  children,\n  defaultSelected,\n  iconAfter,\n  iconBefore,\n  ...props\n}) {\n  const className = classNames(props.className, 'pgn__menu-item');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className,\n    },\n    (\n      <>\n        {iconBefore && <Icon className=\"btn-icon-before\" src={iconBefore} />}\n        <span className=\"pgn__menu-item-text\">{children}</span>\n        <span className=\"pgn__menu-item-content-spacer\" />\n        {iconAfter && <Icon className=\"btn-icon-after\" src={iconAfter} />}\n      </>\n    ),\n  );\n}\n\nMenuItem.propTypes = {\n  /** Specifies that this ``MenuItem`` is selected inside the ``SelectMenu`` */\n  defaultSelected: PropTypes.bool,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the content of the ``MenuItem`` */\n  children: PropTypes.node,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the jsx before the content of the ``MenuItem`` */\n  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n  /** Specifies the jsx after the content of the ``MenuItem`` */\n  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n};\n\nMenuItem.defaultProps = {\n  defaultSelected: false,\n  as: 'button',\n  className: undefined,\n  children: null,\n  iconBefore: undefined,\n  iconAfter: undefined,\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,QAAQA,CAAC;EAChBC,EAAE;EACFC,QAAQ;EACRC,eAAe;EACfC,SAAS;EACTC,UAAU;EACV,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGT,UAAU,CAACQ,KAAK,CAACC,SAAS,EAAE,gBAAgB,CAAC;EAE/D,oBAAOX,KAAK,CAACY,aAAa,CACxBP,EAAE,EACF;IACE,GAAGK,KAAK;IACRC;EACF,CAAC,eAECX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACGJ,UAAU,iBAAIT,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,SAAS,EAAC,iBAAiB;IAACG,GAAG,EAAEL;EAAW,CAAE,CAAC,eACpET,KAAA,CAAAY,aAAA;IAAMD,SAAS,EAAC;EAAqB,GAAEL,QAAe,CAAC,eACvDN,KAAA,CAAAY,aAAA;IAAMD,SAAS,EAAC;EAA+B,CAAE,CAAC,EACjDH,SAAS,iBAAIR,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,SAAS,EAAC,gBAAgB;IAACG,GAAG,EAAEN;EAAU,CAAE,CAChE,CAEN,CAAC;AACH;AAEAJ,QAAQ,CAACW,SAAS,GAAG;EACnB;EACAR,eAAe,EAAEN,SAAS,CAACe,IAAI;EAC/B;EACAL,SAAS,EAAEV,SAAS,CAACgB,MAAM;EAC3B;EACAX,QAAQ,EAAEL,SAAS,CAACiB,IAAI;EACxB;EACAb,EAAE,EAAEJ,SAAS,CAACkB,WAAW;EACzB;EACAV,UAAU,EAAER,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,EAAEpB,SAAS,CAACkB,WAAW,CAAC,CAAC;EAC3E;EACAX,SAAS,EAAEP,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,EAAEpB,SAAS,CAACkB,WAAW,CAAC;AAC3E,CAAC;AAEDf,QAAQ,CAACkB,YAAY,GAAG;EACtBf,eAAe,EAAE,KAAK;EACtBF,EAAE,EAAE,QAAQ;EACZM,SAAS,EAAEY,SAAS;EACpBjB,QAAQ,EAAE,IAAI;EACdG,UAAU,EAAEc,SAAS;EACrBf,SAAS,EAAEe;AACb,CAAC;AAED,eAAenB,QAAQ","ignoreList":[]}

package/dist/Menu/SelectMenu.js

@@ -8,15 +8,14 @@ import useToggle from '../hooks/useToggleHook';
 import Menu from '.';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
 export const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';
-function SelectMenu(_ref) {
-  let {
-    defaultMessage,
-    children,
-    className,
-    variant,
-    disabled,
-    ...props
-  } = _ref;
+function SelectMenu({
+  defaultMessage,
+  children,
+  className,
+  variant,
+  disabled,
+  ...props
+}) {
   const [triggerTarget, setTriggerTarget] = useState(null);
   // this ref is used to focus the menu open button after any menu option is clicked.
   // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.

package/dist/Menu/SelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","_ref","defaultMessage","children","className","variant","disabled","props","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","selected","setSelected","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","bool","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggleHook';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  disabled,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n        disabled={disabled}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n  /** Specifies if the `SelectMenu` is disabled. */\n  disabled: PropTypes.bool,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n  disabled: false,\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","defaultMessage","children","className","variant","disabled","props","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","selected","setSelected","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","bool","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggleHook';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  disabled,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n        disabled={disabled}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n  /** Specifies if the `SelectMenu` is disabled. */\n  disabled: PropTypes.bool,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n  disabled: false,\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}

package/dist/Menu/index.js

@@ -2,13 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';
-function Menu(_ref) {
-  let {
-    as,
-    arrowKeyNavigationSelector,
-    children,
-    ...props
-  } = _ref;
+function Menu({
+  as,
+  arrowKeyNavigationSelector,
+  children,
+  ...props
+}) {
   const parentRef = useArrowKeyNavigation({
     selectors: arrowKeyNavigationSelector
   });

package/dist/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","useArrowKeyNavigation","Menu","_ref","as","arrowKeyNavigationSelector","children","props","parentRef","selectors","className","createElement","ref","Fragment","propTypes","string","elementType","node","defaultProps","undefined"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';\n\nfunction Menu({\n  as,\n  arrowKeyNavigationSelector,\n  children,\n  ...props\n}) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nMenu.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the menu */\n  children: PropTypes.node,\n};\n\nMenu.defaultProps = {\n  className: undefined,\n  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  as: 'div',\n  children: null,\n};\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,oCAAoC;AAEtE,SAASC,IAAIA,CAAAC,IAAA,EAKV;EAAA,IALW;IACZC,EAAE;IACFC,0BAA0B;IAC1BC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,MAAMK,SAAS,GAAGP,qBAAqB,CAAC;IAAEQ,SAAS,EAAEJ;EAA2B,CAAC,CAAC;EAClF,MAAMK,SAAS,GAAGV,UAAU,CAACO,KAAK,CAACG,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOZ,KAAK,CAACa,aAAa,CACxBP,EAAE,EACF;IACE,GAAGG,KAAK;IACRK,GAAG,EAAEJ,SAAS;IACdE;EACF,CAAC;EAAA;EAEC;EACAZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAe,QAAA,QACGP,QACD,CAEN,CAAC;AACH;AAEAJ,IAAI,CAACY,SAAS,GAAG;EACf;EACAJ,SAAS,EAAEX,SAAS,CAACgB,MAAM;EAC3B;AACF;AACA;AACA;EACEV,0BAA0B,EAAEN,SAAS,CAACgB,MAAM;EAC5C;EACAX,EAAE,EAAEL,SAAS,CAACiB,WAAW;EACzB;EACAV,QAAQ,EAAEP,SAAS,CAACkB;AACtB,CAAC;AAEDf,IAAI,CAACgB,YAAY,GAAG;EAClBR,SAAS,EAAES,SAAS;EACpBd,0BAA0B,EAAE,6DAA6D;EACzFD,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","useArrowKeyNavigation","Menu","as","arrowKeyNavigationSelector","children","props","parentRef","selectors","className","createElement","ref","Fragment","propTypes","string","elementType","node","defaultProps","undefined"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';\n\nfunction Menu({\n  as,\n  arrowKeyNavigationSelector,\n  children,\n  ...props\n}) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nMenu.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the menu */\n  children: PropTypes.node,\n};\n\nMenu.defaultProps = {\n  className: undefined,\n  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  as: 'div',\n  children: null,\n};\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,oCAAoC;AAEtE,SAASC,IAAIA,CAAC;EACZC,EAAE;EACFC,0BAA0B;EAC1BC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGN,qBAAqB,CAAC;IAAEO,SAAS,EAAEJ;EAA2B,CAAC,CAAC;EAClF,MAAMK,SAAS,GAAGT,UAAU,CAACM,KAAK,CAACG,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOX,KAAK,CAACY,aAAa,CACxBP,EAAE,EACF;IACE,GAAGG,KAAK;IACRK,GAAG,EAAEJ,SAAS;IACdE;EACF,CAAC;EAAA;EAEC;EACAX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAc,QAAA,QACGP,QACD,CAEN,CAAC;AACH;AAEAH,IAAI,CAACW,SAAS,GAAG;EACf;EACAJ,SAAS,EAAEV,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;AACA;EACEV,0BAA0B,EAAEL,SAAS,CAACe,MAAM;EAC5C;EACAX,EAAE,EAAEJ,SAAS,CAACgB,WAAW;EACzB;EACAV,QAAQ,EAAEN,SAAS,CAACiB;AACtB,CAAC;AAEDd,IAAI,CAACe,YAAY,GAAG;EAClBR,SAAS,EAAES,SAAS;EACpBd,0BAA0B,EAAE,6DAA6D;EACzFD,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,IAAI","ignoreList":[]}

package/dist/Modal/AlertModal.js

@@ -4,13 +4,12 @@ import classNames from 'classnames';
 import { requiredWhenNot } from '../utils/propTypes';
 import Icon from '../Icon';
 import ModalDialog from './ModalDialog';
-function AlertModal(_ref) {
-  let {
-    children,
-    footerNode,
-    icon,
-    ...props
-  } = _ref;
+function AlertModal({
+  children,
+  footerNode,
+  icon,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(ModalDialog, {
     ...props,
     className: classNames('pgn__alert-modal', props.className)

package/dist/Modal/AlertModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","_ref","children","footerNode","icon","props","createElement","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n            <Icon\n              data-testid=\"title-icon\"\n              src={icon}\n              className={classNames('pgn__alert-modal__title_icon')}\n            />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAAC,IAAA,EAKhB;EAAA,IALiB;IAClBC,QAAQ;IACRC,UAAU;IACVC,IAAI;IACJ,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBACEP,KAAA,CAAAY,aAAA,CAACP,WAAW;IAAA,GACNM,KAAK;IACTE,SAAS,EAAEX,UAAU,CAAC,kBAAkB,EAAES,KAAK,CAACE,SAAS;EAAE,gBAE3Db,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACS,MAAM,qBACjBd,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACU,KAAK,QACfL,IAAI,iBACHV,KAAA,CAAAY,aAAA,CAACR,IAAI;IACH,eAAY,YAAY;IACxBY,GAAG,EAAEN,IAAK;IACVG,SAAS,EAAEX,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACF,EACAS,KAAK,CAACM,KACU,CACD,CAAC,eACrBjB,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACa,IAAI,QAAEV,QAA2B,CAAC,EAC9CC,UAAU,iBAAIT,KAAA,CAAAY,aAAA,CAACP,WAAW,CAACc,MAAM,QAAEV,UAA+B,CACxD,CAAC;AAElB;AAEAH,UAAU,CAACc,SAAS,GAAG;EACrBZ,QAAQ,EAAEP,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEhB,SAAS,CAACsB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAEvB,SAAS,CAACwB,IAAI;EACtB;EACAC,UAAU,EAAEzB,SAAS,CAACwB,IAAI;EAC1B;EACAE,cAAc,EAAE1B,SAAS,CAACwB,IAAI;EAC9B;EACAG,OAAO,EAAEzB,eAAe,CAACF,SAAS,CAAC4B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAEhC,SAAS,CAACsB,MAAM;EAC5B;EACAV,SAAS,EAAEZ,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEjC,SAAS,CAACwB,IAAI;EAClC;EACAhB,UAAU,EAAER,SAAS,CAACoB,IAAI;EAC1B;EACAX,IAAI,EAAET,SAAS,CAACkC;AAClB,CAAC;AAED7B,UAAU,CAAC8B,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzBzB,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE2B;AACR,CAAC;AAED,eAAe/B,UAAU","ignoreList":[]}
+{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","children","footerNode","icon","props","createElement","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n            <Icon\n              data-testid=\"title-icon\"\n              src={icon}\n              className={classNames('pgn__alert-modal__title_icon')}\n            />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EACRC,UAAU;EACVC,IAAI;EACJ,GAAGC;AACL,CAAC,EAAE;EACD,oBACEV,KAAA,CAAAW,aAAA,CAACN,WAAW;IAAA,GACNK,KAAK;IACTE,SAAS,EAAEV,UAAU,CAAC,kBAAkB,EAAEQ,KAAK,CAACE,SAAS;EAAE,gBAE3DZ,KAAA,CAAAW,aAAA,CAACN,WAAW,CAACQ,MAAM,qBACjBb,KAAA,CAAAW,aAAA,CAACN,WAAW,CAACS,KAAK,QACfL,IAAI,iBACHT,KAAA,CAAAW,aAAA,CAACP,IAAI;IACH,eAAY,YAAY;IACxBW,GAAG,EAAEN,IAAK;IACVG,SAAS,EAAEV,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACF,EACAQ,KAAK,CAACM,KACU,CACD,CAAC,eACrBhB,KAAA,CAAAW,aAAA,CAACN,WAAW,CAACY,IAAI,QAAEV,QAA2B,CAAC,EAC9CC,UAAU,iBAAIR,KAAA,CAAAW,aAAA,CAACN,WAAW,CAACa,MAAM,QAAEV,UAA+B,CACxD,CAAC;AAElB;AAEAF,UAAU,CAACa,SAAS,GAAG;EACrBZ,QAAQ,EAAEN,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEf,SAAS,CAACqB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAEtB,SAAS,CAACuB,IAAI;EACtB;EACAC,UAAU,EAAExB,SAAS,CAACuB,IAAI;EAC1B;EACAE,cAAc,EAAEzB,SAAS,CAACuB,IAAI;EAC9B;EACAG,OAAO,EAAExB,eAAe,CAACF,SAAS,CAAC2B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE5B,SAAS,CAAC6B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE9B,SAAS,CAAC6B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAE/B,SAAS,CAACqB,MAAM;EAC5B;EACAV,SAAS,EAAEX,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEhC,SAAS,CAACuB,IAAI;EAClC;EACAhB,UAAU,EAAEP,SAAS,CAACmB,IAAI;EAC1B;EACAX,IAAI,EAAER,SAAS,CAACiC;AAClB,CAAC;AAED5B,UAAU,CAAC6B,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzBzB,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE2B;AACR,CAAC;AAED,eAAe9B,UAAU","ignoreList":[]}

package/dist/Modal/FullscreenModal.js

@@ -2,14 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ModalDialog from './ModalDialog';
 export const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';
-function FullscreenModal(_ref) {
-  let {
-    children,
-    footerNode,
-    beforeBodyNode,
-    afterBodyNode,
-    ...props
-  } = _ref;
+function FullscreenModal({
+  children,
+  footerNode,
+  beforeBodyNode,
+  afterBodyNode,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(ModalDialog, {
     ...props
   }, /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, props.title)), beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, {

package/dist/Modal/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IANsB;IACvBC,QAAQ;IACRC,UAAU;IACVC,cAAc;IACdC,aAAa;IACb,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,oBACEL,KAAA,CAAAW,aAAA,CAACT,WAAW;IAAA,GAAKQ;EAAK,gBACpBV,KAAA,CAAAW,aAAA,CAACT,WAAW,CAACU,MAAM,qBACjBZ,KAAA,CAAAW,aAAA,CAACT,WAAW,CAACW,KAAK,QAAEH,KAAK,CAACI,KAAyB,CACjC,CAAC,EACpBN,cAAc,eACfR,KAAA,CAAAW,aAAA,CAACT,WAAW,CAACa,IAAI;IAACC,SAAS,EAAEN,KAAK,CAACO;EAAmB,GAAEX,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAW,aAAA,CAACT,WAAW,CAACgB,MAAM,QAAEX,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACe,SAAS,GAAG;EAC1B;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEf,SAAS,CAACqB,MAAM;EAC3B;EACAR,KAAK,EAAEb,SAAS,CAACqB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAEtB,SAAS,CAACuB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,cAAc,EAAE1B,SAAS,CAACyB,IAAI;EAC9B;EACAE,IAAI,EAAE3B,SAAS,CAAC4B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE7B,SAAS,CAAC4B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAE9B,SAAS,CAACqB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAE/B,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACmB,IAAI;EAC1B;EACAZ,cAAc,EAAEP,SAAS,CAACmB,IAAI;EAC9B;EACAX,aAAa,EAAER,SAAS,CAACmB,IAAI;EAC7B;EACAH,kBAAkB,EAAEhB,SAAS,CAACqB;AAChC,CAAC;AAEDlB,eAAe,CAAC6B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE5B,4BAA4B;EACxCa,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzBzB,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBQ,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeb,eAAe","ignoreList":[]}
+{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","children","footerNode","beforeBodyNode","afterBodyNode","props","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAC;EACvBC,QAAQ;EACRC,UAAU;EACVC,cAAc;EACdC,aAAa;EACb,GAAGC;AACL,CAAC,EAAE;EACD,oBACET,KAAA,CAAAU,aAAA,CAACR,WAAW;IAAA,GAAKO;EAAK,gBACpBT,KAAA,CAAAU,aAAA,CAACR,WAAW,CAACS,MAAM,qBACjBX,KAAA,CAAAU,aAAA,CAACR,WAAW,CAACU,KAAK,QAAEH,KAAK,CAACI,KAAyB,CACjC,CAAC,EACpBN,cAAc,eACfP,KAAA,CAAAU,aAAA,CAACR,WAAW,CAACY,IAAI;IAACC,SAAS,EAAEN,KAAK,CAACO;EAAmB,GAAEX,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIN,KAAA,CAAAU,aAAA,CAACR,WAAW,CAACe,MAAM,QAAEX,UAA+B,CACxD,CAAC;AAElB;AAEAF,eAAe,CAACc,SAAS,GAAG;EAC1B;EACAb,QAAQ,EAAEJ,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEd,SAAS,CAACoB,MAAM;EAC3B;EACAR,KAAK,EAAEZ,SAAS,CAACoB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAErB,SAAS,CAACsB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAEvB,SAAS,CAACwB,IAAI;EACtB;EACAC,cAAc,EAAEzB,SAAS,CAACwB,IAAI;EAC9B;EACAE,IAAI,EAAE1B,SAAS,CAAC2B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE5B,SAAS,CAAC2B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAE7B,SAAS,CAACoB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAE9B,SAAS,CAACwB,IAAI;EAClC;EACAnB,UAAU,EAAEL,SAAS,CAACkB,IAAI;EAC1B;EACAZ,cAAc,EAAEN,SAAS,CAACkB,IAAI;EAC9B;EACAX,aAAa,EAAEP,SAAS,CAACkB,IAAI;EAC7B;EACAH,kBAAkB,EAAEf,SAAS,CAACoB;AAChC,CAAC;AAEDjB,eAAe,CAAC4B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE3B,4BAA4B;EACxCY,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzBzB,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBQ,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeZ,eAAe","ignoreList":[]}

package/dist/Modal/MarketingModal.js

@@ -2,16 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { requiredWhenNot } from '../utils/propTypes';
 import ModalDialog from './ModalDialog';
-function MarketingModal(_ref) {
-  let {
-    children,
-    footerNode,
-    heroNode,
-    heroIsDark,
-    beforeBodyNode,
-    afterBodyNode,
-    ...props
-  } = _ref;
+function MarketingModal({
+  children,
+  footerNode,
+  heroNode,
+  heroIsDark,
+  beforeBodyNode,
+  afterBodyNode,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(ModalDialog, {
     ...props,
     variant: heroIsDark ? 'dark' : 'default'

package/dist/Modal/MarketingModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","createElement","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IARqB;IACtBC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,cAAc;IACdC,aAAa;IACb,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW;IAAA,GACNS,KAAK;IACTE,OAAO,EAAEL,UAAU,GAAG,MAAM,GAAG;EAAU,GAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAa,aAAA,CAACV,WAAW,CAACY,IAAI,QAAET,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAa,aAAA,CAACV,WAAW,CAACa,MAAM,QAAET,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACa,SAAS,GAAG;EACzB;EACAX,QAAQ,EAAEL,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEnB,SAAS,CAACoB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAErB,SAAS,CAACsB,IAAI;EACtB;EACAC,UAAU,EAAEvB,SAAS,CAACsB,IAAI;EAC1B;EACAE,cAAc,EAAExB,SAAS,CAACsB,IAAI;EAC9B;EACAG,OAAO,EAAExB,eAAe,CAACD,SAAS,CAAC0B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE3B,SAAS,CAAC4B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAE7B,SAAS,CAACoB,MAAM;EAC5B;EACAU,SAAS,EAAE9B,SAAS,CAACoB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAE/B,SAAS,CAACsB,IAAI;EAClC;EACAhB,UAAU,EAAEN,SAAS,CAACiB,IAAI;EAC1B;EACAT,UAAU,EAAER,SAAS,CAACsB,IAAI;EAC1B;EACAf,QAAQ,EAAEP,SAAS,CAACiB,IAAI;EACxB;EACAR,cAAc,EAAET,SAAS,CAACiB,IAAI;EAC9B;EACAP,aAAa,EAAEV,SAAS,CAACiB;AAC3B,CAAC;AAEDd,cAAc,CAAC6B,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxBzB,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","createElement","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ModalDialog.Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAC;EACtBC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,cAAc;EACdC,aAAa;EACb,GAAGC;AACL,CAAC,EAAE;EACD,oBACEX,KAAA,CAAAY,aAAA,CAACT,WAAW;IAAA,GACNQ,KAAK;IACTE,OAAO,EAAEL,UAAU,GAAG,MAAM,GAAG;EAAU,GAExCD,QAAQ,EACRE,cAAc,eACfT,KAAA,CAAAY,aAAA,CAACT,WAAW,CAACW,IAAI,QAAET,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXN,KAAA,CAAAY,aAAA,CAACT,WAAW,CAACY,MAAM,QAAET,UAA+B,CAEzC,CAAC;AAElB;AAEAF,cAAc,CAACY,SAAS,GAAG;EACzB;EACAX,QAAQ,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAElB,SAAS,CAACmB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAEpB,SAAS,CAACqB,IAAI;EACtB;EACAC,UAAU,EAAEtB,SAAS,CAACqB,IAAI;EAC1B;EACAE,cAAc,EAAEvB,SAAS,CAACqB,IAAI;EAC9B;EACAG,OAAO,EAAEvB,eAAe,CAACD,SAAS,CAACyB,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE1B,SAAS,CAAC2B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAE5B,SAAS,CAACmB,MAAM;EAC5B;EACAU,SAAS,EAAE7B,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAE9B,SAAS,CAACqB,IAAI;EAClC;EACAhB,UAAU,EAAEL,SAAS,CAACgB,IAAI;EAC1B;EACAT,UAAU,EAAEP,SAAS,CAACqB,IAAI;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAR,cAAc,EAAER,SAAS,CAACgB,IAAI;EAC9B;EACAP,aAAa,EAAET,SAAS,CAACgB;AAC3B,CAAC;AAEDb,cAAc,CAAC4B,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxBzB,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}

package/dist/Modal/ModalCloseButton.js

@@ -3,12 +3,11 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ModalContext from './ModalContext';
 import Button from '../Button';
-const ModalCloseButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+const ModalCloseButton = /*#__PURE__*/React.forwardRef(({
+  as,
+  children,
+  ...props
+}, ref) => {
   const {
     onClose
   } = useContext(ModalContext);

package/dist/Modal/ModalCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","onClose","type","componentProps","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n  const { onClose } = useContext(ModalContext);\n  const type = as;\n  const componentProps = {\n    ...props,\n    className: classNames('pgn__modal-close-button', props.className),\n    onClick: () => {\n      onClose();\n      if (props.onClick) {\n        props.onClick();\n      }\n    },\n    ref,\n  };\n\n  // Use the non-jsx syntax to create this element so we can more\n  // finely control the component type (defaulted to Button via defaultProps)\n  return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the button */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the callback function when the close button is clicked */\n  onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n  as: Button,\n  onClick: undefined,\n  className: undefined,\n  children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAAC,IAAA,EAA6BC,GAAG,KAAK;EAAA,IAApC;IAAEC,EAAE;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAQ,CAAC,GAAGZ,UAAU,CAACG,YAAY,CAAC;EAC5C,MAAMU,IAAI,GAAGJ,EAAE;EACf,MAAMK,cAAc,GAAG;IACrB,GAAGH,KAAK;IACRI,SAAS,EAAEb,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACI,SAAS,CAAC;IACjEC,OAAO,EAAEA,CAAA,KAAM;MACbJ,OAAO,CAAC,CAAC;MACT,IAAID,KAAK,CAACK,OAAO,EAAE;QACjBL,KAAK,CAACK,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDR;EACF,CAAC;;EAED;EACA;EACA,oBAAOT,KAAK,CAACkB,aAAa,CAACJ,IAAI,EAAEC,cAAc,EAAEJ,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACa,SAAS,GAAG;EAC3B;EACAT,EAAE,EAAER,SAAS,CAACkB,WAAW;EACzB;EACAT,QAAQ,EAAET,SAAS,CAACmB,IAAI;EACxB;EACAL,SAAS,EAAEd,SAAS,CAACoB,MAAM;EAC3B;EACAL,OAAO,EAAEf,SAAS,CAACqB;AACrB,CAAC;AAEDjB,gBAAgB,CAACkB,YAAY,GAAG;EAC9Bd,EAAE,EAAEL,MAAM;EACVY,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBd,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","as","children","props","ref","onClose","type","componentProps","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n  const { onClose } = useContext(ModalContext);\n  const type = as;\n  const componentProps = {\n    ...props,\n    className: classNames('pgn__modal-close-button', props.className),\n    onClick: () => {\n      onClose();\n      if (props.onClick) {\n        props.onClick();\n      }\n    },\n    ref,\n  };\n\n  // Use the non-jsx syntax to create this element so we can more\n  // finely control the component type (defaulted to Button via defaultProps)\n  return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the button */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the callback function when the close button is clicked */\n  onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n  as: Button,\n  onClick: undefined,\n  className: undefined,\n  children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7E,MAAM;IAAEC;EAAQ,CAAC,GAAGX,UAAU,CAACG,YAAY,CAAC;EAC5C,MAAMS,IAAI,GAAGL,EAAE;EACf,MAAMM,cAAc,GAAG;IACrB,GAAGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,yBAAyB,EAAEO,KAAK,CAACK,SAAS,CAAC;IACjEC,OAAO,EAAEA,CAAA,KAAM;MACbJ,OAAO,CAAC,CAAC;MACT,IAAIF,KAAK,CAACM,OAAO,EAAE;QACjBN,KAAK,CAACM,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDL;EACF,CAAC;;EAED;EACA;EACA,oBAAOX,KAAK,CAACiB,aAAa,CAACJ,IAAI,EAAEC,cAAc,EAAEL,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFH,gBAAgB,CAACY,SAAS,GAAG;EAC3B;EACAV,EAAE,EAAEN,SAAS,CAACiB,WAAW;EACzB;EACAV,QAAQ,EAAEP,SAAS,CAACkB,IAAI;EACxB;EACAL,SAAS,EAAEb,SAAS,CAACmB,MAAM;EAC3B;EACAL,OAAO,EAAEd,SAAS,CAACoB;AACrB,CAAC;AAEDhB,gBAAgB,CAACiB,YAAY,GAAG;EAC9Bf,EAAE,EAAEH,MAAM;EACVW,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBf,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,gBAAgB","ignoreList":[]}

package/dist/Modal/ModalContext.js

@@ -4,13 +4,12 @@ const ModalContext = /*#__PURE__*/React.createContext({
   isOpen: false,
   isBlocking: false
 });
-function ModalContextProvider(_ref) {
-  let {
-    onClose,
-    isOpen,
-    isBlocking = false,
-    children = null
-  } = _ref;
+function ModalContextProvider({
+  onClose,
+  isOpen,
+  isBlocking = false,
+  children = null
+}) {
   const modalContextValue = useMemo(() => ({
     onClose,
     isOpen,

package/dist/Modal/ModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.js","names":["React","useMemo","ModalContext","createContext","onClose","isOpen","isBlocking","ModalContextProvider","_ref","children","modalContextValue","createElement","Provider","value"],"sources":["../../src/Modal/ModalContext.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\ninterface ContextData {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking: boolean;\n}\n\nconst ModalContext = React.createContext<ContextData>({\n  onClose: () => {},\n  isOpen: false,\n  isBlocking: false,\n});\n\nfunction ModalContextProvider({\n  onClose,\n  isOpen,\n  isBlocking = false,\n  children = null,\n}: {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking?: boolean;\n  children?: React.ReactNode;\n}) {\n  const modalContextValue = useMemo<ContextData>(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAQtC,MAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAAc;EACpDC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAU1B;EAAA,IAV2B;IAC5BJ,OAAO;IACPC,MAAM;IACNC,UAAU,GAAG,KAAK;IAClBG,QAAQ,GAAG;EAMb,CAAC,GAAAD,IAAA;EACC,MAAME,iBAAiB,GAAGT,OAAO,CAC/B,OAAO;IAAEG,OAAO;IAAEC,MAAM;IAAEC;EAAW,CAAC,CAAC,EACvC,CAACF,OAAO,EAAEC,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACEN,KAAA,CAAAW,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEA,SAASF,oBAAoB;AAC7B,eAAeL,YAAY","ignoreList":[]}
+{"version":3,"file":"ModalContext.js","names":["React","useMemo","ModalContext","createContext","onClose","isOpen","isBlocking","ModalContextProvider","children","modalContextValue","createElement","Provider","value"],"sources":["../../src/Modal/ModalContext.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\ninterface ContextData {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking: boolean;\n}\n\nconst ModalContext = React.createContext<ContextData>({\n  onClose: () => {},\n  isOpen: false,\n  isBlocking: false,\n});\n\nfunction ModalContextProvider({\n  onClose,\n  isOpen,\n  isBlocking = false,\n  children = null,\n}: {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking?: boolean;\n  children?: React.ReactNode;\n}) {\n  const modalContextValue = useMemo<ContextData>(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAQtC,MAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAAc;EACpDC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAC;EAC5BH,OAAO;EACPC,MAAM;EACNC,UAAU,GAAG,KAAK;EAClBE,QAAQ,GAAG;AAMb,CAAC,EAAE;EACD,MAAMC,iBAAiB,GAAGR,OAAO,CAC/B,OAAO;IAAEG,OAAO;IAAEC,MAAM;IAAEC;EAAW,CAAC,CAAC,EACvC,CAACF,OAAO,EAAEC,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACEN,KAAA,CAAAU,aAAA,CAACR,YAAY,CAACS,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEA,SAASD,oBAAoB;AAC7B,eAAeL,YAAY","ignoreList":[]}

package/dist/Modal/ModalDialog.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 interface Props {
     /** Specifies the content of the dialog */
     children: React.ReactNode;
@@ -31,74 +30,16 @@ interface Props {
     isBlocking?: boolean;
     /** Specifies the z-index of the modal */
     zIndex?: number;
-    /** Specifies whether overflow is visible in the modal */
+    /**
+     * Specifies whether overflow content inside the modal should be visible.
+     * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,
+     * rather than being clipped or hidden.
+     * - `false` - any overflow content will be clipped to fit within the modal's dimensions.
+     */
     isOverflowVisible: boolean;
 }
 declare function ModalDialog({ children, title, isOpen, onClose, size, variant, hasCloseButton, closeLabel, isFullscreenScroll, className, isFullscreenOnMobile, isBlocking, zIndex, isOverflowVisible, }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace ModalDialog {
-    var propTypes: {
-        /**
-         *  Specifies the content of the dialog
-         */
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /**
-         * The aria-label of the dialog
-         */
-        title: PropTypes.Validator<string>;
-        /**
-         * A callback to close the modal dialog
-         */
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        /**
-         * Is the modal dialog open or closed
-         */
-        isOpen: PropTypes.Requireable<boolean>;
-        /**
-         * The close 'x' icon button in the top right of the dialog box
-         */
-        hasCloseButton: PropTypes.Requireable<boolean>;
-        /**
-         * Sizes determine the maximum width of the dialog box
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * The visual style of the dialog box
-         */
-        variant: PropTypes.Requireable<string>;
-        /**
-         * The label supplied to the close icon button if one is rendered
-         */
-        closeLabel: PropTypes.Requireable<string>;
-        /**
-         *  Specifies class name to append to the base element
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Determines where a scrollbar should appear if a modal is too large for the
-         * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true
-         * the browser window itself receives the scrollbar.
-         */
-        isFullscreenScroll: PropTypes.Requireable<boolean>;
-        /**
-         * To show full screen view on mobile screens
-         */
-        isFullscreenOnMobile: PropTypes.Requireable<boolean>;
-        /**
-         * Prevent clicking on the backdrop or pressing Esc to close the modal
-         */
-        isBlocking: PropTypes.Requireable<boolean>;
-        /**
-         * Specifies the z-index of the modal
-         */
-        zIndex: PropTypes.Requireable<number>;
-        /**
-         * Specifies whether overflow content inside the modal should be visible.
-         * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,
-         * rather than being clipped or hidden.
-         * - `false` - any overflow content will be clipped to fit within the modal's dimensions.
-         */
-        isOverflowVisible: PropTypes.Validator<boolean>;
-    };
     var Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("./ModalDialogHeader").Props>;
     var Title: any;
     var Footer: any;

package/dist/Modal/ModalDialog.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useMediaQuery } from 'react-responsive';
 import { useIntl } from 'react-intl';
@@ -19,23 +18,22 @@ import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { Close } from '../../icons';
 import messages from './messages';
-function ModalDialog(_ref) {
-  let {
-    children,
-    title,
-    isOpen = false,
-    onClose,
-    size = 'md',
-    variant = 'default',
-    hasCloseButton = true,
-    closeLabel,
-    isFullscreenScroll = false,
-    className,
-    isFullscreenOnMobile = false,
-    isBlocking = false,
-    zIndex,
-    isOverflowVisible
-  } = _ref;
+function ModalDialog({
+  children,
+  title,
+  isOpen = false,
+  onClose,
+  size = 'md',
+  variant = 'default',
+  hasCloseButton = true,
+  closeLabel,
+  isFullscreenScroll = false,
+  className,
+  isFullscreenOnMobile = false,
+  isBlocking = false,
+  zIndex,
+  isOverflowVisible
+}) {
   const intl = useIntl();
   const closeButtonText = closeLabel || intl.formatMessage(messages.closeButtonText);
   const isMobile = useMediaQuery({
@@ -66,69 +64,6 @@ function ModalDialog(_ref) {
     alt: closeButtonText
   })), children));
 }
-ModalDialog.propTypes = {
-  /**
-   *  Specifies the content of the dialog
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * The aria-label of the dialog
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * A callback to close the modal dialog
-   */
-  onClose: PropTypes.func.isRequired,
-  /**
-   * Is the modal dialog open or closed
-   */
-  isOpen: PropTypes.bool,
-  /**
-   * The close 'x' icon button in the top right of the dialog box
-   */
-  hasCloseButton: PropTypes.bool,
-  /**
-   * Sizes determine the maximum width of the dialog box
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),
-  /**
-   * The visual style of the dialog box
-   */
-  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),
-  /**
-   * The label supplied to the close icon button if one is rendered
-   */
-  closeLabel: PropTypes.string,
-  /**
-   *  Specifies class name to append to the base element
-   */
-  className: PropTypes.string,
-  /**
-   * Determines where a scrollbar should appear if a modal is too large for the
-   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true
-   * the browser window itself receives the scrollbar.
-   */
-  isFullscreenScroll: PropTypes.bool,
-  /**
-   * To show full screen view on mobile screens
-   */
-  isFullscreenOnMobile: PropTypes.bool,
-  /**
-   * Prevent clicking on the backdrop or pressing Esc to close the modal
-   */
-  isBlocking: PropTypes.bool,
-  /**
-   * Specifies the z-index of the modal
-   */
-  zIndex: PropTypes.number,
-  /**
-   * Specifies whether overflow content inside the modal should be visible.
-   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,
-   * rather than being clipped or hidden.
-   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.
-   */
-  isOverflowVisible: PropTypes.bool.isRequired
-};
 ModalDialog.Header = ModalDialogHeader;
 ModalDialog.Title = ModalDialogTitle;
 ModalDialog.Footer = ModalDialogFooter;