@corva/ui 0.65.0-1 → 0.65.0-1-test

package/components/EmbeddedApp/EmbeddedApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedApp.js","sources":["../../../src/components/EmbeddedApp/EmbeddedApp.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\n/* This component exists for puprose to display embedded view\n   for internal Corva Apps. This component uses immutable js because\n   our old apps are not perfect, they use it for appData, settings, etc. \n\n   DELETE THIS FILE after movement all the internal apps to DC.\n*/\n\nimport { memo, useEffect, useState, useMemo } from 'react';\nimport classNames from 'classnames';\nimport noop from 'lodash/noop';\n\nimport { Map, fromJS } from 'immutable'; // For backward compatibility;\n\nimport { Typography, makeStyles, useTheme } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Size } from '~/constants/sizes';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport Tooltip from '~/components/Tooltip';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { COLLECTIONS } from '~/constants/bha';\nimport * as convert from '~/utils/convert';\n\nimport { AppInfo, AppInfoMaximized } from './components/AppInfo';\n\nimport styles from './styles.css';\n\nconst useStyles = makeStyles({\n  h6: {\n    fontSize: '1.15rem',\n    margin: '0 0 0 3px',\n  },\n  subtitle: {\n    fontSize: '0.755rem',\n    lineHeight: '1',\n    margin: '0 0 0 3px',\n    color: '#888!important',\n  },\n});\n\nconst EmbeddedApp = props => {\n  const {\n    assetId,\n    appId,\n    asset,\n    appSize,\n    widthCols,\n    appHeight,\n    appWidth,\n    orientation,\n    appComponentKey,\n    appComponentCategory,\n    subscriptions,\n    requiresSubscription,\n    timestamp,\n    appContext,\n    appContainerClassName,\n    settings,\n    time,\n\n    appData,\n    appRegistry,\n    subscribeAppForAsset,\n    unsubscribeAppFromAsset,\n    internalSelectors: { isSubDataLoading, getSubErrors, isSubDataEmpty },\n    ...otherAppProps\n  } = props;\n\n  const theme = useTheme();\n  const classes = useStyles();\n\n  const [maximized, setMaximized] = useState(false);\n\n  const appType = appRegistry.uiApps.getIn([appComponentCategory, 'appTypes', appComponentKey]);\n\n  const appSubscriptions = (props.subscriptions.length\n    ? props.subscriptions\n    : appType.constants.SUBSCRIPTIONS\n  ).map(sub => ({\n    ...sub,\n    meta: {\n      ...DEFAULT_SUBSCRIPTION_META,\n      ...sub.meta,\n      subscribeOnlyForInitialData: true,\n      // NOTE: Forces use only last data from actual survey collection according to ticket PLAT-676\n      subscribeToLatestOnly: sub.collection === COLLECTIONS.survey.collection,\n    },\n  }));\n\n  const appTitle = appType.constants.METADATA.title || appType.constants.METADATA.settingsTitle;\n  const { customEmptyDataHandling } = appType.constants.METADATA;\n\n  useEffect(() => {\n    if (requiresSubscription)\n      subscribeAppForAsset(\n        appId,\n        appSubscriptions,\n        assetId,\n        Map({ query: `{timestamp#lte#${timestamp}}` })\n      );\n\n    return () => {\n      unsubscribeAppFromAsset(appId, appSubscriptions);\n    };\n  }, []);\n\n  let isDataLoading = false;\n  let isEmptyData = false;\n  let errorData = null;\n\n  const appDataPrepared = appData.get(appId, Map());\n\n  if (appData) {\n    isDataLoading = isSubDataLoading(appDataPrepared, appSubscriptions);\n    errorData = getSubErrors(appDataPrepared, appSubscriptions);\n    isEmptyData = isSubDataEmpty(appDataPrepared, appSubscriptions);\n  }\n\n  // Backward compatibility with apps immutable settings\n  const appSettings = useMemo(() => {\n    return Object.keys(settings).reduce((acc, key) => {\n      return { ...acc, [key]: fromJS(settings[key]) };\n    }, {});\n  }, []);\n\n  const emptyDataCondition = isEmptyData && !customEmptyDataHandling;\n\n  if (!appType) return null;\n  if (isDataLoading) return <LoadingIndicator fullscreen={false} />;\n  if (errorData)\n    return (\n      <Typography variant=\"body2\">\n        Data error: {errorData.length ? errorData.message : 'No error message'}\n      </Typography>\n    );\n  if (emptyDataCondition) return <Typography variant=\"body2\">Data is empty</Typography>;\n\n  return (\n    <div\n      className={classNames(styles.embeddedApp, appContainerClassName, {\n        [styles.embeddedAppMaximized]: maximized,\n        [styles.embeddedAppNative]: isNativeDetected,\n      })}\n    >\n      {!maximized && <AppInfo setMaximized={maximized} />}\n\n      {!appType.constants.METADATA.disableAppTitle && (\n        <>\n          <div className={styles.embeddedAppTitle}>\n            <Typography classes={{ h6: classes.h6 }} variant=\"h6\" noWrap>\n              {appTitle}\n            </Typography>\n          </div>\n\n          <Tooltip title={appType.constants.METADATA.title}>\n            <Typography classes={{ subtitle1: classes.subtitle }} variant=\"subtitle1\" noWrap>\n              {appType.constants.METADATA.subtitle}\n            </Typography>\n          </Tooltip>\n        </>\n      )}\n      <div\n        className={classNames(styles.embeddedAppContent, {\n          [styles.embeddedAppContentWithTitle]: !appType.constants.METADATA.disableAppTitle,\n        })}\n        key={maximized ? Size.XLARGE : appSize}\n      >\n        <appType.AppComponent\n          asset={asset}\n          appId={appId}\n          data={appDataPrepared}\n          size={maximized ? Size.XLARGE : appSize}\n          coordinates={Map({\n            h: 0,\n            w: 0,\n            x: 0,\n            y: 0,\n            pixelHeight: appHeight,\n            pixelWidth: appWidth,\n          })}\n          widthCols={widthCols}\n          maximized={maximized}\n          theme={theme}\n          orientation={orientation}\n          registerMenuItems={noop}\n          convert={convert}\n          onAppSubscribeForAsset={subscribeAppForAsset}\n          onAppUnsubscribeFromAsset={unsubscribeAppFromAsset}\n          onSettingsChange={() => undefined}\n          isNative={isNativeDetected}\n          appContext={appContext}\n          layoutType=\"singleApp\"\n          appTitle={appTitle}\n          time={time}\n          {...appSettings}\n          {...otherAppProps}\n        />\n      </div>\n\n      {maximized && <AppInfoMaximized setMaximized={setMaximized} />}\n    </div>\n  );\n};\n\nEmbeddedApp.defaultProps = {\n  appContainerClassName: undefined,\n  assetId: undefined,\n  appId: 0,\n  asset: Map(),\n  requiresSubscription: true,\n  appSize: Size.MEDIUM,\n  subscriptions: [],\n  widthCols: 1,\n  appWidth: 600,\n  appHeight: 500,\n  orientation: 'vertical',\n  settings: {},\n  timestamp: null,\n  time: null,\n};\n\nexport default memo(EmbeddedApp);\n"],"names":["useStyles","makeStyles","h6","fontSize","margin","subtitle","lineHeight","color","EmbeddedApp","props","assetId","appId","asset","appSize","widthCols","appHeight","appWidth","orientation","appComponentKey","appComponentCategory","subscriptions","requiresSubscription","timestamp","appContext","appContainerClassName","settings","time","appData","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","internalSelectors","isSubDataLoading","getSubErrors","isSubDataEmpty","otherAppProps","theme","useTheme","classes","useState","maximized","setMaximized","appType","uiApps","getIn","appSubscriptions","length","constants","SUBSCRIPTIONS","map","sub","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","subscribeToLatestOnly","collection","COLLECTIONS","survey","appTitle","METADATA","title","settingsTitle","customEmptyDataHandling","useEffect","Map","query","isDataLoading","isEmptyData","errorData","appDataPrepared","get","appSettings","useMemo","Object","keys","reduce","acc","key","fromJS","emptyDataCondition","_jsx","_jsxs","message","classNames","styles","embeddedApp","embeddedAppMaximized","embeddedAppNative","isNativeDetected","disableAppTitle","_Fragment","embeddedAppTitle","subtitle1","embeddedAppContent","embeddedAppContentWithTitle","Size","XLARGE","h","w","x","y","pixelHeight","pixelWidth","noop","convert","undefined","defaultProps","MEDIUM","memo"],"mappings":"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"}

