@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/EmptyState/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/EmptyState/constants.ts"],"sourcesContent":["export enum SIZES {\n  SMALL = 'small',\n  MEDIUM = 'medium',\n  LARGE = 'large',\n}\n\nexport const SIZE_MEDIUM_THRESHOLD = 300;\nexport const SIZE_LARGE_THRESHOLD = 400;\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\nexport type AppMessages = Record<\n  | 'appNotSubscribed'\n  | 'appNotSubscribedForAsset'\n  | 'internalAppError'\n  | 'appPackageWasNotFound'\n  | 'fracFleetWasNotFound'\n  | 'fracFleetHasNoPad'\n  | 'padHasNoWells'\n  | 'appComponentWasNotFound'\n  | 'noAssetData'\n  | 'assetNotAvailable'\n  | 'AccessDenied',\n  { title: string; subtitle?: string }\n>;\n\nexport const APP_MESSAGES: AppMessages = {\n  appNotSubscribed: {\n    title: 'No Subscription exists for this app.',\n    subtitle: 'Contact your Corva Account rep to get access to this app.',\n  },\n  appNotSubscribedForAsset: {\n    title: 'No Subscription exists for this asset.',\n    subtitle: 'Contact your Corva Account rep to get access to this asset.',\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  appComponentWasNotFound: {\n    title: 'App component was not found',\n  },\n  noAssetData: {\n    title: 'No asset data found',\n  },\n  assetNotAvailable: {\n    title: 'Asset unavailable',\n  },\n  AccessDenied: {\n    title: 'Access Denied',\n  },\n};\n"],"names":["SIZES","SIZE_MEDIUM_THRESHOLD","SIZE_LARGE_THRESHOLD","APP_MESSAGES","appNotSubscribed","title","subtitle","appNotSubscribedForAsset","internalAppError","appPackageWasNotFound","fracFleetWasNotFound","fracFleetHasNoPad","padHasNoWells","appComponentWasNotFound","noAssetData","assetNotAvailable","AccessDenied"],"mappings":"AAAA,IAAYA,MAAK;AAIhB,CAAA,UAJWA,KAAK,EAAA;EAALA,KAAK,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAALA,KAAK,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAALA,KAAK,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,CAALA,EAAAA,KAAK,KAALA,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA;AAMV,IAAMC,qBAAqB,GAAG,IAAG;AACjC,IAAMC,oBAAoB,GAAG,IAAG;;AAEvC;;AAgBO,IAAMC,YAAyB,GAAG;AACvCC,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,KAAK,EAAE,sCAAsC;AAC7CC,IAAAA,QAAQ,EAAE,2DAAA;GACX;AACDC,EAAAA,wBAAwB,EAAE;AACxBF,IAAAA,KAAK,EAAE,wCAAwC;AAC/CC,IAAAA,QAAQ,EAAE,6DAAA;GACX;AACDE,EAAAA,gBAAgB,EAAE;AAChBH,IAAAA,KAAK,EAAE,mBAAA;GACR;AACDI,EAAAA,qBAAqB,EAAE;AACrBJ,IAAAA,KAAK,EAAE,2BAA2B;AAClCC,IAAAA,QAAQ,EACN,sGAAA;GACH;AACDI,EAAAA,oBAAoB,EAAE;AACpBL,IAAAA,KAAK,EAAE,0BAAA;GACR;AACDM,EAAAA,iBAAiB,EAAE;AACjBN,IAAAA,KAAK,EAAE,8BAAA;GACR;AACDO,EAAAA,aAAa,EAAE;AACbP,IAAAA,KAAK,EAAE,uBAAA;GACR;AACDQ,EAAAA,uBAAuB,EAAE;AACvBR,IAAAA,KAAK,EAAE,6BAAA;GACR;AACDS,EAAAA,WAAW,EAAE;AACXT,IAAAA,KAAK,EAAE,qBAAA;GACR;AACDU,EAAAA,iBAAiB,EAAE;AACjBV,IAAAA,KAAK,EAAE,mBAAA;GACR;AACDW,EAAAA,YAAY,EAAE;AACZX,IAAAA,KAAK,EAAE,eAAA;AACT,GAAA;AACF;;;;"}

package/components/EmptyState/images/index.js

@@ -1 +1,16 @@
-var a="/static/media/e934cdf7e3c2d53a46ad705499ddc7ac.svg",c="/static/media/ebc377e84c4bb8e5ff2ec511dc8660e2.svg",e="/static/media/d48b787e768315ba1f836e899c2157b9.svg",d="/static/media/98710b113163ec52f97a83b9fdcd54d1.svg",b="/static/media/0c545553b47f7840164da36e1cc735e5.svg",t="/static/media/f4690573b9087b0a7f7be263b93e30e2.svg",i="/static/media/74fb4552d1d3bf4337c504d32b632696.svg",s="/static/media/ac02c30d8a1b36f767b5c05f92a64b21.svg",f="/static/media/103a203d36d666db31046b801cdd25e8.svg",v="/static/media/1520f8fc30afa89512ea2b19022acc20.svg",g="/static/media/f1ebe1343ca104784171088301cb7ca3.svg",m="/static/media/81ddd83a14276fd8ccb26a3601aeb5c2.svg",r="/static/media/06ee768e41551e34517cb5a6ee8c0e2a.svg";export{r as AccessDenied,a as AppLoadingError,c as AssetHasNoData,e as DataSuccessfullySaved,d as FracFleetHasNoActivePad,b as NoDataAvailable,t as NoIssueFound,i as NoNotifications,s as NoSubscription,f as NoWellsSelected,v as PageNotFound,g as RigHasNoActiveWell,m as UnderConstruction};
+var AppLoadingError = "/static/media/e934cdf7e3c2d53a46ad705499ddc7ac.svg";
+var AssetHasNoData = "/static/media/ebc377e84c4bb8e5ff2ec511dc8660e2.svg";
+var DataSuccessfullySaved = "/static/media/d48b787e768315ba1f836e899c2157b9.svg";
+var FracFleetHasNoActivePad = "/static/media/98710b113163ec52f97a83b9fdcd54d1.svg";
+var NoDataAvailable = "/static/media/0c545553b47f7840164da36e1cc735e5.svg";
+var NoIssueFound = "/static/media/f4690573b9087b0a7f7be263b93e30e2.svg";
+var NoNotifications = "/static/media/74fb4552d1d3bf4337c504d32b632696.svg";
+var NoSubscription = "/static/media/ac02c30d8a1b36f767b5c05f92a64b21.svg";
+var NoWellsSelected = "/static/media/103a203d36d666db31046b801cdd25e8.svg";
+var PageNotFound = "/static/media/1520f8fc30afa89512ea2b19022acc20.svg";
+var RigHasNoActiveWell = "/static/media/f1ebe1343ca104784171088301cb7ca3.svg";
+var UnderConstruction = "/static/media/81ddd83a14276fd8ccb26a3601aeb5c2.svg";
+var AccessDenied = "/static/media/06ee768e41551e34517cb5a6ee8c0e2a.svg"; // ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this
+
+export { AccessDenied, AppLoadingError, AssetHasNoData, DataSuccessfullySaved, FracFleetHasNoActivePad, NoDataAvailable, NoIssueFound, NoNotifications, NoSubscription, NoWellsSelected, PageNotFound, RigHasNoActiveWell, UnderConstruction };
+//# sourceMappingURL=index.js.map

package/components/EmptyState/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/EmptyState/images/index.ts"],"sourcesContent":["import AppLoadingError from './AppLoadingError.svg';\nimport AssetHasNoData from './AssetHasNoData.svg';\nimport DataSuccessfullySaved from './DataSuccessfullySaved.svg';\nimport FracFleetHasNoActivePad from './FracFleetHasNoActivePad.svg';\nimport NoDataAvailable from './NoDataAvailable.svg';\nimport NoIssueFound from './NoIssueFound.svg';\nimport NoNotifications from './NoNotifications.svg';\nimport NoSubscription from './NoSubscription.svg';\nimport NoWellsSelected from './NoWellsSelected.svg';\nimport PageNotFound from './PageNotFound.svg';\nimport RigHasNoActiveWell from './RigHasNoActiveWell.svg';\nimport UnderConstruction from './UnderConstruction.svg';\nimport AccessDenied from './AccessDenied.svg';\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this\nexport {\n  AppLoadingError,\n  AssetHasNoData,\n  DataSuccessfullySaved,\n  FracFleetHasNoActivePad,\n  NoDataAvailable,\n  NoIssueFound,\n  NoNotifications,\n  NoSubscription,\n  NoWellsSelected,\n  PageNotFound,\n  RigHasNoActiveWell,\n  UnderConstruction,\n  AccessDenied,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,IAAA,YAAA,GAAA,qDAAA;;;;"}

package/components/EmptyState/styles.js

@@ -1 +1,66 @@
-import{makeStyles as t,createStyles as e}from"@material-ui/core";import{SIZES as n}from"./constants.js";var i=t((function(t){var i=t.palette;return e({rootTransparent:{display:"flex",opacity:0,flexDirection:"column",height:"100%",justifyContent:"center",flexGrow:1},rootOpaque:{opacity:1},content:{alignItems:"center",display:"flex",flexDirection:"column",height:"100%",justifyContent:"center",overflow:"hidden",padding:24,textAlign:"center"},title:function(t){var e=t.size;return{color:i.primary.text7,fontStyle:"italic",fontSize:e===n.LARGE?32:24,lineHeight:e===n.LARGE?"38px":"28px",marginBottom:8}},subtitle:function(t){var e=t.size;return{color:i.primary.text7,fontSize:e===n.LARGE?16:14,lineHeight:e===n.LARGE?"22px":"20px",marginBottom:24}},image:function(t){var e=t.size,i=t.image;return{display:"flex",flexGrow:1,maxHeight:e===n.LARGE?300:200,objectFit:"contain",width:"100%",backgroundImage:"url(".concat(i,")"),backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"contain"}}})}));export{i as useStyles};
+import { makeStyles, createStyles } from '@material-ui/core';
+import { SIZES } from './constants.js';
+
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return createStyles({
+    rootTransparent: {
+      display: 'flex',
+      opacity: 0,
+      flexDirection: 'column',
+      height: '100%',
+      justifyContent: 'center',
+      flexGrow: 1
+    },
+    rootOpaque: {
+      opacity: 1
+    },
+    content: {
+      alignItems: 'center',
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      padding: 24,
+      textAlign: 'center'
+    },
+    title: function title(_ref2) {
+      var size = _ref2.size;
+      return {
+        color: palette.primary.text7,
+        fontStyle: 'italic',
+        fontSize: size === SIZES.LARGE ? 32 : 24,
+        lineHeight: size === SIZES.LARGE ? '38px' : '28px',
+        marginBottom: 8
+      };
+    },
+    subtitle: function subtitle(_ref3) {
+      var size = _ref3.size;
+      return {
+        color: palette.primary.text7,
+        fontSize: size === SIZES.LARGE ? 16 : 14,
+        lineHeight: size === SIZES.LARGE ? '22px' : '20px',
+        marginBottom: 24
+      };
+    },
+    image: function image(_ref4) {
+      var size = _ref4.size,
+        _image = _ref4.image;
+      return {
+        display: 'flex',
+        flexGrow: 1,
+        maxHeight: size === SIZES.LARGE ? 300 : 200,
+        objectFit: 'contain',
+        width: '100%',
+        backgroundImage: "url(".concat(_image, ")"),
+        backgroundRepeat: 'no-repeat',
+        backgroundPosition: 'center',
+        backgroundSize: 'contain'
+      };
+    }
+  });
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/EmptyState/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/EmptyState/styles.ts"],"sourcesContent":["import { createStyles, makeStyles, Theme } from '@material-ui/core';\nimport { SIZES } from './constants';\n\ntype makeStylesProps = { size: string; image: string };\n\nexport const useStyles = makeStyles(({ palette }: Theme) =>\n  createStyles({\n    rootTransparent: {\n      display: 'flex',\n      opacity: 0,\n      flexDirection: 'column',\n      height: '100%',\n      justifyContent: 'center',\n      flexGrow: 1,\n    },\n    rootOpaque: {\n      opacity: 1,\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'column',\n      height: '100%',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      padding: 24,\n      textAlign: 'center',\n    },\n    title: ({ size }: makeStylesProps) => ({\n      color: palette.primary.text7,\n      fontStyle: 'italic',\n      fontSize: size === SIZES.LARGE ? 32 : 24,\n      lineHeight: size === SIZES.LARGE ? '38px' : '28px',\n      marginBottom: 8,\n    }),\n    subtitle: ({ size }: makeStylesProps) => ({\n      color: palette.primary.text7,\n      fontSize: size === SIZES.LARGE ? 16 : 14,\n      lineHeight: size === SIZES.LARGE ? '22px' : '20px',\n      marginBottom: 24,\n    }),\n    image: ({ size, image }: makeStylesProps) => ({\n      display: 'flex',\n      flexGrow: 1,\n      maxHeight: size === SIZES.LARGE ? 300 : 200,\n      objectFit: 'contain',\n      width: '100%',\n      backgroundImage: `url(${image})`,\n      backgroundRepeat: 'no-repeat',\n      backgroundPosition: 'center',\n      backgroundSize: 'contain',\n    }),\n  })\n);\n"],"names":["useStyles","makeStyles","palette","createStyles","rootTransparent","display","opacity","flexDirection","height","justifyContent","flexGrow","rootOpaque","content","alignItems","overflow","padding","textAlign","title","size","color","primary","text7","fontStyle","fontSize","SIZES","LARGE","lineHeight","marginBottom","subtitle","image","maxHeight","objectFit","width","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":";;;AAKaA,IAAAA,SAAS,GAAGC,UAAU,CAAC,UAAA,IAAA,EAAA;EAAA,IAAGC,OAAO,QAAPA,OAAO,CAAA;AAAA,EAAA,OAC5CC,YAAY,CAAC;AACXC,IAAAA,eAAe,EAAE;AACfC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,OAAO,EAAE,CAAC;AACVC,MAAAA,aAAa,EAAE,QAAQ;AACvBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,QAAQ,EAAE,CAAA;KACX;AACDC,IAAAA,UAAU,EAAE;AACVL,MAAAA,OAAO,EAAE,CAAA;KACV;AACDM,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,QAAQ;AACpBR,MAAAA,OAAO,EAAE,MAAM;AACfE,MAAAA,aAAa,EAAE,QAAQ;AACvBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,cAAc,EAAE,QAAQ;AACxBK,MAAAA,QAAQ,EAAE,QAAQ;AAClBC,MAAAA,OAAO,EAAE,EAAE;AACXC,MAAAA,SAAS,EAAE,QAAA;KACZ;AACDC,IAAAA,KAAK,EAAE,SAAA,KAAA,CAAA,KAAA,EAAA;MAAA,IAAGC,IAAI,SAAJA,IAAI,CAAA;MAAA,OAAyB;AACrCC,QAAAA,KAAK,EAAEjB,OAAO,CAACkB,OAAO,CAACC,KAAK;AAC5BC,QAAAA,SAAS,EAAE,QAAQ;QACnBC,QAAQ,EAAEL,IAAI,KAAKM,KAAK,CAACC,KAAK,GAAG,EAAE,GAAG,EAAE;QACxCC,UAAU,EAAER,IAAI,KAAKM,KAAK,CAACC,KAAK,GAAG,MAAM,GAAG,MAAM;AAClDE,QAAAA,YAAY,EAAE,CAAA;OACf,CAAA;KAAC;AACFC,IAAAA,QAAQ,EAAE,SAAA,QAAA,CAAA,KAAA,EAAA;MAAA,IAAGV,IAAI,SAAJA,IAAI,CAAA;MAAA,OAAyB;AACxCC,QAAAA,KAAK,EAAEjB,OAAO,CAACkB,OAAO,CAACC,KAAK;QAC5BE,QAAQ,EAAEL,IAAI,KAAKM,KAAK,CAACC,KAAK,GAAG,EAAE,GAAG,EAAE;QACxCC,UAAU,EAAER,IAAI,KAAKM,KAAK,CAACC,KAAK,GAAG,MAAM,GAAG,MAAM;AAClDE,QAAAA,YAAY,EAAE,EAAA;OACf,CAAA;KAAC;AACFE,IAAAA,KAAK,EAAE,SAAA,KAAA,CAAA,KAAA,EAAA;MAAA,IAAGX,IAAI,SAAJA,IAAI;AAAEW,QAAAA,MAAK,SAALA,KAAK,CAAA;MAAA,OAAyB;AAC5CxB,QAAAA,OAAO,EAAE,MAAM;AACfK,QAAAA,QAAQ,EAAE,CAAC;QACXoB,SAAS,EAAEZ,IAAI,KAAKM,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,GAAG;AAC3CM,QAAAA,SAAS,EAAE,SAAS;AACpBC,QAAAA,KAAK,EAAE,MAAM;QACbC,eAAe,EAAA,MAAA,CAAA,MAAA,CAASJ,MAAK,EAAG,GAAA,CAAA;AAChCK,QAAAA,gBAAgB,EAAE,WAAW;AAC7BC,QAAAA,kBAAkB,EAAE,QAAQ;AAC5BC,QAAAA,cAAc,EAAE,SAAA;OACjB,CAAA;AAAA,KAAA;AACH,GAAC,CAAC,CAAA;AAAA,CACH;;;;"}

package/components/EmptyState/utils.js

@@ -1 +1,10 @@
-import{SIZE_LARGE_THRESHOLD as r,SIZES as t,SIZE_MEDIUM_THRESHOLD as n}from"./constants.js";var o=function(o){return o>=r?t.LARGE:o>=n?t.MEDIUM:t.SMALL};export{o as getSize};
+import { SIZE_LARGE_THRESHOLD, SIZES, SIZE_MEDIUM_THRESHOLD } from './constants.js';
+
+var getSize = function getSize(contentHeight) {
+  if (contentHeight >= SIZE_LARGE_THRESHOLD) return SIZES.LARGE;
+  if (contentHeight >= SIZE_MEDIUM_THRESHOLD) return SIZES.MEDIUM;
+  return SIZES.SMALL;
+};
+
+export { getSize };
+//# sourceMappingURL=utils.js.map

package/components/EmptyState/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/EmptyState/utils.ts"],"sourcesContent":["import { SIZE_LARGE_THRESHOLD, SIZE_MEDIUM_THRESHOLD, SIZES } from './constants';\n\nexport const getSize = (contentHeight: number) => {\n  if (contentHeight >= SIZE_LARGE_THRESHOLD) return SIZES.LARGE;\n  if (contentHeight >= SIZE_MEDIUM_THRESHOLD) return SIZES.MEDIUM;\n  return SIZES.SMALL;\n};\n"],"names":["getSize","contentHeight","SIZE_LARGE_THRESHOLD","SIZES","LARGE","SIZE_MEDIUM_THRESHOLD","MEDIUM","SMALL"],"mappings":";;IAEaA,OAAO,GAAG,SAAVA,OAAO,CAAIC,aAAqB,EAAK;AAChD,EAAA,IAAIA,aAAa,IAAIC,oBAAoB,EAAE,OAAOC,KAAK,CAACC,KAAK,CAAA;AAC7D,EAAA,IAAIH,aAAa,IAAII,qBAAqB,EAAE,OAAOF,KAAK,CAACG,MAAM,CAAA;EAC/D,OAAOH,KAAK,CAACI,KAAK,CAAA;AACpB;;;;"}

package/components/EmptyView/EmptyAppView/EmptyAppView.js

@@ -1 +1,198 @@
-import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useState as i,useEffect as o,useRef as n}from"react";import r from"classnames";import{makeStyles as s}from"@material-ui/core";import p from"../../DevCenter/AppHeader/AppHeader.js";var l=300,c=400,d={appNotSubscribed:{title:"No Subscription exists for this app.",subtitle:"Contact your Corva Account rep to get access to this app."},appNotSubscribedForAsset:{title:"No Subscription exists for this asset.",subtitle:"Contact your Corva Account rep to get access to this asset."},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"},appComponentWasNotFound:{title:"App component was not found"},noAssetData:{title:"No asset data found"},assetNotAvailable:{title:"Asset unavailable"}},m={empty:"empty",error:"error",noData:"noData",noSubscription:"noSubscription"},u={empty:"/static/media/e607e3aa0a4603bb7ae7f83a2148511e.svg",error:"/static/media/9b185a425ea91b6c2beedfef39c06663.svg",noData:"/static/media/1bfc6e5d9cbb531a554ab8d025fa23e9.svg",noSubscription:"/static/media/76e3ee12638391cba164716321509ad7.svg"},f=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([u[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"}}})),g=function(s){var l=s.title,c=s.subtitle,d=void 0===c?"":c,m=s.state,u=void 0===m?"empty":m,g=s.withAppHeader,b=void 0!==g&&g,h=s.app,v=s.actions,x=void 0===v?null:v,S=f({state:u}),A=i(!1),y=A[0],H=A[1];o((function(){H(!0)}),[]);var N=n(null),w=N.current,k=(null==w?void 0:w.offsetHeight)<300,C=(null==w?void 0:w.offsetHeight)<400;return e("div",{className:S.container,children:[b&&t(p,{app:h,classes:{appHeader:S.appHeader}}),t("div",{className:S.wrapper,ref:N,children:y&&e(a,{children:[t("div",{"data-testid":"".concat("EmptyAppView","_title"),className:r(S.title,C&&"medium",k&&"small"),children:l}),x,d&&t("div",{"data-testid":"".concat("EmptyAppView","_subtitle"),className:r(S.subtitle,C&&"medium",k&&"small"),children:d}),!k&&t("div",{className:r(S.imageWrapper,C&&"medium"),children:t("div",{className:S.backgroundImage})})]})})]})};g.APP_MESSAGES=d,g.EMPTY_STATES=m;export{d as APP_MESSAGES,m as EMPTY_STATES,c as HEIGHT_MEDIUM_BREAKPOINT,l as HEIGHT_SMALL_BREAKPOINT,g as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+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 PAGE_NAME = 'EmptyAppView';
+var HEIGHT_SMALL_BREAKPOINT = 300;
+var HEIGHT_MEDIUM_BREAKPOINT = 400;
+
+// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type
+
+var APP_MESSAGES = {
+  appNotSubscribed: {
+    title: 'No Subscription exists for this app.',
+    subtitle: 'Contact your Corva Account rep to get access to this app.'
+  },
+  appNotSubscribedForAsset: {
+    title: 'No Subscription exists for this asset.',
+    subtitle: 'Contact your Corva Account rep to get access to this asset.'
+  },
+  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'
+  },
+  appComponentWasNotFound: {
+    title: 'App component was not found'
+  },
+  noAssetData: {
+    title: 'No asset data found'
+  },
+  assetNotAvailable: {
+    title: 'Asset unavailable'
+  }
+};
+var EMPTY_STATES = {
+  empty: 'empty',
+  error: 'error',
+  noData: 'noData',
+  noSubscription: 'noSubscription'
+};
+var STATE_IMAGES = {
+  empty: EmptyStateLarge,
+  error: ErrorLarge,
+  noData: NoDataLarge,
+  noSubscription: NoSubscriptionLarge
+};
+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'
+    }
+  };
+});
+var EmptyAppView = function EmptyAppView(_ref2) {
+  var title = _ref2.title,
+    _ref2$subtitle = _ref2.subtitle,
+    subtitle = _ref2$subtitle === void 0 ? '' : _ref2$subtitle,
+    _ref2$state = _ref2.state,
+    state = _ref2$state === void 0 ? 'empty' : _ref2$state,
+    _ref2$withAppHeader = _ref2.withAppHeader,
+    withAppHeader = _ref2$withAppHeader === void 0 ? false : _ref2$withAppHeader,
+    app = _ref2.app,
+    _ref2$actions = _ref2.actions,
+    actions = _ref2$actions === void 0 ? null : _ref2$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", {
+          "data-testid": "".concat(PAGE_NAME, "_title"),
+          className: classNames(styles.title, isMediumSize && 'medium', isSmallSize && 'small'),
+          children: title
+        }), actions, subtitle && /*#__PURE__*/jsx("div", {
+          "data-testid": "".concat(PAGE_NAME, "_subtitle"),
+          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.APP_MESSAGES = APP_MESSAGES;
+EmptyAppView.EMPTY_STATES = EMPTY_STATES;
+
+export { APP_MESSAGES, EMPTY_STATES, HEIGHT_MEDIUM_BREAKPOINT, HEIGHT_SMALL_BREAKPOINT, EmptyAppView as default };
+//# 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.tsx"],"sourcesContent":["// NOTE: This component is deprecated and will be removed soon in favor of DevCenterAppErrorView\n// Designs: https://www.figma.com/file/Ii3zVMdSWFGRWvxHhV3NGl/Tiers?node-id=1051%3A468\n\nimport { ReactElement, ReactNode, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport AppHeader from '../../DevCenter/AppHeader';\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';\n\nconst PAGE_NAME = 'EmptyAppView';\n\nexport const HEIGHT_SMALL_BREAKPOINT = 300;\nexport const HEIGHT_MEDIUM_BREAKPOINT = 400;\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\ntype AppMessages = Record<\n  | 'appNotSubscribed'\n  | 'appNotSubscribedForAsset'\n  | 'internalAppError'\n  | 'appPackageWasNotFound'\n  | 'fracFleetWasNotFound'\n  | 'fracFleetHasNoPad'\n  | 'padHasNoWells'\n  | 'appComponentWasNotFound'\n  | 'noAssetData'\n  | 'assetNotAvailable',\n  { title: string; subtitle?: string }\n>;\n\nexport const APP_MESSAGES: AppMessages = {\n  appNotSubscribed: {\n    title: 'No Subscription exists for this app.',\n    subtitle: 'Contact your Corva Account rep to get access to this app.',\n  },\n  appNotSubscribedForAsset: {\n    title: 'No Subscription exists for this asset.',\n    subtitle: 'Contact your Corva Account rep to get access to this asset.',\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  appComponentWasNotFound: {\n    title: 'App component was not found',\n  },\n  noAssetData: {\n    title: 'No asset data found',\n  },\n  assetNotAvailable: {\n    title: 'Asset unavailable',\n  },\n};\n\ntype EmptyStates = 'empty' | 'error' | 'noData' | 'noSubscription';\n\nexport const EMPTY_STATES: Record<EmptyStates, EmptyStates> = {\n  empty: 'empty',\n  error: 'error',\n  noData: 'noData',\n  noSubscription: 'noSubscription',\n};\n\nconst STATE_IMAGES: Record<EmptyStates, string> = {\n  empty: EmptyStateLarge,\n  error: ErrorLarge,\n  noData: NoDataLarge,\n  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: { state: EmptyStates }) => `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\nexport type EmptyAppViewProps = {\n  title: ReactNode;\n  actions?: ReactNode;\n  app?: object;\n  state?: EmptyStates;\n  subtitle?: ReactNode;\n  withAppHeader?: boolean;\n};\n\ntype EmptyAppViewType = ((props: EmptyAppViewProps) => ReactElement) & {\n  APP_MESSAGES: typeof APP_MESSAGES;\n  EMPTY_STATES: typeof EMPTY_STATES;\n};\n\nconst EmptyAppView = ({\n  title,\n  subtitle = '',\n  state = 'empty',\n  withAppHeader = false,\n  app,\n  actions = null,\n}: EmptyAppViewProps) => {\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              data-testid={`${PAGE_NAME}_title`}\n              className={classNames(styles.title, isMediumSize && 'medium', isSmallSize && 'small')}\n            >\n              {title}\n            </div>\n            {actions}\n            {subtitle && (\n              <div\n                data-testid={`${PAGE_NAME}_subtitle`}\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.APP_MESSAGES = APP_MESSAGES;\nEmptyAppView.EMPTY_STATES = EMPTY_STATES;\n\nexport default EmptyAppView as EmptyAppViewType;\n"],"names":["PAGE_NAME","HEIGHT_SMALL_BREAKPOINT","HEIGHT_MEDIUM_BREAKPOINT","APP_MESSAGES","appNotSubscribed","title","subtitle","appNotSubscribedForAsset","internalAppError","appPackageWasNotFound","fracFleetWasNotFound","fracFleetHasNoPad","padHasNoWells","appComponentWasNotFound","noAssetData","assetNotAvailable","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","_Fragment","classNames"],"mappings":"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"}

package/components/EmptyView/EmptyView.js

@@ -1 +1,107 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{makeStyles as t,Typography as a}from"@material-ui/core";import r from"classnames";var o=t({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"16px",zIndex:function(i){return i.showArrow?1:"auto"},"@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 p(t){var p=t.title,d=void 0===p?"No Data Available":p,m=t.description,n=void 0===m?"":m,x=t.showArrow,s=void 0!==x&&x,h=t.customStyles,l=void 0===h?{}:h,c=o({showArrow:s});return i("div",{"data-testid":"".concat("EmptyView","_wrapper"),className:r(c.wrapper,l.wrapper),children:[e(a,{className:r(c.title,l.title),children:d}),e(a,{className:r(c.description,l.description),children:n}),e("img",{src:"/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png",className:c.errorImage,alt:"error state"}),s&&e("img",{src:"/static/media/1be6a0ee1d46b5f5c15203014864e086.svg",alt:"arrow",className:r(c.arrow,l.arrow)})]})}export{p as default};
+import { makeStyles, Typography } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// NOTE: Please do not use this component as it will be removed soon
+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: function zIndex(_ref) {
+      var showArrow = _ref.showArrow;
+      return showArrow ? 1 : 'auto';
+    },
+    '@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(_ref2) {
+  var _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? 'No Data Available' : _ref2$title,
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? '' : _ref2$description,
+    _ref2$showArrow = _ref2.showArrow,
+    showArrow = _ref2$showArrow === void 0 ? false : _ref2$showArrow,
+    _ref2$customStyles = _ref2.customStyles,
+    customStyles = _ref2$customStyles === void 0 ? {} : _ref2$customStyles;
+  var classes = useStyles({
+    showArrow: showArrow
+  });
+  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)
+    })]
+  });
+}
+
+export { EmptyView as default };
+//# sourceMappingURL=EmptyView.js.map

