@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/EmptyView/EmptyAppView/EmptyAppView.js

@@ -1 +1,197 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as a,useEffect as i,useRef as r}from"react";import o from"prop-types";import n from"classnames";import{makeStyles as s}from"@material-ui/core";import p from"../../DevCenter/AppHeader/AppHeader.js";import{jsxs as l,jsx as d,Fragment as c}from"react/jsx-runtime";var m,u={appNotSubscribed:{title:"No Subscriptions exist for this app.",subtitle:"Contact your Corva Account rep to get acces to this app!"},assetNotSubscribed:{title:"Selected Asset is no longer subscribed to the app.",subtitle:"Сhange the asset in settings."},internalAppError:{title:"App Loading Error"},appPackageWasNotFound:{title:"App package was not found",subtitle:"Please choose another version in the app settings menu or delete and add app again on your dashboard"},fracFleetWasNotFound:{title:"Frac fleet was not found"},fracFleetHasNoPad:{title:"Frac fleet has no active pad"},padHasNoWells:{title:"This pad has no wells"}},f={empty:"empty",error:"error",noData:"noData",noSubscription:"noSubscription"},g=(t(m={},f.empty,"/static/media/e607e3aa0a4603bb7ae7f83a2148511e.svg"),t(m,f.error,"/static/media/9b185a425ea91b6c2beedfef39c06663.svg"),t(m,f.noData,"/static/media/1bfc6e5d9cbb531a554ab8d025fa23e9.svg"),t(m,f.noSubscription,"/static/media/76e3ee12638391cba164716321509ad7.svg"),m),h=s((function(e){var t=e.palette;return{wrapper:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",padding:24,overflow:"auto"},title:{color:t.primary.text7,fontSize:32,lineHeight:"38px",marginBottom:8,"&.medium":{fontSize:24,lineHeight:"28px"},"&.small":{fontSize:24,lineHeight:"28px"},fontStyle:"italic"},subtitle:{color:t.primary.text6,fontSize:16,lineHeight:"22px",marginBottom:24,"&.medium":{fontSize:14,lineHeight:"20px"},"&.small":{fontSize:14,lineHeight:"20px"}},imageWrapper:{display:"flex",flexGrow:"1",maxWidth:390,maxHeight:300,width:"100%","&.medium":{maxidth:260,maxHeight:200}},backgroundImage:{width:"100%",backgroundImage:function(e){return"url(".concat([g[e.state]],")")},backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"contain"},appHeader:{display:"flex",padding:"12px",flexWrap:"wrap",justifyContent:"space-between"},container:{height:"100%",flexDirection:"column",display:"flex"}}}));function b(t){var o=t.title,s=t.subtitle,m=t.state,u=t.withAppHeader,f=t.app,g=t.actions,b=h({state:m}),x=a(!1),v=e(x,2),H=v[0],S=v[1];i((function(){S(!0)}),[]);var y=r(null),A=y.current,w=(null==A?void 0:A.offsetHeight)<300,N=(null==A?void 0:A.offsetHeight)<400;return l("div",{className:b.container,children:[u&&d(p,{app:f,classes:{appHeader:b.appHeader}}),d("div",{className:b.wrapper,ref:y,children:H&&l(c,{children:[d("div",{className:n(b.title,N&&"medium",w&&"small"),children:o}),g,s&&d("div",{className:n(b.subtitle,N&&"medium",w&&"small"),children:s}),!w&&d("div",{className:n(b.imageWrapper,N&&"medium"),children:d("div",{className:b.backgroundImage})})]})})]})}b.propTypes={actions:o.node,app:o.shape({}),state:o.string,subtitle:o.oneOf([o.string,o.node]),title:o.string.isRequired,withAppHeader:o.bool},b.defaultProps={actions:null,app:void 0,state:f.empty,subtitle:"",withAppHeader:!1},b.APP_MESSAGES=u,b.EMPTY_STATES=f;export{u as APP_MESSAGES,f as EMPTY_STATES,b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { useState, useEffect, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
+
+var _STATE_IMAGES;
+var EmptyStateLarge = "/static/media/e607e3aa0a4603bb7ae7f83a2148511e.svg";
+var ErrorLarge = "/static/media/9b185a425ea91b6c2beedfef39c06663.svg";
+var NoDataLarge = "/static/media/1bfc6e5d9cbb531a554ab8d025fa23e9.svg";
+var NoSubscriptionLarge = "/static/media/76e3ee12638391cba164716321509ad7.svg";
+var HEIGHT_SMALL_BREAKPOINT = 300;
+var HEIGHT_MEDIUM_BREAKPOINT = 400;
+var APP_MESSAGES = {
+  appNotSubscribed: {
+    title: 'No Subscriptions exist for this app.',
+    subtitle: 'Contact your Corva Account rep to get acces to this app!'
+  },
+  assetNotSubscribed: {
+    title: 'Selected Asset is no longer subscribed to the app.',
+    subtitle: 'Сhange the asset in settings.'
+  },
+  internalAppError: {
+    title: 'App Loading Error'
+  },
+  appPackageWasNotFound: {
+    title: 'App package was not found',
+    subtitle: 'Please choose another version in the app settings menu or delete and add app again on your dashboard'
+  },
+  fracFleetWasNotFound: {
+    title: 'Frac fleet was not found'
+  },
+  fracFleetHasNoPad: {
+    title: 'Frac fleet has no active pad'
+  },
+  padHasNoWells: {
+    title: 'This pad has no wells'
+  }
+};
+var EMPTY_STATES = {
+  empty: 'empty',
+  error: 'error',
+  noData: 'noData',
+  noSubscription: 'noSubscription'
+};
+var STATE_IMAGES = (_STATE_IMAGES = {}, _defineProperty(_STATE_IMAGES, EMPTY_STATES.empty, EmptyStateLarge), _defineProperty(_STATE_IMAGES, EMPTY_STATES.error, ErrorLarge), _defineProperty(_STATE_IMAGES, EMPTY_STATES.noData, NoDataLarge), _defineProperty(_STATE_IMAGES, EMPTY_STATES.noSubscription, NoSubscriptionLarge), _STATE_IMAGES);
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    wrapper: {
+      display: 'flex',
+      flexDirection: 'column',
+      textAlign: 'center',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '100%',
+      padding: 24,
+      overflow: 'auto'
+    },
+    title: {
+      color: palette.primary.text7,
+      fontSize: 32,
+      lineHeight: '38px',
+      marginBottom: 8,
+      '&.medium': {
+        fontSize: 24,
+        lineHeight: '28px'
+      },
+      '&.small': {
+        fontSize: 24,
+        lineHeight: '28px'
+      },
+      fontStyle: 'italic'
+    },
+    subtitle: {
+      color: palette.primary.text6,
+      fontSize: 16,
+      lineHeight: '22px',
+      marginBottom: 24,
+      '&.medium': {
+        fontSize: 14,
+        lineHeight: '20px'
+      },
+      '&.small': {
+        fontSize: 14,
+        lineHeight: '20px'
+      }
+    },
+    imageWrapper: {
+      display: 'flex',
+      flexGrow: '1',
+      maxWidth: 390,
+      maxHeight: 300,
+      width: '100%',
+      '&.medium': {
+        maxidth: 260,
+        maxHeight: 200
+      }
+    },
+    backgroundImage: {
+      width: '100%',
+      backgroundImage: function backgroundImage(props) {
+        return "url(".concat([STATE_IMAGES[props.state]], ")");
+      },
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center',
+      backgroundSize: 'contain'
+    },
+    appHeader: {
+      display: 'flex',
+      padding: '12px',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between'
+    },
+    container: {
+      height: '100%',
+      flexDirection: 'column',
+      display: 'flex'
+    }
+  };
+});
+
+function EmptyAppView(props) {
+  var title = props.title,
+      subtitle = props.subtitle,
+      state = props.state,
+      withAppHeader = props.withAppHeader,
+      app = props.app,
+      actions = props.actions;
+  var styles = useStyles({
+    state: state
+  });
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isMounted = _useState2[0],
+      setIsMounted = _useState2[1];
+
+  useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  var emptyViewRef = useRef(null);
+  var currentRef = emptyViewRef.current;
+  var isSmallSize = (currentRef === null || currentRef === void 0 ? void 0 : currentRef.offsetHeight) < HEIGHT_SMALL_BREAKPOINT;
+  var isMediumSize = (currentRef === null || currentRef === void 0 ? void 0 : currentRef.offsetHeight) < HEIGHT_MEDIUM_BREAKPOINT;
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [withAppHeader && /*#__PURE__*/jsx(AppHeader, {
+      app: app,
+      classes: {
+        appHeader: styles.appHeader
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.wrapper,
+      ref: emptyViewRef,
+      children: isMounted && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: classNames(styles.title, isMediumSize && 'medium', isSmallSize && 'small'),
+          children: title
+        }), actions, subtitle && /*#__PURE__*/jsx("div", {
+          className: classNames(styles.subtitle, isMediumSize && 'medium', isSmallSize && 'small'),
+          children: subtitle
+        }), !isSmallSize && /*#__PURE__*/jsx("div", {
+          className: classNames(styles.imageWrapper, isMediumSize && 'medium'),
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.backgroundImage
+          })
+        })]
+      })
+    })]
+  });
+}
+
+EmptyAppView.propTypes = {
+  actions: PropTypes.node,
+  app: PropTypes.shape({}),
+  state: PropTypes.string,
+  subtitle: PropTypes.oneOf([PropTypes.string, PropTypes.node]),
+  title: PropTypes.string.isRequired,
+  withAppHeader: PropTypes.bool
+};
+EmptyAppView.defaultProps = {
+  actions: null,
+  app: undefined,
+  state: EMPTY_STATES.empty,
+  subtitle: '',
+  withAppHeader: false
+};
+EmptyAppView.APP_MESSAGES = APP_MESSAGES;
+EmptyAppView.EMPTY_STATES = EMPTY_STATES;
+
+export default EmptyAppView;
+export { APP_MESSAGES, EMPTY_STATES };
+//# sourceMappingURL=EmptyAppView.js.map