package/components/EmbeddedApp/components/AppInfo.js

@@ -1 +1,95 @@
-import{func as e}from"prop-types";import{makeStyles as r,Typography as i,Tooltip as n,Avatar as c}from"@material-ui/core";import a from"@material-ui/icons/Fullscreen";import o from"@material-ui/icons/Close";import l from"@material-ui/icons/Info";import s from"../styles.css.js";import{jsxs as d,jsx as p,Fragment as t}from"react/jsx-runtime";var m=r({appActionIcon:{cursor:"pointer"},fullscreenIcon:{cursor:"pointer",color:"#fff",fontSize:24},infoIcon:{color:"#90caf9",fontSize:20},avatar:{background:"#ffffff19",marginTop:"-8px"}}),f=function(e){var r=e.setMaximized,o=m();return d("div",{className:s.embeddedAppFullscreen,onClick:function(){return r(!0)},children:[d("div",{className:s.embeddedAppFullscreenTitle,children:[p(l,{className:o.infoIcon}),p(i,{variant:"body2",children:p("span",{className:s.embeddedAppFullscreenText,children:"Some app interactions disabled"})})]}),p(n,{title:"Fullscreen",children:p(c,{className:o.avatar,children:p(a,{className:o.fullscreenIcon,color:"action"})})})]})};f.propTypes={setMaximized:e.isRequired};var u=function(e){var r=e.setMaximized,n=m();return d(t,{children:[p("div",{className:s.embeddedAppFullscreenAppClose,children:p(o,{className:n.appActionIcon,onClick:function(){return r(!1)}})}),p("div",{className:s.embeddedAppFullscreenAppInfo,children:d("div",{className:s.embeddedAppFullscreenTitle,children:[p(l,{className:n.infoIcon}),p(i,{variant:"body2",children:p("span",{className:s.embeddedAppFullscreenText,children:"Some app interactions disabled"})})]})})]})};u.propTypes={setMaximized:e.isRequired};export{f as AppInfo,u as AppInfoMaximized};
+import { func } from 'prop-types';
+import { makeStyles, Typography, Tooltip, Avatar } from '@material-ui/core';
+import FullSizeIcon from '@material-ui/icons/Fullscreen';
+import CloseIcon from '@material-ui/icons/Close';
+import InfoIcon from '@material-ui/icons/Info';
+import styles from '../styles.css.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  appActionIcon: {
+    cursor: 'pointer'
+  },
+  fullscreenIcon: {
+    cursor: 'pointer',
+    color: '#fff',
+    fontSize: 24
+  },
+  infoIcon: {
+    color: '#90caf9',
+    fontSize: 20
+  },
+  avatar: {
+    background: '#ffffff19',
+    marginTop: '-8px'
+  }
+});
+var AppInfo = function AppInfo(_ref) {
+  var setMaximized = _ref.setMaximized;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.embeddedAppFullscreen,
+    onClick: function onClick() {
+      return setMaximized(true);
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.embeddedAppFullscreenTitle,
+      children: [/*#__PURE__*/jsx(InfoIcon, {
+        className: classes.infoIcon
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: /*#__PURE__*/jsx("span", {
+          className: styles.embeddedAppFullscreenText,
+          children: "Some app interactions disabled"
+        })
+      })]
+    }), /*#__PURE__*/jsx(Tooltip, {
+      title: "Fullscreen",
+      children: /*#__PURE__*/jsx(Avatar, {
+        className: classes.avatar,
+        children: /*#__PURE__*/jsx(FullSizeIcon, {
+          className: classes.fullscreenIcon,
+          color: "action"
+        })
+      })
+    })]
+  });
+};
+AppInfo.propTypes = {
+  setMaximized: func.isRequired
+};
+var AppInfoMaximized = function AppInfoMaximized(_ref2) {
+  var setMaximized = _ref2.setMaximized;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.embeddedAppFullscreenAppClose,
+      children: /*#__PURE__*/jsx(CloseIcon, {
+        className: classes.appActionIcon,
+        onClick: function onClick() {
+          return setMaximized(false);
+        }
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.embeddedAppFullscreenAppInfo,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.embeddedAppFullscreenTitle,
+        children: [/*#__PURE__*/jsx(InfoIcon, {
+          className: classes.infoIcon
+        }), /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          children: /*#__PURE__*/jsx("span", {
+            className: styles.embeddedAppFullscreenText,
+            children: "Some app interactions disabled"
+          })
+        })]
+      })
+    })]
+  });
+};
+AppInfoMaximized.propTypes = {
+  setMaximized: func.isRequired
+};
+
+export { AppInfo, AppInfoMaximized };
+//# sourceMappingURL=AppInfo.js.map

