@unite-us/app-create-referral 0.1.0

package/.github/workflows/publish.yml

@@ -0,0 +1,76 @@
+name: 'build & publish'
+on:
+  push:
+    branches:
+      - main
+jobs:
+  bump-version:
+    name: Bump Version
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ github.ref }}
+
+      - name: 'cat package.json'
+        run: cat ./package.json
+
+      - name: Bump package.json version, commit changes, and create tag
+        id: version-bump
+        uses: phips28/gh-action-bump-version@master
+        with:
+          skip-push:  'true'
+          commit-message: '[skip ci] bumps version to {{version}}'
+        env:
+          GITHUB_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: 'cat package.json'
+        run: cat ./package.json
+
+      - name: Push to main
+        uses: CasperWA/push-protected@v2
+        with:
+          token: ${{ secrets.NPM_BUMP }}
+          branch: main
+          tags: 'true'
+
+  build-and-publish:
+    name: Builds and publishes release to NPM registry
+    needs: bump-version
+    runs-on: ubuntu-latest
+    env:
+      # See https://github.community/t/package-not-found-in-the-github-registry/16251
+      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+        with:
+          ref: main
+          fetch-depth: 0
+
+      - name: Cache node modules
+        uses: actions/cache@v2
+        env:
+          cache-name: cache-node-modules
+        with:
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('./package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+            ${{ runner.os }}-build-
+            ${{ runner.os }}-
+
+      - name: Add .npmrc
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> .npmrc
+
+      - name: Install dependencies (Using NPM_TOKEN)
+        run: npm install
+
+      - name: build
+        run: npm run build:dist
+
+      - name: publish
+        run: npm publish

package/README.md

@@ -0,0 +1,75 @@
+# App Create Referral
+
+This project is intended to be used from a parent application like [unite-us/front-end](https://github.com/unite-us/front-end) or [unite-us/uniteus-emr](https://github.com/unite-us/uniteus-emr)
+## Development
+
+### Setup
+To develop locally follow this steps:
+
+1- Open a command line console:
+```
+  $ git clone https://github.com/unite-us/app-create-referral.git
+  
+  $ npm i && npm link && npm run build:dist:watch
+```
+This install the packages, create a link for this project (to be consumed from a parent app) and starts the server in watch mode, all the changes you do will trigger a rebuild and you will have the latest version)
+
+### Connect this project to a Parent App
+2- Go to a parent app, eg: unite-us/front-end
+```
+  // from the root folder in front-end project
+  $ cd packages/app-client
+  $ git checkout CORE-SMRT-109
+  $ npm link @unite-us/app-create-referral
+  $ npm start
+```
+Note: Currently we have a development branch which already use this package, the branch is: CORE-SMRT-109
+
+If you go to http://localhost:8080 and navigate to a profile, eg: http://localhost:8080/facesheet/3ee1c050-5e41-4527-b2a5-51506e43a68d/profile?newprofile=true, you should be able to see the profile app loaded and any changes done should be reflected there.
+
+## How to create a new version
+
+After you are done with your changes, create a PR and **AFTER** it's merged, a Github Action will bump the version for you automatically and will create a new commit in the history, just only need to wait for the action to finish and check the commits for one that looks like this, eg:
+```
+Automated Version Bump [skip ci] bumps version to 0.1.21
+```
+In this case, the new version is **0.1.21**
+
+## How to make the parent app use your new version
+
+You need to update the package.json in the parent app, eg: unite-us/front-end
+
+ - Go to the package.json inside app-client and bump the version manually:
+ https://github.com/unite-us/front-end/blob/CORE-SMRT-109/packages/app-client/package.json#L49
+
+ Or for EMR: https://github.com/unite-us/uniteus-emr/blob/SMRT-109/package.json#L31
+
+ ```
+    //"@unite-us/app-create-referral": "^0.1.20",
+    "@unite-us/app-create-referral": "^0.1.21"
+    
+ ```
+  - Open the terminal
+  ```
+    $ npm i
+  ```
+  This will update the package-lock.json with the new dependency.
+  - Create a PR in the parent project to use the new version  
+
+## For EMR Parent project
+
+All the steps are very similar; the branch we are using for development is **SMRT-109**:
+
+- First do the [Setup](#setup) from the first section 
+- Then
+```
+  // from the root folder in uniteus-emr project
+  $ npm i
+  $ git checkout SMRT-109
+  $ npm link @unite-us/app-create-referral
+  $ npm start
+```
+- Go to http://localhost:8081 and navigate to the profile tab, eg: http://localhost:8081/7605899328/2/patient/d0597502-547d-476e-a7f0-793ce4aead21/profile
+- Then go to [How to create a new version](#how-to-create-a-new-version)
+
+That's all Folks!

package/babel.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+  presets: [
+    "@babel/preset-react",
+    ["@babel/preset-env", {
+      "targets": {
+        "browsers": "last 2 versions, ie 10-11"
+      },
+    }]
+  ],
+  plugins: [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "regenerator": true,
+        "corejs": 3
+      }
+    ]
+  ]
+};