package/components/EmptyView/EmptyAppView/EmptyAppView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyAppView.js","sources":["../../../../src/components/EmptyView/EmptyAppView/EmptyAppView.js"],"sourcesContent":["// Designs: https://www.figma.com/file/Ii3zVMdSWFGRWvxHhV3NGl/Tiers?node-id=1051%3A468\n\nimport { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { makeStyles } from '@material-ui/core';\n\nimport EmptyStateLarge from './images/EmptyLarge.svg';\nimport ErrorLarge from './images/ErrorLarge.svg';\nimport NoDataLarge from './images/NoDataLarge.svg';\nimport NoSubscriptionLarge from './images/NoSubscriptionLarge.svg';\nimport AppHeader from '../../DevCenter/AppHeader';\n\nconst HEIGHT_SMALL_BREAKPOINT = 300;\nconst HEIGHT_MEDIUM_BREAKPOINT = 400;\n\nexport const APP_MESSAGES = {\n  appNotSubscribed: {\n    title: 'No Subscriptions exist for this app.',\n    subtitle: 'Contact your Corva Account rep to get acces to this app!',\n  },\n  assetNotSubscribed: {\n    title: 'Selected Asset is no longer subscribed to the app.',\n    subtitle: 'Сhange the asset in settings.',\n  },\n  internalAppError: {\n    title: 'App Loading Error',\n  },\n  appPackageWasNotFound: {\n    title: 'App package was not found',\n    subtitle:\n      'Please choose another version in the app settings menu or delete and add app again on your dashboard',\n  },\n  fracFleetWasNotFound: {\n    title: 'Frac fleet was not found',\n  },\n  fracFleetHasNoPad: {\n    title: 'Frac fleet has no active pad',\n  },\n  padHasNoWells: {\n    title: 'This pad has no wells',\n  },\n};\n\nexport const EMPTY_STATES = {\n  empty: 'empty',\n  error: 'error',\n  noData: 'noData',\n  noSubscription: 'noSubscription',\n};\n\nconst STATE_IMAGES = {\n  [EMPTY_STATES.empty]: EmptyStateLarge,\n  [EMPTY_STATES.error]: ErrorLarge,\n  [EMPTY_STATES.noData]: NoDataLarge,\n  [EMPTY_STATES.noSubscription]: NoSubscriptionLarge,\n};\n\nconst useStyles = makeStyles(({ palette }) => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    textAlign: 'center',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    padding: 24,\n    overflow: 'auto',\n  },\n  title: {\n    color: palette.primary.text7,\n    fontSize: 32,\n    lineHeight: '38px',\n    marginBottom: 8,\n    '&.medium': { fontSize: 24, lineHeight: '28px' },\n    '&.small': { fontSize: 24, lineHeight: '28px' },\n    fontStyle: 'italic',\n  },\n  subtitle: {\n    color: palette.primary.text6,\n    fontSize: 16,\n    lineHeight: '22px',\n    marginBottom: 24,\n    '&.medium': { fontSize: 14, lineHeight: '20px' },\n    '&.small': { fontSize: 14, lineHeight: '20px' },\n  },\n  imageWrapper: {\n    display: 'flex',\n    flexGrow: '1',\n    maxWidth: 390,\n    maxHeight: 300,\n    width: '100%',\n    '&.medium': { maxidth: 260, maxHeight: 200 },\n  },\n  backgroundImage: {\n    width: '100%',\n\n    backgroundImage: props => `url(${[STATE_IMAGES[props.state]]})`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'contain',\n  },\n  appHeader: {\n    display: 'flex',\n    padding: '12px',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n  },\n  container: {\n    height: '100%',\n    flexDirection: 'column',\n    display: 'flex',\n  },\n}));\n\nfunction EmptyAppView(props) {\n  const { title, subtitle, state, withAppHeader, app, actions } = props;\n  const styles = useStyles({ state });\n\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  const emptyViewRef = useRef(null);\n\n  const currentRef = emptyViewRef.current;\n  const isSmallSize = currentRef?.offsetHeight < HEIGHT_SMALL_BREAKPOINT;\n  const isMediumSize = currentRef?.offsetHeight < HEIGHT_MEDIUM_BREAKPOINT;\n\n  return (\n    <div className={styles.container}>\n      {withAppHeader && <AppHeader app={app} classes={{ appHeader: styles.appHeader }} />}\n      <div className={styles.wrapper} ref={emptyViewRef}>\n        {isMounted && (\n          <>\n            <div\n              className={classNames(styles.title, isMediumSize && 'medium', isSmallSize && 'small')}\n            >\n              {title}\n            </div>\n            {actions}\n            {subtitle && (\n              <div\n                className={classNames(\n                  styles.subtitle,\n                  isMediumSize && 'medium',\n                  isSmallSize && 'small'\n                )}\n              >\n                {subtitle}\n              </div>\n            )}\n            {!isSmallSize && (\n              <div className={classNames(styles.imageWrapper, isMediumSize && 'medium')}>\n                <div className={styles.backgroundImage} />\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nEmptyAppView.propTypes = {\n  actions: PropTypes.node,\n  app: PropTypes.shape({}),\n  state: PropTypes.string,\n  subtitle: PropTypes.oneOf([PropTypes.string, PropTypes.node]),\n  title: PropTypes.string.isRequired,\n  withAppHeader: PropTypes.bool,\n};\n\nEmptyAppView.defaultProps = {\n  actions: null,\n  app: undefined,\n  state: EMPTY_STATES.empty,\n  subtitle: '',\n  withAppHeader: false,\n};\nEmptyAppView.APP_MESSAGES = APP_MESSAGES;\nEmptyAppView.EMPTY_STATES = EMPTY_STATES;\n\nexport default EmptyAppView;\n"],"names":["HEIGHT_SMALL_BREAKPOINT","HEIGHT_MEDIUM_BREAKPOINT","APP_MESSAGES","appNotSubscribed","title","subtitle","assetNotSubscribed","internalAppError","appPackageWasNotFound","fracFleetWasNotFound","fracFleetHasNoPad","padHasNoWells","EMPTY_STATES","empty","error","noData","noSubscription","STATE_IMAGES","EmptyStateLarge","ErrorLarge","NoDataLarge","NoSubscriptionLarge","useStyles","makeStyles","palette","wrapper","display","flexDirection","textAlign","alignItems","justifyContent","height","padding","overflow","color","primary","text7","fontSize","lineHeight","marginBottom","fontStyle","text6","imageWrapper","flexGrow","maxWidth","maxHeight","width","maxidth","backgroundImage","props","state","backgroundRepeat","backgroundPosition","backgroundSize","appHeader","flexWrap","container","EmptyAppView","withAppHeader","app","actions","styles","useState","isMounted","setIsMounted","useEffect","emptyViewRef","useRef","currentRef","current","isSmallSize","offsetHeight","isMediumSize","_jsxs","_jsx","classNames","propTypes","PropTypes","node","shape","string","oneOf","isRequired","bool","defaultProps","undefined"],"mappings":"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"}