package/components/EmbeddedApp/components/AppInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppInfo.js","sources":["../../../../src/components/EmbeddedApp/components/AppInfo.js"],"sourcesContent":["import { func } from 'prop-types';\nimport { Avatar, Typography, Tooltip as MuiTooltip, makeStyles } from '@material-ui/core';\n\nimport Fullscreen from '@material-ui/icons/Fullscreen';\nimport CloseIcon from '@material-ui/icons/Close';\nimport InfoIcon from '@material-ui/icons/Info';\n\nimport styles from '../styles.css';\n\nconst useStyles = makeStyles({\n  appActionIcon: {\n    cursor: 'pointer',\n  },\n  fullscreenIcon: {\n    cursor: 'pointer',\n    color: '#fff',\n    fontSize: 24,\n  },\n  infoIcon: {\n    color: '#90caf9',\n    fontSize: 20,\n  },\n  avatar: {\n    background: '#ffffff19',\n    marginTop: '-8px',\n  },\n});\n\nconst AppInfo = ({ setMaximized }) => {\n  const classes = useStyles();\n  return (\n    <div className={styles.embeddedAppFullscreen} onClick={() => setMaximized(true)}>\n      <div className={styles.embeddedAppFullscreenTitle}>\n        <InfoIcon className={classes.infoIcon} />\n        <Typography variant=\"body2\">\n          <span className={styles.embeddedAppFullscreenText}>Some app interactions disabled</span>\n        </Typography>\n      </div>\n      <MuiTooltip title=\"Fullscreen\">\n        <Avatar className={classes.avatar}>\n          <Fullscreen className={classes.fullscreenIcon} color=\"action\" />\n        </Avatar>\n      </MuiTooltip>\n    </div>\n  );\n};\n\nAppInfo.propTypes = {\n  setMaximized: func.isRequired,\n};\n\nconst AppInfoMaximized = ({ setMaximized }) => {\n  const classes = useStyles();\n  return (\n    <>\n      <div className={styles.embeddedAppFullscreenAppClose}>\n        <CloseIcon className={classes.appActionIcon} onClick={() => setMaximized(false)} />\n      </div>\n      <div className={styles.embeddedAppFullscreenAppInfo}>\n        <div className={styles.embeddedAppFullscreenTitle}>\n          <InfoIcon className={classes.infoIcon} />\n          <Typography variant=\"body2\">\n            <span className={styles.embeddedAppFullscreenText}>Some app interactions disabled</span>\n          </Typography>\n        </div>\n      </div>\n    </>\n  );\n};\n\nAppInfoMaximized.propTypes = {\n  setMaximized: func.isRequired,\n};\n\nexport { AppInfo, AppInfoMaximized };\n"],"names":["useStyles","makeStyles","appActionIcon","cursor","fullscreenIcon","color","fontSize","infoIcon","avatar","background","marginTop","AppInfo","setMaximized","classes","_jsxs","styles","embeddedAppFullscreen","embeddedAppFullscreenTitle","_jsx","embeddedAppFullscreenText","MuiTooltip","Fullscreen","propTypes","func","isRequired","AppInfoMaximized","_Fragment","embeddedAppFullscreenAppClose","embeddedAppFullscreenAppInfo"],"mappings":"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"}

