@openedx/paragon 22.10.0 → 22.11.1

package/dist/Modal/ModalCloseButton.js

@@ -1,34 +1,29 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ModalContext from './ModalContext';
 import Button from '../Button';
-var ModalCloseButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var as = _ref.as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(ModalContext),
-    onClose = _useContext.onClose;
-  var type = as;
-  var componentProps = _objectSpread(_objectSpread({}, props), {}, {
+const ModalCloseButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    as,
+    children,
+    ...props
+  } = _ref;
+  const {
+    onClose
+  } = useContext(ModalContext);
+  const type = as;
+  const componentProps = {
+    ...props,
     className: classNames('pgn__modal-close-button', props.className),
-    onClick: function onClick() {
+    onClick: () => {
       onClose();
       if (props.onClick) {
         props.onClick();
       }
     },
-    ref: ref
-  });
+    ref
+  };
 
   // Use the non-jsx syntax to create this element so we can more
   // finely control the component type (defaulted to Button via defaultProps)

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

package/dist/Modal/ModalContext.js

@@ -1,23 +1,21 @@
 import React, { useMemo } from 'react';
-var ModalContext = /*#__PURE__*/React.createContext({
-  onClose: function onClose() {},
+const ModalContext = /*#__PURE__*/React.createContext({
+  onClose: () => {},
   isOpen: false,
   isBlocking: false
 });
 function ModalContextProvider(_ref) {
-  var onClose = _ref.onClose,
-    isOpen = _ref.isOpen,
-    _ref$isBlocking = _ref.isBlocking,
-    isBlocking = _ref$isBlocking === void 0 ? false : _ref$isBlocking,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children;
-  var modalContextValue = useMemo(function () {
-    return {
-      onClose: onClose,
-      isOpen: isOpen,
-      isBlocking: isBlocking
-    };
-  }, [onClose, isOpen, isBlocking]);
+  let {
+    onClose,
+    isOpen,
+    isBlocking = false,
+    children = null
+  } = _ref;
+  const modalContextValue = useMemo(() => ({
+    onClose,
+    isOpen,
+    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","ModalContext","createContext","onClose","isOpen","isBlocking","ModalContextProvider","_ref","_ref$isBlocking","_ref$children","children","modalContextValue","createElement","Provider","value"],"sources":["../../src/Modal/ModalContext.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\ninterface ContextData {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking: boolean;\n}\n\nconst ModalContext = React.createContext<ContextData>({\n  onClose: () => {},\n  isOpen: false,\n  isBlocking: false,\n});\n\nfunction ModalContextProvider({\n  onClose,\n  isOpen,\n  isBlocking = false,\n  children = null,\n}: {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking?: boolean;\n  children?: React.ReactNode;\n}) {\n  const modalContextValue = useMemo<ContextData>(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAQtC,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAAc;EACpDC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAU1B;EAAA,IATDJ,OAAO,GAAAI,IAAA,CAAPJ,OAAO;IACPC,MAAM,GAAAG,IAAA,CAANH,MAAM;IAAAI,eAAA,GAAAD,IAAA,CACNF,UAAU;IAAVA,UAAU,GAAAG,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAC,aAAA,GAAAF,IAAA,CAClBG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA;EAOf,IAAME,iBAAiB,GAAGX,OAAO,CAC/B;IAAA,OAAO;MAAEG,OAAO,EAAPA,OAAO;MAAEC,MAAM,EAANA,MAAM;MAAEC,UAAU,EAAVA;IAAW,CAAC;EAAA,CAAC,EACvC,CAACF,OAAO,EAAEC,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACEN,KAAA,CAAAa,aAAA,CAACX,YAAY,CAACY,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEA,SAASJ,oBAAoB;AAC7B,eAAeL,YAAY","ignoreList":[]}
+{"version":3,"file":"ModalContext.js","names":["React","useMemo","ModalContext","createContext","onClose","isOpen","isBlocking","ModalContextProvider","_ref","children","modalContextValue","createElement","Provider","value"],"sources":["../../src/Modal/ModalContext.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\ninterface ContextData {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking: boolean;\n}\n\nconst ModalContext = React.createContext<ContextData>({\n  onClose: () => {},\n  isOpen: false,\n  isBlocking: false,\n});\n\nfunction ModalContextProvider({\n  onClose,\n  isOpen,\n  isBlocking = false,\n  children = null,\n}: {\n  onClose: () => void;\n  isOpen: boolean;\n  isBlocking?: boolean;\n  children?: React.ReactNode;\n}) {\n  const modalContextValue = useMemo<ContextData>(\n    () => ({ onClose, isOpen, isBlocking }),\n    [onClose, isOpen, isBlocking],\n  );\n\n  return (\n    <ModalContext.Provider value={modalContextValue}>\n      {children}\n    </ModalContext.Provider>\n  );\n}\n\nexport { ModalContextProvider };\nexport default ModalContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAQtC,MAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAAc;EACpDC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,SAASC,oBAAoBA,CAAAC,IAAA,EAU1B;EAAA,IAV2B;IAC5BJ,OAAO;IACPC,MAAM;IACNC,UAAU,GAAG,KAAK;IAClBG,QAAQ,GAAG;EAMb,CAAC,GAAAD,IAAA;EACC,MAAME,iBAAiB,GAAGT,OAAO,CAC/B,OAAO;IAAEG,OAAO;IAAEC,MAAM;IAAEC;EAAW,CAAC,CAAC,EACvC,CAACF,OAAO,EAAEC,MAAM,EAAEC,UAAU,CAC9B,CAAC;EAED,oBACEN,KAAA,CAAAW,aAAA,CAACT,YAAY,CAACU,QAAQ;IAACC,KAAK,EAAEH;EAAkB,GAC7CD,QACoB,CAAC;AAE5B;AAEA,SAASF,oBAAoB;AAC7B,eAAeL,YAAY","ignoreList":[]}

package/dist/Modal/ModalDialog.js

@@ -1,7 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -21,36 +17,28 @@ import ModalDialogHero from './ModalDialogHero';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { Close } from '../../icons';
-export var MODAL_DIALOG_CLOSE_LABEL = 'Close';
+export const MODAL_DIALOG_CLOSE_LABEL = 'Close';
 function ModalDialog(_ref) {
-  var _classNames;
-  var children = _ref.children,
-    title = _ref.title,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    onClose = _ref.onClose,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    _ref$hasCloseButton = _ref.hasCloseButton,
-    hasCloseButton = _ref$hasCloseButton === void 0 ? true : _ref$hasCloseButton,
-    _ref$closeLabel = _ref.closeLabel,
-    closeLabel = _ref$closeLabel === void 0 ? MODAL_DIALOG_CLOSE_LABEL : _ref$closeLabel,
-    _ref$isFullscreenScro = _ref.isFullscreenScroll,
-    isFullscreenScroll = _ref$isFullscreenScro === void 0 ? false : _ref$isFullscreenScro,
-    className = _ref.className,
-    _ref$isFullscreenOnMo = _ref.isFullscreenOnMobile,
-    isFullscreenOnMobile = _ref$isFullscreenOnMo === void 0 ? false : _ref$isFullscreenOnMo,
-    _ref$isBlocking = _ref.isBlocking,
-    isBlocking = _ref$isBlocking === void 0 ? false : _ref$isBlocking,
-    zIndex = _ref.zIndex,
-    _ref$isOverflowVisibl = _ref.isOverflowVisible,
-    isOverflowVisible = _ref$isOverflowVisibl === void 0 ? true : _ref$isOverflowVisibl;
-  var isMobile = useMediaQuery({
+  let {
+    children,
+    title,
+    isOpen = false,
+    onClose,
+    size = 'md',
+    variant = 'default',
+    hasCloseButton = true,
+    closeLabel = MODAL_DIALOG_CLOSE_LABEL,
+    isFullscreenScroll = false,
+    className,
+    isFullscreenOnMobile = false,
+    isBlocking = false,
+    zIndex,
+    isOverflowVisible = true
+  } = _ref;
+  const isMobile = useMediaQuery({
     query: '(max-width: 767.98px)'
   });
-  var showFullScreen = isFullscreenOnMobile && isMobile;
+  const showFullScreen = isFullscreenOnMobile && isMobile;
   return /*#__PURE__*/React.createElement(ModalLayer, {
     isOpen: isOpen,
     onClose: onClose,
@@ -59,7 +47,12 @@ function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     role: "dialog",
     "aria-label": title,
-    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)
+    className: classNames('pgn__modal', {
+      [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,
+      [`pgn__modal-${variant}`]: variant,
+      'pgn__modal-scroll-fullscreen': isFullscreenScroll,
+      'pgn__modal-visible-overflow': isOverflowVisible
+    }, className)
   }, hasCloseButton && /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-close-container"
   }, /*#__PURE__*/React.createElement(ModalCloseButton, {

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","_classNames","children","title","_ref$isOpen","isOpen","onClose","_ref$size","size","_ref$variant","variant","_ref$hasCloseButton","hasCloseButton","_ref$closeLabel","closeLabel","_ref$isFullscreenScro","isFullscreenScroll","className","_ref$isFullscreenOnMo","isFullscreenOnMobile","_ref$isBlocking","isBlocking","zIndex","_ref$isOverflowVisibl","isOverflowVisible","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /** Specifies whether overflow is visible in the modal */\n  isOverflowVisible?: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel = MODAL_DIALOG_CLOSE_LABEL,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible = true,\n}: Props) {\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 or pressing Esc 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.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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","ignoreList":[]}
+{"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","isOverflowVisible","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /** Specifies whether overflow is visible in the modal */\n  isOverflowVisible?: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel = MODAL_DIALOG_CLOSE_LABEL,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible = true,\n}: Props) {\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 or pressing Esc 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.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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","ignoreList":[]}

package/dist/Modal/ModalDialogBody.js

@@ -1,41 +1,23 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-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';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useIsVisible from '../hooks/useIsVisible';
 function ModalDialogBody(_ref) {
-  var as = _ref.as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  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, {
+  let {
+    as,
+    children,
+    ...props
+  } = _ref;
+  const [isScrolledToTop, topSentinelRef] = useIsVisible();
+  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
+  const 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
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
+    className
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: topSentinelRef
   }), /*#__PURE__*/React.createElement("div", {
     className: "pgn__modal-body-content"

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","_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","ignoreList":[]}
+{"version":3,"file":"ModalDialogBody.js","names":["React","PropTypes","classNames","useIsVisible","ModalDialogBody","_ref","as","children","props","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","className","createElement","Fragment","ref","propTypes","elementType","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Modal/ModalDialogBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useIsVisible from '../hooks/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;IACvBC,EAAE;IACFC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAM,CAACI,eAAe,EAAEC,cAAc,CAAC,GAAGP,YAAY,CAAC,CAAC;EACxD,MAAM,CAACQ,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGT,YAAY,CAAC,CAAC;EAC9D,MAAMU,SAAS,GAAGX,UAAU,CAC1B,iBAAiB,EACjBM,KAAK,CAACK,SAAS,EACf;IACE,4BAA4B,EAAEJ,eAAe;IAC7C,+BAA+B,EAAEE;EACnC,CACF,CAAC;EACD,oBAAOX,KAAK,CAACc,aAAa,CACxBR,EAAE,EACF;IAAE,GAAGE,KAAK;IAAEK;EAAU,CAAC,eAErBb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA;IAAKE,GAAG,EAAEN;EAAe,CAAE,CAAC,eAC5BV,KAAA,CAAAc,aAAA;IAAKD,SAAS,EAAC;EAAyB,GACrCN,QACE,CAAC,eACNP,KAAA,CAAAc,aAAA;IAAKE,GAAG,EAAEJ;EAAkB,CAAE,CAC9B,CAEN,CAAC;AACH;AAEAR,eAAe,CAACa,SAAS,GAAG;EAC1B;EACAX,EAAE,EAAEL,SAAS,CAACiB,WAAW;EACzB;EACAX,QAAQ,EAAEN,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAP,SAAS,EAAEZ,SAAS,CAACoB;AACvB,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,EAAE,EAAE,KAAK;EACTO,SAAS,EAAEU;AACb,CAAC;AAED,eAAenB,eAAe","ignoreList":[]}

package/dist/Modal/ModalDialogFooter.js

@@ -1,22 +1,16 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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) {
-  var as = _ref.as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
+  let {
+    as,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
     className: classNames('pgn__modal-footer', props.className)
-  }), children);
+  }, children);
 }
 ModalDialogFooter.propTypes = {
   /** Specifies the base element */

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

package/dist/Modal/ModalDialogHeader.js

@@ -1,25 +1,18 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
 /* eslint-disable react/require-default-props */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-var ModalDialogHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'div' : _ref$as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref,
+const ModalDialogHeader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    as = 'div',
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
+    ref,
     className: classNames('pgn__modal-header', props.className)
-  }), children);
+  }, children);
 });
 ModalDialogHeader.propTypes = {
   /** Specifies the base element */

package/dist/Modal/ModalDialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","forwardRef","_ref","ref","_ref$as","as","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","elementType","node","isRequired","string"],"sources":["../../src/Modal/ModalDialogHeader.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nexport interface Props {\n  as?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\ntype HeaderType = ComponentWithAsProp<'div', Props>;\n\nconst ModalDialogHeader: HeaderType = React.forwardRef<HTMLDivElement, Props>(({\n  as = 'div',\n  children,\n  ...props\n}, ref) => (\n  React.createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: classNames('pgn__modal-header', props.className),\n    },\n    children,\n  )\n));\n\nModalDialogHeader.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":";;;;;;;;;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAWnC,IAAMC,iBAA6B,gBAAGH,KAAK,CAACI,UAAU,CAAwB,UAAAC,IAAA,EAI3EC,GAAG;EAAA,IAAAC,OAAA,GAAAF,IAAA,CAHJG,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,KAAK,GAAAA,OAAA;IACVE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAAA,oBAERZ,KAAK,CAACa,aAAa,CACjBL,EAAE,EAAAM,aAAA,CAAAA,aAAA,KAEGJ,KAAK;IACRJ,GAAG,EAAHA,GAAG;IACHS,SAAS,EAAEb,UAAU,CAAC,mBAAmB,EAAEQ,KAAK,CAACK,SAAS;EAAC,IAE7DN,QACF,CAAC;AAAA,CACF,CAAC;AAEFN,iBAAiB,CAACa,SAAS,GAAG;EAC5B;EACAR,EAAE,EAAEP,SAAS,CAACgB,WAAW;EACzB;EACAR,QAAQ,EAAER,SAAS,CAACiB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEd,SAAS,CAACmB;AACvB,CAAC;AAED,eAAejB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ModalDialogHeader.js","names":["React","PropTypes","classNames","ModalDialogHeader","forwardRef","_ref","ref","as","children","props","createElement","className","propTypes","elementType","node","isRequired","string"],"sources":["../../src/Modal/ModalDialogHeader.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nexport interface Props {\n  as?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\ntype HeaderType = ComponentWithAsProp<'div', Props>;\n\nconst ModalDialogHeader: HeaderType = React.forwardRef<HTMLDivElement, Props>(({\n  as = 'div',\n  children,\n  ...props\n}, ref) => (\n  React.createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: classNames('pgn__modal-header', props.className),\n    },\n    children,\n  )\n));\n\nModalDialogHeader.propTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the header */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nexport default ModalDialogHeader;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAWnC,MAAMC,iBAA6B,gBAAGH,KAAK,CAACI,UAAU,CAAwB,CAAAC,IAAA,EAI3EC,GAAG;EAAA,IAJyE;IAC7EC,EAAE,GAAG,KAAK;IACVC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EAAA,oBACCL,KAAK,CAACU,aAAa,CACjBH,EAAE,EACF;IACE,GAAGE,KAAK;IACRH,GAAG;IACHK,SAAS,EAAET,UAAU,CAAC,mBAAmB,EAAEO,KAAK,CAACE,SAAS;EAC5D,CAAC,EACDH,QACF,CAAC;AAAA,CACF,CAAC;AAEFL,iBAAiB,CAACS,SAAS,GAAG;EAC5B;EACAL,EAAE,EAAEN,SAAS,CAACY,WAAW;EACzB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEV,SAAS,CAACe;AACvB,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}

package/dist/Modal/ModalDialogHero.js

@@ -1,24 +1,18 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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';
 import ModalDialogHeroContent from './ModalDialogHeroContent';
 import ModalDialogHeroBackground from './ModalDialogHeroBackground';
 function ModalDialogHero(_ref) {
-  var as = _ref.as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
+  let {
+    as,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
     className: classNames('pgn__modal-hero', props.className)
-  }), children);
+  }, children);
 }
 ModalDialogHero.propTypes = {
   as: PropTypes.elementType,

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

package/dist/Modal/ModalDialogHeroBackground.js

@@ -1,26 +1,21 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "backgroundSrc", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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) {
-  var as = _ref.as,
-    backgroundSrc = _ref.backgroundSrc,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
+  let {
+    as,
+    backgroundSrc,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
     className: classNames('pgn__modal-hero-bg', props.className),
-    style: _objectSpread({
-      backgroundImage: backgroundSrc ? "url(".concat(backgroundSrc, ")") : undefined
-    }, props.style)
-  }), children);
+    style: {
+      backgroundImage: backgroundSrc ? `url(${backgroundSrc})` : undefined,
+      ...props.style
+    }
+  }, children);
 }
 ModalDialogHeroBackground.propTypes = {
   as: PropTypes.elementType,

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

package/dist/Modal/ModalDialogHeroContent.js

@@ -1,22 +1,16 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["as", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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) {
-  var as = _ref.as,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(as, _objectSpread(_objectSpread({}, props), {}, {
+  let {
+    as,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(as, {
+    ...props,
     className: classNames('pgn__modal-hero-content', props.className)
-  }), children);
+  }, children);
 }
 ModalDialogHeroContent.propTypes = {
   as: PropTypes.elementType,