package/components/EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js

@@ -1 +1,32 @@
-import r from"prop-types";import{makeStyles as e}from"@material-ui/core";import{jsxs as t,jsx as o}from"react/jsx-runtime";var n=e((function(r){return{subtitle:{color:r.palette.primary.main}}}));function i(r){var e=r.openIntercom,i=n();return t("span",{children:["This app failed to load. Try refreshing the page or"," ",o("span",{className:i.subtitle,onClick:function(){return e()},children:"contact support"}),"."]})}i.propTypes={openIntercom:r.func.isRequired};export{i as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    subtitle: {
+      color: theme.palette.primary.main
+    }
+  };
+});
+
+function SubtitleWithIntercomLink(_ref) {
+  var openIntercom = _ref.openIntercom;
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("span", {
+    children: ["This app failed to load. Try refreshing the page or", ' ', /*#__PURE__*/jsx("span", {
+      className: styles.subtitle,
+      onClick: function onClick() {
+        return openIntercom();
+      },
+      children: "contact support"
+    }), "."]
+  });
+}
+
+SubtitleWithIntercomLink.propTypes = {
+  openIntercom: PropTypes.func.isRequired
+};
+
+export default SubtitleWithIntercomLink;
+//# sourceMappingURL=ErrorSubtitleWithIntercomLink.js.map