package/components/EmbeddedApp/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={embeddedApp:"styles_embeddedApp__MPas8",embeddedAppMaximized:"styles_embeddedAppMaximized__5wIH-",embeddedAppNative:"styles_embeddedAppNative__SOEQj",embeddedAppTitle:"styles_embeddedAppTitle__eYyxv",embeddedAppContent:"styles_embeddedAppContent__rBbzt",embeddedAppContentWithTitle:"styles_embeddedAppContentWithTitle__ftHZx",embeddedAppFullscreen:"styles_embeddedAppFullscreen__ZeSuS",embeddedAppFullscreenTitle:"styles_embeddedAppFullscreenTitle__uAr-t",embeddedAppFullscreenText:"styles_embeddedAppFullscreenText__7aISW",embeddedAppFullscreenAppInfo:"styles_embeddedAppFullscreenAppInfo__v-JQt",embeddedAppFullscreenAppClose:"styles_embeddedAppFullscreenAppClose__Fdpys"};e(".styles_embeddedApp__MPas8{background-color:#201f1f;bottom:0;box-sizing:border-box;left:0;max-width:100%;overflow:hidden;padding:10px;position:absolute;position:relative;right:0;top:0}.styles_embeddedAppMaximized__5wIH-{bottom:10px;box-shadow:0 0 18px 3px rgba(0,0,0,.75);height:auto!important;left:10px;overflow:hidden;position:fixed!important;right:10px;top:10px;width:auto!important;z-index:500}.styles_embeddedAppNative__SOEQj{width:100%!important}.styles_embeddedAppTitle__eYyxv{display:flex;justify-content:space-between}.styles_embeddedAppContent__rBbzt{bottom:30px;left:10px;max-height:100%;overflow:auto;pointer-events:none;position:absolute;right:10px;top:0;z-index:1}.styles_embeddedAppContentWithTitle__ftHZx{top:52px}.styles_embeddedAppContent__rBbzt .echarts-for-react,.styles_embeddedAppContent__rBbzt .highcharts-container{pointer-events:auto}.styles_embeddedAppFullscreen__ZeSuS{background-color:#000000d4;display:flex;height:55px;justify-content:space-between;opacity:0;padding:15px;position:absolute;right:0;top:0;transition:visibility 0s,opacity .25s linear;visibility:hidden;width:100%;z-index:2}.styles_embeddedApp__MPas8:hover .styles_embeddedAppFullscreen__ZeSuS{cursor:pointer;opacity:1;visibility:visible}.styles_embeddedAppFullscreenTitle__uAr-t{display:flex}.styles_embeddedAppFullscreenText__7aISW{font-size:12px;font-style:normal;font-weight:400;line-height:24px;margin-left:10px}.styles_embeddedAppFullscreenAppInfo__v-JQt{bottom:5px;position:absolute}.styles_embeddedAppFullscreenAppClose__Fdpys{position:absolute;right:20px;top:12px;z-index:3}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_embeddedApp__MPas8 {\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  padding: 10px;\n  overflow: hidden;\n  background-color: #201f1f;\n  max-width: 100%;\n  position: relative;\n}\n\n.styles_embeddedAppMaximized__5wIH- {\n  position: fixed !important;\n  top: 10px;\n  left: 10px;\n  right: 10px;\n  bottom: 10px;\n  width: auto !important;\n  height: auto !important;\n  z-index: 500;\n  box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.75);\n  overflow: hidden;\n}\n\n.styles_embeddedAppNative__SOEQj {\n  width: 100% !important;\n}\n\n.styles_embeddedAppTitle__eYyxv {\n  display: flex;\n  justify-content: space-between;\n}\n\n.styles_embeddedAppContent__rBbzt {\n  top: 0;\n  position: absolute;\n  left: 10px;\n  right: 10px;\n  bottom: 30px;\n  pointer-events: none;\n  overflow: auto;\n  max-height: 100%;\n  z-index: 1;\n}\n\n.styles_embeddedAppContentWithTitle__ftHZx {\n  top: 52px;\n}\n\n/* List of classes which supports pointer-events */\n\n.styles_embeddedAppContent__rBbzt .highcharts-container,\n.styles_embeddedAppContent__rBbzt .echarts-for-react {\n  pointer-events: initial;\n}\n\n.styles_embeddedAppFullscreen__ZeSuS {\n  display: flex;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.25s linear;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 55px;\n  background-color: #000000d4;\n  padding: 15px;\n  justify-content: space-between;\n  z-index: 2;\n}\n\n.styles_embeddedApp__MPas8:hover .styles_embeddedAppFullscreen__ZeSuS {\n  visibility: visible;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.styles_embeddedAppFullscreenTitle__uAr-t {\n  display: flex;\n}\n\n.styles_embeddedAppFullscreenText__7aISW {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 24px;\n  margin-left: 10px;\n}\n\n.styles_embeddedAppFullscreenAppInfo__v-JQt {\n  position: absolute;\n  bottom: 5px;\n}\n\n.styles_embeddedAppFullscreenAppClose__Fdpys {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 3;\n}\n";
+var styles = {"embeddedApp":"styles_embeddedApp__MPas8","embeddedAppMaximized":"styles_embeddedAppMaximized__5wIH-","embeddedAppNative":"styles_embeddedAppNative__SOEQj","embeddedAppTitle":"styles_embeddedAppTitle__eYyxv","embeddedAppContent":"styles_embeddedAppContent__rBbzt","embeddedAppContentWithTitle":"styles_embeddedAppContentWithTitle__ftHZx","embeddedAppFullscreen":"styles_embeddedAppFullscreen__ZeSuS","embeddedAppFullscreenTitle":"styles_embeddedAppFullscreenTitle__uAr-t","embeddedAppFullscreenText":"styles_embeddedAppFullscreenText__7aISW","embeddedAppFullscreenAppInfo":"styles_embeddedAppFullscreenAppInfo__v-JQt","embeddedAppFullscreenAppClose":"styles_embeddedAppFullscreenAppClose__Fdpys"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/EmbeddedApp/styles.css.js.map

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

package/components/EmojiIconButton.js

@@ -1 +1,106 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import n from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import{PureComponent as l}from"react";import{Picker as a}from"emoji-mart";import c from"prop-types";import p from"@material-ui/core/Popover";import m from"./IconButton/index.js";import u from"./Icons/EmojiIcon.js";import{jsxs as f,Fragment as h,jsx as d}from"react/jsx-runtime";function b(e){var t=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(e){return!1}}();return function(){var r,o=n(e);if(t){var s=n(this).constructor;r=Reflect.construct(o,arguments,s)}else r=o.apply(this,arguments);return i(this,r)}}var j=function(i){o(c,l);var n=b(c);function c(t){var o;return e(this,c),o=n.call(this,t),s(r(o),"onSelect",(function(e){var t=o.props,r=t.handleSelectEmoji,i=t.closeOnSelect;r(e),i&&o.setState({openEmojiPicker:!1})})),o.state={openEmojiPicker:!1},o}return t(c,[{key:"render",value:function(){var e=this;return f(h,{children:[d(m,{"data-testid":this.props["data-testid"],buttonRef:function(t){e.anchorEl=t},"aria-label":"Emoji",onClick:function(){return e.setState({openEmojiPicker:!0})},disableRipple:this.props.disableRipple,className:this.props.emojiIconClassName,tooltipProps:this.props.tooltipProps,children:d(u,{})}),d(p,{open:this.state.openEmojiPicker,anchorEl:this.anchorEl,onClose:function(){return e.setState({openEmojiPicker:!1})},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:d(a,{onSelect:this.onSelect,theme:"dark"})})]})}}]),c}();j.propTypes={handleSelectEmoji:c.func.isRequired,emojiIconClassName:c.string,disableRipple:c.bool,closeOnSelect:c.bool,"data-testid":c.string,tooltipProps:c.shape({})},j.defaultProps={emojiIconClassName:void 0,disableRipple:!1,closeOnSelect:!0,"data-testid":"generic_emojiButton",tooltipProps:{title:"Add Emoji"}};export{j as default};
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { PureComponent } from 'react';
+import { Picker } from 'emoji-mart';
+import PropTypes from 'prop-types';
+import Popover from '@material-ui/core/Popover';
+import IconButton from './IconButton/index.js';
+import EmojiIcon from './Icons/EmojiIcon.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var EmojiIconButton = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EmojiIconButton, _PureComponent);
+  var _super = _createSuper(EmojiIconButton);
+  function EmojiIconButton(props) {
+    var _this;
+    _classCallCheck(this, EmojiIconButton);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "onSelect", function (emoji) {
+      var _this$props = _this.props,
+        handleSelectEmoji = _this$props.handleSelectEmoji,
+        closeOnSelect = _this$props.closeOnSelect;
+      handleSelectEmoji(emoji);
+      if (closeOnSelect) {
+        _this.setState({
+          openEmojiPicker: false
+        });
+      }
+    });
+    _this.state = {
+      openEmojiPicker: false
+    };
+    return _this;
+  }
+  _createClass(EmojiIconButton, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(IconButton, {
+          "data-testid": this.props['data-testid'],
+          buttonRef: function buttonRef(node) {
+            _this2.anchorEl = node;
+          },
+          "aria-label": "Emoji",
+          onClick: function onClick() {
+            return _this2.setState({
+              openEmojiPicker: true
+            });
+          },
+          disableRipple: this.props.disableRipple,
+          className: this.props.emojiIconClassName,
+          tooltipProps: this.props.tooltipProps,
+          children: /*#__PURE__*/jsx(EmojiIcon, {})
+        }), /*#__PURE__*/jsx(Popover, {
+          open: this.state.openEmojiPicker,
+          anchorEl: this.anchorEl,
+          onClose: function onClose() {
+            return _this2.setState({
+              openEmojiPicker: false
+            });
+          },
+          anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'right'
+          },
+          transformOrigin: {
+            vertical: 'top',
+            horizontal: 'right'
+          },
+          children: /*#__PURE__*/jsx(Picker, {
+            onSelect: this.onSelect,
+            theme: "dark"
+          })
+        })]
+      });
+    }
+  }]);
+  return EmojiIconButton;
+}(PureComponent);
+EmojiIconButton.propTypes = {
+  handleSelectEmoji: PropTypes.func.isRequired,
+  emojiIconClassName: PropTypes.string,
+  disableRipple: PropTypes.bool,
+  closeOnSelect: PropTypes.bool,
+  'data-testid': PropTypes.string,
+  tooltipProps: PropTypes.shape({})
+};
+EmojiIconButton.defaultProps = {
+  emojiIconClassName: undefined,
+  disableRipple: false,
+  closeOnSelect: true,
+  'data-testid': 'generic_emojiButton',
+  tooltipProps: {
+    title: 'Add Emoji'
+  }
+};
+
+export { EmojiIconButton as default };
+//# sourceMappingURL=EmojiIconButton.js.map

