@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Modal/ModalCloseButton.js

@@ -1,9 +1,10 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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 _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, { useContext } from 'react';
@@ -11,25 +12,22 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ModalContext from './ModalContext';
 import Button from '../Button';
-const ModalCloseButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      as,
-      children
-    } = _ref,
+var ModalCloseButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    onClose
-  } = useContext(ModalContext);
-  const type = as;
-  const componentProps = _objectSpread(_objectSpread({}, props), {}, {
+  var _useContext = useContext(ModalContext),
+    onClose = _useContext.onClose;
+  var type = as;
+  var componentProps = _objectSpread(_objectSpread({}, props), {}, {
     className: classNames('pgn__modal-close-button', props.className),
-    onClick: () => {
+    onClick: function onClick() {
       onClose();
       if (props.onClick) {
         props.onClick();
       }
     },
-    ref
+    ref: ref
   });
 
   // Use the non-jsx syntax to create this element so we can more

package/dist/Modal/ModalCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n  const { onClose } = useContext(ModalContext);\n  const type = as;\n  const componentProps = {\n    ...props,\n    className: classNames('pgn__modal-close-button', props.className),\n    onClick: () => {\n      onClose();\n      if (props.onClick) {\n        props.onClick();\n      }\n    },\n    ref,\n  };\n\n  // Use the non-jsx syntax to create this element so we can more\n  // finely control the component type (defaulted to Button via defaultProps)\n  return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the button */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the callback function when the close button is clicked */\n  onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n  as: Button,\n  onClick: undefined,\n  className: undefined,\n  children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAAC,IAAA,EAA6BC,GAAG,KAAK;EAAA,IAApC;MAAEC,EAAE;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACjE,MAAM;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACG,YAAY,CAAC;EAC5C,MAAMY,IAAI,GAAGN,EAAE;EACf,MAAMO,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfN,KAAK;IACRO,SAAS,EAAEhB,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACO,SAAS,CAAC;IACjEC,OAAO,EAAEA,CAAA,KAAM;MACbL,OAAO,CAAC,CAAC;MACT,IAAIH,KAAK,CAACQ,OAAO,EAAE;QACjBR,KAAK,CAACQ,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDX;EAAG,EACJ;;EAED;EACA;EACA,oBAAOT,KAAK,CAACqB,aAAa,CAACL,IAAI,EAAEC,cAAc,EAAEN,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACgB,SAAS,GAAG;EAC3B;EACAZ,EAAE,EAAER,SAAS,CAACqB,WAAW;EACzB;EACAZ,QAAQ,EAAET,SAAS,CAACsB,IAAI;EACxB;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAL,OAAO,EAAElB,SAAS,CAACwB;AACrB,CAAC;AAEDpB,gBAAgB,CAACqB,YAAY,GAAG;EAC9BjB,EAAE,EAAEL,MAAM;EACVe,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB"}
+{"version":3,"file":"ModalCloseButton.js","names":["React","useContext","PropTypes","classNames","ModalContext","Button","ModalCloseButton","forwardRef","_ref","ref","as","children","props","_objectWithoutProperties","_excluded","_useContext","onClose","type","componentProps","_objectSpread","className","onClick","createElement","propTypes","elementType","node","string","func","defaultProps","undefined"],"sources":["../../src/Modal/ModalCloseButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport ModalContext from './ModalContext';\nimport Button from '../Button';\n\nconst ModalCloseButton = React.forwardRef(({ as, children, ...props }, ref) => {\n  const { onClose } = useContext(ModalContext);\n  const type = as;\n  const componentProps = {\n    ...props,\n    className: classNames('pgn__modal-close-button', props.className),\n    onClick: () => {\n      onClose();\n      if (props.onClick) {\n        props.onClick();\n      }\n    },\n    ref,\n  };\n\n  // Use the non-jsx syntax to create this element so we can more\n  // finely control the component type (defaulted to Button via defaultProps)\n  return React.createElement(type, componentProps, children);\n});\n\nModalCloseButton.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the button */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the callback function when the close button is clicked */\n  onClick: PropTypes.func,\n};\n\nModalCloseButton.defaultProps = {\n  as: Button,\n  onClick: undefined,\n  className: undefined,\n  children: null,\n};\n\nexport default ModalCloseButton;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,MAAM,MAAM,WAAW;AAE9B,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAAC,UAAAC,IAAA,EAA6BC,GAAG,EAAK;EAAA,IAAlCC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACjE,IAAAC,WAAA,GAAoBd,UAAU,CAACG,YAAY,CAAC;IAApCY,OAAO,GAAAD,WAAA,CAAPC,OAAO;EACf,IAAMC,IAAI,GAAGP,EAAE;EACf,IAAMQ,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfP,KAAK;IACRQ,SAAS,EAAEjB,UAAU,CAAC,yBAAyB,EAAES,KAAK,CAACQ,SAAS,CAAC;IACjEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbL,OAAO,CAAC,CAAC;MACT,IAAIJ,KAAK,CAACS,OAAO,EAAE;QACjBT,KAAK,CAACS,OAAO,CAAC,CAAC;MACjB;IACF,CAAC;IACDZ,GAAG,EAAHA;EAAG,EACJ;;EAED;EACA;EACA,oBAAOT,KAAK,CAACsB,aAAa,CAACL,IAAI,EAAEC,cAAc,EAAEP,QAAQ,CAAC;AAC5D,CAAC,CAAC;AAEFL,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAb,EAAE,EAAER,SAAS,CAACsB,WAAW;EACzB;EACAb,QAAQ,EAAET,SAAS,CAACuB,IAAI;EACxB;EACAL,SAAS,EAAElB,SAAS,CAACwB,MAAM;EAC3B;EACAL,OAAO,EAAEnB,SAAS,CAACyB;AACrB,CAAC;AAEDrB,gBAAgB,CAACsB,YAAY,GAAG;EAC9BlB,EAAE,EAAEL,MAAM;EACVgB,OAAO,EAAEQ,SAAS;EAClBT,SAAS,EAAES,SAAS;EACpBlB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,gBAAgB"}

package/dist/Modal/ModalContext.js

@@ -1,20 +1,20 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-const ModalContext = /*#__PURE__*/React.createContext({
-  onClose: () => {}
+var ModalContext = /*#__PURE__*/React.createContext({
+  onClose: function onClose() {}
 });
 function ModalContextProvider(_ref) {
-  let {
-    onClose,
-    isOpen,
-    isBlocking,
-    children
-  } = _ref;
-  const modalContextValue = useMemo(() => ({
-    onClose,
-    isOpen,
-    isBlocking
-  }), [onClose, isOpen, isBlocking]);
+  var onClose = _ref.onClose,
+    isOpen = _ref.isOpen,
+    isBlocking = _ref.isBlocking,
+    children = _ref.children;
+  var modalContextValue = useMemo(function () {
+    return {
+      onClose: onClose,
+      isOpen: isOpen,
+      isBlocking: isBlocking
+    };
+  }, [onClose, isOpen, isBlocking]);
   return /*#__PURE__*/React.createElement(ModalContext.Provider, {
     value: modalContextValue
   }, children);

package/dist/Modal/ModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n  onClose: () => {},\n});\n\nfunction ModalContextProvider({\n  onClose, isOpen, isBlocking, children,\n}) {\n  const modalContextValue = useMemo(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nModalContextProvider.propTypes = {\n  children: PropTypes.node,\n  onClose: PropTypes.func.isRequired,\n  isBlocking: PropTypes.bool,\n  isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n  children: null,\n  isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAAC;EACvCC,OAAO,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAE1B;EAAA,IAF2B;IAC5BF,OAAO;IAAEG,MAAM;IAAEC,UAAU;IAAEC;EAC/B,CAAC,GAAAH,IAAA;EACC,MAAMI,iBAAiB,GAAGV,OAAO,CAC/B,OAAO;IAAEI,OAAO;IAAEG,MAAM;IAAEC;EAAW,CAAC,CAAC,EACvC,CAACJ,OAAO,EAAEG,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEAJ,oBAAoB,CAACS,SAAS,GAAG;EAC/BL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxBX,OAAO,EAAEH,SAAS,CAACe,IAAI,CAACC,UAAU;EAClCT,UAAU,EAAEP,SAAS,CAACiB,IAAI;EAC1BX,MAAM,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAEDZ,oBAAoB,CAACc,YAAY,GAAG;EAClCV,QAAQ,EAAE,IAAI;EACdD,UAAU,EAAE;AACd,CAAC;AAED,SAASH,oBAAoB;AAC7B,eAAeH,YAAY"}
+{"version":3,"file":"ModalContext.js","names":["React","useMemo","PropTypes","ModalContext","createContext","onClose","ModalContextProvider","_ref","isOpen","isBlocking","children","modalContextValue","createElement","Provider","value","propTypes","node","func","isRequired","bool","defaultProps"],"sources":["../../src/Modal/ModalContext.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModalContext = React.createContext({\n  onClose: () => {},\n});\n\nfunction ModalContextProvider({\n  onClose, isOpen, isBlocking, children,\n}) {\n  const modalContextValue = useMemo(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nModalContextProvider.propTypes = {\n  children: PropTypes.node,\n  onClose: PropTypes.func.isRequired,\n  isBlocking: PropTypes.bool,\n  isOpen: PropTypes.bool.isRequired,\n};\n\nModalContextProvider.defaultProps = {\n  children: null,\n  isBlocking: false,\n};\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,YAAY,gBAAGH,KAAK,CAACI,aAAa,CAAC;EACvCC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC;AAClB,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAE1B;EAAA,IADDF,OAAO,GAAAE,IAAA,CAAPF,OAAO;IAAEG,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAErC,IAAMC,iBAAiB,GAAGV,OAAO,CAC/B;IAAA,OAAO;MAAEI,OAAO,EAAPA,OAAO;MAAEG,MAAM,EAANA,MAAM;MAAEC,UAAU,EAAVA;IAAW,CAAC;EAAA,CAAC,EACvC,CAACJ,OAAO,EAAEG,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEAJ,oBAAoB,CAACS,SAAS,GAAG;EAC/BL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxBX,OAAO,EAAEH,SAAS,CAACe,IAAI,CAACC,UAAU;EAClCT,UAAU,EAAEP,SAAS,CAACiB,IAAI;EAC1BX,MAAM,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACzB,CAAC;AAEDZ,oBAAoB,CAACc,YAAY,GAAG;EAClCV,QAAQ,EAAE,IAAI;EACdD,UAAU,EAAE;AACd,CAAC;AAED,SAASH,oBAAoB;AAC7B,eAAeH,YAAY"}

package/dist/Modal/ModalDialog.js

@@ -1,3 +1,7 @@
+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 _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); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -12,27 +16,27 @@ import ModalDialogHero from './ModalDialogHero';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { Close } from '../../icons';
-export const MODAL_DIALOG_CLOSE_LABEL = 'Close';
+export var MODAL_DIALOG_CLOSE_LABEL = 'Close';
 function ModalDialog(_ref) {
-  let {
-    children,
-    title,
-    isOpen,
-    onClose,
-    size,
-    variant,
-    hasCloseButton,
-    closeLabel,
-    isFullscreenScroll,
-    className,
-    isFullscreenOnMobile,
-    isBlocking,
-    zIndex
-  } = _ref;
-  const isMobile = useMediaQuery({
+  var _classNames;
+  var children = _ref.children,
+    title = _ref.title,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    size = _ref.size,
+    variant = _ref.variant,
+    hasCloseButton = _ref.hasCloseButton,
+    closeLabel = _ref.closeLabel,
+    isFullscreenScroll = _ref.isFullscreenScroll,
+    className = _ref.className,
+    isFullscreenOnMobile = _ref.isFullscreenOnMobile,
+    isBlocking = _ref.isBlocking,
+    zIndex = _ref.zIndex,
+    isOverflowVisible = _ref.isOverflowVisible;
+  var isMobile = useMediaQuery({
     query: '(max-width: 767.98px)'
   });
-  const showFullScreen = isFullscreenOnMobile && isMobile;
+  var showFullScreen = isFullscreenOnMobile && isMobile;
   return /*#__PURE__*/React.createElement(ModalLayer, {
     isOpen: isOpen,
     onClose: onClose,
@@ -41,11 +45,7 @@ function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     role: "dialog",
     "aria-label": title,
-    className: classNames('pgn__modal', {
-      [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,
-      [`pgn__modal-${variant}`]: variant,
-      'pgn__modal-scroll-fullscreen': isFullscreenScroll
-    }, className)
+    className: classNames('pgn__modal', (_classNames = {}, _defineProperty(_classNames, "pgn__modal-".concat(showFullScreen ? 'fullscreen' : size), size), _defineProperty(_classNames, "pgn__modal-".concat(variant), variant), _defineProperty(_classNames, 'pgn__modal-scroll-fullscreen', isFullscreenScroll), _defineProperty(_classNames, 'pgn__modal-visible-overflow', isOverflowVisible), _classNames), className)
   }, hasCloseButton && /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-close-container"
   }, /*#__PURE__*/React.createElement(ModalCloseButton, {
@@ -110,7 +110,9 @@ ModalDialog.propTypes = {
   /**
    * Specifies the z-index of the modal
    */
-  zIndex: PropTypes.number
+  zIndex: PropTypes.number,
+  /** Specifies whether overflow is visible in the modal */
+  isOverflowVisible: PropTypes.bool
 };
 ModalDialog.defaultProps = {
   isOpen: false,
@@ -122,7 +124,8 @@ ModalDialog.defaultProps = {
   isFullscreenScroll: false,
   isFullscreenOnMobile: false,
   isBlocking: false,
-  zIndex: undefined
+  zIndex: undefined,
+  isOverflowVisible: true
 };
 ModalDialog.Header = ModalDialogHeader;
 ModalDialog.Title = ModalDialogTitle;

package/dist/Modal/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen,\n  onClose,\n  size,\n  variant,\n  hasCloseButton,\n  closeLabel,\n  isFullscreenScroll,\n  className,\n  isFullscreenOnMobile,\n  isBlocking,\n  zIndex,\n}) {\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          },\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={closeLabel}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.propTypes = {\n  /**\n   *  Specifies the content of the dialog\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The aria-label of the dialog\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * A callback to close the modal dialog\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Is the modal dialog open or closed\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * The close 'x' icon button in the top right of the dialog box\n   */\n  hasCloseButton: PropTypes.bool,\n  /**\n   * Sizes determine the maximum width of the dialog box\n   */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /**\n   * The visual style of the dialog box\n   */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /**\n   * The label supplied to the close icon button if one is rendered\n   */\n  closeLabel: PropTypes.string,\n  /**\n   *  Specifies class name to append to the base element\n   */\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  /**\n   * To show full screen view on mobile screens\n   */\n  isFullscreenOnMobile: PropTypes.bool,\n  /**\n   * Prevent clicking on the backdrop to close the modal\n   */\n  isBlocking: PropTypes.bool,\n  /**\n   * Specifies the z-index of the modal\n   */\n  zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'md',\n  variant: 'default',\n  closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  isFullscreenOnMobile: false,\n  isBlocking: false,\n  zIndex: undefined,\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,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AAEnC,OAAO,MAAMC,wBAAwB,GAAG,OAAO;AAE/C,SAASC,WAAWA,CAAAC,IAAA,EAcjB;EAAA,IAdkB;IACnBC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,cAAc;IACdC,UAAU;IACVC,kBAAkB;IAClBC,SAAS;IACTC,oBAAoB;IACpBC,UAAU;IACVC;EACF,CAAC,GAAAb,IAAA;EACC,MAAMc,QAAQ,GAAG3B,aAAa,CAAC;IAAE4B,KAAK,EAAE;EAAwB,CAAC,CAAC;EAClE,MAAMC,cAAc,GAAIL,oBAAoB,IAAIG,QAAS;EACzD,oBACE9B,KAAA,CAAAiC,aAAA,CAAC7B,UAAU;IAACe,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAACQ,UAAU,EAAEA,UAAW;IAACC,MAAM,EAAEA;EAAO,gBACnF7B,KAAA,CAAAiC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACb,cAAYhB,KAAM;IAClBQ,SAAS,EAAExB,UAAU,CACnB,YAAY,EACZ;MACE,CAAE,cAAa8B,cAAc,GAAG,YAAY,GAAGX,IAAK,EAAC,GAAGA,IAAI;MAC5D,CAAE,cAAaC,OAAQ,EAAC,GAAGA,OAAO;MAClC,8BAA8B,EAAEG;IAClC,CAAC,EACDC,SACF;EAAE,GAEDH,cAAc,iBACbvB,KAAA,CAAAiC,aAAA;IAAKP,SAAS,EAAC;EAA4B,gBACzC1B,KAAA,CAAAiC,aAAA,CAAC5B,gBAAgB;IACf8B,EAAE,EAAEvB,UAAW;IACfwB,MAAM,EAAEzB,IAAK;IACb0B,YAAY,EAAEf,OAAO,KAAK,MAAO;IACjCgB,GAAG,EAAEzB,KAAM;IACX0B,GAAG,EAAEf;EAAW,CACjB,CACE,CACN,EACAP,QACE,CACK,CAAC;AAEjB;AAEAF,WAAW,CAACyB,SAAS,GAAG;EACtB;AACF;AACA;EACEvB,QAAQ,EAAEhB,SAAS,CAACwC,IAAI,CAACC,UAAU;EACnC;AACF;AACA;EACExB,KAAK,EAAEjB,SAAS,CAAC0C,MAAM,CAACD,UAAU;EAClC;AACF;AACA;EACEtB,OAAO,EAAEnB,SAAS,CAAC2C,IAAI,CAACF,UAAU;EAClC;AACF;AACA;EACEvB,MAAM,EAAElB,SAAS,CAAC4C,IAAI;EACtB;AACF;AACA;EACEtB,cAAc,EAAEtB,SAAS,CAAC4C,IAAI;EAC9B;AACF;AACA;EACExB,IAAI,EAAEpB,SAAS,CAAC6C,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;AACF;AACA;EACExB,OAAO,EAAErB,SAAS,CAAC6C,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;AACF;AACA;EACEtB,UAAU,EAAEvB,SAAS,CAAC0C,MAAM;EAC5B;AACF;AACA;EACEjB,SAAS,EAAEzB,SAAS,CAAC0C,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACElB,kBAAkB,EAAExB,SAAS,CAAC4C,IAAI;EAClC;AACF;AACA;EACElB,oBAAoB,EAAE1B,SAAS,CAAC4C,IAAI;EACpC;AACF;AACA;EACEjB,UAAU,EAAE3B,SAAS,CAAC4C,IAAI;EAC1B;AACF;AACA;EACEhB,MAAM,EAAE5B,SAAS,CAAC8C;AACpB,CAAC;AAEDhC,WAAW,CAACiC,YAAY,GAAG;EACzB7B,MAAM,EAAE,KAAK;EACbI,cAAc,EAAE,IAAI;EACpBF,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,SAAS;EAClBE,UAAU,EAAEV,wBAAwB;EACpCY,SAAS,EAAEuB,SAAS;EACpBxB,kBAAkB,EAAE,KAAK;EACzBE,oBAAoB,EAAE,KAAK;EAC3BC,UAAU,EAAE,KAAK;EACjBC,MAAM,EAAEoB;AACV,CAAC;AAEDlC,WAAW,CAACmC,MAAM,GAAG5C,iBAAiB;AACtCS,WAAW,CAACoC,KAAK,GAAG5C,gBAAgB;AACpCQ,WAAW,CAACqC,MAAM,GAAG5C,iBAAiB;AACtCO,WAAW,CAACsC,WAAW,GAAGhD,gBAAgB;AAC1CU,WAAW,CAACuC,IAAI,GAAG7C,eAAe;AAClCM,WAAW,CAACwC,IAAI,GAAG7C,eAAe;AAElC,eAAeK,WAAW"}
+{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","_classNames","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen,\n  onClose,\n  size,\n  variant,\n  hasCloseButton,\n  closeLabel,\n  isFullscreenScroll,\n  className,\n  isFullscreenOnMobile,\n  isBlocking,\n  zIndex,\n  isOverflowVisible,\n}) {\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={closeLabel}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.propTypes = {\n  /**\n   *  Specifies the content of the dialog\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The aria-label of the dialog\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * A callback to close the modal dialog\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Is the modal dialog open or closed\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * The close 'x' icon button in the top right of the dialog box\n   */\n  hasCloseButton: PropTypes.bool,\n  /**\n   * Sizes determine the maximum width of the dialog box\n   */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /**\n   * The visual style of the dialog box\n   */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /**\n   * The label supplied to the close icon button if one is rendered\n   */\n  closeLabel: PropTypes.string,\n  /**\n   *  Specifies class name to append to the base element\n   */\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  /**\n   * To show full screen view on mobile screens\n   */\n  isFullscreenOnMobile: PropTypes.bool,\n  /**\n   * Prevent clicking on the backdrop to close the modal\n   */\n  isBlocking: PropTypes.bool,\n  /**\n   * Specifies the z-index of the modal\n   */\n  zIndex: PropTypes.number,\n  /** Specifies whether overflow is visible in the modal */\n  isOverflowVisible: PropTypes.bool,\n};\n\nModalDialog.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'md',\n  variant: 'default',\n  closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  isFullscreenOnMobile: false,\n  isBlocking: false,\n  zIndex: undefined,\n  isOverflowVisible: true,\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":"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"}

package/dist/Modal/ModalDialogBody.js

@@ -1,9 +1,16 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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; }
 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';
@@ -11,19 +18,23 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useIsVisible from '../hooks/useIsVisible';
 function ModalDialogBody(_ref) {
-  let {
-      as,
-      children
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  const [isScrolledToTop, topSentinelRef] = useIsVisible();
-  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
-  const className = classNames('pgn__modal-body', props.className, {
+  var _useIsVisible = useIsVisible(),
+    _useIsVisible2 = _slicedToArray(_useIsVisible, 2),
+    isScrolledToTop = _useIsVisible2[0],
+    topSentinelRef = _useIsVisible2[1];
+  var _useIsVisible3 = useIsVisible(),
+    _useIsVisible4 = _slicedToArray(_useIsVisible3, 2),
+    isScrolledToBottom = _useIsVisible4[0],
+    bottomSentinelRef = _useIsVisible4[1];
+  var className = classNames('pgn__modal-body', props.className, {
     'pgn__modal-body-scroll-top': isScrolledToTop,
     'pgn__modal-body-scroll-bottom': isScrolledToBottom
   });
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
-    className
+    className: className
   }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: topSentinelRef
   }), /*#__PURE__*/React.createElement("div", {

package/dist/Modal/ModalDialogBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","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/useIsVisible';\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,uBAAuB;AAEhD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;MACvBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGT,YAAY,CAAC,CAAC;EACxD,MAAM,CAACU,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGX,YAAY,CAAC,CAAC;EAC9D,MAAMY,SAAS,GAAGb,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACO,SAAS,EACf;IACE,4BAA4B,EAAEJ,eAAe;IAC7C,+BAA+B,EAAEE;EACnC,CACF,CAAC;EACD,oBAAOb,KAAK,CAACgB,aAAa,CACxBV,EAAE,EAAAW,aAAA,CAAAA,aAAA,KACGT,KAAK;IAAEO;EAAS,iBAEnBf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAgB,aAAA;IAAKG,GAAG,EAAEP;EAAe,CAAE,CAAC,eAC5BZ,KAAA,CAAAgB,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCR,QACE,CAAC,eACNP,KAAA,CAAAgB,aAAA;IAAKG,GAAG,EAAEL;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAV,eAAe,CAACgB,SAAS,GAAG;EAC1B;EACAd,EAAE,EAAEL,SAAS,CAACoB,WAAW;EACzB;EACAd,QAAQ,EAAEN,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEd,SAAS,CAACuB;AACvB,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,EAAE,EAAE,KAAK;EACTS,SAAS,EAAEW;AACb,CAAC;AAED,eAAetB,eAAe"}
+{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","_objectWithoutProperties","_excluded","_useIsVisible","_useIsVisible2","_slicedToArray","isScrolledToTop","topSentinelRef","_useIsVisible3","_useIsVisible4","isScrolledToBottom","bottomSentinelRef","className","createElement","_objectSpread","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/useIsVisible';\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,uBAAuB;AAEhD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAAC,aAAA,GAA0CR,YAAY,CAAC,CAAC;IAAAS,cAAA,GAAAC,cAAA,CAAAF,aAAA;IAAjDG,eAAe,GAAAF,cAAA;IAAEG,cAAc,GAAAH,cAAA;EACtC,IAAAI,cAAA,GAAgDb,YAAY,CAAC,CAAC;IAAAc,cAAA,GAAAJ,cAAA,CAAAG,cAAA;IAAvDE,kBAAkB,GAAAD,cAAA;IAAEE,iBAAiB,GAAAF,cAAA;EAC5C,IAAMG,SAAS,GAAGlB,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACY,SAAS,EACf;IACE,4BAA4B,EAAEN,eAAe;IAC7C,+BAA+B,EAAEI;EACnC,CACF,CAAC;EACD,oBAAOlB,KAAK,CAACqB,aAAa,CACxBf,EAAE,EAAAgB,aAAA,CAAAA,aAAA,KACGd,KAAK;IAAEY,SAAS,EAATA;EAAS,iBAEnBpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAET;EAAe,CAAE,CAAC,eAC5Bf,KAAA,CAAAqB,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCb,QACE,CAAC,eACNP,KAAA,CAAAqB,aAAA;IAAKG,GAAG,EAAEL;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAf,eAAe,CAACqB,SAAS,GAAG;EAC1B;EACAnB,EAAE,EAAEL,SAAS,CAACyB,WAAW;EACzB;EACAnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACnC;EACAR,SAAS,EAAEnB,SAAS,CAAC4B;AACvB,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BxB,EAAE,EAAE,KAAK;EACTc,SAAS,EAAEW;AACb,CAAC;AAED,eAAe3B,eAAe"}

package/dist/Modal/ModalDialogFooter.js

@@ -1,19 +1,18 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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 _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 classNames from 'classnames';
 function ModalDialogFooter(_ref) {
-  let {
-      as,
-      children
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, 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","_objectWithoutProperties","_excluded","createElement","_objectSpread","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;MACzBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
+{"version":3,"file":"ModalDialogFooter.js","names":["React","PropTypes","classNames","ModalDialogFooter","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","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,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}

package/dist/Modal/ModalDialogHeader.js

@@ -1,19 +1,18 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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 _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 classNames from 'classnames';
 function ModalDialogHeader(_ref) {
-  let {
-      as,
-      children
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
     className: classNames('pgn__modal-header', props.className)

package/dist/Modal/ModalDialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\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\nModalDialogHeader.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogHeader;\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;MACzBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}
+{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogHeader.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction ModalDialogHeader({\n  as,\n  children,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\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\nModalDialogHeader.defaultProps = {\n  as: 'div',\n  className: undefined,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiBA,CAAAC,IAAA,EAIvB;EAAA,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,mBAAmB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AACH;AAEAH,iBAAiB,CAACU,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzB;EACAR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,iBAAiB,CAACe,YAAY,GAAG;EAC/Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,iBAAiB"}

package/dist/Modal/ModalDialogHero.js

@@ -1,9 +1,10 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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 _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';
@@ -12,10 +13,8 @@ import classNames from 'classnames';
 import ModalDialogHeroContent from './ModalDialogHeroContent';
 import ModalDialogHeroBackground from './ModalDialogHeroBackground';
 function ModalDialogHero(_ref) {
-  let {
-      as,
-      children
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, 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","_objectWithoutProperties","_excluded","createElement","_objectSpread","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;MACvBC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACK,SAAS;EAAC,IAE3DN,QACF,CAAC;AACH;AAEAH,eAAe,CAACU,SAAS,GAAG;EAC1BR,EAAE,EAAEN,SAAS,CAACe,WAAW;EACzBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEb,SAAS,CAACkB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAEDhB,eAAe,CAACiB,OAAO,GAAGnB,sBAAsB;AAChDE,eAAe,CAACkB,UAAU,GAAGnB,yBAAyB;AAEtD,eAAeC,eAAe"}
+{"version":3,"file":"ModalDialogHero.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","ModalDialogHeroBackground","ModalDialogHero","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","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,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOX,KAAK,CAACY,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEO,KAAK,CAACK,SAAS;EAAC,IAE3DN,QACF,CAAC;AACH;AAEAH,eAAe,CAACU,SAAS,GAAG;EAC1BR,EAAE,EAAEN,SAAS,CAACe,WAAW;EACzBR,QAAQ,EAAEP,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEb,SAAS,CAACkB;AACvB,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7Bb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAEDhB,eAAe,CAACiB,OAAO,GAAGnB,sBAAsB;AAChDE,eAAe,CAACkB,UAAU,GAAGnB,yBAAyB;AAEtD,eAAeC,eAAe"}

package/dist/Modal/ModalDialogHeroBackground.js

@@ -1,25 +1,24 @@
-const _excluded = ["as", "backgroundSrc", "children"];
+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); }
+var _excluded = ["as", "backgroundSrc", "children"];
 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 _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 classNames from 'classnames';
 function ModalDialogHeroBackground(_ref) {
-  let {
-      as,
-      backgroundSrc,
-      children
-    } = _ref,
+  var as = _ref.as,
+    backgroundSrc = _ref.backgroundSrc,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
     className: classNames('pgn__modal-hero-bg', props.className),
     style: _objectSpread({
-      backgroundImage: backgroundSrc ? `url(${backgroundSrc})` : undefined
+      backgroundImage: backgroundSrc ? "url(".concat(backgroundSrc, ")") : undefined
     }, props.style)
   }), children);
 }

package/dist/Modal/ModalDialogHeroBackground.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeroBackground.js","names":["React","PropTypes","classNames","ModalDialogHeroBackground","_ref","as","backgroundSrc","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","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;MACjCC,EAAE;MACFC,aAAa;MACbC;IAEF,CAAC,GAAAH,IAAA;IADII,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBAAOV,KAAK,CAACW,aAAa,CACxBN,EAAE,EAAAO,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEM,KAAK,CAACK,SAAS,CAAC;IAC5DC,KAAK,EAAAF,aAAA;MACHG,eAAe,EAAET,aAAa,GAAI,OAAMA,aAAc,GAAE,GAAGU;IAAS,GACjER,KAAK,CAACM,KAAK;EACf,IAEHP,QACF,CAAC;AACH;AAEAJ,yBAAyB,CAACc,SAAS,GAAG;EACpCZ,EAAE,EAAEJ,SAAS,CAACiB,WAAW;EACzBZ,aAAa,EAAEL,SAAS,CAACkB,MAAM;EAC/BZ,QAAQ,EAAEN,SAAS,CAACmB,IAAI;EACxBP,SAAS,EAAEZ,SAAS,CAACkB,MAAM;EAC3BL,KAAK,EAAEb,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAEDlB,yBAAyB,CAACmB,YAAY,GAAG;EACvCjB,EAAE,EAAE,KAAK;EACTC,aAAa,EAAEU,SAAS;EACxBT,QAAQ,EAAE,IAAI;EACdM,SAAS,EAAEG,SAAS;EACpBF,KAAK,EAAE,CAAC;AACV,CAAC;AAED,eAAeX,yBAAyB"}
+{"version":3,"file":"ModalDialogHeroBackground.js","names":["React","PropTypes","classNames","ModalDialogHeroBackground","_ref","as","backgroundSrc","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","style","backgroundImage","concat","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,IAJDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBAAOV,KAAK,CAACW,aAAa,CACxBN,EAAE,EAAAO,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEM,KAAK,CAACK,SAAS,CAAC;IAC5DC,KAAK,EAAAF,aAAA;MACHG,eAAe,EAAET,aAAa,UAAAU,MAAA,CAAUV,aAAa,SAAMW;IAAS,GACjET,KAAK,CAACM,KAAK;EACf,IAEHP,QACF,CAAC;AACH;AAEAJ,yBAAyB,CAACe,SAAS,GAAG;EACpCb,EAAE,EAAEJ,SAAS,CAACkB,WAAW;EACzBb,aAAa,EAAEL,SAAS,CAACmB,MAAM;EAC/Bb,QAAQ,EAAEN,SAAS,CAACoB,IAAI;EACxBR,SAAS,EAAEZ,SAAS,CAACmB,MAAM;EAC3BN,KAAK,EAAEb,SAAS,CAACqB,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAEDnB,yBAAyB,CAACoB,YAAY,GAAG;EACvClB,EAAE,EAAE,KAAK;EACTC,aAAa,EAAEW,SAAS;EACxBV,QAAQ,EAAE,IAAI;EACdM,SAAS,EAAEI,SAAS;EACpBH,KAAK,EAAE,CAAC;AACV,CAAC;AAED,eAAeX,yBAAyB"}

package/dist/Modal/ModalDialogHeroContent.js

@@ -1,19 +1,18 @@
-const _excluded = ["as", "children"];
+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); }
+var _excluded = ["as", "children"];
 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 _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 classNames from 'classnames';
 function ModalDialogHeroContent(_ref) {
-  let {
-      as,
-      children
-    } = _ref,
+  var as = _ref.as,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, 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","_objectWithoutProperties","_excluded","createElement","_objectSpread","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;MAC9BC,EAAE;MACFC;IAEF,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAEnEN,QACF,CAAC;AACH;AAEAH,sBAAsB,CAACU,SAAS,GAAG;EACjCR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzBR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,sBAAsB,CAACe,YAAY,GAAG;EACpCb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,sBAAsB"}
+{"version":3,"file":"ModalDialogHeroContent.js","names":["React","PropTypes","classNames","ModalDialogHeroContent","_ref","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","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,IAHDC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,oBAAOT,KAAK,CAACU,aAAa,CACxBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRK,SAAS,EAAEV,UAAU,CAAC,yBAAyB,EAAEK,KAAK,CAACK,SAAS;EAAC,IAEnEN,QACF,CAAC;AACH;AAEAH,sBAAsB,CAACU,SAAS,GAAG;EACjCR,EAAE,EAAEJ,SAAS,CAACa,WAAW;EACzBR,QAAQ,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACnCJ,SAAS,EAAEX,SAAS,CAACgB;AACvB,CAAC;AAEDd,sBAAsB,CAACe,YAAY,GAAG;EACpCb,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEO;AACb,CAAC;AAED,eAAehB,sBAAsB"}