package/components/EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSubtitleWithIntercomLink.js","sources":["../../../../../src/components/EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  subtitle: {\n    color: theme.palette.primary.main,\n  },\n}));\n\nfunction SubtitleWithIntercomLink({ openIntercom }) {\n  const styles = useStyles();\n\n  return (\n    <span>\n      This app failed to load. Try refreshing the page or{' '}\n      <span className={styles.subtitle} onClick={() => openIntercom()}>\n        contact support\n      </span>\n      .\n    </span>\n  );\n}\n\nSubtitleWithIntercomLink.propTypes = {\n  openIntercom: PropTypes.func.isRequired,\n};\n\nexport default SubtitleWithIntercomLink;\n"],"names":["useStyles","makeStyles","theme","subtitle","color","palette","primary","main","SubtitleWithIntercomLink","openIntercom","styles","_jsxs","_jsx","propTypes","PropTypes","func","isRequired"],"mappings":";;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC;AADrB;AAD2B,GAAL;AAAA,CAAN,CAA5B;;AAMA,SAASC,wBAAT,OAAoD;AAAA,MAAhBC,YAAgB,QAAhBA,YAAgB;AAClD,MAAMC,MAAM,GAAGV,SAAS,EAAxB;AAEA,sBACEW;AAAA,sEACsD,GADtD,eAEEC;AAAM,MAAA,SAAS,EAAEF,MAAM,CAACP,QAAxB;AAAkC,MAAA,OAAO,EAAE;AAAA,eAAMM,YAAY,EAAlB;AAAA,OAA3C;AAAA;AAAA,MAFF;AAAA,IADF;AASD;;AAEDD,wBAAwB,CAACK,SAAzB,GAAqC;AACnCJ,EAAAA,YAAY,EAAEK,SAAS,CAACC,IAAV,CAAeC;AADM,CAArC;;;;"}

package/components/EmptyView/EmptyView.js