package/config-overrides.js

@@ -0,0 +1,8 @@
+const { override, addWebpackPlugin } = require('customize-cra');
+
+const path = require('path');
+
+// Docs: https://github.com/timarney/react-app-rewired
+module.exports = function overrideWebpack(config, env) {
+  return config;
+}

package/dist/App.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function App() {
+  return /*#__PURE__*/_react.default.createElement("h1", null, "Hello");
+}
+var _default = App;
+exports.default = _default;
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","names":["_react","_interopRequireDefault","require","App","default","createElement","_default","exports"],"sources":["../src/App.js"],"sourcesContent":["import React from 'react';\n\nfunction App() {\n  return (\n    <h1>Hello</h1>\n  );\n}\n\nexport default App;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,GAAGA,CAAA,EAAG;EACb,oBACEH,MAAA,CAAAI,OAAA,CAAAC,aAAA,aAAI,OAAK,CAAK;AAElB;AAAC,IAAAC,QAAA,GAEcH,GAAG;AAAAI,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

package/dist/AppCreateReferral.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _App = _interopRequireDefault(require("./App"));
+require("./AppCreateReferral.scss");
+function AppCreateReferral(props) {
+  return /*#__PURE__*/_react.default.createElement(_App.default, props);
+}
+var _default = AppCreateReferral;
+exports.default = _default;
+//# sourceMappingURL=AppCreateReferral.js.map

package/dist/AppCreateReferral.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCreateReferral.js","names":["_react","_interopRequireDefault","require","_App","AppCreateReferral","props","default","createElement","_default","exports"],"sources":["../src/AppCreateReferral.js"],"sourcesContent":["import React from 'react';\nimport App from './App';\nimport './AppCreateReferral.scss';\n\nfunction AppCreateReferral(props) {\n  return (\n    <App {...props} />\n  )\n\n}\n\nexport default AppCreateReferral;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAEA,SAASE,iBAAiBA,CAACC,KAAK,EAAE;EAChC,oBACEL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,IAAA,CAAAG,OAAG,EAAKD,KAAK,CAAI;AAGtB;AAAC,IAAAG,QAAA,GAEcJ,iBAAiB;AAAAK,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

package/dist/AppCreateReferral.scss

@@ -0,0 +1,2 @@
+@import './styles/variables';
+@import './styles/mixins';

package/dist/AppReferralFlow.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _App = _interopRequireDefault(require("./App"));
+function AppReferralFlow(props) {
+  return /*#__PURE__*/_react.default.createElement(_App.default, props);
+}
+var _default = AppReferralFlow;
+exports.default = _default;
+//# sourceMappingURL=AppReferralFlow.js.map

