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

package/components/EmbeddedApp/EmbeddedApp.js

@@ -1 +1,201 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{memo as r,useState as s,useEffect as o,useMemo as n}from"react";import p from"classnames";import a from"lodash/noop";import{Map as m,fromJS as l}from"immutable";import{makeStyles as c,useTheme as u,Typography as d}from"@material-ui/core";import{AppInfo as b,AppInfoMaximized as A}from"./components/AppInfo.js";import f from"./styles.css.js";import{isNativeDetected as h}from"../../utils/mobileDetect.js";import{Size as g}from"../../constants/sizes.js";import y from"../LoadingIndicator/LoadingIndicator.js";import{Tooltip as T}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{DEFAULT_SUBSCRIPTION_META as v}from"../../constants/subscriptions.js";import{COLLECTIONS as j}from"../../constants/bha.js";import*as C from"../../utils/convert.js";import{jsx as D,jsxs as O,Fragment as S}from"react/jsx-runtime";var I=["assetId","appId","asset","appSize","widthCols","appHeight","appWidth","orientation","appComponentKey","appComponentCategory","subscriptions","requiresSubscription","timestamp","appContext","appContainerClassName","settings","time","appData","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","internalSelectors"];function E(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,r)}return i}function x(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?E(Object(r),!0).forEach((function(i){t(e,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var M=c({h6:{fontSize:"1.15rem",margin:"0 0 0 3px"},subtitle:{fontSize:"0.755rem",lineHeight:"1",margin:"0 0 0 3px",color:"#888!important"}}),P=function(r){var c,E=r.assetId,P=r.appId,w=r.asset,z=r.appSize,N=r.widthCols,W=r.appHeight,F=r.appWidth,H=r.orientation,L=r.appComponentKey,R=r.appComponentCategory;r.subscriptions;var q=r.requiresSubscription,U=r.timestamp,k=r.appContext,G=r.appContainerClassName,K=r.settings,X=r.time,B=r.appData,J=r.appRegistry,Q=r.subscribeAppForAsset,V=r.unsubscribeAppFromAsset,Y=r.internalSelectors,Z=Y.isSubDataLoading,$=Y.getSubErrors,_=Y.isSubDataEmpty,tt=i(r,I),et=u(),it=M(),rt=s(!1),st=e(rt,2),ot=st[0],nt=st[1],pt=J.uiApps.getIn([R,"appTypes",L]),at=(r.subscriptions.length?r.subscriptions:pt.constants.SUBSCRIPTIONS).map((function(t){return x(x({},t),{},{meta:x(x(x({},v),t.meta),{},{subscribeOnlyForInitialData:!0,subscribeToLatestOnly:t.collection===j.survey.collection})})})),mt=pt.constants.METADATA.title||pt.constants.METADATA.settingsTitle,lt=pt.constants.METADATA.customEmptyDataHandling;o((function(){return q&&Q(P,at,E,m({query:"{timestamp#lte#".concat(U,"}")})),function(){V(P,at)}}),[]);var ct=!1,ut=!1,dt=null,bt=B.get(P,m());B&&(ct=Z(bt,at),dt=$(bt,at),ut=_(bt,at));var At=n((function(){return Object.keys(K).reduce((function(e,i){return x(x({},e),{},t({},i,l(K[i])))}),{})}),[]),ft=ut&&!lt;return pt?ct?D(y,{fullscreen:!1}):dt?O(d,{variant:"body2",children:["Data error: ",dt.length?dt.message:"No error message"]}):ft?D(d,{variant:"body2",children:"Data is empty"}):O("div",{className:p(f.embeddedApp,G,(c={},t(c,f.embeddedAppMaximized,ot),t(c,f.embeddedAppNative,h),c)),children:[!ot&&D(b,{setMaximized:nt}),!pt.constants.METADATA.disableAppTitle&&O(S,{children:[D("div",{className:f.embeddedAppTitle,children:D(d,{classes:{h6:it.h6},variant:"h6",noWrap:!0,children:mt})}),D(T,{title:pt.constants.METADATA.title,children:D(d,{classes:{subtitle1:it.subtitle},variant:"subtitle1",noWrap:!0,children:pt.constants.METADATA.subtitle})})]}),D("div",{className:p(f.embeddedAppContent,t({},f.embeddedAppContentWithTitle,!pt.constants.METADATA.disableAppTitle)),children:D(pt.AppComponent,x(x({asset:w,appId:P,data:bt,size:ot?g.XLARGE:z,coordinates:m({h:0,w:0,x:0,y:0,pixelHeight:W,pixelWidth:F}),widthCols:N,maximized:ot,theme:et,orientation:H,registerMenuItems:a,convert:C,onAppSubscribeForAsset:Q,onAppUnsubscribeFromAsset:V,onSettingsChange:function(){},isNative:h,appContext:k,layoutType:"singleApp",appTitle:mt,time:X},At),tt))},ot?g.XLARGE:z),ot&&D(A,{setMaximized:nt})]}):null};P.defaultProps={appContainerClassName:void 0,assetId:void 0,appId:0,asset:m(),requiresSubscription:!0,appSize:g.MEDIUM,subscriptions:[],widthCols:1,appWidth:600,appHeight:500,orientation:"vertical",settings:{},timestamp:null,time:null};var w=r(P);export{w as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { memo, useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import noop from 'lodash/noop';
+import { Map, fromJS } from 'immutable';
+import { makeStyles, useTheme, Typography } from '@material-ui/core';
+import { AppInfo, AppInfoMaximized } from './components/AppInfo.js';
+import styles from './styles.css.js';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import { Size } from '../../constants/sizes.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../Tooltip/ScrollableTooltip.js';
+import { DEFAULT_SUBSCRIPTION_META } from '../../constants/subscriptions.js';
+import { COLLECTIONS } from '../../constants/bha.js';
+import * as convert from '../../utils/convert.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded = ["assetId", "appId", "asset", "appSize", "widthCols", "appHeight", "appWidth", "orientation", "appComponentKey", "appComponentCategory", "subscriptions", "requiresSubscription", "timestamp", "appContext", "appContainerClassName", "settings", "time", "appData", "appRegistry", "subscribeAppForAsset", "unsubscribeAppFromAsset", "internalSelectors"];
+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 useStyles = makeStyles({
+  h6: {
+    fontSize: '1.15rem',
+    margin: '0 0 0 3px'
+  },
+  subtitle: {
+    fontSize: '0.755rem',
+    lineHeight: '1',
+    margin: '0 0 0 3px',
+    color: '#888!important'
+  }
+});
+var EmbeddedApp = function EmbeddedApp(props) {
+  var _classNames;
+  var assetId = props.assetId,
+    appId = props.appId,
+    asset = props.asset,
+    appSize = props.appSize,
+    widthCols = props.widthCols,
+    appHeight = props.appHeight,
+    appWidth = props.appWidth,
+    orientation = props.orientation,
+    appComponentKey = props.appComponentKey,
+    appComponentCategory = props.appComponentCategory;
+    props.subscriptions;
+    var requiresSubscription = props.requiresSubscription,
+    timestamp = props.timestamp,
+    appContext = props.appContext,
+    appContainerClassName = props.appContainerClassName,
+    settings = props.settings,
+    time = props.time,
+    appData = props.appData,
+    appRegistry = props.appRegistry,
+    subscribeAppForAsset = props.subscribeAppForAsset,
+    unsubscribeAppFromAsset = props.unsubscribeAppFromAsset,
+    _props$internalSelect = props.internalSelectors,
+    isSubDataLoading = _props$internalSelect.isSubDataLoading,
+    getSubErrors = _props$internalSelect.getSubErrors,
+    isSubDataEmpty = _props$internalSelect.isSubDataEmpty,
+    otherAppProps = _objectWithoutProperties(props, _excluded);
+  var theme = useTheme();
+  var classes = useStyles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    maximized = _useState2[0],
+    setMaximized = _useState2[1];
+  var appType = appRegistry.uiApps.getIn([appComponentCategory, 'appTypes', appComponentKey]);
+  var appSubscriptions = (props.subscriptions.length ? props.subscriptions : appType.constants.SUBSCRIPTIONS).map(function (sub) {
+    return _objectSpread(_objectSpread({}, sub), {}, {
+      meta: _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_SUBSCRIPTION_META), sub.meta), {}, {
+        subscribeOnlyForInitialData: true,
+        // NOTE: Forces use only last data from actual survey collection according to ticket PLAT-676
+        subscribeToLatestOnly: sub.collection === COLLECTIONS.survey.collection
+      })
+    });
+  });
+  var appTitle = appType.constants.METADATA.title || appType.constants.METADATA.settingsTitle;
+  var customEmptyDataHandling = appType.constants.METADATA.customEmptyDataHandling;
+  useEffect(function () {
+    if (requiresSubscription) subscribeAppForAsset(appId, appSubscriptions, assetId, Map({
+      query: "{timestamp#lte#".concat(timestamp, "}")
+    }));
+    return function () {
+      unsubscribeAppFromAsset(appId, appSubscriptions);
+    };
+  }, []);
+  var isDataLoading = false;
+  var isEmptyData = false;
+  var errorData = null;
+  var appDataPrepared = appData.get(appId, Map());
+  if (appData) {
+    isDataLoading = isSubDataLoading(appDataPrepared, appSubscriptions);
+    errorData = getSubErrors(appDataPrepared, appSubscriptions);
+    isEmptyData = isSubDataEmpty(appDataPrepared, appSubscriptions);
+  }
+
+  // Backward compatibility with apps immutable settings
+  var appSettings = useMemo(function () {
+    return Object.keys(settings).reduce(function (acc, key) {
+      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, fromJS(settings[key])));
+    }, {});
+  }, []);
+  var emptyDataCondition = isEmptyData && !customEmptyDataHandling;
+  if (!appType) return null;
+  if (isDataLoading) return /*#__PURE__*/jsx(LoadingIndicator, {
+    fullscreen: false
+  });
+  if (errorData) return /*#__PURE__*/jsxs(Typography, {
+    variant: "body2",
+    children: ["Data error: ", errorData.length ? errorData.message : 'No error message']
+  });
+  if (emptyDataCondition) return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: "Data is empty"
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.embeddedApp, appContainerClassName, (_classNames = {}, _defineProperty(_classNames, styles.embeddedAppMaximized, maximized), _defineProperty(_classNames, styles.embeddedAppNative, isNativeDetected), _classNames)),
+    children: [!maximized && /*#__PURE__*/jsx(AppInfo, {
+      setMaximized: setMaximized
+    }), !appType.constants.METADATA.disableAppTitle && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.embeddedAppTitle,
+        children: /*#__PURE__*/jsx(Typography, {
+          classes: {
+            h6: classes.h6
+          },
+          variant: "h6",
+          noWrap: true,
+          children: appTitle
+        })
+      }), /*#__PURE__*/jsx(Tooltip, {
+        title: appType.constants.METADATA.title,
+        children: /*#__PURE__*/jsx(Typography, {
+          classes: {
+            subtitle1: classes.subtitle
+          },
+          variant: "subtitle1",
+          noWrap: true,
+          children: appType.constants.METADATA.subtitle
+        })
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.embeddedAppContent, _defineProperty({}, styles.embeddedAppContentWithTitle, !appType.constants.METADATA.disableAppTitle)),
+      children: /*#__PURE__*/jsx(appType.AppComponent, _objectSpread(_objectSpread({
+        asset: asset,
+        appId: appId,
+        data: appDataPrepared,
+        size: maximized ? Size.XLARGE : appSize,
+        coordinates: Map({
+          h: 0,
+          w: 0,
+          x: 0,
+          y: 0,
+          pixelHeight: appHeight,
+          pixelWidth: appWidth
+        }),
+        widthCols: widthCols,
+        maximized: maximized,
+        theme: theme,
+        orientation: orientation,
+        registerMenuItems: noop,
+        convert: convert,
+        onAppSubscribeForAsset: subscribeAppForAsset,
+        onAppUnsubscribeFromAsset: unsubscribeAppFromAsset,
+        onSettingsChange: function onSettingsChange() {
+          return undefined;
+        },
+        isNative: isNativeDetected,
+        appContext: appContext,
+        layoutType: "singleApp",
+        appTitle: appTitle,
+        time: time
+      }, appSettings), otherAppProps))
+    }, maximized ? Size.XLARGE : appSize), maximized && /*#__PURE__*/jsx(AppInfoMaximized, {
+      setMaximized: setMaximized
+    })]
+  });
+};
+EmbeddedApp.defaultProps = {
+  appContainerClassName: undefined,
+  assetId: undefined,
+  appId: 0,
+  asset: Map(),
+  requiresSubscription: true,
+  appSize: Size.MEDIUM,
+  subscriptions: [],
+  widthCols: 1,
+  appWidth: 600,
+  appHeight: 500,
+  orientation: 'vertical',
+  settings: {},
+  timestamp: null,
+  time: null
+};
+var EmbeddedApp$1 = memo(EmbeddedApp);
+
+export { EmbeddedApp$1 as default };
+//# sourceMappingURL=EmbeddedApp.js.map

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';\nimport { Map, fromJS } from 'immutable'; // For backward compatibility;\nimport { Typography, makeStyles, useTheme } from '@material-ui/core';\n\nimport { AppInfo, AppInfoMaximized } from './components/AppInfo';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Size } from '~/constants/sizes';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport Tooltip from '~/components/Tooltip';\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { COLLECTIONS } from '~/constants/bha';\nimport * as convert from '~/utils/convert';\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 = (\n    props.subscriptions.length ? props.subscriptions : 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={setMaximized} />}\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/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/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';\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":";;;;;;;;;;;;;;;;;AAMoD,IAE9CA,eAAe,gBAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,eAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AACnB,EAAA,SAAA,eAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,eAAA,CAAA,CAAA;AACjB,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;IAAE,eAOJ,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,UAAA,EAAA,UAAAC,KAAK,EAAI;AAClB,MAAA,IAAA,WAAA,GAA6C,MAAKD,KAAK;AAA/CE,QAAAA,iBAAiB,eAAjBA,iBAAiB;AAAEC,QAAAA,aAAa,eAAbA,aAAa,CAAA;MACxCD,iBAAiB,CAACD,KAAK,CAAC,CAAA;AACxB,MAAA,IAAIE,aAAa,EAAE;AACjB,QAAA,KAAA,CAAKC,QAAQ,CAAC;AAAEC,UAAAA,eAAe,EAAE,KAAA;AAAM,SAAC,CAAC,CAAA;AAC3C,OAAA;KACD,CAAA,CAAA;AAXC,IAAA,KAAA,CAAKC,KAAK,GAAG;AACXD,MAAAA,eAAe,EAAE,KAAA;KAClB,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AACJ,GAAA;AAAC,EAAA,YAAA,CAAA,eAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAUD,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,MAAA,GAAA,IAAA,CAAA;MACP,oBACEE,IAAA,CAAAC,QAAA,EAAA;AAAA,QAAA,QAAA,EAAA,cACEC,IAAC,UAAU,EAAA;AACT,UAAA,aAAA,EAAa,IAAI,CAACT,KAAK,CAAC,aAAa,CAAE;UACvC,SAAS,EAAE,SAAAU,SAAAA,CAAAA,IAAI,EAAI;YACjB,MAAI,CAACC,QAAQ,GAAGD,IAAI,CAAA;WACpB;AACF,UAAA,YAAA,EAAW,OAAO;AAClB,UAAA,OAAO,EAAE,SAAA,OAAA,GAAA;YAAA,OAAM,MAAI,CAACN,QAAQ,CAAC;AAAEC,cAAAA,eAAe,EAAE,IAAA;AAAK,aAAC,CAAC,CAAA;WAAC;AACxD,UAAA,aAAa,EAAE,IAAI,CAACL,KAAK,CAACY,aAAc;AACxC,UAAA,SAAS,EAAE,IAAI,CAACZ,KAAK,CAACa,kBAAmB;AACzC,UAAA,YAAY,EAAE,IAAI,CAACb,KAAK,CAACc,YAAa;AAAA,UAAA,QAAA,eAEtCL,IAAC,SAAS,EAAA,EAAA,CAAA;SACC,CAAA,eAEbA,IAAC,OAAO,EAAA;AACN,UAAA,IAAI,EAAE,IAAI,CAACH,KAAK,CAACD,eAAgB;UACjC,QAAQ,EAAE,IAAI,CAACM,QAAS;AACxB,UAAA,OAAO,EAAE,SAAA,OAAA,GAAA;YAAA,OAAM,MAAI,CAACP,QAAQ,CAAC;AAAEC,cAAAA,eAAe,EAAE,KAAA;AAAM,aAAC,CAAC,CAAA;WAAC;AACzD,UAAA,YAAY,EAAE;AACZU,YAAAA,QAAQ,EAAE,QAAQ;AAClBC,YAAAA,UAAU,EAAE,OAAA;WACZ;AACF,UAAA,eAAe,EAAE;AACfD,YAAAA,QAAQ,EAAE,KAAK;AACfC,YAAAA,UAAU,EAAE,OAAA;WACZ;AAAA,UAAA,QAAA,eAEFP,IAAC,MAAM,EAAA;YAAC,QAAQ,EAAE,IAAI,CAACQ,QAAS;AAAC,YAAA,KAAK,EAAC,MAAA;AAAM,WAAA,CAAA;SACrC,CAAA,CAAA;OACT,CAAA,CAAA;AAEP,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,eAAA,CAAA;AAAA,CAAA,CAnD2BC,aAAa,EAAA;AAsD3CnB,eAAe,CAACoB,SAAS,GAAG;AAC1BjB,EAAAA,iBAAiB,EAAEkB,SAAS,CAACC,IAAI,CAACC,UAAU;EAC5CT,kBAAkB,EAAEO,SAAS,CAACG,MAAM;EACpCX,aAAa,EAAEQ,SAAS,CAACI,IAAI;EAC7BrB,aAAa,EAAEiB,SAAS,CAACI,IAAI;EAC7B,aAAa,EAAEJ,SAAS,CAACG,MAAM;AAC/BT,EAAAA,YAAY,EAAEM,SAAS,CAACK,KAAK,CAAC,EAAE,CAAA;AAClC,CAAC,CAAA;AAED1B,eAAe,CAAC2B,YAAY,GAAG;AAC7Bb,EAAAA,kBAAkB,EAAEc,SAAS;AAC7Bf,EAAAA,aAAa,EAAE,KAAK;AACpBT,EAAAA,aAAa,EAAE,IAAI;AACnB,EAAA,aAAa,EAAE,qBAAqB;AACpCW,EAAAA,YAAY,EAAE;AAAEc,IAAAA,KAAK,EAAE,WAAA;AAAY,GAAA;AACrC,CAAC;;;;"}