@@ -1 +1,117 @@
-import t from"prop-types";import{makeStyles as e,Typography as i}from"@material-ui/core";import a from"classnames";import{jsxs as r,jsx as p}from"react/jsx-runtime";var o=e({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"16px",zIndex:1,"@media (max-height:350px)":{paddingTop:"56px"},"@media (max-width:500px)":{paddingTop:"128px"}},errorImage:{width:"390px",height:"300px",marginTop:"24px","@media (max-height:400px)":{width:"260px",height:"200px"},"@media (max-height:350px), (max-width: 580px) and (max-height:550px)":{display:"none"},"@media (max-width:500px)":{width:"260px",height:"200px"}},title:{fontSize:"32px",fontStyle:"italic",color:"#9E9E9E",lineHeight:"37px",fontWeight:"normal","@media (max-height:400px)":{fontSize:"24px"},"@media (max-width:500px)":{fontSize:"24px"}},description:{fontSize:"16px",color:"#9E9E9E"},arrow:{position:"absolute",top:0,right:0,zIndex:-1,"@media (max-width: 960px)":{display:"none"}}});function s(t){var e=t.title,s=t.description,d=t.showArrow,n=t.customStyles,m=o();return r("div",{"data-testid":"".concat("EmptyView","_wrapper"),className:a(m.wrapper,n.wrapper),children:[p(i,{className:a(m.title,n.title),children:e}),p(i,{className:a(m.description,n.description),children:s}),p("img",{src:"/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png",className:m.errorImage,alt:"error state"}),d&&p("img",{src:"/static/media/1be6a0ee1d46b5f5c15203014864e086.svg",alt:"arrow",className:a(m.arrow,n.arrow)})]})}s.propTypes={title:t.string,description:t.string,showArrow:t.bool,customStyles:t.shape({wrapper:t.string,title:t.string,description:t.string,arrow:t.string})},s.defaultProps={title:"No Data Available",description:"",showArrow:!1,customStyles:{}};export{s as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+var NoDataImg = "/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png";
+var Arrow = "/static/media/1be6a0ee1d46b5f5c15203014864e086.svg";
+var PAGE_NAME = 'EmptyView';
+var useStyles = makeStyles({
+  wrapper: {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    padding: '16px',
+    zIndex: 1,
+    '@media (max-height:350px)': {
+      paddingTop: '56px'
+    },
+    '@media (max-width:500px)': {
+      paddingTop: '128px'
+    }
+  },
+  errorImage: {
+    width: '390px',
+    height: '300px',
+    marginTop: '24px',
+    '@media (max-height:400px)': {
+      width: '260px',
+      height: '200px'
+    },
+    '@media (max-height:350px), (max-width: 580px) and (max-height:550px)': {
+      display: 'none'
+    },
+    '@media (max-width:500px)': {
+      width: '260px',
+      height: '200px'
+    }
+  },
+  title: {
+    fontSize: '32px',
+    fontStyle: 'italic',
+    color: '#9E9E9E',
+    lineHeight: '37px',
+    fontWeight: 'normal',
+    '@media (max-height:400px)': {
+      fontSize: '24px'
+    },
+    '@media (max-width:500px)': {
+      fontSize: '24px'
+    }
+  },
+  description: {
+    fontSize: '16px',
+    color: '#9E9E9E'
+  },
+  arrow: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    zIndex: -1,
+    '@media (max-width: 960px)': {
+      display: 'none'
+    }
+  }
+});
+
+function EmptyView(_ref) {
+  var title = _ref.title,
+      description = _ref.description,
+      showArrow = _ref.showArrow,
+      customStyles = _ref.customStyles;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    "data-testid": "".concat(PAGE_NAME, "_wrapper"),
+    className: classNames(classes.wrapper, customStyles.wrapper),
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: classNames(classes.title, customStyles.title),
+      children: title
+    }), /*#__PURE__*/jsx(Typography, {
+      className: classNames(classes.description, customStyles.description),
+      children: description
+    }), /*#__PURE__*/jsx("img", {
+      src: NoDataImg,
+      className: classes.errorImage,
+      alt: "error state"
+    }), showArrow && /*#__PURE__*/jsx("img", {
+      src: Arrow,
+      alt: "arrow",
+      className: classNames(classes.arrow, customStyles.arrow)
+    })]
+  });
+}
+
+EmptyView.propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  showArrow: PropTypes.bool,
+  customStyles: PropTypes.shape({
+    wrapper: PropTypes.string,
+    title: PropTypes.string,
+    description: PropTypes.string,
+    arrow: PropTypes.string
+  })
+};
+EmptyView.defaultProps = {
+  title: 'No Data Available',
+  description: '',
+  showArrow: false,
+  customStyles: {}
+};
+
+export default EmptyView;
+//# sourceMappingURL=EmptyView.js.map