package/components/EmojiIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiIconButton.js","sources":["../../src/components/EmojiIconButton.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport { Picker } from 'emoji-mart';\nimport PropTypes from 'prop-types';\n\nimport Popover from '@material-ui/core/Popover';\n\nimport IconButton from '~components/IconButton';\nimport EmojiIcon from '~components/Icons/EmojiIcon';\n\nclass EmojiIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      openEmojiPicker: false,\n    };\n  }\n\n  onSelect = emoji => {\n    const { handleSelectEmoji, closeOnSelect } = this.props;\n    handleSelectEmoji(emoji);\n    if (closeOnSelect) {\n      this.setState({ openEmojiPicker: false });\n    }\n  };\n\n  render() {\n    return (\n      <>\n        <IconButton\n          data-testid={this.props['data-testid']}\n          buttonRef={node => {\n            this.anchorEl = node;\n          }}\n          aria-label=\"Emoji\"\n          onClick={() => this.setState({ openEmojiPicker: true })}\n          disableRipple={this.props.disableRipple}\n          className={this.props.emojiIconClassName}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <EmojiIcon />\n        </IconButton>\n\n        <Popover\n          open={this.state.openEmojiPicker}\n          anchorEl={this.anchorEl}\n          onClose={() => this.setState({ openEmojiPicker: false })}\n          anchorOrigin={{\n            vertical: 'bottom',\n            horizontal: 'right',\n          }}\n          transformOrigin={{\n            vertical: 'top',\n            horizontal: 'right',\n          }}\n        >\n          <Picker onSelect={this.onSelect} theme=\"dark\" />\n        </Popover>\n      </>\n    );\n  }\n}\n\nEmojiIconButton.propTypes = {\n  handleSelectEmoji: PropTypes.func.isRequired,\n  emojiIconClassName: PropTypes.string,\n  disableRipple: PropTypes.bool,\n  closeOnSelect: PropTypes.bool,\n  'data-testid': PropTypes.string,\n  tooltipProps: PropTypes.shape({}),\n};\n\nEmojiIconButton.defaultProps = {\n  emojiIconClassName: undefined,\n  disableRipple: false,\n  closeOnSelect: true,\n  'data-testid': 'generic_emojiButton',\n  tooltipProps: { title: 'Add Emoji' },\n};\n\nexport default EmojiIconButton;\n"],"names":["EmojiIconButton","props","emoji","handleSelectEmoji","closeOnSelect","setState","openEmojiPicker","state","_jsxs","_Fragment","_jsx","node","anchorEl","disableRipple","emojiIconClassName","tooltipProps","vertical","horizontal","onSelect","PureComponent","propTypes","PropTypes","func","isRequired","string","bool","shape","defaultProps","undefined","title"],"mappings":"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"}