package/components/EmptyState/EmptyState.js

@@ -1 +1,74 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as a,useRef as i,useCallback as s}from"react";import r from"classnames";import*as o from"./images/index.js";import{NoDataAvailable as m}from"./images/index.js";import c from"../../effects/useResizeObserver.js";import{SIZES as l,APP_MESSAGES as n}from"./constants.js";import{getSize as d}from"./utils.js";import{useStyles as f}from"./styles.js";var v=function(o){var n=o.title,v=void 0===n?"No Data Available":n,p=o.subtitle,u=void 0===p?"":p,b=o.image,S=void 0===b?m:b,g=o.classes,j=void 0===g?{}:g,A=o["data-testid"],N=void 0===A?"EmptyState":A,x=a(l.LARGE),E=x[0],h=x[1],z=a(!1),M=z[0],_=z[1],G=i(),L=s((function(t){var e=t[0].borderBoxSize[0].blockSize;h(d(e)),_(!0)}),[]);c({callback:L,containerRef:G});var R=f({image:S,size:E}),k=E!==l.SMALL;return t("div",{className:r(R.rootTransparent,M&&R.rootOpaque,j.root),children:e("div",{"data-testid":"".concat(N,"_fullMessage"),className:r(R.content,j.content),ref:G,children:[t("div",{"data-testid":"".concat(N,"_title"),className:r(R.title,j.title),children:v}),t("div",{"data-testid":"".concat(N,"_subtitle"),className:r(R.subtitle,j.subtitle),children:u}),k&&t("img",{src:S,className:R.image,alt:"error"})]})})};v.IMAGES=o,v.APP_MESSAGES=n;export{v as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useCallback } 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';
+
+var EmptyState = function EmptyState(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'No Data Available' : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? NoDataAvailable : _ref$image,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    _ref$dataTestid = _ref['data-testid'],
+    PAGE_NAME = _ref$dataTestid === void 0 ? 'EmptyState' : _ref$dataTestid;
+  var _useState = useState(SIZES.LARGE),
+    _useState2 = _slicedToArray(_useState, 2),
+    size = _useState2[0],
+    setSize = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpaque = _useState4[0],
+    setIsOpaque = _useState4[1];
+  var containerRef = useRef();
+  var resizeObserverCallback = useCallback(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      entry = _ref3[0];
+    var height = entry.borderBoxSize[0].blockSize;
+    setSize(getSize(height));
+    setIsOpaque(true);
+  }, []);
+  useResizeObserver({
+    callback: resizeObserverCallback,
+    containerRef: containerRef
+  });
+  var styles = useStyles({
+    image: image,
+    size: size
+  });
+  var hasImage = size !== SIZES.SMALL;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.rootTransparent, isOpaque && styles.rootOpaque, 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.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 { ReactElement, ReactNode, useCallback, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport * as images from './images';\nimport useResizeObserver from '~/effects/useResizeObserver';\n\nimport { APP_MESSAGES, SIZES } from './constants';\nimport { getSize } from './utils';\nimport { useStyles } from './styles';\n\nexport type EmptyStateProps = {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  /**\n   * URL to an image\n   */\n  image?: string;\n  /**\n   * ClassNames for inner components\n   */\n  classes?: {\n    root?: string;\n    content?: string;\n    title?: string;\n    subtitle?: string;\n    image?: string;\n  };\n  'data-testid'?: string;\n};\n\nconst EmptyState = ({\n  title = 'No Data Available',\n  subtitle = '',\n  image = images.NoDataAvailable,\n  classes = {},\n  'data-testid': PAGE_NAME = 'EmptyState',\n}: EmptyStateProps): JSX.Element => {\n  const [size, setSize] = useState(SIZES.LARGE);\n  const [isOpaque, setIsOpaque] = useState(false);\n  const containerRef = useRef();\n\n  const resizeObserverCallback = useCallback(([entry]: any) => {\n    const { blockSize: height } = entry.borderBoxSize[0];\n    setSize(getSize(height));\n    setIsOpaque(true);\n  }, []);\n\n  useResizeObserver({ callback: resizeObserverCallback, containerRef });\n\n  const styles = useStyles({ image, size });\n  const hasImage = size !== SIZES.SMALL;\n\n  return (\n    <div\n      className={classNames(styles.rootTransparent, isOpaque && styles.rootOpaque, classes.root)}\n    >\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.IMAGES = images;\nEmptyState.APP_MESSAGES = APP_MESSAGES;\n\ntype EmptyStateWithProperties = ((props: EmptyStateProps) => ReactElement) & {\n  IMAGES: typeof images;\n  APP_MESSAGES: typeof APP_MESSAGES;\n};\n\nexport default EmptyState as EmptyStateWithProperties;\n"],"names":["EmptyState","title","subtitle","image","images","classes","PAGE_NAME","useState","SIZES","LARGE","size","setSize","isOpaque","setIsOpaque","containerRef","useRef","resizeObserverCallback","useCallback","entry","height","borderBoxSize","blockSize","getSize","useResizeObserver","callback","styles","useStyles","hasImage","SMALL","_jsx","classNames","rootTransparent","rootOpaque","root","_jsxs","content","IMAGES","APP_MESSAGES"],"mappings":"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"}

package/components/EmptyState/constants.js

@@ -1 +1,52 @@
-var t;!function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(t||(t={}));var e=300,a=400,o={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"},AccessDenied:{title:"Access Denied"}};export{o as APP_MESSAGES,t as SIZES,a as SIZE_LARGE_THRESHOLD,e as SIZE_MEDIUM_THRESHOLD};
+var SIZES;
+(function (SIZES) {
+  SIZES["SMALL"] = "small";
+  SIZES["MEDIUM"] = "medium";
+  SIZES["LARGE"] = "large";
+})(SIZES || (SIZES = {}));
+var SIZE_MEDIUM_THRESHOLD = 300;
+var SIZE_LARGE_THRESHOLD = 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'
+  },
+  AccessDenied: {
+    title: 'Access Denied'
+  }
+};
+
+export { APP_MESSAGES, SIZES, SIZE_LARGE_THRESHOLD, SIZE_MEDIUM_THRESHOLD };
+//# sourceMappingURL=constants.js.map