@openedx/paragon 23.14.2 → 23.14.4

package/dist/Modal/ModalDialog.js

@@ -18,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({

package/dist/Modal/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","names":["React","classNames","useMediaQuery","useIntl","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","messages","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","intl","closeButtonText","formatMessage","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { useIntl } from 'react-intl';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport messages from './messages';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: 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?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /**\n   * Specifies whether overflow content inside the modal should be visible.\n   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,\n   * rather than being clipped or hidden.\n   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.\n   */\n  isOverflowVisible: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible,\n}: Props) {\n  const intl = useIntl();\n  const closeButtonText = closeLabel || intl.formatMessage(messages.closeButtonText);\n  const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n  const showFullScreen = (isFullscreenOnMobile && isMobile);\n  return (\n    <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n      <div\n        role=\"dialog\"\n        aria-label={title}\n        className={classNames(\n          'pgn__modal',\n          {\n            [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n            [`pgn__modal-${variant}`]: variant,\n            'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n            'pgn__modal-visible-overflow': isOverflowVisible,\n          },\n          className,\n        )}\n      >\n        {hasCloseButton && (\n          <div className=\"pgn__modal-close-container\">\n            <ModalCloseButton\n              as={IconButton}\n              iconAs={Icon}\n              invertColors={variant === 'dark'}\n              src={Close}\n              alt={closeButtonText}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,UAAU,MAAM,cAAc;AACrC;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD;AACA,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAC/C;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AA0CjC,SAASC,WAAWA,CAAAC,IAAA,EAeV;EAAA,IAfW;IACnBC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO;IACPC,IAAI,GAAG,IAAI;IACXC,OAAO,GAAG,SAAS;IACnBC,cAAc,GAAG,IAAI;IACrBC,UAAU;IACVC,kBAAkB,GAAG,KAAK;IAC1BC,SAAS;IACTC,oBAAoB,GAAG,KAAK;IAC5BC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACK,CAAC,GAAAd,IAAA;EACN,MAAMe,IAAI,GAAG5B,OAAO,CAAC,CAAC;EACtB,MAAM6B,eAAe,GAAGR,UAAU,IAAIO,IAAI,CAACE,aAAa,CAACnB,QAAQ,CAACkB,eAAe,CAAC;EAClF,MAAME,QAAQ,GAAGhC,aAAa,CAAC;IAAEiC,KAAK,EAAE;EAAwB,CAAC,CAAC;EAClE,MAAMC,cAAc,GAAIT,oBAAoB,IAAIO,QAAS;EACzD,oBACElC,KAAA,CAAAqC,aAAA,CAACjC,UAAU;IAACe,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAACQ,UAAU,EAAEA,UAAW;IAACC,MAAM,EAAEA;EAAO,gBACnF7B,KAAA,CAAAqC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACb,cAAYpB,KAAM;IAClBQ,SAAS,EAAEzB,UAAU,CACnB,YAAY,EACZ;MACE,CAAC,cAAcmC,cAAc,GAAG,YAAY,GAAGf,IAAI,EAAE,GAAGA,IAAI;MAC5D,CAAC,cAAcC,OAAO,EAAE,GAAGA,OAAO;MAClC,8BAA8B,EAAEG,kBAAkB;MAClD,6BAA6B,EAAEK;IACjC,CAAC,EACDJ,SACF;EAAE,GAEDH,cAAc,iBACbvB,KAAA,CAAAqC,aAAA;IAAKX,SAAS,EAAC;EAA4B,gBACzC1B,KAAA,CAAAqC,aAAA,CAAChC,gBAAgB;IACfkC,EAAE,EAAE3B,UAAW;IACf4B,MAAM,EAAE7B,IAAK;IACb8B,YAAY,EAAEnB,OAAO,KAAK,MAAO;IACjCoB,GAAG,EAAE7B,KAAM;IACX8B,GAAG,EAAEX;EAAgB,CACtB,CACE,CACN,EACAf,QACE,CACK,CAAC;AAEjB;AAEAF,WAAW,CAAC6B,MAAM,GAAGtC,iBAAiB;AACtCS,WAAW,CAAC8B,KAAK,GAAGtC,gBAAgB;AACpCQ,WAAW,CAAC+B,MAAM,GAAGtC,iBAAiB;AACtCO,WAAW,CAACgC,WAAW,GAAG1C,gBAAgB;AAC1CU,WAAW,CAACiC,IAAI,GAAGvC,eAAe;AAClCM,WAAW,CAACkC,IAAI,GAAGvC,eAAe;AAElC,eAAeK,WAAW","ignoreList":[]}
+{"version":3,"file":"ModalDialog.js","names":["React","classNames","useMediaQuery","useIntl","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","messages","ModalDialog","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","intl","closeButtonText","formatMessage","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { useIntl } from 'react-intl';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport messages from './messages';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: 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?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /**\n   * Specifies whether overflow content inside the modal should be visible.\n   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,\n   * rather than being clipped or hidden.\n   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.\n   */\n  isOverflowVisible: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible,\n}: Props) {\n  const intl = useIntl();\n  const closeButtonText = closeLabel || intl.formatMessage(messages.closeButtonText);\n  const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n  const showFullScreen = (isFullscreenOnMobile && isMobile);\n  return (\n    <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n      <div\n        role=\"dialog\"\n        aria-label={title}\n        className={classNames(\n          'pgn__modal',\n          {\n            [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n            [`pgn__modal-${variant}`]: variant,\n            'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n            'pgn__modal-visible-overflow': isOverflowVisible,\n          },\n          className,\n        )}\n      >\n        {hasCloseButton && (\n          <div className=\"pgn__modal-close-container\">\n            <ModalCloseButton\n              as={IconButton}\n              iconAs={Icon}\n              invertColors={variant === 'dark'}\n              src={Close}\n              alt={closeButtonText}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,UAAU,MAAM,cAAc;AACrC;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD;AACA,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAC/C;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AA0CjC,SAASC,WAAWA,CAAC;EACnBC,QAAQ;EACRC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,SAAS;EACnBC,cAAc,GAAG,IAAI;EACrBC,UAAU;EACVC,kBAAkB,GAAG,KAAK;EAC1BC,SAAS;EACTC,oBAAoB,GAAG,KAAK;EAC5BC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACNC;AACK,CAAC,EAAE;EACR,MAAMC,IAAI,GAAG3B,OAAO,CAAC,CAAC;EACtB,MAAM4B,eAAe,GAAGR,UAAU,IAAIO,IAAI,CAACE,aAAa,CAAClB,QAAQ,CAACiB,eAAe,CAAC;EAClF,MAAME,QAAQ,GAAG/B,aAAa,CAAC;IAAEgC,KAAK,EAAE;EAAwB,CAAC,CAAC;EAClE,MAAMC,cAAc,GAAIT,oBAAoB,IAAIO,QAAS;EACzD,oBACEjC,KAAA,CAAAoC,aAAA,CAAChC,UAAU;IAACc,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAACQ,UAAU,EAAEA,UAAW;IAACC,MAAM,EAAEA;EAAO,gBACnF5B,KAAA,CAAAoC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACb,cAAYpB,KAAM;IAClBQ,SAAS,EAAExB,UAAU,CACnB,YAAY,EACZ;MACE,CAAC,cAAckC,cAAc,GAAG,YAAY,GAAGf,IAAI,EAAE,GAAGA,IAAI;MAC5D,CAAC,cAAcC,OAAO,EAAE,GAAGA,OAAO;MAClC,8BAA8B,EAAEG,kBAAkB;MAClD,6BAA6B,EAAEK;IACjC,CAAC,EACDJ,SACF;EAAE,GAEDH,cAAc,iBACbtB,KAAA,CAAAoC,aAAA;IAAKX,SAAS,EAAC;EAA4B,gBACzCzB,KAAA,CAAAoC,aAAA,CAAC/B,gBAAgB;IACfiC,EAAE,EAAE1B,UAAW;IACf2B,MAAM,EAAE5B,IAAK;IACb6B,YAAY,EAAEnB,OAAO,KAAK,MAAO;IACjCoB,GAAG,EAAE5B,KAAM;IACX6B,GAAG,EAAEX;EAAgB,CACtB,CACE,CACN,EACAf,QACE,CACK,CAAC;AAEjB;AAEAD,WAAW,CAAC4B,MAAM,GAAGrC,iBAAiB;AACtCS,WAAW,CAAC6B,KAAK,GAAGrC,gBAAgB;AACpCQ,WAAW,CAAC8B,MAAM,GAAGrC,iBAAiB;AACtCO,WAAW,CAAC+B,WAAW,GAAGzC,gBAAgB;AAC1CU,WAAW,CAACgC,IAAI,GAAGtC,eAAe;AAClCM,WAAW,CAACiC,IAAI,GAAGtC,eAAe;AAElC,eAAeK,WAAW","ignoreList":[]}

package/dist/Modal/ModalDialogBody.js

@@ -2,12 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useIsVisible from '../hooks/useIsVisibleHook';
-function ModalDialogBody(_ref) {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogBody({
+  as,
+  children,
+  ...props
+}) {
   const [isScrolledToTop, topSentinelRef] = useIsVisible();
   const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
   const className = classNames('pgn__modal-body', props.className, {

package/dist/Modal/ModalDialogBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisibleHook';\n\nfunction ModalDialogBody({\n  as,\n  children,\n  ...props\n}) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const className = classNames(\n    'pgn__modal-body',\n    props.className,\n    {\n      'pgn__modal-body-scroll-top': isScrolledToTop,\n      'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n    },\n  );\n  return React.createElement(\n    as,\n    { ...props, className },\n    (\n      <>\n        <div ref={topSentinelRef} />\n        <div className=\"pgn__modal-body-content\">\n          {children}\n        </div>\n        <div ref={bottomSentinelRef} />\n      </>\n    ),\n  );\n}\n\nModalDialogBody.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,2BAA2B;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAM,CAACI,eAAe,EAAEC,cAAc,CAAC,GAAGP,YAAY,CAAC,CAAC;EACxD,MAAM,CAACQ,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGT,YAAY,CAAC,CAAC;EAC9D,MAAMU,SAAS,GAAGX,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACK,SAAS,EACf;IACE,4BAA4B,EAAEJ,eAAe;IAC7C,+BAA+B,EAAEE;EACnC,CACF,CAAC;EACD,oBAAOX,KAAK,CAACc,aAAa,CACxBR,EAAE,EACF;IAAE,GAAGE,KAAK;IAAEK;EAAU,CAAC,eAErBb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA;IAAKE,GAAG,EAAEN;EAAe,CAAE,CAAC,eAC5BV,KAAA,CAAAc,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCN,QACE,CAAC,eACNP,KAAA,CAAAc,aAAA;IAAKE,GAAG,EAAEJ;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAR,eAAe,CAACa,SAAS,GAAG;EAC1B;EACAX,EAAE,EAAEL,SAAS,CAACiB,WAAW;EACzB;EACAX,QAAQ,EAAEN,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAP,SAAS,EAAEZ,SAAS,CAACoB;AACvB,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEU;AACb,CAAC;AAED,eAAenB,eAAe","ignoreList":[]}
+{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","as","children","props","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/useIsVisibleHook';\n\nfunction ModalDialogBody({\n  as,\n  children,\n  ...props\n}) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const className = classNames(\n    'pgn__modal-body',\n    props.className,\n    {\n      'pgn__modal-body-scroll-top': isScrolledToTop,\n      'pgn__modal-body-scroll-bottom': isScrolledToBottom,\n    },\n  );\n  return React.createElement(\n    as,\n    { ...props, className },\n    (\n      <>\n        <div ref={topSentinelRef} />\n        <div className=\"pgn__modal-body-content\">\n          {children}\n        </div>\n        <div ref={bottomSentinelRef} />\n      </>\n    ),\n  );\n}\n\nModalDialogBody.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogBody.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,2BAA2B;AAEpD,SAASC,eAAeA,CAAC;EACvBC,EAAE;EACFC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGN,YAAY,CAAC,CAAC;EACxD,MAAM,CAACO,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGR,YAAY,CAAC,CAAC;EAC9D,MAAMS,SAAS,GAAGV,UAAU,CAC1B,iBAAiB,EACjBK,KAAK,CAACK,SAAS,EACf;IACE,4BAA4B,EAAEJ,eAAe;IAC7C,+BAA+B,EAAEE;EACnC,CACF,CAAC;EACD,oBAAOV,KAAK,CAACa,aAAa,CACxBR,EAAE,EACF;IAAE,GAAGE,KAAK;IAAEK;EAAU,CAAC,eAErBZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA;IAAKE,GAAG,EAAEN;EAAe,CAAE,CAAC,eAC5BT,KAAA,CAAAa,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCN,QACE,CAAC,eACNN,KAAA,CAAAa,aAAA;IAAKE,GAAG,EAAEJ;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAP,eAAe,CAACY,SAAS,GAAG;EAC1B;EACAX,EAAE,EAAEJ,SAAS,CAACgB,WAAW;EACzB;EACAX,QAAQ,EAAEL,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;EACAP,SAAS,EAAEX,SAAS,CAACmB;AACvB,CAAC;AAEDhB,eAAe,CAACiB,YAAY,GAAG;EAC7BhB,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEU;AACb,CAAC;AAED,eAAelB,eAAe","ignoreList":[]}

package/dist/Modal/ModalDialogFooter.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function ModalDialogFooter(_ref) {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogFooter({
+  as,
+  children,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(as, {
     ...props,
     className: classNames('pgn__modal-footer', props.className)

package/dist/Modal/ModalDialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-footer', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogFooter.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAJwB;IACzBC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBAAOJ,KAAK,CAACQ,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACE,SAAS;EAC5D,CAAC,EACDH,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACO,SAAS,GAAG;EAC5B;EACAL,EAAE,EAAEJ,SAAS,CAACU,WAAW;EACzB;EACAL,QAAQ,EAAEL,SAAS,CAACW,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAER,SAAS,CAACa;AACvB,CAAC;AAEDX,iBAAiB,CAACY,YAAY,GAAG;EAC/BV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogFooter.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogFooter({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-footer', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogFooter.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogFooter.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAC;EACzBC,EAAE;EACFC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAON,KAAK,CAACO,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEI,KAAK,CAACE,SAAS;EAC5D,CAAC,EACDH,QACF,CAAC;AACH;AAEAF,iBAAiB,CAACM,SAAS,GAAG;EAC5B;EACAL,EAAE,EAAEH,SAAS,CAACS,WAAW;EACzB;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEP,SAAS,CAACY;AACvB,CAAC;AAEDV,iBAAiB,CAACW,YAAY,GAAG;EAC/BV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeZ,iBAAiB","ignoreList":[]}

package/dist/Modal/ModalDialogHeader.js

@@ -2,18 +2,15 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const ModalDialogHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    as = 'div',
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(as, {
-    ...props,
-    ref,
-    className: classNames('pgn__modal-header', props.className)
-  }, children);
-});
+const ModalDialogHeader = /*#__PURE__*/React.forwardRef(({
+  as = 'div',
+  children,
+  ...props
+}, ref) => (/*#__PURE__*/React.createElement(as, {
+  ...props,
+  ref,
+  className: classNames('pgn__modal-header', props.className)
+}, children)));
 ModalDialogHeader.propTypes = {
   /** Specifies the base element */
   as: PropTypes.elementType,

package/dist/Modal/ModalDialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","forwardRef","_ref","ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string"],"sources":["../../src/Modal/ModalDialogHeader.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nexport interface Props {\n  as?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\ntype HeaderType = ComponentWithAsProp<'div', Props>;\n\nconst ModalDialogHeader: HeaderType = React.forwardRef<HTMLDivElement, Props>(({\n  as = 'div',\n  children,\n  ...props\n}, ref) => (\n  React.createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: classNames('pgn__modal-header', props.className),\n    },\n    children,\n  )\n));\n\nModalDialogHeader.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAWnC,MAAMC,iBAA6B,gBAAGH,KAAK,CAACI,UAAU,CAAwB,CAAAC,IAAA,EAI3EC,GAAG;EAAA,IAJyE;IAC7EC,EAAE,GAAG,KAAK;IACVC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EAAA,oBACCL,KAAK,CAACU,aAAa,CACjBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRH,GAAG;IACHK,SAAS,EAAET,UAAU,CAAC,mBAAmB,EAAEO,KAAK,CAACE,SAAS;EAC5D,CAAC,EACDH,QACF,CAAC;AAAA,CACF,CAAC;AAEFL,iBAAiB,CAACS,SAAS,GAAG;EAC5B;EACAL,EAAE,EAAEN,SAAS,CAACY,WAAW;EACzB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEV,SAAS,CAACe;AACvB,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","forwardRef","as","children","props","ref","createElement","className","propTypes","elementType","node","isRequired","string"],"sources":["../../src/Modal/ModalDialogHeader.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nexport interface Props {\n  as?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\ntype HeaderType = ComponentWithAsProp<'div', Props>;\n\nconst ModalDialogHeader: HeaderType = React.forwardRef<HTMLDivElement, Props>(({\n  as = 'div',\n  children,\n  ...props\n}, ref) => (\n  React.createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: classNames('pgn__modal-header', props.className),\n    },\n    children,\n  )\n));\n\nModalDialogHeader.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAWnC,MAAMC,iBAA6B,gBAAGH,KAAK,CAACI,UAAU,CAAwB,CAAC;EAC7EC,EAAE,GAAG,KAAK;EACVC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAEC,GAAG,mBACJR,KAAK,CAACS,aAAa,CACjBJ,EAAE,EACF;EACE,GAAGE,KAAK;EACRC,GAAG;EACHE,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACG,SAAS;AAC5D,CAAC,EACDJ,QACF,CAAC,CACF,CAAC;AAEFH,iBAAiB,CAACQ,SAAS,GAAG;EAC5B;EACAN,EAAE,EAAEJ,SAAS,CAACW,WAAW;EACzB;EACAN,QAAQ,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAET,SAAS,CAACc;AACvB,CAAC;AAED,eAAeZ,iBAAiB","ignoreList":[]}

package/dist/Modal/ModalDialogHero.js

@@ -3,12 +3,11 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ModalDialogHeroContent from './ModalDialogHeroContent';
 import ModalDialogHeroBackground from './ModalDialogHeroBackground';
-function ModalDialogHero(_ref) {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogHero({
+  as,
+  children,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(as, {
     ...props,
     className: classNames('pgn__modal-hero', props.className)

package/dist/Modal/ModalDialogHero.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogHero.propTypes = {\n  as: PropTypes.elementType,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBAAON,KAAK,CAACU,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAET,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACE,SAAS;EAC1D,CAAC,EACDH,QACF,CAAC;AACH;AAEAH,eAAe,CAACO,SAAS,GAAG;EAC1BL,EAAE,EAAEN,SAAS,CAACY,WAAW;EACzBL,QAAQ,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEV,SAAS,CAACe;AACvB,CAAC;AAEDX,eAAe,CAACY,YAAY,GAAG;EAC7BV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAEDb,eAAe,CAACc,OAAO,GAAGhB,sBAAsB;AAChDE,eAAe,CAACe,UAAU,GAAGhB,yBAAyB;AAEtD,eAAeC,eAAe","ignoreList":[]}
+{"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined","Content","Background"],"sources":["../../src/Modal/ModalDialogHero.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalDialogHeroContent from './ModalDialogHeroContent';\nimport ModalDialogHeroBackground from './ModalDialogHeroBackground';\n\nfunction ModalDialogHero({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogHero.propTypes = {\n  as: PropTypes.elementType,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nModalDialogHero.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nModalDialogHero.Content = ModalDialogHeroContent;\nModalDialogHero.Background = ModalDialogHeroBackground;\n\nexport default ModalDialogHero;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,yBAAyB,MAAM,6BAA6B;AAEnE,SAASC,eAAeA,CAAC;EACvBC,EAAE;EACFC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAOR,KAAK,CAACS,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEM,KAAK,CAACE,SAAS;EAC1D,CAAC,EACDH,QACF,CAAC;AACH;AAEAF,eAAe,CAACM,SAAS,GAAG;EAC1BL,EAAE,EAAEL,SAAS,CAACW,WAAW;EACzBL,QAAQ,EAAEN,SAAS,CAACY,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAET,SAAS,CAACc;AACvB,CAAC;AAEDV,eAAe,CAACW,YAAY,GAAG;EAC7BV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAEDZ,eAAe,CAACa,OAAO,GAAGf,sBAAsB;AAChDE,eAAe,CAACc,UAAU,GAAGf,yBAAyB;AAEtD,eAAeC,eAAe","ignoreList":[]}

package/dist/Modal/ModalDialogHeroBackground.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function ModalDialogHeroBackground(_ref) {
-  let {
-    as,
-    backgroundSrc,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogHeroBackground({
+  as,
+  backgroundSrc,
+  children,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(as, {
     ...props,
     className: classNames('pgn__modal-hero-bg', props.className),

package/dist/Modal/ModalDialogHeroBackground.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeroBackground.js","names":["React","PropTypes","classNames","ModalDialogHeroBackground","_ref","as","backgroundSrc","children","props","createElement","className","style","backgroundImage","undefined","propTypes","elementType","string","node","shape","defaultProps"],"sources":["../../src/Modal/ModalDialogHeroBackground.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeroBackground({\n  as,\n  backgroundSrc,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero-bg', props.className),\n      style: {\n        backgroundImage: backgroundSrc ? `url(${backgroundSrc})` : undefined,\n        ...props.style,\n      },\n    },\n    children,\n  );\n}\n\nModalDialogHeroBackground.propTypes = {\n  as: PropTypes.elementType,\n  backgroundSrc: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n};\n\nModalDialogHeroBackground.defaultProps = {\n  as: 'div',\n  backgroundSrc: undefined,\n  children: null,\n  className: undefined,\n  style: {},\n};\n\nexport default ModalDialogHeroBackground;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,yBAAyBA,CAAAC,IAAA,EAK/B;EAAA,IALgC;IACjCC,EAAE;IACFC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBAAOJ,KAAK,CAACS,aAAa,CACxBJ,EAAE,EACF;IACE,GAAGG,KAAK;IACRE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEM,KAAK,CAACE,SAAS,CAAC;IAC5DC,KAAK,EAAE;MACLC,eAAe,EAAEN,aAAa,GAAG,OAAOA,aAAa,GAAG,GAAGO,SAAS;MACpE,GAAGL,KAAK,CAACG;IACX;EACF,CAAC,EACDJ,QACF,CAAC;AACH;AAEAJ,yBAAyB,CAACW,SAAS,GAAG;EACpCT,EAAE,EAAEJ,SAAS,CAACc,WAAW;EACzBT,aAAa,EAAEL,SAAS,CAACe,MAAM;EAC/BT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxBP,SAAS,EAAET,SAAS,CAACe,MAAM;EAC3BL,KAAK,EAAEV,SAAS,CAACiB,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAEDf,yBAAyB,CAACgB,YAAY,GAAG;EACvCd,EAAE,EAAE,KAAK;EACTC,aAAa,EAAEO,SAAS;EACxBN,QAAQ,EAAE,IAAI;EACdG,SAAS,EAAEG,SAAS;EACpBF,KAAK,EAAE,CAAC;AACV,CAAC;AAED,eAAeR,yBAAyB","ignoreList":[]}
+{"version":3,"file":"ModalDialogHeroBackground.js","names":["React","PropTypes","classNames","ModalDialogHeroBackground","as","backgroundSrc","children","props","createElement","className","style","backgroundImage","undefined","propTypes","elementType","string","node","shape","defaultProps"],"sources":["../../src/Modal/ModalDialogHeroBackground.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeroBackground({\n  as,\n  backgroundSrc,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero-bg', props.className),\n      style: {\n        backgroundImage: backgroundSrc ? `url(${backgroundSrc})` : undefined,\n        ...props.style,\n      },\n    },\n    children,\n  );\n}\n\nModalDialogHeroBackground.propTypes = {\n  as: PropTypes.elementType,\n  backgroundSrc: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n};\n\nModalDialogHeroBackground.defaultProps = {\n  as: 'div',\n  backgroundSrc: undefined,\n  children: null,\n  className: undefined,\n  style: {},\n};\n\nexport default ModalDialogHeroBackground;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,yBAAyBA,CAAC;EACjCC,EAAE;EACFC,aAAa;EACbC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAOP,KAAK,CAACQ,aAAa,CACxBJ,EAAE,EACF;IACE,GAAGG,KAAK;IACRE,SAAS,EAAEP,UAAU,CAAC,oBAAoB,EAAEK,KAAK,CAACE,SAAS,CAAC;IAC5DC,KAAK,EAAE;MACLC,eAAe,EAAEN,aAAa,GAAG,OAAOA,aAAa,GAAG,GAAGO,SAAS;MACpE,GAAGL,KAAK,CAACG;IACX;EACF,CAAC,EACDJ,QACF,CAAC;AACH;AAEAH,yBAAyB,CAACU,SAAS,GAAG;EACpCT,EAAE,EAAEH,SAAS,CAACa,WAAW;EACzBT,aAAa,EAAEJ,SAAS,CAACc,MAAM;EAC/BT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxBP,SAAS,EAAER,SAAS,CAACc,MAAM;EAC3BL,KAAK,EAAET,SAAS,CAACgB,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAEDd,yBAAyB,CAACe,YAAY,GAAG;EACvCd,EAAE,EAAE,KAAK;EACTC,aAAa,EAAEO,SAAS;EACxBN,QAAQ,EAAE,IAAI;EACdG,SAAS,EAAEG,SAAS;EACpBF,KAAK,EAAE,CAAC;AACV,CAAC;AAED,eAAeP,yBAAyB","ignoreList":[]}

package/dist/Modal/ModalDialogHeroContent.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function ModalDialogHeroContent(_ref) {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogHeroContent({
+  as,
+  children,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(as, {
     ...props,
     className: classNames('pgn__modal-hero-content', props.className)

package/dist/Modal/ModalDialogHeroContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeroContent.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","_ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeroContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeroContent({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero-content', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogHeroContent.propTypes = {\n  as: PropTypes.elementType,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nModalDialogHeroContent.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogHeroContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsBA,CAAAC,IAAA,EAI5B;EAAA,IAJ6B;IAC9BC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBAAOJ,KAAK,CAACQ,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEP,UAAU,CAAC,yBAAyB,EAAEK,KAAK,CAACE,SAAS;EAClE,CAAC,EACDH,QACF,CAAC;AACH;AAEAH,sBAAsB,CAACO,SAAS,GAAG;EACjCL,EAAE,EAAEJ,SAAS,CAACU,WAAW;EACzBL,QAAQ,EAAEL,SAAS,CAACW,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAER,SAAS,CAACa;AACvB,CAAC;AAEDX,sBAAsB,CAACY,YAAY,GAAG;EACpCV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeb,sBAAsB","ignoreList":[]}
+{"version":3,"file":"ModalDialogHeroContent.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeroContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeroContent({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-hero-content', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogHeroContent.propTypes = {\n  as: PropTypes.elementType,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nModalDialogHeroContent.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogHeroContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsBA,CAAC;EAC9BC,EAAE;EACFC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAON,KAAK,CAACO,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEN,UAAU,CAAC,yBAAyB,EAAEI,KAAK,CAACE,SAAS;EAClE,CAAC,EACDH,QACF,CAAC;AACH;AAEAF,sBAAsB,CAACM,SAAS,GAAG;EACjCL,EAAE,EAAEH,SAAS,CAACS,WAAW;EACzBL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEP,SAAS,CAACY;AACvB,CAAC;AAEDV,sBAAsB,CAACW,YAAY,GAAG;EACpCV,EAAE,EAAE,KAAK;EACTI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeZ,sBAAsB","ignoreList":[]}

package/dist/Modal/ModalDialogTitle.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function ModalDialogTitle(_ref) {
-  let {
-    as,
-    children,
-    ...props
-  } = _ref;
+function ModalDialogTitle({
+  as,
+  children,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(as, {
     ...props,
     className: classNames('pgn__modal-title', props.className)

package/dist/Modal/ModalDialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogTitle.js","names":["React","PropTypes","classNames","ModalDialogTitle","_ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogTitle({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-title', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogTitle.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogTitle.defaultProps = {\n  as: 'h2',\n  className: undefined,\n};\n\nexport default ModalDialogTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgBA,CAAAC,IAAA,EAItB;EAAA,IAJuB;IACxBC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBAAOJ,KAAK,CAACQ,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEP,UAAU,CAAC,kBAAkB,EAAEK,KAAK,CAACE,SAAS;EAC3D,CAAC,EACDH,QACF,CAAC;AACH;AAEAH,gBAAgB,CAACO,SAAS,GAAG;EAC3B;EACAL,EAAE,EAAEJ,SAAS,CAACU,WAAW;EACzB;EACAL,QAAQ,EAAEL,SAAS,CAACW,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAER,SAAS,CAACa;AACvB,CAAC;AAEDX,gBAAgB,CAACY,YAAY,GAAG;EAC9BV,EAAE,EAAE,IAAI;EACRI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeb,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ModalDialogTitle.js","names":["React","PropTypes","classNames","ModalDialogTitle","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogTitle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogTitle({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__modal-title', props.className),\n    },\n    children,\n  );\n}\n\nModalDialogTitle.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nModalDialogTitle.defaultProps = {\n  as: 'h2',\n  className: undefined,\n};\n\nexport default ModalDialogTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgBA,CAAC;EACxBC,EAAE;EACFC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,oBAAON,KAAK,CAACO,aAAa,CACxBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRE,SAAS,EAAEN,UAAU,CAAC,kBAAkB,EAAEI,KAAK,CAACE,SAAS;EAC3D,CAAC,EACDH,QACF,CAAC;AACH;AAEAF,gBAAgB,CAACM,SAAS,GAAG;EAC3B;EACAL,EAAE,EAAEH,SAAS,CAACS,WAAW;EACzB;EACAL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEP,SAAS,CAACY;AACvB,CAAC;AAEDV,gBAAgB,CAACW,YAAY,GAAG;EAC9BV,EAAE,EAAE,IAAI;EACRI,SAAS,EAAEO;AACb,CAAC;AAED,eAAeZ,gBAAgB","ignoreList":[]}

package/dist/Modal/ModalLayer.js

@@ -5,10 +5,9 @@ import Portal from './Portal';
 import { ModalContextProvider } from './ModalContext';
 
 // istanbul ignore next
-function ModalBackdrop(_ref) {
-  let {
-    onClick
-  } = _ref;
+function ModalBackdrop({
+  onClick
+}) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -22,10 +21,9 @@ function ModalBackdrop(_ref) {
 }
 
 // istanbul ignore next
-function ModalContentContainer(_ref2) {
-  let {
-    children = null
-  } = _ref2;
+function ModalContentContainer({
+  children = null
+}) {
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-content-container"
   }, children);
@@ -36,14 +34,13 @@ function ModalContentContainer(_ref2) {
  * rest of the application is made non-interactive. The assumption made by this
  * component is that if a modal object is visible then it is "enabled"
  */
-function ModalLayer(_ref3) {
-  let {
-    children,
-    onClose,
-    isOpen,
-    isBlocking = false,
-    zIndex
-  } = _ref3;
+function ModalLayer({
+  children,
+  onClose,
+  isOpen,
+  isBlocking = false,
+  zIndex
+}) {
   useEffect(() => {
     if (isOpen) {
       document.body.classList.add('pgn__hidden-scroll-padding-right');

package/dist/Modal/ModalLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","ModalContentContainer","_ref2","children","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","handleClose","undefined","allowPinchZoom","scrollLock","enabled","onEscapeKey","onClickOutside"],"sources":["../../src/Modal/ModalLayer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }: { onClick?: () => void }) {\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      className=\"pgn__modal-backdrop\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      data-testid=\"modal-backdrop\"\n    />\n  );\n}\n\n// istanbul ignore next\nfunction ModalContentContainer({ children = null }: { children?: React.ReactNode }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\ninterface Props {\n  /** Specifies the contents of the modal */\n  children: React.ReactNode;\n  /** A callback function for when the modal is dismissed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed */\n  isOpen: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n}\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n  children, onClose, isOpen, isBlocking = false, zIndex,\n}: Props) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add('pgn__hidden-scroll-padding-right');\n    } else {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    }\n    return () => {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    };\n  }, [isOpen]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const handleClose = isBlocking ? undefined : onClose;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={handleClose}\n          onClickOutside={handleClose}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={handleClose} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,QAAQ,gBAAgB;;AAErD;AACA,SAASC,aAAaA,CAAAC,IAAA,EAAwC;EAAA,IAAvC;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC1D;IAAA;IACE;IACAP,KAAA,CAAAS,aAAA;MACEC,SAAS,EAAC,qBAAqB;MAC/BF,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEH,OAAQ;MACnB,eAAY;IAAgB,CAC7B;EAAC;AAEN;;AAEA;AACA,SAASI,qBAAqBA,CAAAC,KAAA,EAAsD;EAAA,IAArD;IAAEC,QAAQ,GAAG;EAAqC,CAAC,GAAAD,KAAA;EAChF,oBAAOb,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAAEI,QAAc,CAAC;AACvE;AAeA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,KAAA,EAET;EAAA,IAFU;IAClBF,QAAQ;IAAEG,OAAO;IAAEC,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAEC;EAC1C,CAAC,GAAAJ,KAAA;EACNf,SAAS,CAAC,MAAM;IACd,IAAIiB,MAAM,EAAE;MACVG,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,kCAAkC,CAAC;IACjE,CAAC,MAAM;MACLH,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE;IACA,OAAO,MAAM;MACXJ,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE,CAAC;EACH,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMQ,WAAW,GAAGP,UAAU,GAAGQ,SAAS,GAAGV,OAAO;EAEpD,oBACEjB,KAAA,CAAAS,aAAA,CAACJ,oBAAoB;IAACY,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA;EAAW,gBAC7EnB,KAAA,CAAAS,aAAA,CAACL,MAAM,qBACLJ,KAAA,CAAAS,aAAA,CAACN,OAAO;IACNyB,cAAc;IACdC,UAAU;IACVC,OAAO,EAAEZ,MAAO;IAChBa,WAAW,EAAEL,WAAY;IACzBM,cAAc,EAAEN,WAAY;IAC5BhB,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClBkB,MAAM,GAAG,UAAUA,MAAM,EAAE,GAAG,EAChC;EAAE,gBAEFpB,KAAA,CAAAS,aAAA,CAACG,qBAAqB,qBACpBZ,KAAA,CAAAS,aAAA,CAACH,aAAa;IAACE,OAAO,EAAEkB;EAAY,CAAE,CAAC,EACtCZ,QACoB,CAChB,CACH,CACY,CAAC;AAE3B;AAEA,SAASR,aAAa,EAAEM,qBAAqB;AAC7C,eAAeG,UAAU","ignoreList":[]}
+{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","FocusOn","Portal","ModalContextProvider","ModalBackdrop","onClick","createElement","className","onKeyDown","ModalContentContainer","children","ModalLayer","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","handleClose","undefined","allowPinchZoom","scrollLock","enabled","onEscapeKey","onClickOutside"],"sources":["../../src/Modal/ModalLayer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }: { onClick?: () => void }) {\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      className=\"pgn__modal-backdrop\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      data-testid=\"modal-backdrop\"\n    />\n  );\n}\n\n// istanbul ignore next\nfunction ModalContentContainer({ children = null }: { children?: React.ReactNode }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\ninterface Props {\n  /** Specifies the contents of the modal */\n  children: React.ReactNode;\n  /** A callback function for when the modal is dismissed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed */\n  isOpen: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n}\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n  children, onClose, isOpen, isBlocking = false, zIndex,\n}: Props) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add('pgn__hidden-scroll-padding-right');\n    } else {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    }\n    return () => {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    };\n  }, [isOpen]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const handleClose = isBlocking ? undefined : onClose;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={handleClose}\n          onClickOutside={handleClose}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={handleClose} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,QAAQ,gBAAgB;;AAErD;AACA,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC5D;IAAA;IACE;IACAP,KAAA,CAAAQ,aAAA;MACEC,SAAS,EAAC,qBAAqB;MAC/BF,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEH,OAAQ;MACnB,eAAY;IAAgB,CAC7B;EAAC;AAEN;;AAEA;AACA,SAASI,qBAAqBA,CAAC;EAAEC,QAAQ,GAAG;AAAqC,CAAC,EAAE;EAClF,oBAAOZ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAAEG,QAAc,CAAC;AACvE;AAeA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAC;EAClBD,QAAQ;EAAEE,OAAO;EAAEC,MAAM;EAAEC,UAAU,GAAG,KAAK;EAAEC;AAC1C,CAAC,EAAE;EACRhB,SAAS,CAAC,MAAM;IACd,IAAIc,MAAM,EAAE;MACVG,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,kCAAkC,CAAC;IACjE,CAAC,MAAM;MACLH,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE;IACA,OAAO,MAAM;MACXJ,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE,CAAC;EACH,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMQ,WAAW,GAAGP,UAAU,GAAGQ,SAAS,GAAGV,OAAO;EAEpD,oBACEd,KAAA,CAAAQ,aAAA,CAACH,oBAAoB;IAACS,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA;EAAW,gBAC7EhB,KAAA,CAAAQ,aAAA,CAACJ,MAAM,qBACLJ,KAAA,CAAAQ,aAAA,CAACL,OAAO;IACNsB,cAAc;IACdC,UAAU;IACVC,OAAO,EAAEZ,MAAO;IAChBa,WAAW,EAAEL,WAAY;IACzBM,cAAc,EAAEN,WAAY;IAC5Bd,SAAS,EAAEP,UAAU,CACnB,kBAAkB,EAClBe,MAAM,GAAG,UAAUA,MAAM,EAAE,GAAG,EAChC;EAAE,gBAEFjB,KAAA,CAAAQ,aAAA,CAACG,qBAAqB,qBACpBX,KAAA,CAAAQ,aAAA,CAACF,aAAa;IAACC,OAAO,EAAEgB;EAAY,CAAE,CAAC,EACtCX,QACoB,CAChB,CACH,CACY,CAAC;AAE3B;AAEA,SAASN,aAAa,EAAEK,qBAAqB;AAC7C,eAAeE,UAAU","ignoreList":[]}

package/dist/Modal/ModalPopup.js

@@ -8,18 +8,17 @@ const PLACEMENT_OFFSETS = {
   right: [-2, 10],
   left: [-2, 10]
 };
-function ModalPopup(_ref) {
-  let {
-    children,
-    onClose,
-    isOpen,
-    positionRef,
-    isBlocking,
-    withPortal,
-    placement,
-    hasArrow,
-    ...popperProps
-  } = _ref;
+function ModalPopup({
+  children,
+  onClose,
+  isOpen,
+  positionRef,
+  isBlocking,
+  withPortal,
+  placement,
+  hasArrow,
+  ...popperProps
+}) {
   const RootComponent = withPortal ? Portal : React.Fragment;
   const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];
   const popperParams = [{

package/dist/Modal/ModalPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","_ref","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","handleOnClickOutside","e","type","createElement","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n  children,\n  onClose,\n  isOpen,\n  positionRef,\n  isBlocking,\n  withPortal,\n  placement,\n  hasArrow,\n  ...popperProps\n}) {\n  const RootComponent = withPortal ? Portal : React.Fragment;\n  const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n  const popperParams = [\n    {\n      name: 'eventListeners',\n      options: { scroll: false },\n    },\n    {\n      name: 'offset',\n      options: {\n        offset: () => placementOffsetValue,\n      },\n    },\n  ];\n\n  const handleOnClickOutside = (e) => {\n    if (e.type === 'touchstart') {\n      return;\n    }\n\n    onClose();\n  };\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <RootComponent>\n        <PopperElement\n          modifiers={hasArrow ? popperParams : null}\n          target={positionRef}\n          placement={placement}\n          {...popperProps}\n        >\n          <FocusOn\n            scrollLock={false}\n            enabled={isOpen}\n            onEscapeKey={onClose}\n            onClickOutside={handleOnClickOutside}\n          >\n            {isOpen && (\n              <div className=\"pgn__modal-popup__tooltip\">\n                {children}\n                {hasArrow && (\n                  <div\n                    id=\"arrow\"\n                    data-testid=\"modal-popup-arrow\"\n                    className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n                    data-popper-arrow=\"\"\n                  />\n                )}\n              </div>\n            )}\n          </FocusOn>\n        </PopperElement>\n      </RootComponent>\n    </ModalContextProvider>\n  );\n}\n\nModalPopup.propTypes = {\n  /** Specifies the contents of the modal */\n  children: PropTypes.node.isRequired,\n  /** A callback function for when the modal is dismissed */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool.isRequired,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Insert modal into a different location in the DOM */\n  withPortal: PropTypes.bool,\n  // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n  /** Specifies an element near which the modal should be displayed */\n  positionRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.shape({}) }),\n  ]),\n  /** Specifies position according to the element that the ``positionRef`` prop points to */\n  placement: PopperElement.propTypes.placement,\n  /** Caret to the modal popup pointing to the target */\n  hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n  isBlocking: false,\n  withPortal: false,\n  placement: 'bottom-start',\n  positionRef: null,\n  hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalPopup.js","names":["React","PropTypes","FocusOn","Portal","PopperElement","ModalContextProvider","PLACEMENT_OFFSETS","right","left","ModalPopup","children","onClose","isOpen","positionRef","isBlocking","withPortal","placement","hasArrow","popperProps","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","handleOnClickOutside","e","type","createElement","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","propTypes","node","isRequired","func","bool","oneOfType","shape","current","defaultProps"],"sources":["../../src/Modal/ModalPopup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport PopperElement from './PopperElement';\nimport { ModalContextProvider } from './ModalContext';\n\nconst PLACEMENT_OFFSETS = { right: [-2, 10], left: [-2, 10] };\n\nfunction ModalPopup({\n  children,\n  onClose,\n  isOpen,\n  positionRef,\n  isBlocking,\n  withPortal,\n  placement,\n  hasArrow,\n  ...popperProps\n}) {\n  const RootComponent = withPortal ? Portal : React.Fragment;\n  const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];\n\n  const popperParams = [\n    {\n      name: 'eventListeners',\n      options: { scroll: false },\n    },\n    {\n      name: 'offset',\n      options: {\n        offset: () => placementOffsetValue,\n      },\n    },\n  ];\n\n  const handleOnClickOutside = (e) => {\n    if (e.type === 'touchstart') {\n      return;\n    }\n\n    onClose();\n  };\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <RootComponent>\n        <PopperElement\n          modifiers={hasArrow ? popperParams : null}\n          target={positionRef}\n          placement={placement}\n          {...popperProps}\n        >\n          <FocusOn\n            scrollLock={false}\n            enabled={isOpen}\n            onEscapeKey={onClose}\n            onClickOutside={handleOnClickOutside}\n          >\n            {isOpen && (\n              <div className=\"pgn__modal-popup__tooltip\">\n                {children}\n                {hasArrow && (\n                  <div\n                    id=\"arrow\"\n                    data-testid=\"modal-popup-arrow\"\n                    className={`pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`}\n                    data-popper-arrow=\"\"\n                  />\n                )}\n              </div>\n            )}\n          </FocusOn>\n        </PopperElement>\n      </RootComponent>\n    </ModalContextProvider>\n  );\n}\n\nModalPopup.propTypes = {\n  /** Specifies the contents of the modal */\n  children: PropTypes.node.isRequired,\n  /** A callback function for when the modal is dismissed */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool.isRequired,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Insert modal into a different location in the DOM */\n  withPortal: PropTypes.bool,\n  // This type: https://stackoverflow.com/questions/48007326/what-is-the-correct-proptype-for-a-ref-in-react\n  /** Specifies an element near which the modal should be displayed */\n  positionRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.shape({}) }),\n  ]),\n  /** Specifies position according to the element that the ``positionRef`` prop points to */\n  placement: PopperElement.propTypes.placement,\n  /** Caret to the modal popup pointing to the target */\n  hasArrow: PropTypes.bool,\n};\n\nModalPopup.defaultProps = {\n  isBlocking: false,\n  withPortal: false,\n  placement: 'bottom-start',\n  positionRef: null,\n  hasArrow: false,\n};\n\nexport default ModalPopup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,MAAMC,iBAAiB,GAAG;EAAEC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAAEC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;AAAE,CAAC;AAE7D,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,WAAW;EACXC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,aAAa,GAAGJ,UAAU,GAAGZ,MAAM,GAAGH,KAAK,CAACoB,QAAQ;EAC1D,MAAMC,oBAAoB,GAAGf,iBAAiB,CAACU,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEpE,MAAMM,YAAY,GAAG,CACnB;IACEC,IAAI,EAAE,gBAAgB;IACtBC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAM;EAC3B,CAAC,EACD;IACEF,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAE;MACPE,MAAM,EAAEA,CAAA,KAAML;IAChB;EACF,CAAC,CACF;EAED,MAAMM,oBAAoB,GAAIC,CAAC,IAAK;IAClC,IAAIA,CAAC,CAACC,IAAI,KAAK,YAAY,EAAE;MAC3B;IACF;IAEAlB,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACEX,KAAA,CAAA8B,aAAA,CAACzB,oBAAoB;IAACM,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA;EAAW,gBAC7Ed,KAAA,CAAA8B,aAAA,CAACX,aAAa,qBACZnB,KAAA,CAAA8B,aAAA,CAAC1B,aAAa;IACZ2B,SAAS,EAAEd,QAAQ,GAAGK,YAAY,GAAG,IAAK;IAC1CU,MAAM,EAAEnB,WAAY;IACpBG,SAAS,EAAEA,SAAU;IAAA,GACjBE;EAAW,gBAEflB,KAAA,CAAA8B,aAAA,CAAC5B,OAAO;IACN+B,UAAU,EAAE,KAAM;IAClBC,OAAO,EAAEtB,MAAO;IAChBuB,WAAW,EAAExB,OAAQ;IACrByB,cAAc,EAAET;EAAqB,GAEpCf,MAAM,iBACLZ,KAAA,CAAA8B,aAAA;IAAKO,SAAS,EAAC;EAA2B,GACvC3B,QAAQ,EACRO,QAAQ,iBACPjB,KAAA,CAAA8B,aAAA;IACEQ,EAAE,EAAC,OAAO;IACV,eAAY,mBAAmB;IAC/BD,SAAS,EAAE,mDAAmDrB,SAAS,EAAG;IAC1E,qBAAkB;EAAE,CACrB,CAEA,CAEA,CACI,CACF,CACK,CAAC;AAE3B;AAEAP,UAAU,CAAC8B,SAAS,GAAG;EACrB;EACA7B,QAAQ,EAAET,SAAS,CAACuC,IAAI,CAACC,UAAU;EACnC;EACA9B,OAAO,EAAEV,SAAS,CAACyC,IAAI,CAACD,UAAU;EAClC;EACA7B,MAAM,EAAEX,SAAS,CAAC0C,IAAI,CAACF,UAAU;EACjC;EACA3B,UAAU,EAAEb,SAAS,CAAC0C,IAAI;EAC1B;EACA5B,UAAU,EAAEd,SAAS,CAAC0C,IAAI;EAC1B;EACA;EACA9B,WAAW,EAAEZ,SAAS,CAAC2C,SAAS,CAAC,CAC/B3C,SAAS,CAACyC,IAAI,EACdzC,SAAS,CAAC4C,KAAK,CAAC;IAAEC,OAAO,EAAE7C,SAAS,CAAC4C,KAAK,CAAC,CAAC,CAAC;EAAE,CAAC,CAAC,CAClD,CAAC;EACF;EACA7B,SAAS,EAAEZ,aAAa,CAACmC,SAAS,CAACvB,SAAS;EAC5C;EACAC,QAAQ,EAAEhB,SAAS,CAAC0C;AACtB,CAAC;AAEDlC,UAAU,CAACsC,YAAY,GAAG;EACxBjC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,cAAc;EACzBH,WAAW,EAAE,IAAI;EACjBI,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeR,UAAU","ignoreList":[]}

package/dist/Modal/PopperElement.js

@@ -1,14 +1,13 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { usePopper } from 'react-popper';
-function PopperElement(_ref) {
-  let {
-    children,
-    target,
-    strategy,
-    placement,
-    modifiers
-  } = _ref;
+function PopperElement({
+  children,
+  target,
+  strategy,
+  placement,
+  modifiers
+}) {
   const [popperElement, setPopperElement] = useState(null);
   const popperOptions = {
     modifiers,

package/dist/Modal/PopperElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperElement.js","names":["React","useState","PropTypes","usePopper","PopperElement","_ref","children","target","strategy","placement","modifiers","popperElement","setPopperElement","popperOptions","styles","attributes","createElement","ref","style","popper","zIndex","defaultProps","undefined","propTypes","node","shape","current","oneOf","arrayOf","name","enabled","options","tether"],"sources":["../../src/Modal/PopperElement.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { usePopper } from 'react-popper';\n\nfunction PopperElement({\n  children, target, strategy, placement, modifiers,\n}) {\n  const [popperElement, setPopperElement] = useState(null);\n  const popperOptions = { modifiers, strategy, placement };\n  const {\n    styles,\n    attributes,\n  } = usePopper(target, popperElement, popperOptions);\n\n  if (!target) {\n    return null;\n  }\n\n  return (\n    <div ref={setPopperElement} style={{ ...styles.popper, zIndex: 2000 }} {...attributes.popper}>\n      {children}\n    </div>\n  );\n}\n\nPopperElement.defaultProps = {\n  target: undefined,\n};\n\nPopperElement.propTypes = {\n  children: PropTypes.node,\n  target: PropTypes.shape({\n    current: PropTypes.shape({}),\n  }),\n  strategy: PropTypes.oneOf(['absolute', 'fixed']),\n  placement: PropTypes.oneOf([\n    'auto',\n    'auto-start',\n    'auto-end',\n    'top',\n    'top-start',\n    'top-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'right',\n    'right-start',\n    'right-end',\n    'left',\n    'left-start',\n    'left-end',\n  ]),\n  modifiers: PropTypes.arrayOf(PropTypes.shape({})),\n};\n\nPopperElement.defaultProps = {\n  children: undefined,\n  strategy: 'absolute',\n  placement: 'bottom-start',\n  modifiers: [\n    {\n      name: 'flip',\n      enabled: true,\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        tether: false,\n      },\n    },\n  ],\n};\n\nexport default PopperElement;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,aAAaA,CAAAC,IAAA,EAEnB;EAAA,IAFoB;IACrBC,QAAQ;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EACzC,CAAC,GAAAL,IAAA;EACC,MAAM,CAACM,aAAa,EAAEC,gBAAgB,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAMY,aAAa,GAAG;IAAEH,SAAS;IAAEF,QAAQ;IAAEC;EAAU,CAAC;EACxD,MAAM;IACJK,MAAM;IACNC;EACF,CAAC,GAAGZ,SAAS,CAACI,MAAM,EAAEI,aAAa,EAAEE,aAAa,CAAC;EAEnD,IAAI,CAACN,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAgB,aAAA;IAAKC,GAAG,EAAEL,gBAAiB;IAACM,KAAK,EAAE;MAAE,GAAGJ,MAAM,CAACK,MAAM;MAAEC,MAAM,EAAE;IAAK,CAAE;IAAA,GAAKL,UAAU,CAACI;EAAM,GACzFb,QACE,CAAC;AAEV;AAEAF,aAAa,CAACiB,YAAY,GAAG;EAC3Bd,MAAM,EAAEe;AACV,CAAC;AAEDlB,aAAa,CAACmB,SAAS,GAAG;EACxBjB,QAAQ,EAAEJ,SAAS,CAACsB,IAAI;EACxBjB,MAAM,EAAEL,SAAS,CAACuB,KAAK,CAAC;IACtBC,OAAO,EAAExB,SAAS,CAACuB,KAAK,CAAC,CAAC,CAAC;EAC7B,CAAC,CAAC;EACFjB,QAAQ,EAAEN,SAAS,CAACyB,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAChDlB,SAAS,EAAEP,SAAS,CAACyB,KAAK,CAAC,CACzB,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,CACX,CAAC;EACFjB,SAAS,EAAER,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAACuB,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAEDrB,aAAa,CAACiB,YAAY,GAAG;EAC3Bf,QAAQ,EAAEgB,SAAS;EACnBd,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,cAAc;EACzBC,SAAS,EAAE,CACT;IACEmB,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE;EACX,CAAC,EACD;IACED,IAAI,EAAE,iBAAiB;IACvBE,OAAO,EAAE;MACPC,MAAM,EAAE;IACV;EACF,CAAC;AAEL,CAAC;AAED,eAAe5B,aAAa","ignoreList":[]}
+{"version":3,"file":"PopperElement.js","names":["React","useState","PropTypes","usePopper","PopperElement","children","target","strategy","placement","modifiers","popperElement","setPopperElement","popperOptions","styles","attributes","createElement","ref","style","popper","zIndex","defaultProps","undefined","propTypes","node","shape","current","oneOf","arrayOf","name","enabled","options","tether"],"sources":["../../src/Modal/PopperElement.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { usePopper } from 'react-popper';\n\nfunction PopperElement({\n  children, target, strategy, placement, modifiers,\n}) {\n  const [popperElement, setPopperElement] = useState(null);\n  const popperOptions = { modifiers, strategy, placement };\n  const {\n    styles,\n    attributes,\n  } = usePopper(target, popperElement, popperOptions);\n\n  if (!target) {\n    return null;\n  }\n\n  return (\n    <div ref={setPopperElement} style={{ ...styles.popper, zIndex: 2000 }} {...attributes.popper}>\n      {children}\n    </div>\n  );\n}\n\nPopperElement.defaultProps = {\n  target: undefined,\n};\n\nPopperElement.propTypes = {\n  children: PropTypes.node,\n  target: PropTypes.shape({\n    current: PropTypes.shape({}),\n  }),\n  strategy: PropTypes.oneOf(['absolute', 'fixed']),\n  placement: PropTypes.oneOf([\n    'auto',\n    'auto-start',\n    'auto-end',\n    'top',\n    'top-start',\n    'top-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'right',\n    'right-start',\n    'right-end',\n    'left',\n    'left-start',\n    'left-end',\n  ]),\n  modifiers: PropTypes.arrayOf(PropTypes.shape({})),\n};\n\nPopperElement.defaultProps = {\n  children: undefined,\n  strategy: 'absolute',\n  placement: 'bottom-start',\n  modifiers: [\n    {\n      name: 'flip',\n      enabled: true,\n    },\n    {\n      name: 'preventOverflow',\n      options: {\n        tether: false,\n      },\n    },\n  ],\n};\n\nexport default PopperElement;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,aAAaA,CAAC;EACrBC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AACzC,CAAC,EAAE;EACD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAMW,aAAa,GAAG;IAAEH,SAAS;IAAEF,QAAQ;IAAEC;EAAU,CAAC;EACxD,MAAM;IACJK,MAAM;IACNC;EACF,CAAC,GAAGX,SAAS,CAACG,MAAM,EAAEI,aAAa,EAAEE,aAAa,CAAC;EAEnD,IAAI,CAACN,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAe,aAAA;IAAKC,GAAG,EAAEL,gBAAiB;IAACM,KAAK,EAAE;MAAE,GAAGJ,MAAM,CAACK,MAAM;MAAEC,MAAM,EAAE;IAAK,CAAE;IAAA,GAAKL,UAAU,CAACI;EAAM,GACzFb,QACE,CAAC;AAEV;AAEAD,aAAa,CAACgB,YAAY,GAAG;EAC3Bd,MAAM,EAAEe;AACV,CAAC;AAEDjB,aAAa,CAACkB,SAAS,GAAG;EACxBjB,QAAQ,EAAEH,SAAS,CAACqB,IAAI;EACxBjB,MAAM,EAAEJ,SAAS,CAACsB,KAAK,CAAC;IACtBC,OAAO,EAAEvB,SAAS,CAACsB,KAAK,CAAC,CAAC,CAAC;EAC7B,CAAC,CAAC;EACFjB,QAAQ,EAAEL,SAAS,CAACwB,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAChDlB,SAAS,EAAEN,SAAS,CAACwB,KAAK,CAAC,CACzB,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,MAAM,EACN,YAAY,EACZ,UAAU,CACX,CAAC;EACFjB,SAAS,EAAEP,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAACsB,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAEDpB,aAAa,CAACgB,YAAY,GAAG;EAC3Bf,QAAQ,EAAEgB,SAAS;EACnBd,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,cAAc;EACzBC,SAAS,EAAE,CACT;IACEmB,IAAI,EAAE,MAAM;IACZC,OAAO,EAAE;EACX,CAAC,EACD;IACED,IAAI,EAAE,iBAAiB;IACvBE,OAAO,EAAE;MACPC,MAAM,EAAE;IACV;EACF,CAAC;AAEL,CAAC;AAED,eAAe3B,aAAa","ignoreList":[]}

package/dist/Modal/StandardModal.js

@@ -2,14 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ModalDialog from './ModalDialog';
 export const STANDARD_MODAL_CLOSE_LABEL = 'Close';
-function StandardModal(_ref) {
-  let {
-    children,
-    footerNode,
-    beforeBodyNode,
-    afterBodyNode,
-    ...props
-  } = _ref;
+function StandardModal({
+  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, null, children), afterBodyNode, footerNode && /*#__PURE__*/React.createElement(ModalDialog.Footer, null, footerNode));

package/dist/Modal/StandardModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardModal.js","names":["React","PropTypes","ModalDialog","STANDARD_MODAL_CLOSE_LABEL","StandardModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","createElement","Header","Title","title","Body","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/StandardModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const STANDARD_MODAL_CLOSE_LABEL = 'Close';\n\nfunction StandardModal({\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>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nStandardModal.propTypes = {\n  /** Specifies the content of the `Modal` */\n  children: PropTypes.node.isRequired,\n  /** The title for the `Modal` */\n  title: PropTypes.string.isRequired,\n  /** Optional callback function for when the modal it dismissed. */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal open or closed */\n  isOpen: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** The modal size */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The modal style variant to use */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** Specifies the `aria-label` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** A class name to append to the modal */\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  /** 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\nStandardModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'md',\n  variant: 'default',\n  closeLabel: STANDARD_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default StandardModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,0BAA0B,GAAG,OAAO;AAEjD,SAASC,aAAaA,CAAAC,IAAA,EAMnB;EAAA,IANoB;IACrBC,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,QAAET,QAA2B,CAAC,EAC9CG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAW,aAAA,CAACT,WAAW,CAACc,MAAM,QAAET,UAA+B,CACxD,CAAC;AAElB;AAEAH,aAAa,CAACa,SAAS,GAAG;EACxB;EACAX,QAAQ,EAAEL,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEb,SAAS,CAACmB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAEpB,SAAS,CAACqB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAEtB,SAAS,CAACuB,IAAI;EACtB;EACAC,cAAc,EAAExB,SAAS,CAACuB,IAAI;EAC9B;EACAE,IAAI,EAAEzB,SAAS,CAAC0B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE3B,SAAS,CAAC0B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAE5B,SAAS,CAACmB,MAAM;EAC5B;EACAU,SAAS,EAAE7B,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAE9B,SAAS,CAACuB,IAAI;EAClC;EACAjB,UAAU,EAAEN,SAAS,CAACiB,IAAI;EAC1B;EACAV,cAAc,EAAEP,SAAS,CAACiB,IAAI;EAC9B;EACAT,aAAa,EAAER,SAAS,CAACiB;AAC3B,CAAC;AAEDd,aAAa,CAAC4B,YAAY,GAAG;EAC3BT,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE1B,0BAA0B;EACtC2B,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzBxB,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}
+{"version":3,"file":"StandardModal.js","names":["React","PropTypes","ModalDialog","STANDARD_MODAL_CLOSE_LABEL","StandardModal","children","footerNode","beforeBodyNode","afterBodyNode","props","createElement","Header","Title","title","Body","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/StandardModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const STANDARD_MODAL_CLOSE_LABEL = 'Close';\n\nfunction StandardModal({\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>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nStandardModal.propTypes = {\n  /** Specifies the content of the `Modal` */\n  children: PropTypes.node.isRequired,\n  /** The title for the `Modal` */\n  title: PropTypes.string.isRequired,\n  /** Optional callback function for when the modal it dismissed. */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal open or closed */\n  isOpen: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** The modal size */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The modal style variant to use */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** Specifies the `aria-label` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** A class name to append to the modal */\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  /** 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\nStandardModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'md',\n  variant: 'default',\n  closeLabel: STANDARD_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default StandardModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,0BAA0B,GAAG,OAAO;AAEjD,SAASC,aAAaA,CAAC;EACrBC,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,QAAET,QAA2B,CAAC,EAC9CG,aAAa,EACbF,UAAU,iBAAIN,KAAA,CAAAU,aAAA,CAACR,WAAW,CAACa,MAAM,QAAET,UAA+B,CACxD,CAAC;AAElB;AAEAF,aAAa,CAACY,SAAS,GAAG;EACxB;EACAX,QAAQ,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEZ,SAAS,CAACkB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAEnB,SAAS,CAACoB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAErB,SAAS,CAACsB,IAAI;EACtB;EACAC,cAAc,EAAEvB,SAAS,CAACsB,IAAI;EAC9B;EACAE,IAAI,EAAExB,SAAS,CAACyB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE1B,SAAS,CAACyB,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAE3B,SAAS,CAACkB,MAAM;EAC5B;EACAU,SAAS,EAAE5B,SAAS,CAACkB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAE7B,SAAS,CAACsB,IAAI;EAClC;EACAjB,UAAU,EAAEL,SAAS,CAACgB,IAAI;EAC1B;EACAV,cAAc,EAAEN,SAAS,CAACgB,IAAI;EAC9B;EACAT,aAAa,EAAEP,SAAS,CAACgB;AAC3B,CAAC;AAEDb,aAAa,CAAC2B,YAAY,GAAG;EAC3BT,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAEzB,0BAA0B;EACtC0B,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzBxB,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeJ,aAAa","ignoreList":[]}