package/dist/AppReferralFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppReferralFlow.js","names":["_react","_interopRequireDefault","require","_App","AppReferralFlow","props","default","createElement","_default","exports"],"sources":["../src/AppReferralFlow.js"],"sourcesContent":["import React from 'react';\nimport App from './App';\n\nfunction AppReferralFlow(props) {\n  return (\n    <App {...props} />\n  )\n\n}\n\nexport default AppReferralFlow;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,SAASE,eAAeA,CAACC,KAAK,EAAE;EAC9B,oBACEL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,IAAA,CAAAG,OAAG,EAAKD,KAAK,CAAI;AAGtB;AAAC,IAAAG,QAAA,GAEcJ,eAAe;AAAAK,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

package/dist/AppReferralFlow.scss

@@ -0,0 +1,2 @@
+@import './styles/variables';
+@import './styles/mixins';

package/dist/buildCreateReferralRoutes.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = buildCreateReferralRoutes;
+var _react = _interopRequireDefault(require("react"));
+var _api = require("./config/api");
+var _AppCreateReferralProvider = _interopRequireDefault(require("./context/AppCreateReferralProvider"));
+var _Referrals = _interopRequireDefault(require("./pages/referrals/Referrals"));
+var _Review = _interopRequireDefault(require("./pages/review/Review"));
+var _SupportingInfo = _interopRequireDefault(require("./pages/supporting_info/SupportingInfo"));
+function buildCreateReferralRoutes(_ref) {
+  var Route = _ref.Route,
+    browserHistory = _ref.browserHistory,
+    adapters = _ref.adapters,
+    hooks = _ref.hooks,
+    token = _ref.token,
+    callbacks = _ref.callbacks;
+  //Setting some global utils
+  (0, _api.setBrowserHistory)(browserHistory);
+  (0, _api.setAdapters)(adapters);
+  (0, _api.setHooks)(hooks);
+  (0, _api.setCallbacks)(callbacks);
+  return /*#__PURE__*/_react.default.createElement(_AppCreateReferralProvider.default, {
+    initialValue: {
+      token: token
+    }
+  }, /*#__PURE__*/_react.default.createElement(Route, {
+    path: "new-referral-flow"
+  }, /*#__PURE__*/_react.default.createElement(Route, {
+    path: "referrals",
+    component: _Referrals.default
+  }), /*#__PURE__*/_react.default.createElement(Route, {
+    path: "supporting-info",
+    component: _SupportingInfo.default
+  }), /*#__PURE__*/_react.default.createElement(Route, {
+    path: "review",
+    component: _Review.default
+  })));
+}
+//# sourceMappingURL=buildCreateReferralRoutes.js.map