package/components/EmptyView/EmptyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.js","sources":["../../../src/components/EmptyView/EmptyView.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport NoDataImg from './no_data.png';\nimport Arrow from './arrow.svg';\n\nconst PAGE_NAME = 'EmptyView';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: '16px',\n    zIndex: 1,\n    '@media (max-height:350px)': {\n      paddingTop: '56px',\n    },\n    '@media (max-width:500px)': {\n      paddingTop: '128px',\n    },\n  },\n  errorImage: {\n    width: '390px',\n    height: '300px',\n    marginTop: '24px',\n    '@media (max-height:400px)': {\n      width: '260px',\n      height: '200px',\n    },\n    '@media (max-height:350px), (max-width: 580px) and (max-height:550px)': {\n      display: 'none',\n    },\n    '@media (max-width:500px)': {\n      width: '260px',\n      height: '200px',\n    },\n  },\n  title: {\n    fontSize: '32px',\n    fontStyle: 'italic',\n    color: '#9E9E9E',\n    lineHeight: '37px',\n    fontWeight: 'normal',\n    '@media (max-height:400px)': {\n      fontSize: '24px',\n    },\n    '@media (max-width:500px)': {\n      fontSize: '24px',\n    },\n  },\n  description: {\n    fontSize: '16px',\n    color: '#9E9E9E',\n  },\n  arrow: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    zIndex: -1,\n    '@media (max-width: 960px)': { display: 'none' },\n  },\n});\n\nfunction EmptyView({ title, description, showArrow, customStyles }) {\n  const classes = useStyles();\n\n  return (\n    <div\n      data-testid={`${PAGE_NAME}_wrapper`}\n      className={classnames(classes.wrapper, customStyles.wrapper)}\n    >\n      <Typography className={classnames(classes.title, customStyles.title)}>{title}</Typography>\n      <Typography className={classnames(classes.description, customStyles.description)}>\n        {description}\n      </Typography>\n      <img src={NoDataImg} className={classes.errorImage} alt=\"error state\" />\n      {showArrow && (\n        <img src={Arrow} alt=\"arrow\" className={classnames(classes.arrow, customStyles.arrow)} />\n      )}\n    </div>\n  );\n}\n\nEmptyView.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  showArrow: PropTypes.bool,\n  customStyles: PropTypes.shape({\n    wrapper: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    arrow: PropTypes.string,\n  }),\n};\n\nEmptyView.defaultProps = {\n  title: 'No Data Available',\n  description: '',\n  showArrow: false,\n  customStyles: {},\n};\n\nexport default EmptyView;\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","position","width","height","display","flexDirection","alignItems","justifyContent","padding","zIndex","paddingTop","errorImage","marginTop","title","fontSize","fontStyle","color","lineHeight","fontWeight","description","arrow","top","right","EmptyView","showArrow","customStyles","classes","_jsxs","classnames","_jsx","NoDataImg","Arrow","propTypes","PropTypes","string","bool","shape","defaultProps"],"mappings":"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"}

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"DevCenterAppErrorView_container__ouYgc",content:"DevCenterAppErrorView_content__bju-L"};e(".DevCenterAppErrorView_container__ouYgc,.DevCenterAppErrorView_content__bju-L{display:flex;flex-direction:column;height:100%}.DevCenterAppErrorView_content__bju-L{align-items:center;color:#9e9e9e;justify-content:center;text-align:center}");export{t as default};
+import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".DevCenterAppErrorView_container__3buzg {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.DevCenterAppErrorView_content__1TZEL {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #9e9e9e;\n}";
+var styles = {"container":"DevCenterAppErrorView_container__3buzg","content":"DevCenterAppErrorView_content__1TZEL"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=DevCenterAppErrorView.css.js.map

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js

@@ -1 +1,54 @@
-import r from"prop-types";import{styled as p}from"@material-ui/core";import{ErrorOutline as e}from"@material-ui/icons";import{get as o}from"lodash";import{Regular16 as a}from"../../Typography.js";import i from"../../DevCenter/AppHeader/AppHeader.js";import t from"./DevCenterAppErrorView.css.js";import{jsxs as n,jsx as d}from"react/jsx-runtime";var m=p(e)({color:"#bdbdbd",fontSize:48,marginBottom:8});function l(r){var p=r.app,e=r.withAppHeader,l=o(p,"package.manifest.application.website"),s=l?n("span",{children:["<",d("a",{href:l,target:"_blank",children:"App Provider"}),">"]}):"App Provider";return n("div",{className:t.container,children:[e&&d(i,{app:p}),n("div",{className:t.content,children:[d(m,{}),d(a,{display:"block",children:"Application Error"}),n(a,{display:"block",children:["Contact ",s," support to get help"]})]})]})}l.propTypes={app:r.shape({}),withAppHeader:r.bool},l.defaultProps={app:void 0,withAppHeader:!1};export{l as default};
+import { get } from 'lodash';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { styled } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { ErrorOutline } from '@material-ui/icons';
+import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
+import { Regular16 } from '../../Typography.js';
+import styles from './DevCenterAppErrorView.css.js';
+
+var StyledErrorOutline = styled(ErrorOutline)({
+  color: '#bdbdbd',
+  fontSize: 48,
+  marginBottom: 8
+});
+
+function DevCenterAppErrorView(_ref) {
+  var app = _ref.app,
+      withAppHeader = _ref.withAppHeader;
+  var appProviderUrl = get(app, 'package.manifest.application.website');
+  var appProviderLink = appProviderUrl ? /*#__PURE__*/jsxs("span", {
+    children: ['<', /*#__PURE__*/jsx("a", {
+      href: appProviderUrl,
+      target: "_blank",
+      children: "App Provider"
+    }), '>']
+  }) : 'App Provider';
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [withAppHeader && /*#__PURE__*/jsx(AppHeader, {
+      app: app
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.content,
+      children: [/*#__PURE__*/jsx(StyledErrorOutline, {}), /*#__PURE__*/jsx(Regular16, {
+        display: "block",
+        children: "Application Error"
+      }), /*#__PURE__*/jsxs(Regular16, {
+        display: "block",
+        children: ["Contact ", appProviderLink, " support to get help"]
+      })]
+    })]
+  });
+}
+
+DevCenterAppErrorView.propTypes = {
+  app: PropTypes.shape({}),
+  withAppHeader: PropTypes.bool
+};
+DevCenterAppErrorView.defaultProps = {
+  app: undefined,
+  withAppHeader: false
+};
+
+export default DevCenterAppErrorView;
+//# sourceMappingURL=DevCenterAppErrorView.js.map

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevCenterAppErrorView.js","sources":["../../../../src/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { styled } from '@material-ui/core';\nimport { ErrorOutline } from '@material-ui/icons';\nimport { get } from 'lodash';\nimport { Regular16 } from '../../Typography';\nimport AppHeader from '../../DevCenter/AppHeader';\nimport styles from './DevCenterAppErrorView.css';\n\nconst StyledErrorOutline = styled(ErrorOutline)({\n  color: '#bdbdbd',\n  fontSize: 48,\n  marginBottom: 8,\n});\n\nfunction DevCenterAppErrorView({ app, withAppHeader }) {\n  const appProviderUrl = get(app, 'package.manifest.application.website');\n  const appProviderLink = appProviderUrl ? (\n    <span>\n      {'<'}\n      {/* TODO: fix this and regenerate jest snapshot */}\n      {/* eslint-disable-next-line react/jsx-no-target-blank */}\n      <a href={appProviderUrl} target=\"_blank\">\n        App Provider\n      </a>\n      {'>'}\n    </span>\n  ) : (\n    'App Provider'\n  );\n\n  return (\n    <div className={styles.container}>\n      {withAppHeader && <AppHeader app={app} />}\n      <div className={styles.content}>\n        <StyledErrorOutline />\n        <Regular16 display=\"block\">Application Error</Regular16>\n        <Regular16 display=\"block\">Contact {appProviderLink} support to get help</Regular16>\n      </div>\n    </div>\n  );\n}\n\nDevCenterAppErrorView.propTypes = {\n  app: PropTypes.shape({}),\n  withAppHeader: PropTypes.bool,\n};\n\nDevCenterAppErrorView.defaultProps = {\n  app: undefined,\n  withAppHeader: false,\n};\n\nexport default DevCenterAppErrorView;\n"],"names":["StyledErrorOutline","styled","ErrorOutline","color","fontSize","marginBottom","DevCenterAppErrorView","app","withAppHeader","appProviderUrl","get","appProviderLink","_jsxs","_jsx","styles","container","content","propTypes","PropTypes","shape","bool","defaultProps","undefined"],"mappings":";;;;;;;;;AAQA,IAAMA,kBAAkB,GAAGC,MAAM,CAACC,YAAD,CAAN,CAAqB;AAC9CC,EAAAA,KAAK,EAAE,SADuC;AAE9CC,EAAAA,QAAQ,EAAE,EAFoC;AAG9CC,EAAAA,YAAY,EAAE;AAHgC,CAArB,CAA3B;;AAMA,SAASC,qBAAT,OAAuD;AAAA,MAAtBC,GAAsB,QAAtBA,GAAsB;AAAA,MAAjBC,aAAiB,QAAjBA,aAAiB;AACrD,MAAMC,cAAc,GAAGC,GAAG,CAACH,GAAD,EAAM,sCAAN,CAA1B;AACA,MAAMI,eAAe,GAAGF,cAAc,gBACpCG;AAAA,eACG,GADH,eAIEC;AAAG,MAAA,IAAI,EAAEJ,cAAT;AAAyB,MAAA,MAAM,EAAC,QAAhC;AAAA;AAAA,MAJF,EAOG,GAPH;AAAA,IADoC,GAWpC,cAXF;AAcA,sBACEG;AAAK,IAAA,SAAS,EAAEE,MAAM,CAACC,SAAvB;AAAA,eACGP,aAAa,iBAAIK,IAAC,SAAD;AAAW,MAAA,GAAG,EAAEN;AAAhB,MADpB,eAEEK;AAAK,MAAA,SAAS,EAAEE,MAAM,CAACE,OAAvB;AAAA,8BACEH,IAAC,kBAAD,KADF,eAEEA,IAAC,SAAD;AAAW,QAAA,OAAO,EAAC,OAAnB;AAAA;AAAA,QAFF,eAGED,KAAC,SAAD;AAAW,QAAA,OAAO,EAAC,OAAnB;AAAA,+BAAoCD,eAApC;AAAA,QAHF;AAAA,MAFF;AAAA,IADF;AAUD;;AAEDL,qBAAqB,CAACW,SAAtB,GAAkC;AAChCV,EAAAA,GAAG,EAAEW,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAD2B;AAEhCX,EAAAA,aAAa,EAAEU,SAAS,CAACE;AAFO,CAAlC;AAKAd,qBAAqB,CAACe,YAAtB,GAAqC;AACnCd,EAAAA,GAAG,EAAEe,SAD8B;AAEnCd,EAAAA,aAAa,EAAE;AAFoB,CAArC;;;;"}