package/components/EmptyView/EmptyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.js","sources":["../../../src/components/EmptyView/EmptyView.tsx"],"sourcesContent":["// NOTE: Please do not use this component as it will be removed soon\n// Use EmptyState instead\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: ({ showArrow }: any) => (showArrow ? 1 : 'auto'),\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\ntype EmptyViewProps = {\n  title?: string;\n  description?: string;\n  showArrow?: boolean;\n  /**\n   * Classes for internal elements\n   */\n  customStyles?: {\n    wrapper?: string;\n    title?: string;\n    description?: string;\n    arrow?: string;\n  };\n};\n\nfunction EmptyView({\n  title = 'No Data Available',\n  description = '',\n  showArrow = false,\n  customStyles = {},\n}: EmptyViewProps) {\n  const classes = useStyles({ showArrow });\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\nexport default EmptyView;\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","position","width","height","display","flexDirection","alignItems","justifyContent","padding","zIndex","showArrow","paddingTop","errorImage","marginTop","title","fontSize","fontStyle","color","lineHeight","fontWeight","description","arrow","top","right","EmptyView","customStyles","classes","_jsxs","classnames","_jsx","NoDataImg","Arrow"],"mappings":"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"}

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js

@@ -1 +1,42 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import t from"../../DevCenter/AppHeader/AppHeader.js";import o from"./DevCenterAppErrorView.css.js";import p from"../../EmptyState/EmptyState.js";import n from"../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import{jsxs as i,jsx as c}from"react/jsx-runtime";function a(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}var s=function(e,t){try{return c(e,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},t))}catch(r){return console.error(r),null}};function m(r){var e=r.appHeaderProps,a=r.openIntercom,m=s(t,e);return i("div",{className:o.container,children:[m,c(p,{title:p.APP_MESSAGES.internalAppError.title,subtitle:c(n,{openIntercom:a}),image:p.IMAGES.AppLoadingError})]})}m.propTypes={app:e.shape({})},m.defaultProps={app:null};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
+import styles from './DevCenterAppErrorView.css.js';
+import EmptyState from '../../EmptyState/EmptyState.js';
+import SubtitleWithIntercomLink from '../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var tryRenderComponent = function tryRenderComponent(Component, props) {
+  try {
+    return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
+  } catch (e) {
+    console.error(e);
+    return null;
+  }
+};
+function DevCenterAppErrorView(_ref) {
+  var appHeaderProps = _ref.appHeaderProps,
+    openIntercom = _ref.openIntercom;
+  var appHeader = tryRenderComponent(AppHeader, appHeaderProps);
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [appHeader, /*#__PURE__*/jsx(EmptyState, {
+      title: EmptyState.APP_MESSAGES.internalAppError.title,
+      subtitle: /*#__PURE__*/jsx(SubtitleWithIntercomLink, {
+        openIntercom: openIntercom
+      }),
+      image: EmptyState.IMAGES.AppLoadingError
+    })]
+  });
+}
+DevCenterAppErrorView.propTypes = {
+  app: PropTypes.shape({})
+};
+DevCenterAppErrorView.defaultProps = {
+  app: null
+};
+
+export { DevCenterAppErrorView as default };
+//# 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';\n\nimport AppHeader from '../../DevCenter/AppHeader';\n\nimport styles from './DevCenterAppErrorView.css';\n\nimport EmptyState from '~/components/EmptyState';\nimport SubtitleWithIntercomLink from '~/components/EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink';\n\nconst tryRenderComponent = (Component, props) => {\n  try {\n    return <Component {...props} />;\n  } catch (e) {\n    console.error(e);\n    return null;\n  }\n};\n\nfunction DevCenterAppErrorView({ appHeaderProps, openIntercom }) {\n  const appHeader = tryRenderComponent(AppHeader, appHeaderProps);\n  return (\n    <div className={styles.container}>\n      {appHeader}\n      <EmptyState\n        title={EmptyState.APP_MESSAGES.internalAppError.title}\n        subtitle={<SubtitleWithIntercomLink openIntercom={openIntercom} />}\n        image={EmptyState.IMAGES.AppLoadingError}\n      />\n    </div>\n  );\n}\n\nDevCenterAppErrorView.propTypes = {\n  app: PropTypes.shape({}),\n};\n\nDevCenterAppErrorView.defaultProps = {\n  app: null,\n};\n\nexport default DevCenterAppErrorView;\n"],"names":["tryRenderComponent","Component","props","_jsx","e","console","error","DevCenterAppErrorView","appHeaderProps","openIntercom","appHeader","AppHeader","_jsxs","styles","container","EmptyState","APP_MESSAGES","internalAppError","title","IMAGES","AppLoadingError","propTypes","app","PropTypes","shape","defaultProps"],"mappings":";;;;;;;;;;AASA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC/C,IAAI;AACF,IAAA,oBAAOC,GAAC,CAAA,SAAS,EAAKD,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAAI,CAAA,CAAA;GAChC,CAAC,OAAOE,CAAC,EAAE;AACVC,IAAAA,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC,CAAA;AAChB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AACF,CAAC,CAAA;AAED,SAASG,qBAAqB,CAAmC,IAAA,EAAA;EAAA,IAAhCC,cAAc,QAAdA,cAAc;AAAEC,IAAAA,YAAY,QAAZA,YAAY,CAAA;AAC3D,EAAA,IAAMC,SAAS,GAAGV,kBAAkB,CAACW,SAAS,EAAEH,cAAc,CAAC,CAAA;EAC/D,oBACEI,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACC,SAAU;IAAA,QAC9BJ,EAAAA,CAAAA,SAAS,eACVP,GAAA,CAAC,UAAU,EAAA;AACT,MAAA,KAAK,EAAEY,UAAU,CAACC,YAAY,CAACC,gBAAgB,CAACC,KAAM;MACtD,QAAQ,eAAEf,IAAC,wBAAwB,EAAA;AAAC,QAAA,YAAY,EAAEM,YAAAA;OAAiB,CAAA;AACnE,MAAA,KAAK,EAAEM,UAAU,CAACI,MAAM,CAACC,eAAAA;KACzB,CAAA,CAAA;GACE,CAAA,CAAA;AAEV,CAAA;AAEAb,qBAAqB,CAACc,SAAS,GAAG;AAChCC,EAAAA,GAAG,EAAEC,SAAS,CAACC,KAAK,CAAC,EAAE,CAAA;AACzB,CAAC,CAAA;AAEDjB,qBAAqB,CAACkB,YAAY,GAAG;AACnCH,EAAAA,GAAG,EAAE,IAAA;AACP,CAAC;;;;"}