package/dist/buildCreateReferralRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCreateReferralRoutes.js","names":["_react","_interopRequireDefault","require","_api","_AppCreateReferralProvider","_Referrals","_Review","_SupportingInfo","buildCreateReferralRoutes","_ref","Route","browserHistory","adapters","hooks","token","callbacks","setBrowserHistory","setAdapters","setHooks","setCallbacks","default","createElement","initialValue","path","component","Referrals","SupportingInfo","Review"],"sources":["../src/buildCreateReferralRoutes.js"],"sourcesContent":["import React from 'react';\nimport { setAdapters, setBrowserHistory, setCallbacks, setHooks } from './config/api';\nimport AppCreateReferralProvider from './context/AppCreateReferralProvider';\nimport Referrals from './pages/referrals/Referrals';\nimport Review from './pages/review/Review';\nimport SupportingInfo from './pages/supporting_info/SupportingInfo';\n\nexport default function buildCreateReferralRoutes({\n  Route,\n  browserHistory,\n  adapters,\n  hooks,\n  token,\n  callbacks\n}) {\n  //Setting some global utils\n  setBrowserHistory(browserHistory);\n  setAdapters(adapters);\n  setHooks(hooks);\n  setCallbacks(callbacks)\n\n  return (\n    <AppCreateReferralProvider initialValue={{\n      token\n    }}>\n      <Route path=\"new-referral-flow\">\n        <Route path=\"referrals\" component={Referrals} />\n        <Route path=\"supporting-info\" component={SupportingInfo} />\n        <Route path=\"review\" component={Review} />\n      </Route>\n    </AppCreateReferralProvider>\n  )\n}"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEe,SAASM,yBAAyBA,CAAAC,IAAA,EAO9C;EAAA,IANDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET;EACA,IAAAC,sBAAiB,EAACL,cAAc,CAAC;EACjC,IAAAM,gBAAW,EAACL,QAAQ,CAAC;EACrB,IAAAM,aAAQ,EAACL,KAAK,CAAC;EACf,IAAAM,iBAAY,EAACJ,SAAS,CAAC;EAEvB,oBACEf,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,0BAAA,CAAAgB,OAAyB;IAACE,YAAY,EAAE;MACvCR,KAAK,EAALA;IACF;EAAE,gBACAd,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACX,KAAK;IAACa,IAAI,EAAC;EAAmB,gBAC7BvB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACX,KAAK;IAACa,IAAI,EAAC,WAAW;IAACC,SAAS,EAAEC;EAAU,EAAG,eAChDzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACX,KAAK;IAACa,IAAI,EAAC,iBAAiB;IAACC,SAAS,EAAEE;EAAe,EAAG,eAC3D1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACX,KAAK;IAACa,IAAI,EAAC,QAAQ;IAACC,SAAS,EAAEG;EAAO,EAAG,CACpC,CACkB;AAEhC"}

package/dist/components/Stepper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Stepper;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _lodash = require("lodash");
+var _react = _interopRequireDefault(require("react"));
+function Stepper(_ref) {
+  var _context;
+  var location = _ref.location;
+  var pathname = location.pathname;
+  var route = (0, _lodash.get)(pathname.split('new-referral-flow/'), '[1]');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-around my-10"
+  }, (0, _map.default)(_context = ["search", "referrals", "supporting-info", "review"]).call(_context, function (step, i) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: route === step ? 'bg-red' : 'bg-blue',
+      style: {
+        height: '40px',
+        width: '40px',
+        borderRadius: '60px',
+        justifyContent: 'center',
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "text-white"
+    }, i + 1));
+  }));
+}
+//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","names":["_lodash","require","_react","_interopRequireDefault","Stepper","_ref","_context","location","pathname","route","get","split","default","createElement","className","_map","call","step","i","style","height","width","borderRadius","justifyContent","display","alignItems"],"sources":["../../src/components/Stepper.js"],"sourcesContent":["import { get } from 'lodash';\nimport React from 'react';\n\nexport default function Stepper({ location }) {\n\n  const pathname = location.pathname;\n  const route = get(pathname.split('new-referral-flow/'), '[1]');\n  return (\n    <div className=\"flex justify-around my-10\">\n      {[\"search\", \"referrals\", \"supporting-info\", \"review\"].map((step, i) => (\n        <div\n          className={route === step ? 'bg-red' : 'bg-blue'}\n          style={{\n            height: '40px',\n            width: '40px',\n            borderRadius: '60px',\n            justifyContent: 'center',\n            display: 'flex',\n            alignItems: 'center',\n          }}>\n          <span className='text-white'>{i + 1}</span>\n        </div>)\n      )\n      }\n    </div >\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEe,SAASG,OAAOA,CAAAC,IAAA,EAAe;EAAA,IAAAC,QAAA;EAAA,IAAZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAExC,IAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ;EAClC,IAAMC,KAAK,GAAG,IAAAC,WAAG,EAACF,QAAQ,CAACG,KAAK,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC;EAC9D,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACvC,IAAAC,IAAA,CAAAH,OAAA,EAAAN,QAAA,IAAC,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAAU,IAAA,CAAAV,QAAA,EAAK,UAACW,IAAI,EAAEC,CAAC;IAAA,oBAChEhB,MAAA,CAAAU,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAEL,KAAK,KAAKQ,IAAI,GAAG,QAAQ,GAAG,SAAU;MACjDE,KAAK,EAAE;QACLC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE,MAAM;QACbC,YAAY,EAAE,MAAM;QACpBC,cAAc,EAAE,QAAQ;QACxBC,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE;MACd;IAAE,gBACFvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;MAAMC,SAAS,EAAC;IAAY,GAAEI,CAAC,GAAG,CAAC,CAAQ,CACvC;EAAA,CAAC,CACR,CAEI;AAEX"}