package/components/ErrorBoundary/ErrorBoundary.js

@@ -1 +1,87 @@
-import r from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import c from"@babel/runtime/helpers/getPrototypeOf";import p from"@babel/runtime/helpers/defineProperty";import{Component as a}from"react";import l from"prop-types";import s from"../EmptyView/EmptyAppView/EmptyAppView.js";import{jsx as u}from"react/jsx-runtime";var f=["ErrorView","children"];function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function h(r){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var t,o=c(r);if(e){var n=c(this).constructor;t=Reflect.construct(o,arguments,n)}else t=o.apply(this,arguments);return i(this,t)}}var b=function(i){n(l,a);var c=h(l);function l(){var r;e(this,l);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];return r=c.call.apply(c,[this].concat(n)),p(o(r),"state",{hasInternalError:!1}),r}return t(l,[{key:"componentDidCatch",value:function(r){this.setState({hasInternalError:!0}),console.error(r),window.Rollbar&&window.Rollbar.error(r)}},{key:"render",value:function(){if(!this.state.hasInternalError)return this.props.children;var e=this.props,t=e.ErrorView;e.children;var o=r(e,f);return u(t,function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?m(Object(t),!0).forEach((function(e){p(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}({},o))}}],[{key:"getDerivedStateFromError",value:function(){return{hasInternalError:!0}}}]),l}();b.propTypes={children:l.node.isRequired,ErrorView:l.oneOfType([l.node,l.func])},b.defaultProps={ErrorView:s};export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import EmptyAppView from '../EmptyView/EmptyAppView/EmptyAppView.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var ErrorBoundary = /*#__PURE__*/function (_Component) {
+  _inherits(ErrorBoundary, _Component);
+
+  var _super = _createSuper(ErrorBoundary);
+
+  function ErrorBoundary() {
+    var _this;
+
+    _classCallCheck(this, ErrorBoundary);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasInternalError: false
+    });
+
+    return _this;
+  }
+
+  _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error) {
+      this.setState({
+        hasInternalError: true
+      });
+      console.error(error);
+      if (window.Rollbar) window.Rollbar.error(error);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (!this.state.hasInternalError) return this.props.children;
+
+      var _this$props = this.props,
+          ErrorView = _this$props.ErrorView,
+          children = _this$props.children,
+          errorViewProps = _objectWithoutProperties(_this$props, ["ErrorView", "children"]);
+
+      return /*#__PURE__*/jsx(ErrorView, _objectSpread({}, errorViewProps));
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError() {
+      return {
+        hasInternalError: true
+      };
+    }
+  }]);
+
+  return ErrorBoundary;
+}(Component);
+
+ErrorBoundary.propTypes = {
+  children: PropTypes.node.isRequired,
+  ErrorView: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+};
+ErrorBoundary.defaultProps = {
+  ErrorView: EmptyAppView
+};
+
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport EmptyAppView from '../EmptyView/EmptyAppView';\n\nclass ErrorBoundary extends Component {\n  // eslint-disable-next-line react/state-in-constructor\n  state = { hasInternalError: false };\n\n  static getDerivedStateFromError() {\n    return { hasInternalError: true };\n  }\n\n  componentDidCatch(error) {\n    this.setState({ hasInternalError: true });\n    console.error(error);\n    if (window.Rollbar) window.Rollbar.error(error);\n  }\n\n  render() {\n    if (!this.state.hasInternalError) return this.props.children;\n    const { ErrorView, children, ...errorViewProps } = this.props;\n    return <ErrorView {...errorViewProps} />;\n  }\n}\n\nErrorBoundary.propTypes = {\n  children: PropTypes.node.isRequired,\n  ErrorView: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n};\n\nErrorBoundary.defaultProps = {\n  ErrorView: EmptyAppView,\n};\n\nexport default ErrorBoundary;\n"],"names":["ErrorBoundary","hasInternalError","error","setState","console","window","Rollbar","state","props","children","ErrorView","errorViewProps","_jsx","Component","propTypes","PropTypes","node","isRequired","oneOfType","func","defaultProps","EmptyAppView"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAKMA;;;;;;;;;;;;;;;;4DAEI;AAAEC,MAAAA,gBAAgB,EAAE;AAApB;;;;;;;sCAMUC,OAAO;AACvB,WAAKC,QAAL,CAAc;AAAEF,QAAAA,gBAAgB,EAAE;AAApB,OAAd;AACAG,MAAAA,OAAO,CAACF,KAAR,CAAcA,KAAd;AACA,UAAIG,MAAM,CAACC,OAAX,EAAoBD,MAAM,CAACC,OAAP,CAAeJ,KAAf,CAAqBA,KAArB;AACrB;;;6BAEQ;AACP,UAAI,CAAC,KAAKK,KAAL,CAAWN,gBAAhB,EAAkC,OAAO,KAAKO,KAAL,CAAWC,QAAlB;;AAD3B,wBAE4C,KAAKD,KAFjD;AAAA,UAECE,SAFD,eAECA,SAFD;AAAA,UAEYD,QAFZ,eAEYA,QAFZ;AAAA,UAEyBE,cAFzB;;AAGP,0BAAOC,IAAC,SAAD,oBAAeD,cAAf,EAAP;AACD;;;+CAdiC;AAChC,aAAO;AAAEV,QAAAA,gBAAgB,EAAE;AAApB,OAAP;AACD;;;;EANyBY;;AAqB5Bb,aAAa,CAACc,SAAd,GAA0B;AACxBL,EAAAA,QAAQ,EAAEM,SAAS,CAACC,IAAV,CAAeC,UADD;AAExBP,EAAAA,SAAS,EAAEK,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACC,IAAX,EAAiBD,SAAS,CAACI,IAA3B,CAApB;AAFa,CAA1B;AAKAnB,aAAa,CAACoB,YAAd,GAA6B;AAC3BV,EAAAA,SAAS,EAAEW;AADgB,CAA7B;;;;"}

package/components/FailedFileUploading.js

@@ -1 +1,46 @@
-import r from"prop-types";import e from"classnames";import{withStyles as s}from"@material-ui/core/styles";import a from"@material-ui/core/Typography";import o from"@material-ui/icons/Error";import{jsxs as i,jsx as t}from"react/jsx-runtime";var l=function(r){return i(a,{variant:"body1",className:e(r.className,r.classes.errorMessage),children:[t(o,{color:"error",className:r.classes.errorIcon}),i("span",{children:["Upload failed. ",r.errorMessage]})]})};l.propTypes={errorMessage:r.string,className:r.string,classes:r.shape({}).isRequired},l.defaultProps={errorMessage:void 0,className:void 0};var m=s((function(r){return{errorIcon:{marginRight:10},errorMessage:{color:r.palette.grey[400],display:"flex",alignItems:"center"}}}))(l);export{m as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import ErrorIcon from '@material-ui/icons/Error';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    errorIcon: {
+      marginRight: 10
+    },
+    errorMessage: {
+      color: theme.palette.grey[400],
+      display: 'flex',
+      alignItems: 'center'
+    }
+  };
+};
+
+var FailedFileUploading = function FailedFileUploading(props) {
+  return /*#__PURE__*/jsxs(Typography, {
+    variant: "body1",
+    className: classNames(props.className, props.classes.errorMessage),
+    children: [/*#__PURE__*/jsx(ErrorIcon, {
+      color: "error",
+      className: props.classes.errorIcon
+    }), /*#__PURE__*/jsxs("span", {
+      children: ["Upload failed. ", props.errorMessage]
+    })]
+  });
+};
+
+FailedFileUploading.propTypes = {
+  errorMessage: PropTypes.string,
+  className: PropTypes.string,
+  classes: PropTypes.shape({}).isRequired
+};
+FailedFileUploading.defaultProps = {
+  errorMessage: undefined,
+  className: undefined
+};
+var FailedFileUploading$1 = withStyles(muiStyles)(FailedFileUploading);
+
+export default FailedFileUploading$1;
+//# sourceMappingURL=FailedFileUploading.js.map