@unite-us/app-create-referral 0.15.59-alpha.4 → 0.15.59

package/dist/components/modal/Dialog.js

@@ -1,6 +1,19 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { Icon } from '@unite-us/ui';
@@ -9,39 +22,33 @@ import classNames from 'classnames';
 import OverlaySpinner from '../spinners/OverlaySpinner';
 import Overlay from './Overlay';
 import './Dialog.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Title = _ref => {
-  let {
-    title,
-    close,
-    removeCloseIcon,
-    titleStyles,
-    dataTestElementClose,
-    titleClass
-  } = _ref;
+var Title = function Title(_ref) {
+  var title = _ref.title,
+    close = _ref.close,
+    removeCloseIcon = _ref.removeCloseIcon,
+    titleStyles = _ref.titleStyles,
+    dataTestElementClose = _ref.dataTestElementClose,
+    titleClass = _ref.titleClass;
   if (!title) {
     return null;
   }
   if (removeCloseIcon) {
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "title",
-      style: _objectSpread({}, titleStyles),
-      children: title
-    });
+      style: _objectSpread({}, titleStyles)
+    }, title);
   }
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: _objectSpread({}, titleStyles),
     className: "title title-closeable ",
-    "data-test-element": dataTestElementClose,
-    children: [/*#__PURE__*/_jsx("span", {
-      className: "".concat(titleClass),
-      children: title
-    }), /*#__PURE__*/_jsx(Icon, {
-      className: "h-3 w-3 stroke-current stroke-1 fill-current text-text-blue",
-      icon: "IconCross",
-      onClick: close
-    })]
-  });
+    "data-test-element": dataTestElementClose
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(titleClass)
+  }, title), /*#__PURE__*/React.createElement(Icon, {
+    className: "h-3 w-3 stroke-current stroke-1 fill-current text-text-blue",
+    icon: "IconCross",
+    onClick: close
+  }));
 };
 Title.propTypes = {
   titleClass: PropTypes.string,
@@ -56,28 +63,26 @@ Title.defaultProps = {
   titleClass: '',
   titleStyles: {}
 };
-const Footer = _ref2 => {
-  let {
-    actions,
-    footerStyles
-  } = _ref2;
+var Footer = function Footer(_ref2) {
+  var actions = _ref2.actions,
+    footerStyles = _ref2.footerStyles;
   if (!actions) {
     return null;
   }
   if (_.isArray(actions)) {
-    return /*#__PURE__*/_jsx("div", {
-      className: "actions",
-      children: actions.map((a, i) => /*#__PURE__*/_jsx("span", {
-        className: "action-item",
-        children: a
-      }, i))
-    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "actions"
+    }, actions.map(function (a, i) {
+      return /*#__PURE__*/React.createElement("span", {
+        key: i,
+        className: "action-item"
+      }, a);
+    }));
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "actions",
-    style: _objectSpread({}, footerStyles),
-    children: actions
-  });
+    style: _objectSpread({}, footerStyles)
+  }, actions);
 };
 Footer.propTypes = {
   actions: PropTypes.node,
@@ -87,118 +92,142 @@ Footer.defaultProps = {
   actions: null,
   footerStyles: {}
 };
-export default class Dialog extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onRequestClose = this.onRequestClose.bind(this);
-    this.onOverlayClick = this.onOverlayClick.bind(this);
-    this.getDialogClass = this.getDialogClass.bind(this);
-    this.openDialog = this.openDialog.bind(this);
-    this.closeDialog = this.closeDialog.bind(this);
-    this.onEscape = this.onEscape.bind(this);
-    this.state = {
+var Dialog = /*#__PURE__*/function (_React$Component) {
+  function Dialog(props) {
+    var _this;
+    _classCallCheck(this, Dialog);
+    _this = _callSuper(this, Dialog, [props]);
+    _this.onRequestClose = _this.onRequestClose.bind(_this);
+    _this.onOverlayClick = _this.onOverlayClick.bind(_this);
+    _this.getDialogClass = _this.getDialogClass.bind(_this);
+    _this.openDialog = _this.openDialog.bind(_this);
+    _this.closeDialog = _this.closeDialog.bind(_this);
+    _this.onEscape = _this.onEscape.bind(_this);
+    _this.state = {
       open: false,
-      resolver: () => null
+      resolver: function resolver() {
+        return null;
+      }
     };
+    return _this;
   }
-  onEscape(e) {
-    if (e.key === 'Escape' && !this.props.modal) {
-      this.onRequestClose();
+  _inherits(Dialog, _React$Component);
+  return _createClass(Dialog, [{
+    key: "onEscape",
+    value: function onEscape(e) {
+      if (e.key === 'Escape' && !this.props.modal) {
+        this.onRequestClose();
+      }
     }
-  }
-  onRequestClose() {
-    if (_.isFunction(this.props.onRequestClose)) {
-      return this.props.onRequestClose();
+  }, {
+    key: "onRequestClose",
+    value: function onRequestClose() {
+      if (_.isFunction(this.props.onRequestClose)) {
+        return this.props.onRequestClose();
+      }
+      return this.closeDialog();
     }
-    return this.closeDialog();
-  }
-  onOverlayClick() {
-    if (!this.props.modal) {
-      this.onRequestClose();
+  }, {
+    key: "onOverlayClick",
+    value: function onOverlayClick() {
+      if (!this.props.modal) {
+        this.onRequestClose();
+      }
     }
-  }
-  getDialogClass() {
-    return classNames({
-      dialog: true,
-      open: this.state.open
-    });
-  }
-  openDialog() {
-    document.addEventListener('keyup', this.onEscape);
-    return new Promise(resolve => {
+  }, {
+    key: "getDialogClass",
+    value: function getDialogClass() {
+      return classNames({
+        dialog: true,
+        open: this.state.open
+      });
+    }
+  }, {
+    key: "openDialog",
+    value: function openDialog() {
+      var _this2 = this;
+      document.addEventListener('keyup', this.onEscape);
+      return new Promise(function (resolve) {
+        _this2.setState({
+          resolver: resolve
+        }, function () {
+          return _this2.setState({
+            open: true
+          });
+        });
+      });
+    }
+  }, {
+    key: "closeDialog",
+    value: function closeDialog() {
+      var _this3 = this;
+      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'dismiss';
+      document.removeEventListener('keyup', this.onEscape);
       this.setState({
-        resolver: resolve
-      }, () => this.setState({
-        open: true
-      }));
-    });
-  }
-  closeDialog() {
-    let action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'dismiss';
-    document.removeEventListener('keyup', this.onEscape);
-    this.setState({
-      open: false
-    }, () => this.state.resolver(action));
-  }
-  render() {
-    const {
-      actions,
-      children,
-      id,
-      removeCloseIcon,
-      spinnerShow,
-      spinnerText,
-      spinnerDescription,
-      size,
-      titleStyles,
-      footerStyles,
-      title,
-      dialogContentStyles,
-      showBorderRadius,
-      dataTestElementClose,
-      className,
-      customSize,
-      titleClass,
-      'data-testid': dataId
-    } = this.props;
-    if (!this.state.open) return null;
-    return /*#__PURE__*/_jsxs("div", {
-      id: id,
-      tabIndex: -1,
-      className: classNames(className, "".concat(this.getDialogClass()), customSize ? 'custom' : size),
-      "data-testid": dataId,
-      children: [/*#__PURE__*/_jsx(Overlay, {
+        open: false
+      }, function () {
+        return _this3.state.resolver(action);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        actions = _this$props.actions,
+        children = _this$props.children,
+        id = _this$props.id,
+        removeCloseIcon = _this$props.removeCloseIcon,
+        spinnerShow = _this$props.spinnerShow,
+        spinnerText = _this$props.spinnerText,
+        spinnerDescription = _this$props.spinnerDescription,
+        size = _this$props.size,
+        titleStyles = _this$props.titleStyles,
+        footerStyles = _this$props.footerStyles,
+        title = _this$props.title,
+        dialogContentStyles = _this$props.dialogContentStyles,
+        showBorderRadius = _this$props.showBorderRadius,
+        dataTestElementClose = _this$props.dataTestElementClose,
+        className = _this$props.className,
+        customSize = _this$props.customSize,
+        titleClass = _this$props.titleClass,
+        dataId = _this$props['data-testid'];
+      if (!this.state.open) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        id: id,
+        tabIndex: -1,
+        className: classNames(className, "".concat(this.getDialogClass()), customSize ? 'custom' : size),
+        "data-testid": dataId
+      }, /*#__PURE__*/React.createElement(Overlay, {
         open: this.state.open,
         autoLockScrolling: true,
         onClick: this.onOverlayClick
-      }), /*#__PURE__*/_jsxs("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: classNames('dialog-paper', {
           'dialog-radius': showBorderRadius
         }),
-        style: customSize,
-        children: [/*#__PURE__*/_jsx(OverlaySpinner, {
-          show: spinnerShow,
-          text: spinnerText,
-          description: spinnerDescription
-        }), /*#__PURE__*/_jsx(Title, {
-          title: title,
-          close: this.onRequestClose,
-          removeCloseIcon: removeCloseIcon,
-          titleStyles: titleStyles,
-          dataTestElementClose: dataTestElementClose,
-          titleClass: titleClass
-        }), /*#__PURE__*/_jsx("div", {
-          className: "dialog-content",
-          style: _objectSpread({}, dialogContentStyles),
-          children: children
-        }), /*#__PURE__*/_jsx(Footer, {
-          footerStyles: footerStyles,
-          actions: actions
-        })]
-      })]
-    });
-  }
-}
+        style: customSize
+      }, /*#__PURE__*/React.createElement(OverlaySpinner, {
+        show: spinnerShow,
+        text: spinnerText,
+        description: spinnerDescription
+      }), /*#__PURE__*/React.createElement(Title, {
+        title: title,
+        close: this.onRequestClose,
+        removeCloseIcon: removeCloseIcon,
+        titleStyles: titleStyles,
+        dataTestElementClose: dataTestElementClose,
+        titleClass: titleClass
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "dialog-content",
+        style: _objectSpread({}, dialogContentStyles)
+      }, children), /*#__PURE__*/React.createElement(Footer, {
+        footerStyles: footerStyles,
+        actions: actions
+      })));
+    }
+  }]);
+}(React.Component);
+export { Dialog as default };
 Dialog.propTypes = {
   titleClass: PropTypes.string,
   className: PropTypes.string,

package/dist/components/modal/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","PropTypes","Icon","_","classNames","OverlaySpinner","Overlay","jsx","_jsx","jsxs","_jsxs","Title","_ref","title","close","removeCloseIcon","titleStyles","dataTestElementClose","titleClass","className","style","_objectSpread","children","concat","icon","onClick","propTypes","string","object","func","isRequired","bool","defaultProps","Footer","_ref2","actions","footerStyles","isArray","map","a","i","node","Dialog","Component","constructor","props","onRequestClose","bind","onOverlayClick","getDialogClass","openDialog","closeDialog","onEscape","state","open","resolver","e","key","modal","isFunction","dialog","document","addEventListener","Promise","resolve","setState","action","arguments","length","undefined","removeEventListener","render","id","spinnerShow","spinnerText","spinnerDescription","size","dialogContentStyles","showBorderRadius","customSize","dataId","tabIndex","autoLockScrolling","show","text","description","oneOf","shape","width","height"],"sources":["../../../src/components/modal/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport _ from 'lodash';\nimport classNames from 'classnames';\nimport OverlaySpinner from '../spinners/OverlaySpinner';\nimport Overlay from './Overlay';\nimport './Dialog.scss';\n\nconst Title = ({\n  title,\n  close,\n  removeCloseIcon,\n  titleStyles,\n  dataTestElementClose,\n  titleClass\n}) => {\n  if (!title) {\n    return null;\n  }\n\n  if (removeCloseIcon) {\n    return (<div className=\"title\" style={{ ...titleStyles }}>{title}</div>);\n  }\n\n  return (\n    <div style={{ ...titleStyles }} className={`title title-closeable `} data-test-element={dataTestElementClose}>\n      <span className={`${titleClass}`}>{title}</span>\n      <Icon\n        className={\"h-3 w-3 stroke-current stroke-1 fill-current text-text-blue\"}\n        icon=\"IconCross\"\n        onClick={close}\n      />\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  titleClass: PropTypes.string,\n  title: PropTypes.string,\n  titleStyles: PropTypes.object,\n  close: PropTypes.func.isRequired,\n  removeCloseIcon: PropTypes.bool.isRequired,\n  dataTestElementClose: PropTypes.string.isRequired,\n};\n\nTitle.defaultProps = {\n  title: null,\n  titleClass: '',\n  titleStyles: {},\n};\n\nconst Footer = ({ actions, footerStyles }) => {\n  if (!actions) {\n    return null;\n  }\n  if (_.isArray(actions)) {\n    return (\n      <div className=\"actions\">\n        {actions.map((a, i) => <span key={i} className=\"action-item\">{a}</span>)}\n      </div>\n    );\n  }\n  return (\n    <div className=\"actions\" style={{ ...footerStyles }}>\n      {actions}\n    </div>\n  );\n};\n\nFooter.propTypes = {\n  actions: PropTypes.node,\n  footerStyles: PropTypes.object,\n};\n\nFooter.defaultProps = {\n  actions: null,\n  footerStyles: {},\n};\n\nexport default class Dialog extends React.Component {\n  constructor(props) {\n    super(props);\n    this.onRequestClose = this.onRequestClose.bind(this);\n    this.onOverlayClick = this.onOverlayClick.bind(this);\n    this.getDialogClass = this.getDialogClass.bind(this);\n    this.openDialog = this.openDialog.bind(this);\n    this.closeDialog = this.closeDialog.bind(this);\n    this.onEscape = this.onEscape.bind(this);\n    this.state = {\n      open: false,\n      resolver: () => null,\n    };\n  }\n\n  onEscape(e) {\n    if (e.key === 'Escape' && !this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  onRequestClose() {\n    if (_.isFunction(this.props.onRequestClose)) {\n      return this.props.onRequestClose();\n    }\n    return this.closeDialog();\n  }\n\n  onOverlayClick() {\n    if (!this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  getDialogClass() {\n    return classNames({\n      dialog: true,\n      open: this.state.open,\n    });\n  }\n\n  openDialog() {\n    document.addEventListener('keyup', this.onEscape);\n    return new Promise((resolve) => {\n      this.setState({ resolver: resolve }, () => (\n        this.setState({ open: true })\n      ));\n    });\n  }\n\n  closeDialog(action = 'dismiss') {\n    document.removeEventListener('keyup', this.onEscape);\n    this.setState({ open: false }, () => (\n      this.state.resolver(action)\n    ));\n  }\n\n  render() {\n    const {\n      actions,\n      children,\n      id,\n      removeCloseIcon,\n      spinnerShow,\n      spinnerText,\n      spinnerDescription,\n      size,\n      titleStyles,\n      footerStyles,\n      title,\n      dialogContentStyles,\n      showBorderRadius,\n      dataTestElementClose,\n      className,\n      customSize,\n      titleClass,\n      'data-testid': dataId,\n    } = this.props;\n\n    if(!this.state.open) return null;\n\n    return (\n      <div\n        id={id}\n        tabIndex={-1}\n        className={classNames(\n          className,\n          `${this.getDialogClass()}`,\n          customSize ? 'custom' : size,\n        )}\n        data-testid={dataId}\n      >\n        <Overlay\n          open={this.state.open}\n          autoLockScrolling\n          onClick={this.onOverlayClick}\n        />\n        <div className={classNames('dialog-paper', { 'dialog-radius': showBorderRadius })} style={customSize}>\n          <OverlaySpinner\n            show={spinnerShow}\n            text={spinnerText}\n            description={spinnerDescription}\n          />\n          <Title\n            title={title}\n            close={this.onRequestClose}\n            removeCloseIcon={removeCloseIcon}\n            titleStyles={titleStyles}\n            dataTestElementClose={dataTestElementClose}\n            titleClass={titleClass}\n          />\n          <div className=\"dialog-content\" style={{ ...dialogContentStyles }}>\n            {children}\n          </div>\n          <Footer\n            footerStyles={footerStyles}\n            actions={actions}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nDialog.propTypes = {\n  titleClass: PropTypes.string,\n  className: PropTypes.string,\n  actions: PropTypes.node,\n  children: PropTypes.node.isRequired,\n  id: PropTypes.string,\n  modal: PropTypes.bool,\n  onRequestClose: PropTypes.func,\n  removeCloseIcon: PropTypes.bool,\n  size: PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),\n  spinnerShow: PropTypes.bool,\n  spinnerText: PropTypes.string,\n  spinnerDescription: PropTypes.string,\n  titleStyles: PropTypes.object,\n  footerStyles: PropTypes.object,\n  title: PropTypes.node,\n  dialogContentStyles: PropTypes.object,\n  showBorderRadius: PropTypes.bool,\n  dataTestElementClose: PropTypes.string,\n  customSize: PropTypes.shape({\n    width: PropTypes.string,\n    height: PropTypes.string,\n  }),\n  'data-testid': PropTypes.string,\n};\n\nDialog.defaultProps = {\n  titleClass: '',\n  className: '',\n  actions: null,\n  footerStyles: {},\n  id: '',\n  modal: false,\n  onRequestClose: null,\n  removeCloseIcon: false,\n  size: 'normal',\n  spinnerDescription: '',\n  spinnerShow: false,\n  spinnerText: 'Submitting...',\n  title: null,\n  titleStyles: {},\n  dialogContentStyles: {},\n  showBorderRadius: false,\n  dataTestElementClose: 'modal-close',\n  customSize: null,\n  'data-testid': undefined,\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,CAAC,MAAM,QAAQ;AACtB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAO,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvB,MAAMC,KAAK,GAAGC,IAAA,IAOR;EAAA,IAPS;IACbC,KAAK;IACLC,KAAK;IACLC,eAAe;IACfC,WAAW;IACXC,oBAAoB;IACpBC;EACF,CAAC,GAAAN,IAAA;EACC,IAAI,CAACC,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIE,eAAe,EAAE;IACnB,oBAAQP,IAAA;MAAKW,SAAS,EAAC,OAAO;MAACC,KAAK,EAAAC,aAAA,KAAOL,WAAW,CAAG;MAAAM,QAAA,EAAET;IAAK,CAAM,CAAC;EACzE;EAEA,oBACEH,KAAA;IAAKU,KAAK,EAAAC,aAAA,KAAOL,WAAW,CAAG;IAACG,SAAS,0BAA2B;IAAC,qBAAmBF,oBAAqB;IAAAK,QAAA,gBAC3Gd,IAAA;MAAMW,SAAS,KAAAI,MAAA,CAAKL,UAAU,CAAG;MAAAI,QAAA,EAAET;IAAK,CAAO,CAAC,eAChDL,IAAA,CAACN,IAAI;MACHiB,SAAS,EAAE,6DAA8D;MACzEK,IAAI,EAAC,WAAW;MAChBC,OAAO,EAAEX;IAAM,CAChB,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAEDH,KAAK,CAACe,SAAS,GAAG;EAChBR,UAAU,EAAEjB,SAAS,CAAC0B,MAAM;EAC5Bd,KAAK,EAAEZ,SAAS,CAAC0B,MAAM;EACvBX,WAAW,EAAEf,SAAS,CAAC2B,MAAM;EAC7Bd,KAAK,EAAEb,SAAS,CAAC4B,IAAI,CAACC,UAAU;EAChCf,eAAe,EAAEd,SAAS,CAAC8B,IAAI,CAACD,UAAU;EAC1Cb,oBAAoB,EAAEhB,SAAS,CAAC0B,MAAM,CAACG;AACzC,CAAC;AAEDnB,KAAK,CAACqB,YAAY,GAAG;EACnBnB,KAAK,EAAE,IAAI;EACXK,UAAU,EAAE,EAAE;EACdF,WAAW,EAAE,CAAC;AAChB,CAAC;AAED,MAAMiB,MAAM,GAAGC,KAAA,IAA+B;EAAA,IAA9B;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAAF,KAAA;EACvC,IAAI,CAACC,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EACA,IAAIhC,CAAC,CAACkC,OAAO,CAACF,OAAO,CAAC,EAAE;IACtB,oBACE3B,IAAA;MAAKW,SAAS,EAAC,SAAS;MAAAG,QAAA,EACrBa,OAAO,CAACG,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAAKhC,IAAA;QAAcW,SAAS,EAAC,aAAa;QAAAG,QAAA,EAAEiB;MAAC,GAA7BC,CAAoC,CAAC;IAAC,CACrE,CAAC;EAEV;EACA,oBACEhC,IAAA;IAAKW,SAAS,EAAC,SAAS;IAACC,KAAK,EAAAC,aAAA,KAAOe,YAAY,CAAG;IAAAd,QAAA,EACjDa;EAAO,CACL,CAAC;AAEV,CAAC;AAEDF,MAAM,CAACP,SAAS,GAAG;EACjBS,OAAO,EAAElC,SAAS,CAACwC,IAAI;EACvBL,YAAY,EAAEnC,SAAS,CAAC2B;AAC1B,CAAC;AAEDK,MAAM,CAACD,YAAY,GAAG;EACpBG,OAAO,EAAE,IAAI;EACbC,YAAY,EAAE,CAAC;AACjB,CAAC;AAED,eAAe,MAAMM,MAAM,SAAS1C,KAAK,CAAC2C,SAAS,CAAC;EAClDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACC,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACD,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACE,cAAc,GAAG,IAAI,CAACA,cAAc,CAACF,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACG,UAAU,GAAG,IAAI,CAACA,UAAU,CAACH,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACI,WAAW,GAAG,IAAI,CAACA,WAAW,CAACJ,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,CAACK,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACL,IAAI,CAAC,IAAI,CAAC;IACxC,IAAI,CAACM,KAAK,GAAG;MACXC,IAAI,EAAE,KAAK;MACXC,QAAQ,EAAEA,CAAA,KAAM;IAClB,CAAC;EACH;EAEAH,QAAQA,CAACI,CAAC,EAAE;IACV,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAI,CAAC,IAAI,CAACZ,KAAK,CAACa,KAAK,EAAE;MAC3C,IAAI,CAACZ,cAAc,CAAC,CAAC;IACvB;EACF;EAEAA,cAAcA,CAAA,EAAG;IACf,IAAI3C,CAAC,CAACwD,UAAU,CAAC,IAAI,CAACd,KAAK,CAACC,cAAc,CAAC,EAAE;MAC3C,OAAO,IAAI,CAACD,KAAK,CAACC,cAAc,CAAC,CAAC;IACpC;IACA,OAAO,IAAI,CAACK,WAAW,CAAC,CAAC;EAC3B;EAEAH,cAAcA,CAAA,EAAG;IACf,IAAI,CAAC,IAAI,CAACH,KAAK,CAACa,KAAK,EAAE;MACrB,IAAI,CAACZ,cAAc,CAAC,CAAC;IACvB;EACF;EAEAG,cAAcA,CAAA,EAAG;IACf,OAAO7C,UAAU,CAAC;MAChBwD,MAAM,EAAE,IAAI;MACZN,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC;IACnB,CAAC,CAAC;EACJ;EAEAJ,UAAUA,CAAA,EAAG;IACXW,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACV,QAAQ,CAAC;IACjD,OAAO,IAAIW,OAAO,CAAEC,OAAO,IAAK;MAC9B,IAAI,CAACC,QAAQ,CAAC;QAAEV,QAAQ,EAAES;MAAQ,CAAC,EAAE,MACnC,IAAI,CAACC,QAAQ,CAAC;QAAEX,IAAI,EAAE;MAAK,CAAC,CAC7B,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAH,WAAWA,CAAA,EAAqB;IAAA,IAApBe,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;IAC5BN,QAAQ,CAACS,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAClB,QAAQ,CAAC;IACpD,IAAI,CAACa,QAAQ,CAAC;MAAEX,IAAI,EAAE;IAAM,CAAC,EAAE,MAC7B,IAAI,CAACD,KAAK,CAACE,QAAQ,CAACW,MAAM,CAC3B,CAAC;EACJ;EAEAK,MAAMA,CAAA,EAAG;IACP,MAAM;MACJpC,OAAO;MACPb,QAAQ;MACRkD,EAAE;MACFzD,eAAe;MACf0D,WAAW;MACXC,WAAW;MACXC,kBAAkB;MAClBC,IAAI;MACJ5D,WAAW;MACXoB,YAAY;MACZvB,KAAK;MACLgE,mBAAmB;MACnBC,gBAAgB;MAChB7D,oBAAoB;MACpBE,SAAS;MACT4D,UAAU;MACV7D,UAAU;MACV,aAAa,EAAE8D;IACjB,CAAC,GAAG,IAAI,CAACnC,KAAK;IAEd,IAAG,CAAC,IAAI,CAACQ,KAAK,CAACC,IAAI,EAAE,OAAO,IAAI;IAEhC,oBACE5C,KAAA;MACE8D,EAAE,EAAEA,EAAG;MACPS,QAAQ,EAAE,CAAC,CAAE;MACb9D,SAAS,EAAEf,UAAU,CACnBe,SAAS,KAAAI,MAAA,CACN,IAAI,CAAC0B,cAAc,CAAC,CAAC,GACxB8B,UAAU,GAAG,QAAQ,GAAGH,IAC1B,CAAE;MACF,eAAaI,MAAO;MAAA1D,QAAA,gBAEpBd,IAAA,CAACF,OAAO;QACNgD,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC,IAAK;QACtB4B,iBAAiB;QACjBzD,OAAO,EAAE,IAAI,CAACuB;MAAe,CAC9B,CAAC,eACFtC,KAAA;QAAKS,SAAS,EAAEf,UAAU,CAAC,cAAc,EAAE;UAAE,eAAe,EAAE0E;QAAiB,CAAC,CAAE;QAAC1D,KAAK,EAAE2D,UAAW;QAAAzD,QAAA,gBACnGd,IAAA,CAACH,cAAc;UACb8E,IAAI,EAAEV,WAAY;UAClBW,IAAI,EAAEV,WAAY;UAClBW,WAAW,EAAEV;QAAmB,CACjC,CAAC,eACFnE,IAAA,CAACG,KAAK;UACJE,KAAK,EAAEA,KAAM;UACbC,KAAK,EAAE,IAAI,CAACgC,cAAe;UAC3B/B,eAAe,EAAEA,eAAgB;UACjCC,WAAW,EAAEA,WAAY;UACzBC,oBAAoB,EAAEA,oBAAqB;UAC3CC,UAAU,EAAEA;QAAW,CACxB,CAAC,eACFV,IAAA;UAAKW,SAAS,EAAC,gBAAgB;UAACC,KAAK,EAAAC,aAAA,KAAOwD,mBAAmB,CAAG;UAAAvD,QAAA,EAC/DA;QAAQ,CACN,CAAC,eACNd,IAAA,CAACyB,MAAM;UACLG,YAAY,EAAEA,YAAa;UAC3BD,OAAO,EAAEA;QAAQ,CAClB,CAAC;MAAA,CACC,CAAC;IAAA,CACH,CAAC;EAEV;AACF;AAEAO,MAAM,CAAChB,SAAS,GAAG;EACjBR,UAAU,EAAEjB,SAAS,CAAC0B,MAAM;EAC5BR,SAAS,EAAElB,SAAS,CAAC0B,MAAM;EAC3BQ,OAAO,EAAElC,SAAS,CAACwC,IAAI;EACvBnB,QAAQ,EAAErB,SAAS,CAACwC,IAAI,CAACX,UAAU;EACnC0C,EAAE,EAAEvE,SAAS,CAAC0B,MAAM;EACpB+B,KAAK,EAAEzD,SAAS,CAAC8B,IAAI;EACrBe,cAAc,EAAE7C,SAAS,CAAC4B,IAAI;EAC9Bd,eAAe,EAAEd,SAAS,CAAC8B,IAAI;EAC/B6C,IAAI,EAAE3E,SAAS,CAACqF,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5Eb,WAAW,EAAExE,SAAS,CAAC8B,IAAI;EAC3B2C,WAAW,EAAEzE,SAAS,CAAC0B,MAAM;EAC7BgD,kBAAkB,EAAE1E,SAAS,CAAC0B,MAAM;EACpCX,WAAW,EAAEf,SAAS,CAAC2B,MAAM;EAC7BQ,YAAY,EAAEnC,SAAS,CAAC2B,MAAM;EAC9Bf,KAAK,EAAEZ,SAAS,CAACwC,IAAI;EACrBoC,mBAAmB,EAAE5E,SAAS,CAAC2B,MAAM;EACrCkD,gBAAgB,EAAE7E,SAAS,CAAC8B,IAAI;EAChCd,oBAAoB,EAAEhB,SAAS,CAAC0B,MAAM;EACtCoD,UAAU,EAAE9E,SAAS,CAACsF,KAAK,CAAC;IAC1BC,KAAK,EAAEvF,SAAS,CAAC0B,MAAM;IACvB8D,MAAM,EAAExF,SAAS,CAAC0B;EACpB,CAAC,CAAC;EACF,aAAa,EAAE1B,SAAS,CAAC0B;AAC3B,CAAC;AAEDe,MAAM,CAACV,YAAY,GAAG;EACpBd,UAAU,EAAE,EAAE;EACdC,SAAS,EAAE,EAAE;EACbgB,OAAO,EAAE,IAAI;EACbC,YAAY,EAAE,CAAC,CAAC;EAChBoC,EAAE,EAAE,EAAE;EACNd,KAAK,EAAE,KAAK;EACZZ,cAAc,EAAE,IAAI;EACpB/B,eAAe,EAAE,KAAK;EACtB6D,IAAI,EAAE,QAAQ;EACdD,kBAAkB,EAAE,EAAE;EACtBF,WAAW,EAAE,KAAK;EAClBC,WAAW,EAAE,eAAe;EAC5B7D,KAAK,EAAE,IAAI;EACXG,WAAW,EAAE,CAAC,CAAC;EACf6D,mBAAmB,EAAE,CAAC,CAAC;EACvBC,gBAAgB,EAAE,KAAK;EACvB7D,oBAAoB,EAAE,aAAa;EACnC8D,UAAU,EAAE,IAAI;EAChB,aAAa,EAAEV;AACjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Dialog.js","names":["React","PropTypes","Icon","_","classNames","OverlaySpinner","Overlay","Title","_ref","title","close","removeCloseIcon","titleStyles","dataTestElementClose","titleClass","createElement","className","style","_objectSpread","concat","icon","onClick","propTypes","string","object","func","isRequired","bool","defaultProps","Footer","_ref2","actions","footerStyles","isArray","map","a","i","key","node","Dialog","_React$Component","props","_this","_classCallCheck","_callSuper","onRequestClose","bind","onOverlayClick","getDialogClass","openDialog","closeDialog","onEscape","state","open","resolver","_inherits","_createClass","value","e","modal","isFunction","dialog","_this2","document","addEventListener","Promise","resolve","setState","_this3","action","arguments","length","undefined","removeEventListener","render","_this$props","children","id","spinnerShow","spinnerText","spinnerDescription","size","dialogContentStyles","showBorderRadius","customSize","dataId","tabIndex","autoLockScrolling","show","text","description","Component","default","oneOf","shape","width","height"],"sources":["../../../src/components/modal/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport _ from 'lodash';\nimport classNames from 'classnames';\nimport OverlaySpinner from '../spinners/OverlaySpinner';\nimport Overlay from './Overlay';\nimport './Dialog.scss';\n\nconst Title = ({\n  title,\n  close,\n  removeCloseIcon,\n  titleStyles,\n  dataTestElementClose,\n  titleClass\n}) => {\n  if (!title) {\n    return null;\n  }\n\n  if (removeCloseIcon) {\n    return (<div className=\"title\" style={{ ...titleStyles }}>{title}</div>);\n  }\n\n  return (\n    <div style={{ ...titleStyles }} className={`title title-closeable `} data-test-element={dataTestElementClose}>\n      <span className={`${titleClass}`}>{title}</span>\n      <Icon\n        className={\"h-3 w-3 stroke-current stroke-1 fill-current text-text-blue\"}\n        icon=\"IconCross\"\n        onClick={close}\n      />\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  titleClass: PropTypes.string,\n  title: PropTypes.string,\n  titleStyles: PropTypes.object,\n  close: PropTypes.func.isRequired,\n  removeCloseIcon: PropTypes.bool.isRequired,\n  dataTestElementClose: PropTypes.string.isRequired,\n};\n\nTitle.defaultProps = {\n  title: null,\n  titleClass: '',\n  titleStyles: {},\n};\n\nconst Footer = ({ actions, footerStyles }) => {\n  if (!actions) {\n    return null;\n  }\n  if (_.isArray(actions)) {\n    return (\n      <div className=\"actions\">\n        {actions.map((a, i) => <span key={i} className=\"action-item\">{a}</span>)}\n      </div>\n    );\n  }\n  return (\n    <div className=\"actions\" style={{ ...footerStyles }}>\n      {actions}\n    </div>\n  );\n};\n\nFooter.propTypes = {\n  actions: PropTypes.node,\n  footerStyles: PropTypes.object,\n};\n\nFooter.defaultProps = {\n  actions: null,\n  footerStyles: {},\n};\n\nexport default class Dialog extends React.Component {\n  constructor(props) {\n    super(props);\n    this.onRequestClose = this.onRequestClose.bind(this);\n    this.onOverlayClick = this.onOverlayClick.bind(this);\n    this.getDialogClass = this.getDialogClass.bind(this);\n    this.openDialog = this.openDialog.bind(this);\n    this.closeDialog = this.closeDialog.bind(this);\n    this.onEscape = this.onEscape.bind(this);\n    this.state = {\n      open: false,\n      resolver: () => null,\n    };\n  }\n\n  onEscape(e) {\n    if (e.key === 'Escape' && !this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  onRequestClose() {\n    if (_.isFunction(this.props.onRequestClose)) {\n      return this.props.onRequestClose();\n    }\n    return this.closeDialog();\n  }\n\n  onOverlayClick() {\n    if (!this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  getDialogClass() {\n    return classNames({\n      dialog: true,\n      open: this.state.open,\n    });\n  }\n\n  openDialog() {\n    document.addEventListener('keyup', this.onEscape);\n    return new Promise((resolve) => {\n      this.setState({ resolver: resolve }, () => (\n        this.setState({ open: true })\n      ));\n    });\n  }\n\n  closeDialog(action = 'dismiss') {\n    document.removeEventListener('keyup', this.onEscape);\n    this.setState({ open: false }, () => (\n      this.state.resolver(action)\n    ));\n  }\n\n  render() {\n    const {\n      actions,\n      children,\n      id,\n      removeCloseIcon,\n      spinnerShow,\n      spinnerText,\n      spinnerDescription,\n      size,\n      titleStyles,\n      footerStyles,\n      title,\n      dialogContentStyles,\n      showBorderRadius,\n      dataTestElementClose,\n      className,\n      customSize,\n      titleClass,\n      'data-testid': dataId,\n    } = this.props;\n\n    if(!this.state.open) return null;\n\n    return (\n      <div\n        id={id}\n        tabIndex={-1}\n        className={classNames(\n          className,\n          `${this.getDialogClass()}`,\n          customSize ? 'custom' : size,\n        )}\n        data-testid={dataId}\n      >\n        <Overlay\n          open={this.state.open}\n          autoLockScrolling\n          onClick={this.onOverlayClick}\n        />\n        <div className={classNames('dialog-paper', { 'dialog-radius': showBorderRadius })} style={customSize}>\n          <OverlaySpinner\n            show={spinnerShow}\n            text={spinnerText}\n            description={spinnerDescription}\n          />\n          <Title\n            title={title}\n            close={this.onRequestClose}\n            removeCloseIcon={removeCloseIcon}\n            titleStyles={titleStyles}\n            dataTestElementClose={dataTestElementClose}\n            titleClass={titleClass}\n          />\n          <div className=\"dialog-content\" style={{ ...dialogContentStyles }}>\n            {children}\n          </div>\n          <Footer\n            footerStyles={footerStyles}\n            actions={actions}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nDialog.propTypes = {\n  titleClass: PropTypes.string,\n  className: PropTypes.string,\n  actions: PropTypes.node,\n  children: PropTypes.node.isRequired,\n  id: PropTypes.string,\n  modal: PropTypes.bool,\n  onRequestClose: PropTypes.func,\n  removeCloseIcon: PropTypes.bool,\n  size: PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),\n  spinnerShow: PropTypes.bool,\n  spinnerText: PropTypes.string,\n  spinnerDescription: PropTypes.string,\n  titleStyles: PropTypes.object,\n  footerStyles: PropTypes.object,\n  title: PropTypes.node,\n  dialogContentStyles: PropTypes.object,\n  showBorderRadius: PropTypes.bool,\n  dataTestElementClose: PropTypes.string,\n  customSize: PropTypes.shape({\n    width: PropTypes.string,\n    height: PropTypes.string,\n  }),\n  'data-testid': PropTypes.string,\n};\n\nDialog.defaultProps = {\n  titleClass: '',\n  className: '',\n  actions: null,\n  footerStyles: {},\n  id: '',\n  modal: false,\n  onRequestClose: null,\n  removeCloseIcon: false,\n  size: 'normal',\n  spinnerDescription: '',\n  spinnerShow: false,\n  spinnerText: 'Submitting...',\n  title: null,\n  titleStyles: {},\n  dialogContentStyles: {},\n  showBorderRadius: false,\n  dataTestElementClose: 'modal-close',\n  customSize: null,\n  'data-testid': undefined,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/components/modal/Overlay.js

@@ -1,11 +1,10 @@
 import React from 'react';
 import { PropTypes } from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
 export default function Overlay(props) {
   if (!props.open) {
     return null;
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "overlay",
     onClick: props.onClick
   }) // cursor-default

package/dist/components/modal/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["React","PropTypes","jsx","_jsx","Overlay","props","open","className","onClick","propTypes","bool","isRequired","func"],"sources":["../../../src/components/modal/Overlay.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nexport default function Overlay(props) {\n  if (!props.open) {\n    return null;\n  }\n  return (\n    <div className=\"overlay\" onClick={props.onClick} /> // cursor-default\n  );\n}\n\nOverlay.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,eAAe,SAASC,OAAOA,CAACC,KAAK,EAAE;EACrC,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACf,OAAO,IAAI;EACb;EACA,oBACEH,IAAA;IAAKI,SAAS,EAAC,SAAS;IAACC,OAAO,EAAEH,KAAK,CAACG;EAAQ,CAAE,CAAC,CAAC;EAAA;AAExD;AAEAJ,OAAO,CAACK,SAAS,GAAG;EAClBH,IAAI,EAAEL,SAAS,CAACS,IAAI,CAACC,UAAU;EAC/BH,OAAO,EAAEP,SAAS,CAACW,IAAI,CAACD;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"file":"Overlay.js","names":["React","PropTypes","Overlay","props","open","createElement","className","onClick","propTypes","bool","isRequired","func"],"sources":["../../../src/components/modal/Overlay.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nexport default function Overlay(props) {\n  if (!props.open) {\n    return null;\n  }\n  return (\n    <div className=\"overlay\" onClick={props.onClick} /> // cursor-default\n  );\n}\n\nOverlay.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AAEtC,eAAe,SAASC,OAAOA,CAACC,KAAK,EAAE;EACrC,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACf,OAAO,IAAI;EACb;EACA,oBACEJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC,SAAS;IAACC,OAAO,EAAEJ,KAAK,CAACI;EAAQ,CAAE,CAAC,CAAC;EAAA;AAExD;AAEAL,OAAO,CAACM,SAAS,GAAG;EAClBJ,IAAI,EAAEH,SAAS,CAACQ,IAAI,CAACC,UAAU;EAC/BH,OAAO,EAAEN,SAAS,CAACU,IAAI,CAACD;AAC1B,CAAC","ignoreList":[]}

package/dist/components/service_authorization/AuthorizationSpendCard.js

@@ -8,81 +8,69 @@ import LineItem from '../../pages/builder/LineItem';
 import formatShortDate from './formatShortDate';
 import Spend from './Spend';
 import CaseStatus from './CaseStatus';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AuthorizationSpendCard = _ref => {
-  let {
-    item,
-    unit,
-    isAuthorized,
-    isCostBased,
-    isCurrentItem,
-    fieldClassName,
-    cardClassName,
-    enabledLink,
-    valueClassName
-  } = _ref;
+var AuthorizationSpendCard = function AuthorizationSpendCard(_ref) {
+  var item = _ref.item,
+    unit = _ref.unit,
+    isAuthorized = _ref.isAuthorized,
+    isCostBased = _ref.isCostBased,
+    isCurrentItem = _ref.isCurrentItem,
+    fieldClassName = _ref.fieldClassName,
+    cardClassName = _ref.cardClassName,
+    enabledLink = _ref.enabledLink,
+    valueClassName = _ref.valueClassName;
   usePopulate('fee_schedule_program', 'fee_schedule_program', item, {
     placeholderData: undefined
   });
-  const isAutoApproved = item.auto_approved;
-  const programName = item.fee_schedule_program.name;
-  const requestText = "Request #".concat(item.short_id);
-  const requestLink = /*#__PURE__*/_jsx(Link, {
-    to: "/authorizations/".concat(item.id),
-    children: requestText
-  });
-  const createdDate = formatShortDate(item.created_at);
-  const updatedDate = formatShortDate(item.updated_at);
-  const startDate = formatShortDate(item.service_starts_at);
-  const endDate = formatShortDate(item.service_ends_at);
-  const caseOpenedDate = item !== null && item !== void 0 && item.case_opened_date ? formatShortDate(item.case_opened_date) : '';
-  const caseClosedDate = item !== null && item !== void 0 && item.case_closed_date ? formatShortDate(item.case_closed_date) : '';
-  const requestId = !isCurrentItem && enabledLink ? requestLink : requestText;
-  return /*#__PURE__*/_jsxs(Card, {
-    className: cx(cardClassName, isCurrentItem && 'bg-light-border-grey'),
-    children: [isCurrentItem && /*#__PURE__*/_jsx("div", {
-      className: "italic pt-4 px-4",
-      children: "This is the request you are currently viewing."
-    }), programName && !isCurrentItem && /*#__PURE__*/_jsxs("div", {
-      className: "font-bold pt-4 px-4",
-      children: ["Referral for ", programName]
-    }), /*#__PURE__*/_jsxs("dl", {
-      className: "grid grid-cols-2 gap-y-1 gap-x-2 py-3 px-4 m-0",
-      children: [/*#__PURE__*/_jsx(LineItem, {
-        fieldClassName: fieldClassName,
-        field: requestId,
-        dataTestElement: "request-short-id",
-        valueClassName: valueClassName,
-        children: isAuthorized ? "".concat(isAutoApproved ? 'Auto ' : '', "Accepted on ").concat(updatedDate) : "Open since ".concat(createdDate)
-      }), /*#__PURE__*/_jsx(LineItem, {
-        fieldClassName: fieldClassName,
-        field: isAuthorized ? 'Authorized Amount' : 'Amount Requested',
-        "data-test-element": "request-amount",
-        valueClassName: valueClassName,
-        children: /*#__PURE__*/_jsx(Spend, {
-          isCostBased: isCostBased,
-          amount: item.spend,
-          unit: unit
-        })
-      }), /*#__PURE__*/_jsxs(LineItem, {
-        fieldClassName: fieldClassName,
-        field: isAuthorized ? 'Authorized Service Period' : 'Requested Service Dates',
-        dataTestElement: "service-period",
-        valueClassName: valueClassName,
-        children: [startDate, " - ", endDate]
-      }), /*#__PURE__*/_jsx(LineItem, {
-        fieldClassName: fieldClassName,
-        field: isAuthorized ? 'Case Status' : 'Requester',
-        dataTestElement: "case-status",
-        valueClassName: valueClassName,
-        children: isAuthorized ? /*#__PURE__*/_jsx(CaseStatus, {
-          state: item.case_state,
-          openedDate: caseOpenedDate,
-          closedDate: caseClosedDate
-        }) : item.requester_name
-      })]
-    })]
-  });
+  var isAutoApproved = item.auto_approved;
+  var programName = item.fee_schedule_program.name;
+  var requestText = "Request #".concat(item.short_id);
+  var requestLink = /*#__PURE__*/React.createElement(Link, {
+    to: "/authorizations/".concat(item.id)
+  }, requestText);
+  var createdDate = formatShortDate(item.created_at);
+  var updatedDate = formatShortDate(item.updated_at);
+  var startDate = formatShortDate(item.service_starts_at);
+  var endDate = formatShortDate(item.service_ends_at);
+  var caseOpenedDate = item !== null && item !== void 0 && item.case_opened_date ? formatShortDate(item.case_opened_date) : '';
+  var caseClosedDate = item !== null && item !== void 0 && item.case_closed_date ? formatShortDate(item.case_closed_date) : '';
+  var requestId = !isCurrentItem && enabledLink ? requestLink : requestText;
+  return /*#__PURE__*/React.createElement(Card, {
+    className: cx(cardClassName, isCurrentItem && 'bg-light-border-grey')
+  }, isCurrentItem && /*#__PURE__*/React.createElement("div", {
+    className: "italic pt-4 px-4"
+  }, "This is the request you are currently viewing."), programName && !isCurrentItem && /*#__PURE__*/React.createElement("div", {
+    className: "font-bold pt-4 px-4"
+  }, "Referral for ", programName), /*#__PURE__*/React.createElement("dl", {
+    className: "grid grid-cols-2 gap-y-1 gap-x-2 py-3 px-4 m-0"
+  }, /*#__PURE__*/React.createElement(LineItem, {
+    fieldClassName: fieldClassName,
+    field: requestId,
+    dataTestElement: "request-short-id",
+    valueClassName: valueClassName
+  }, isAuthorized ? "".concat(isAutoApproved ? 'Auto ' : '', "Accepted on ").concat(updatedDate) : "Open since ".concat(createdDate)), /*#__PURE__*/React.createElement(LineItem, {
+    fieldClassName: fieldClassName,
+    field: isAuthorized ? 'Authorized Amount' : 'Amount Requested',
+    "data-test-element": "request-amount",
+    valueClassName: valueClassName
+  }, /*#__PURE__*/React.createElement(Spend, {
+    isCostBased: isCostBased,
+    amount: item.spend,
+    unit: unit
+  })), /*#__PURE__*/React.createElement(LineItem, {
+    fieldClassName: fieldClassName,
+    field: isAuthorized ? 'Authorized Service Period' : 'Requested Service Dates',
+    dataTestElement: "service-period",
+    valueClassName: valueClassName
+  }, startDate, " - ", endDate), /*#__PURE__*/React.createElement(LineItem, {
+    fieldClassName: fieldClassName,
+    field: isAuthorized ? 'Case Status' : 'Requester',
+    dataTestElement: "case-status",
+    valueClassName: valueClassName
+  }, isAuthorized ? /*#__PURE__*/React.createElement(CaseStatus, {
+    state: item.case_state,
+    openedDate: caseOpenedDate,
+    closedDate: caseClosedDate
+  }) : item.requester_name)));
 };
 AuthorizationSpendCard.propTypes = {
   item: PropTypes.shape({