@openedx/paragon 21.12.1 → 21.12.3

package/dist/Modal/ModalLayer.js

@@ -7,9 +7,7 @@ import { ModalContextProvider } from './ModalContext';
 
 // istanbul ignore next
 function ModalBackdrop(_ref) {
-  let {
-    onClick
-  } = _ref;
+  var onClick = _ref.onClick;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -30,9 +28,7 @@ ModalBackdrop.defaultProps = {
 
 // istanbul ignore next
 function ModalContentContainer(_ref2) {
-  let {
-    children
-  } = _ref2;
+  var children = _ref2.children;
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-content-container"
   }, children);
@@ -51,27 +47,25 @@ ModalContentContainer.defaultProps = {
  * component is that if a modal object is visible then it is "enabled"
  */
 function ModalLayer(_ref3) {
-  let {
-    children,
-    onClose,
-    isOpen,
-    isBlocking,
-    zIndex
-  } = _ref3;
-  useEffect(() => {
+  var children = _ref3.children,
+    onClose = _ref3.onClose,
+    isOpen = _ref3.isOpen,
+    isBlocking = _ref3.isBlocking,
+    zIndex = _ref3.zIndex;
+  useEffect(function () {
     if (isOpen) {
       document.body.classList.add('pgn__hidden-scroll-padding-right');
     } else {
       document.body.classList.remove('pgn__hidden-scroll-padding-right');
     }
-    return () => {
+    return function () {
       document.body.classList.remove('pgn__hidden-scroll-padding-right');
     };
   }, [isOpen]);
   if (!isOpen) {
     return null;
   }
-  const onClickOutside = !isBlocking ? onClose : null;
+  var onClickOutside = !isBlocking ? onClose : null;
   return /*#__PURE__*/React.createElement(ModalContextProvider, {
     onClose: onClose,
     isOpen: isOpen,
@@ -82,7 +76,7 @@ function ModalLayer(_ref3) {
     enabled: isOpen,
     onEscapeKey: onClose,
     onClickOutside: onClickOutside,
-    className: classNames('pgn__modal-layer', zIndex ? `zindex-${zIndex}` : '')
+    className: classNames('pgn__modal-layer', zIndex ? "zindex-".concat(zIndex) : '')
   }, /*#__PURE__*/React.createElement(ModalContentContainer, null, /*#__PURE__*/React.createElement(ModalBackdrop, {
     onClick: onClickOutside
   }), children))));

package/dist/Modal/ModalLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","PropTypes","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","propTypes","func","defaultProps","undefined","ModalContentContainer","_ref2","children","node","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","onClickOutside","allowPinchZoom","scrollLock","enabled","onEscapeKey","isRequired","bool","number"],"sources":["../../src/Modal/ModalLayer.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }) {\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\nModalBackdrop.propTypes = {\n  onClick: PropTypes.func,\n};\n\nModalBackdrop.defaultProps = {\n  onClick: undefined,\n};\n\n// istanbul ignore next\nfunction ModalContentContainer({ children }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\nModalContentContainer.propTypes = {\n  children: PropTypes.node,\n};\n\nModalContentContainer.defaultProps = {\n  children: null,\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, zIndex,\n}) {\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 onClickOutside = !isBlocking ? onClose : null;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={onClose}\n          onClickOutside={onClickOutside}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={onClickOutside} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nModalLayer.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 to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies the z-index of the modal */\n  zIndex: PropTypes.number,\n};\n\nModalLayer.defaultProps = {\n  isBlocking: false,\n  zIndex: undefined,\n};\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"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"}
+{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","PropTypes","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","propTypes","func","defaultProps","undefined","ModalContentContainer","_ref2","children","node","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","onClickOutside","allowPinchZoom","scrollLock","enabled","onEscapeKey","concat","isRequired","bool","number"],"sources":["../../src/Modal/ModalLayer.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }) {\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\nModalBackdrop.propTypes = {\n  onClick: PropTypes.func,\n};\n\nModalBackdrop.defaultProps = {\n  onClick: undefined,\n};\n\n// istanbul ignore next\nfunction ModalContentContainer({ children }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\nModalContentContainer.propTypes = {\n  children: PropTypes.node,\n};\n\nModalContentContainer.defaultProps = {\n  children: null,\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, zIndex,\n}) {\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 onClickOutside = !isBlocking ? onClose : null;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={onClose}\n          onClickOutside={onClickOutside}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={onClickOutside} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nModalLayer.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 to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies the z-index of the modal */\n  zIndex: PropTypes.number,\n};\n\nModalLayer.defaultProps = {\n  isBlocking: false,\n  zIndex: undefined,\n};\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,QAAQ,gBAAgB;;AAErD;AACA,SAASC,aAAaA,CAAAC,IAAA,EAAc;EAAA,IAAXC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC9B;IAAA;IACE;IACAT,KAAA,CAAAU,aAAA;MACEC,SAAS,EAAC,qBAAqB;MAC/BF,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEH,OAAQ;MACnB,eAAY;IAAgB,CAC7B;EAAC;AAEN;AAEAF,aAAa,CAACM,SAAS,GAAG;EACxBJ,OAAO,EAAEN,SAAS,CAACW;AACrB,CAAC;AAEDP,aAAa,CAACQ,YAAY,GAAG;EAC3BN,OAAO,EAAEO;AACX,CAAC;;AAED;AACA,SAASC,qBAAqBA,CAAAC,KAAA,EAAe;EAAA,IAAZC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EACvC,oBAAOnB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAAEQ,QAAc,CAAC;AACvE;AAEAF,qBAAqB,CAACJ,SAAS,GAAG;EAChCM,QAAQ,EAAEhB,SAAS,CAACiB;AACtB,CAAC;AAEDH,qBAAqB,CAACF,YAAY,GAAG;EACnCI,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAAC,KAAA,EAEhB;EAAA,IADDH,QAAQ,GAAAG,KAAA,CAARH,QAAQ;IAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IAAEC,MAAM,GAAAJ,KAAA,CAANI,MAAM;EAE7CzB,SAAS,CAAC,YAAM;IACd,IAAIuB,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,YAAM;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,IAAMQ,cAAc,GAAG,CAACP,UAAU,GAAGF,OAAO,GAAG,IAAI;EAEnD,oBACEvB,KAAA,CAAAU,aAAA,CAACJ,oBAAoB;IAACiB,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA;EAAW,gBAC7EzB,KAAA,CAAAU,aAAA,CAACL,MAAM,qBACLL,KAAA,CAAAU,aAAA,CAACN,OAAO;IACN6B,cAAc;IACdC,UAAU;IACVC,OAAO,EAAEX,MAAO;IAChBY,WAAW,EAAEb,OAAQ;IACrBS,cAAc,EAAEA,cAAe;IAC/BrB,SAAS,EAAET,UAAU,CACnB,kBAAkB,EAClBwB,MAAM,aAAAW,MAAA,CAAaX,MAAM,IAAK,EAChC;EAAE,gBAEF1B,KAAA,CAAAU,aAAA,CAACO,qBAAqB,qBACpBjB,KAAA,CAAAU,aAAA,CAACH,aAAa;IAACE,OAAO,EAAEuB;EAAe,CAAE,CAAC,EACzCb,QACoB,CAChB,CACH,CACY,CAAC;AAE3B;AAEAE,UAAU,CAACR,SAAS,GAAG;EACrB;EACAM,QAAQ,EAAEhB,SAAS,CAACiB,IAAI,CAACkB,UAAU;EACnC;EACAf,OAAO,EAAEpB,SAAS,CAACW,IAAI,CAACwB,UAAU;EAClC;EACAd,MAAM,EAAErB,SAAS,CAACoC,IAAI,CAACD,UAAU;EACjC;EACAb,UAAU,EAAEtB,SAAS,CAACoC,IAAI;EAC1B;EACAb,MAAM,EAAEvB,SAAS,CAACqC;AACpB,CAAC;AAEDnB,UAAU,CAACN,YAAY,GAAG;EACxBU,UAAU,EAAE,KAAK;EACjBC,MAAM,EAAEV;AACV,CAAC;AAED,SAAST,aAAa,EAAEU,qBAAqB;AAC7C,eAAeI,UAAU"}

package/dist/Modal/ModalPopup.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "onClose", "isOpen", "positionRef", "isBlocking", "withPortal", "placement", "hasArrow"];
+var _excluded = ["children", "onClose", "isOpen", "positionRef", "isBlocking", "withPortal", "placement", "hasArrow"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -8,25 +8,23 @@ import { FocusOn } from 'react-focus-on';
 import Portal from './Portal';
 import PopperElement from './PopperElement';
 import { ModalContextProvider } from './ModalContext';
-const PLACEMENT_OFFSETS = {
+var PLACEMENT_OFFSETS = {
   right: [-2, 10],
   left: [-2, 10]
 };
 function ModalPopup(_ref) {
-  let {
-      children,
-      onClose,
-      isOpen,
-      positionRef,
-      isBlocking,
-      withPortal,
-      placement,
-      hasArrow
-    } = _ref,
+  var children = _ref.children,
+    onClose = _ref.onClose,
+    isOpen = _ref.isOpen,
+    positionRef = _ref.positionRef,
+    isBlocking = _ref.isBlocking,
+    withPortal = _ref.withPortal,
+    placement = _ref.placement,
+    hasArrow = _ref.hasArrow,
     popperProps = _objectWithoutProperties(_ref, _excluded);
-  const RootComponent = withPortal ? Portal : React.Fragment;
-  const placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];
-  const popperParams = [{
+  var RootComponent = withPortal ? Portal : React.Fragment;
+  var placementOffsetValue = PLACEMENT_OFFSETS[placement] || [0, 10];
+  var popperParams = [{
     name: 'eventListeners',
     options: {
       scroll: false
@@ -34,7 +32,9 @@ function ModalPopup(_ref) {
   }, {
     name: 'offset',
     options: {
-      offset: () => placementOffsetValue
+      offset: function offset() {
+        return placementOffsetValue;
+      }
     }
   }];
   return /*#__PURE__*/React.createElement(ModalContextProvider, {
@@ -55,7 +55,7 @@ function ModalPopup(_ref) {
   }, children, hasArrow && /*#__PURE__*/React.createElement("div", {
     id: "arrow",
     "data-testid": "modal-popup-arrow",
-    className: `pgn__modal-popup__arrow pgn__modal-popup__arrow-${placement}`,
+    className: "pgn__modal-popup__arrow pgn__modal-popup__arrow-".concat(placement),
     "data-popper-arrow": ""
   }))))));
 }

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","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","createElement","_extends","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  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={onClose}\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 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,CAAAC,IAAA,EAUhB;EAAA,IAViB;MAClBC,QAAQ;MACRC,OAAO;MACPC,MAAM;MACNC,WAAW;MACXC,UAAU;MACVC,UAAU;MACVC,SAAS;MACTC;IAEF,CAAC,GAAAR,IAAA;IADIS,WAAW,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAEd,MAAMC,aAAa,GAAGN,UAAU,GAAGb,MAAM,GAAGH,KAAK,CAACuB,QAAQ;EAC1D,MAAMC,oBAAoB,GAAGlB,iBAAiB,CAACW,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEpE,MAAMQ,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,oBACExB,KAAA,CAAA8B,aAAA,CAACzB,oBAAoB;IAACO,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACE,UAAU,EAAEA;EAAW,gBAC7Ef,KAAA,CAAA8B,aAAA,CAACR,aAAa,qBACZtB,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAA2B,QAAA;IACZC,SAAS,EAAEd,QAAQ,GAAGO,YAAY,GAAG,IAAK;IAC1CQ,MAAM,EAAEnB,WAAY;IACpBG,SAAS,EAAEA;EAAU,GACjBE,WAAW,gBAEfnB,KAAA,CAAA8B,aAAA,CAAC5B,OAAO;IACNgC,UAAU,EAAE,KAAM;IAClBC,OAAO,EAAEtB,MAAO;IAChBuB,WAAW,EAAExB,OAAQ;IACrByB,cAAc,EAAEzB;EAAQ,GAEvBC,MAAM,iBACLb,KAAA,CAAA8B,aAAA;IAAKQ,SAAS,EAAC;EAA2B,GACvC3B,QAAQ,EACRO,QAAQ,iBACPlB,KAAA,CAAA8B,aAAA;IACES,EAAE,EAAC,OAAO;IACV,eAAY,mBAAmB;IAC/BD,SAAS,EAAG,mDAAkDrB,SAAU,EAAE;IAC1E,qBAAkB;EAAE,CACrB,CAEA,CAEA,CACI,CACF,CACK,CAAC;AAE3B;AAEAR,UAAU,CAAC+B,SAAS,GAAG;EACrB;EACA7B,QAAQ,EAAEV,SAAS,CAACwC,IAAI,CAACC,UAAU;EACnC;EACA9B,OAAO,EAAEX,SAAS,CAAC0C,IAAI,CAACD,UAAU;EAClC;EACA7B,MAAM,EAAEZ,SAAS,CAAC2C,IAAI,CAACF,UAAU;EACjC;EACA3B,UAAU,EAAEd,SAAS,CAAC2C,IAAI;EAC1B;EACA5B,UAAU,EAAEf,SAAS,CAAC2C,IAAI;EAC1B;EACA;EACA9B,WAAW,EAAEb,SAAS,CAAC4C,SAAS,CAAC,CAC/B5C,SAAS,CAAC0C,IAAI,EACd1C,SAAS,CAAC6C,KAAK,CAAC;IAAEC,OAAO,EAAE9C,SAAS,CAAC6C,KAAK,CAAC,CAAC,CAAC;EAAE,CAAC,CAAC,CAClD,CAAC;EACF;EACA7B,SAAS,EAAEb,aAAa,CAACoC,SAAS,CAACvB,SAAS;EAC5C;EACAC,QAAQ,EAAEjB,SAAS,CAAC2C;AACtB,CAAC;AAEDnC,UAAU,CAACuC,YAAY,GAAG;EACxBjC,UAAU,EAAE,KAAK;EACjBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,cAAc;EACzBH,WAAW,EAAE,IAAI;EACjBI,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeT,UAAU"}
+{"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","_objectWithoutProperties","_excluded","RootComponent","Fragment","placementOffsetValue","popperParams","name","options","scroll","offset","createElement","_extends","modifiers","target","scrollLock","enabled","onEscapeKey","onClickOutside","className","id","concat","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  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={onClose}\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 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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"}

package/dist/Modal/PopperElement.js

@@ -1,30 +1,37 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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;
-  const [popperElement, setPopperElement] = useState(null);
-  const popperOptions = {
-    modifiers,
-    strategy,
-    placement
+  var children = _ref.children,
+    target = _ref.target,
+    strategy = _ref.strategy,
+    placement = _ref.placement,
+    modifiers = _ref.modifiers;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    popperElement = _useState2[0],
+    setPopperElement = _useState2[1];
+  var popperOptions = {
+    modifiers: modifiers,
+    strategy: strategy,
+    placement: placement
   };
-  const {
-    styles,
-    attributes
-  } = usePopper(target, popperElement, popperOptions);
+  var _usePopper = usePopper(target, popperElement, popperOptions),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes;
   if (!target) {
     return null;
   }

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","_extends","ref","style","_objectSpread","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,QAAAC,QAAA;IAAKC,GAAG,EAAEN,gBAAiB;IAACO,KAAK,EAAAC,aAAA,CAAAA,aAAA,KAAON,MAAM,CAACO,MAAM;MAAEC,MAAM,EAAE;IAAI;EAAG,GAAKP,UAAU,CAACM,MAAM,GACzFf,QACE,CAAC;AAEV;AAEAF,aAAa,CAACmB,YAAY,GAAG;EAC3BhB,MAAM,EAAEiB;AACV,CAAC;AAEDpB,aAAa,CAACqB,SAAS,GAAG;EACxBnB,QAAQ,EAAEJ,SAAS,CAACwB,IAAI;EACxBnB,MAAM,EAAEL,SAAS,CAACyB,KAAK,CAAC;IACtBC,OAAO,EAAE1B,SAAS,CAACyB,KAAK,CAAC,CAAC,CAAC;EAC7B,CAAC,CAAC;EACFnB,QAAQ,EAAEN,SAAS,CAAC2B,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAChDpB,SAAS,EAAEP,SAAS,CAAC2B,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;EACFnB,SAAS,EAAER,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACyB,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAEDvB,aAAa,CAACmB,YAAY,GAAG;EAC3BjB,QAAQ,EAAEkB,SAAS;EACnBhB,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,cAAc;EACzBC,SAAS,EAAE,CACT;IACEqB,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,eAAe9B,aAAa"}
+{"version":3,"file":"PopperElement.js","names":["React","useState","PropTypes","usePopper","PopperElement","_ref","children","target","strategy","placement","modifiers","_useState","_useState2","_slicedToArray","popperElement","setPopperElement","popperOptions","_usePopper","styles","attributes","createElement","_extends","ref","style","_objectSpread","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,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;EAEhD,IAAAC,SAAA,GAA0CV,QAAQ,CAAC,IAAI,CAAC;IAAAW,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAjDG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAMI,aAAa,GAAG;IAAEN,SAAS,EAATA,SAAS;IAAEF,QAAQ,EAARA,QAAQ;IAAEC,SAAS,EAATA;EAAU,CAAC;EACxD,IAAAQ,UAAA,GAGId,SAAS,CAACI,MAAM,EAAEO,aAAa,EAAEE,aAAa,CAAC;IAFjDE,MAAM,GAAAD,UAAA,CAANC,MAAM;IACNC,UAAU,GAAAF,UAAA,CAAVE,UAAU;EAGZ,IAAI,CAACZ,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAoB,aAAA,QAAAC,QAAA;IAAKC,GAAG,EAAEP,gBAAiB;IAACQ,KAAK,EAAAC,aAAA,CAAAA,aAAA,KAAON,MAAM,CAACO,MAAM;MAAEC,MAAM,EAAE;IAAI;EAAG,GAAKP,UAAU,CAACM,MAAM,GACzFnB,QACE,CAAC;AAEV;AAEAF,aAAa,CAACuB,YAAY,GAAG;EAC3BpB,MAAM,EAAEqB;AACV,CAAC;AAEDxB,aAAa,CAACyB,SAAS,GAAG;EACxBvB,QAAQ,EAAEJ,SAAS,CAAC4B,IAAI;EACxBvB,MAAM,EAAEL,SAAS,CAAC6B,KAAK,CAAC;IACtBC,OAAO,EAAE9B,SAAS,CAAC6B,KAAK,CAAC,CAAC,CAAC;EAC7B,CAAC,CAAC;EACFvB,QAAQ,EAAEN,SAAS,CAAC+B,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAChDxB,SAAS,EAAEP,SAAS,CAAC+B,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;EACFvB,SAAS,EAAER,SAAS,CAACgC,OAAO,CAAChC,SAAS,CAAC6B,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED3B,aAAa,CAACuB,YAAY,GAAG;EAC3BrB,QAAQ,EAAEsB,SAAS;EACnBpB,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,cAAc;EACzBC,SAAS,EAAE,CACT;IACEyB,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,eAAelC,aAAa"}

package/dist/Modal/Portal.js

@@ -1,30 +1,52 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-class Portal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.rootName = 'paragon-portal-root';
+var Portal = /*#__PURE__*/function (_React$Component) {
+  _inherits(Portal, _React$Component);
+  var _super = _createSuper(Portal);
+  function Portal(props) {
+    var _this;
+    _classCallCheck(this, Portal);
+    _this = _super.call(this, props);
+    _this.rootName = 'paragon-portal-root';
     // istanbul ignore if
     if (typeof document === 'undefined') {
-      this.rootElement = null;
-    } else if (document.getElementById(this.rootName)) {
-      this.rootElement = document.getElementById(this.rootName);
+      _this.rootElement = null;
+    } else if (document.getElementById(_this.rootName)) {
+      _this.rootElement = document.getElementById(_this.rootName);
     } else {
-      const rootElement = document.createElement('div');
-      rootElement.setAttribute('id', this.rootName);
-      this.rootElement = document.body.appendChild(rootElement);
+      var rootElement = document.createElement('div');
+      rootElement.setAttribute('id', _this.rootName);
+      _this.rootElement = document.body.appendChild(rootElement);
     }
+    return _this;
   }
-  render() {
-    // istanbul ignore else
-    if (this.rootElement) {
-      return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
+  _createClass(Portal, [{
+    key: "render",
+    value: function render() {
+      // istanbul ignore else
+      if (this.rootElement) {
+        return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
+      }
+      // istanbul ignore next
+      return null;
     }
-    // istanbul ignore next
-    return null;
-  }
-}
+  }]);
+  return Portal;
+}(React.Component);
 Portal.propTypes = {
   children: PropTypes.node.isRequired
 };

package/dist/Modal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["React","ReactDOM","PropTypes","Portal","Component","constructor","props","rootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","render","createPortal","children","propTypes","node","isRequired"],"sources":["../../src/Modal/Portal.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass Portal extends React.Component {\n  constructor(props) {\n    super(props);\n    this.rootName = 'paragon-portal-root';\n    // istanbul ignore if\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.rootName)) {\n      this.rootElement = document.getElementById(this.rootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.rootName);\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    // istanbul ignore else\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    // istanbul ignore next\n    return null;\n  }\n}\n\nPortal.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Portal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,MAAM,SAASH,KAAK,CAACI,SAAS,CAAC;EACnCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,QAAQ,GAAG,qBAAqB;IACrC;IACA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI,CAACC,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,QAAQ,CAAC,EAAE;MACjD,IAAI,CAACE,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,QAAQ,CAAC;IAC3D,CAAC,MAAM;MACL,MAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAE,IAAI,CAACL,QAAQ,CAAC;MAC7C,IAAI,CAACE,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;EACF;EAEAM,MAAMA,CAAA,EAAG;IACP;IACA,IAAI,IAAI,CAACN,WAAW,EAAE;MACpB,oBAAOR,QAAQ,CAACe,YAAY,CAC1B,IAAI,CAACV,KAAK,CAACW,QAAQ,EACnB,IAAI,CAACR,WACP,CAAC;IACH;IACA;IACA,OAAO,IAAI;EACb;AACF;AAEAN,MAAM,CAACe,SAAS,GAAG;EACjBD,QAAQ,EAAEf,SAAS,CAACiB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAejB,MAAM"}
+{"version":3,"file":"Portal.js","names":["React","ReactDOM","PropTypes","Portal","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","rootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Modal/Portal.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass Portal extends React.Component {\n  constructor(props) {\n    super(props);\n    this.rootName = 'paragon-portal-root';\n    // istanbul ignore if\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.rootName)) {\n      this.rootElement = document.getElementById(this.rootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.rootName);\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    // istanbul ignore else\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    // istanbul ignore next\n    return null;\n  }\n}\n\nPortal.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Portal;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,MAAM,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,MAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,MAAA;EACV,SAAAA,OAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,MAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,QAAQ,GAAG,qBAAqB;IACrC;IACA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,QAAQ,CAAC,EAAE;MACjDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,QAAQ,CAAC;IAC3D,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,QAAQ,CAAC;MAC7CH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,MAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP;MACA,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,MAAA;AAAA,EA1BkBH,KAAK,CAAC0B,SAAS;AA6BpCvB,MAAM,CAACwB,SAAS,GAAG;EACjBF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,MAAM"}

package/dist/Modal/StandardModal.js

@@ -1,17 +1,15 @@
-const _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
+var _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import ModalDialog from './ModalDialog';
-export const STANDARD_MODAL_CLOSE_LABEL = 'Close';
+export var STANDARD_MODAL_CLOSE_LABEL = 'Close';
 function StandardModal(_ref) {
-  let {
-      children,
-      footerNode,
-      beforeBodyNode,
-      afterBodyNode
-    } = _ref,
+  var children = _ref.children,
+    footerNode = _ref.footerNode,
+    beforeBodyNode = _ref.beforeBodyNode,
+    afterBodyNode = _ref.afterBodyNode,
     props = _objectWithoutProperties(_ref, _excluded);
   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","_objectWithoutProperties","_excluded","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;MACrBC,QAAQ;MACRC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI,QAAEX,QAA2B,CAAC,EAC9CG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACgB,MAAM,QAAEX,UAA+B,CACxD,CAAC;AAElB;AAEAH,aAAa,CAACe,SAAS,GAAG;EACxB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEf,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;EACAU,SAAS,EAAE/B,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEhC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACmB,IAAI;EAC1B;EACAZ,cAAc,EAAEP,SAAS,CAACmB,IAAI;EAC9B;EACAX,aAAa,EAAER,SAAS,CAACmB;AAC3B,CAAC;AAEDhB,aAAa,CAAC8B,YAAY,GAAG;EAC3BT,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE5B,0BAA0B;EACtC6B,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB1B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,aAAa"}
+{"version":3,"file":"StandardModal.js","names":["React","PropTypes","ModalDialog","STANDARD_MODAL_CLOSE_LABEL","StandardModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","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,IAAMC,0BAA0B,GAAG,OAAO;AAEjD,SAASC,aAAaA,CAAAC,IAAA,EAMnB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI,QAAEX,QAA2B,CAAC,EAC9CG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACgB,MAAM,QAAEX,UAA+B,CACxD,CAAC;AAElB;AAEAH,aAAa,CAACe,SAAS,GAAG;EACxB;EACAb,QAAQ,EAAEL,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEf,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;EACAU,SAAS,EAAE/B,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEhC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACmB,IAAI;EAC1B;EACAZ,cAAc,EAAEP,SAAS,CAACmB,IAAI;EAC9B;EACAX,aAAa,EAAER,SAAS,CAACmB;AAC3B,CAAC;AAEDhB,aAAa,CAAC8B,YAAY,GAAG;EAC3BT,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE5B,0BAA0B;EACtC6B,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB1B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,aAAa"}