package/components/EmptyState/EmptyState.js

@@ -1 +1,71 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as s}from"react/jsx-runtime";import{useState as i,useRef as a}from"react";import r from"classnames";import*as o from"./images/index.js";import{NoDataAvailable as l}from"./images/index.js";import m from"../../effects/useResizeObserver.js";import{SIZES as c,APP_MESSAGES as d}from"./constants.js";import{getSize as n}from"./utils.js";import{useStyles as f}from"./styles.js";function u(o){var l=o.title,d=o.subtitle,u=o.image,p=o.classes,b=o["data-testid"],v=i(c.LARGE),g=v[0],j=v[1],S=a();m({callback:function(t){var e=t[0].borderBoxSize[0].blockSize;j(n(e))},containerRef:S});var A=f({image:u,size:g}),N=g!==c.SMALL;return e("div",t({className:r(A.root,p.root)},{children:s("div",t({"data-testid":"".concat(b,"_fullMessage"),className:r(A.content,p.content),ref:S},{children:[e("div",t({"data-testid":"".concat(b,"_title"),className:r(A.title,p.title)},{children:l})),e("div",t({"data-testid":"".concat(b,"_subtitle"),className:r(A.subtitle,p.subtitle)},{children:d})),N&&e("img",{src:u,className:A.image,alt:"error"})]}))}))}u.defaultProps={title:"No Data Available",subtitle:"",image:l,classes:{},"data-testid":"EmptyState"},u.IMAGES=o,u.APP_MESSAGES=d;export{u as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef } from 'react';
+import classNames from 'classnames';
+import * as index from './images/index.js';
+import { NoDataAvailable } from './images/index.js';
+import useResizeObserver from '../../effects/useResizeObserver.js';
+import { SIZES, APP_MESSAGES } from './constants.js';
+import { getSize } from './utils.js';
+import { useStyles } from './styles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function EmptyState(_ref) {
+  var title = _ref.title,
+    subtitle = _ref.subtitle,
+    image = _ref.image,
+    classes = _ref.classes,
+    PAGE_NAME = _ref['data-testid'];
+  var _useState = useState(SIZES.LARGE),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var containerRef = useRef();
+  var resizeObserverCallback = function resizeObserverCallback(_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      entry = _ref3[0];
+    var height = entry.borderBoxSize[0].blockSize;
+    setSize(getSize(height));
+  };
+  useResizeObserver({
+    callback: resizeObserverCallback,
+    containerRef: containerRef
+  });
+  var styles = useStyles({
+    image: image,
+    size: size
+  });
+  var hasImage = size !== SIZES.SMALL;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.root, classes.root),
+    children: /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(PAGE_NAME, "_fullMessage"),
+      className: classNames(styles.content, classes.content),
+      ref: containerRef,
+      children: [/*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_title"),
+        className: classNames(styles.title, classes.title),
+        children: title
+      }), /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_subtitle"),
+        className: classNames(styles.subtitle, classes.subtitle),
+        children: subtitle
+      }), hasImage && /*#__PURE__*/jsx("img", {
+        src: image,
+        className: styles.image,
+        alt: "error"
+      })]
+    })
+  });
+}
+EmptyState.defaultProps = {
+  title: 'No Data Available',
+  subtitle: '',
+  image: NoDataAvailable,
+  classes: {},
+  'data-testid': 'EmptyState'
+};
+EmptyState.IMAGES = index;
+EmptyState.APP_MESSAGES = APP_MESSAGES;
+
+export { EmptyState as default };
+//# sourceMappingURL=EmptyState.js.map