package/dist/components/modal/Dialog.js

@@ -0,0 +1,281 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ui = require("@unite-us/ui");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _OverlaySpinner = _interopRequireDefault(require("../spinners/OverlaySpinner"));
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+require("./Dialog.scss");
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Title = function Title(_ref) {
+  var title = _ref.title,
+    close = _ref.close,
+    removeCloseIcon = _ref.removeCloseIcon,
+    titleStyles = _ref.titleStyles,
+    dataTestElementClose = _ref.dataTestElementClose;
+  if (!title) {
+    return null;
+  }
+  if (removeCloseIcon) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "title",
+      style: _objectSpread({}, titleStyles)
+    }, title);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: _objectSpread({}, titleStyles),
+    className: "title title-closeable",
+    "data-test-element": dataTestElementClose
+  }, title, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "IconCross",
+    onClick: close
+  }));
+};
+Title.propTypes = {
+  title: _propTypes.PropTypes.string,
+  titleStyles: _propTypes.PropTypes.object,
+  close: _propTypes.PropTypes.func.isRequired,
+  removeCloseIcon: _propTypes.PropTypes.bool.isRequired,
+  dataTestElementClose: _propTypes.PropTypes.string.isRequired
+};
+Title.defaultProps = {
+  title: null,
+  titleStyles: {}
+};
+var Footer = function Footer(_ref2) {
+  var actions = _ref2.actions,
+    footerStyles = _ref2.footerStyles;
+  if (!actions) {
+    return null;
+  }
+  if (_lodash.default.isArray(actions)) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "actions"
+    }, (0, _map.default)(actions).call(actions, function (a, i) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        key: i,
+        className: "action-item"
+      }, a);
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "actions",
+    style: _objectSpread({}, footerStyles)
+  }, actions);
+};
+Footer.propTypes = {
+  actions: _propTypes.PropTypes.node,
+  footerStyles: _propTypes.PropTypes.object
+};
+Footer.defaultProps = {
+  actions: null,
+  footerStyles: {}
+};
+var Dialog = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(Dialog, _React$Component);
+  var _super = _createSuper(Dialog);
+  function Dialog(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, Dialog);
+    _this = _super.call(this, props);
+    _this.onRequestClose = _this.onRequestClose.bind((0, _assertThisInitialized2.default)(_this));
+    _this.onOverlayClick = _this.onOverlayClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getDialogClass = _this.getDialogClass.bind((0, _assertThisInitialized2.default)(_this));
+    _this.openDialog = _this.openDialog.bind((0, _assertThisInitialized2.default)(_this));
+    _this.closeDialog = _this.closeDialog.bind((0, _assertThisInitialized2.default)(_this));
+    _this.onEscape = _this.onEscape.bind((0, _assertThisInitialized2.default)(_this));
+    _this.state = {
+      open: false,
+      resolver: function resolver() {
+        return null;
+      }
+    };
+    return _this;
+  }
+  (0, _createClass2.default)(Dialog, [{
+    key: "onEscape",
+    value: function onEscape(e) {
+      if (e.key === 'Escape' && !this.props.modal) {
+        this.onRequestClose();
+      }
+    }
+  }, {
+    key: "onRequestClose",
+    value: function onRequestClose() {
+      if (_lodash.default.isFunction(this.props.onRequestClose)) {
+        return this.props.onRequestClose();
+      }
+      return this.closeDialog();
+    }
+  }, {
+    key: "onOverlayClick",
+    value: function onOverlayClick() {
+      if (!this.props.modal) {
+        this.onRequestClose();
+      }
+    }
+  }, {
+    key: "getDialogClass",
+    value: function getDialogClass() {
+      return (0, _classnames.default)({
+        dialog: true,
+        open: this.state.open
+      });
+    }
+  }, {
+    key: "openDialog",
+    value: function openDialog() {
+      var _this2 = this;
+      document.addEventListener('keyup', this.onEscape);
+      return new _promise.default(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({
+        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,
+        dataId = _this$props['data-testid'];
+      if (!this.state.open) return null;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        id: id,
+        tabIndex: -1,
+        className: (0, _classnames.default)(className, "".concat(this.getDialogClass()), customSize ? 'custom' : size),
+        "data-testid": dataId
+      }, /*#__PURE__*/_react.default.createElement(_Overlay.default, {
+        open: this.state.open,
+        autoLockScrolling: true,
+        onClick: this.onOverlayClick
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('dialog-paper', {
+          'dialog-radius': showBorderRadius
+        }),
+        style: customSize
+      }, /*#__PURE__*/_react.default.createElement(_OverlaySpinner.default, {
+        show: spinnerShow,
+        text: spinnerText,
+        description: spinnerDescription
+      }), /*#__PURE__*/_react.default.createElement(Title, {
+        title: title,
+        close: this.onRequestClose,
+        removeCloseIcon: removeCloseIcon,
+        titleStyles: titleStyles,
+        dataTestElementClose: dataTestElementClose
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: "dialog-content",
+        style: _objectSpread({}, dialogContentStyles)
+      }, children), /*#__PURE__*/_react.default.createElement(Footer, {
+        footerStyles: footerStyles,
+        actions: actions
+      })));
+    }
+  }]);
+  return Dialog;
+}(_react.default.Component);
+exports.default = Dialog;
+Dialog.propTypes = {
+  className: _propTypes.PropTypes.string,
+  actions: _propTypes.PropTypes.node,
+  children: _propTypes.PropTypes.node.isRequired,
+  id: _propTypes.PropTypes.string,
+  modal: _propTypes.PropTypes.bool,
+  onRequestClose: _propTypes.PropTypes.func,
+  removeCloseIcon: _propTypes.PropTypes.bool,
+  size: _propTypes.PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),
+  spinnerShow: _propTypes.PropTypes.bool,
+  spinnerText: _propTypes.PropTypes.string,
+  spinnerDescription: _propTypes.PropTypes.string,
+  titleStyles: _propTypes.PropTypes.object,
+  footerStyles: _propTypes.PropTypes.object,
+  title: _propTypes.PropTypes.node,
+  dialogContentStyles: _propTypes.PropTypes.object,
+  showBorderRadius: _propTypes.PropTypes.bool,
+  dataTestElementClose: _propTypes.PropTypes.string,
+  customSize: _propTypes.PropTypes.shape({
+    width: _propTypes.PropTypes.string,
+    height: _propTypes.PropTypes.string
+  }),
+  'data-testid': _propTypes.PropTypes.string
+};
+Dialog.defaultProps = {
+  className: '',
+  actions: null,
+  footerStyles: {},
+  id: '',
+  modal: false,
+  onRequestClose: null,
+  removeCloseIcon: false,
+  size: 'normal',
+  spinnerDescription: '',
+  spinnerShow: false,
+  spinnerText: 'Submitting...',
+  title: null,
+  titleStyles: {},
+  dialogContentStyles: {},
+  showBorderRadius: false,
+  dataTestElementClose: 'modal-close',
+  customSize: null,
+  'data-testid': undefined
+};
+//# sourceMappingURL=Dialog.js.map