package/components/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { ReactNode, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport * as images from './images';\nimport useResizeObserver from '~/effects/useResizeObserver';\n\nimport { SIZES, APP_MESSAGES } from './constants';\nimport { getSize } from './utils';\nimport { useStyles } from './styles';\n\nexport interface EmptyStateProps {\n  title?: string | ReactNode;\n  subtitle?: string | ReactNode;\n  image?: string;\n  classes?: {\n    root?: string;\n    content?: string;\n    title?: string;\n    subtitle?: string;\n    image?: string;\n  };\n  'data-testid'?: string;\n}\n\nfunction EmptyState({\n  title,\n  subtitle,\n  image,\n  classes,\n  'data-testid': PAGE_NAME,\n}: EmptyStateProps): JSX.Element {\n  const [size, setSize] = useState(SIZES.LARGE);\n  const containerRef = useRef();\n\n  const resizeObserverCallback = ([entry]) => {\n    const { blockSize: height } = entry.borderBoxSize[0];\n    setSize(getSize(height));\n  };\n  useResizeObserver({ callback: resizeObserverCallback, containerRef });\n\n  const styles = useStyles({ image, size });\n  const hasImage = size !== SIZES.SMALL;\n\n  return (\n    <div className={classNames(styles.root, classes.root)}>\n      <div\n        data-testid={`${PAGE_NAME}_fullMessage`}\n        className={classNames(styles.content, classes.content)}\n        ref={containerRef}\n      >\n        <div data-testid={`${PAGE_NAME}_title`} className={classNames(styles.title, classes.title)}>\n          {title}\n        </div>\n        <div\n          data-testid={`${PAGE_NAME}_subtitle`}\n          className={classNames(styles.subtitle, classes.subtitle)}\n        >\n          {subtitle}\n        </div>\n        {hasImage && <img src={image} className={styles.image} alt=\"error\" />}\n      </div>\n    </div>\n  );\n}\n\nEmptyState.defaultProps = {\n  title: 'No Data Available',\n  subtitle: '',\n  image: images.NoDataAvailable,\n  classes: {},\n  'data-testid': 'EmptyState',\n};\n\nEmptyState.IMAGES = images;\nEmptyState.APP_MESSAGES = APP_MESSAGES;\n\nexport default EmptyState;\n"],"names":["EmptyState","title","subtitle","image","classes","PAGE_NAME","useState","SIZES","LARGE","size","setSize","containerRef","useRef","resizeObserverCallback","entry","height","borderBoxSize","blockSize","getSize","useResizeObserver","callback","styles","useStyles","hasImage","SMALL","_jsx","classNames","root","_jsxs","content","defaultProps","images","IMAGES","APP_MESSAGES"],"mappings":"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"}

package/components/EmptyState/constants.js

@@ -1 +1,41 @@
-var t;!function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(t||(t={}));var a={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"}};export{a as APP_MESSAGES,t as SIZES};
+var SIZES;
+(function (SIZES) {
+  SIZES["SMALL"] = "small";
+  SIZES["MEDIUM"] = "medium";
+  SIZES["LARGE"] = "large";
+})(SIZES || (SIZES = {}));
+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'
+  }
+};
+
+export { APP_MESSAGES, SIZES };
+//# sourceMappingURL=constants.js.map

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 APP_MESSAGES = {\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};"],"names":["SIZES","APP_MESSAGES","appNotSubscribed","title","subtitle","appNotSubscribedForAsset","internalAppError","appPackageWasNotFound","fracFleetWasNotFound","fracFleetHasNoPad","padHasNoWells","appComponentWasNotFound","noAssetData"],"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,YAAY,GAAG;AAC1BC,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,EACJ,sGAAA;GACL;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;AACT,GAAA;AACF;;;;"}

package/components/EmptyState/images/index.js

@@ -1 +1,15 @@
-var a="/static/media/e934cdf7e3c2d53a46ad705499ddc7ac.svg",c="/static/media/ebc377e84c4bb8e5ff2ec511dc8660e2.svg",d="/static/media/d48b787e768315ba1f836e899c2157b9.svg",e="/static/media/98710b113163ec52f97a83b9fdcd54d1.svg",b="/static/media/ac385ddd5095100c462fceea7a44939e.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";export{a as AppLoadingError,c as AssetHasNoData,d as DataSuccessfullySaved,e 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/ac385ddd5095100c462fceea7a44939e.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";
+
+export { 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/components/EmptyState/styles.js

@@ -1 +1,62 @@
-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({root:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"center",flexGrow: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({
+    root: {
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      justifyContent: 'center',
+      flexGrow: 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    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      height: '100%',\n      justifyContent: 'center',\n      flexGrow: 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","root","display","flexDirection","height","justifyContent","flexGrow","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,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,aAAa,EAAE,QAAQ;AACvBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,QAAQ,EAAE,CAAA;KACX;AACDC,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,QAAQ;AACpBN,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,aAAa,EAAE,QAAQ;AACvBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,cAAc,EAAE,QAAQ;AACxBI,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,EAAEf,OAAO,CAACgB,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,EAAEf,OAAO,CAACgB,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;AAC5CtB,QAAAA,OAAO,EAAE,MAAM;AACfI,QAAAA,QAAQ,EAAE,CAAC;QACXmB,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{SIZES as r}from"./constants.js";var t=function(t){return t>=400?r.LARGE:t>=300?r.MEDIUM:r.SMALL};export{t as getSize};
+import { SIZES } from './constants.js';
+
+var getSize = function getSize(contentHeight) {
+  if (contentHeight >= 400) return SIZES.LARGE;
+  if (contentHeight >= 300) 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 { SIZES } from './constants';\n\nexport const getSize = contentHeight => {\n  if (contentHeight >= 400) return SIZES.LARGE;\n  if (contentHeight >= 300) return SIZES.MEDIUM;\n  return SIZES.SMALL;\n};\n"],"names":["getSize","contentHeight","SIZES","LARGE","MEDIUM","SMALL"],"mappings":";;IAEaA,OAAO,GAAG,SAAVA,OAAO,CAAGC,aAAa,EAAI;AACtC,EAAA,IAAIA,aAAa,IAAI,GAAG,EAAE,OAAOC,KAAK,CAACC,KAAK,CAAA;AAC5C,EAAA,IAAIF,aAAa,IAAI,GAAG,EAAE,OAAOC,KAAK,CAACE,MAAM,CAAA;EAC7C,OAAOF,KAAK,CAACG,KAAK,CAAA;AACpB;;;;"}