@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/EmbeddedApp/DevCenterEmbeddedApp.js

@@ -1,78 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, useState } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { DevCenterIsolatedApp } from '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import { Size } from '../../constants/sizes.js';
-import styles from './styles.css.js';
-import { AppInfo, AppInfoMaximized } from './components/AppInfo.js';
-
-var DevCenterEmbeddedApp = function DevCenterEmbeddedApp(_ref) {
-  var _classNames;
-
-  var app = _ref.app,
-      coordinates = _ref.coordinates,
-      appId = _ref.appId,
-      appSize = _ref.appSize,
-      appContainerClassName = _ref.appContainerClassName,
-      currentUser = _ref.currentUser,
-      timestamp = _ref.timestamp;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      maximized = _useState2[0],
-      setMaximized = _useState2[1];
-
-  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
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.embeddedAppContent,
-      children: /*#__PURE__*/jsx(DevCenterIsolatedApp, {
-        app: app,
-        appId: appId,
-        onSettingsChange: function onSettingsChange() {
-          return undefined;
-        },
-        onSettingChange: function onSettingChange() {
-          return undefined;
-        },
-        onAppRemove: function onAppRemove() {
-          return undefined;
-        },
-        coordinates: coordinates,
-        currentUser: currentUser,
-        timestamp: timestamp
-      })
-    }, maximized ? Size.XLARGE : appSize), maximized && /*#__PURE__*/jsx(AppInfoMaximized, {
-      setMaximized: setMaximized
-    })]
-  });
-};
-
-DevCenterEmbeddedApp.propTypes = {
-  appContainerClassName: PropTypes.string,
-  appId: PropTypes.number,
-  appSize: PropTypes.string,
-  app: PropTypes.shape({
-    coordinates: PropTypes.shape().isRequired
-  }).isRequired,
-  currentUser: PropTypes.shape().isRequired,
-  coordinates: PropTypes.shape(),
-  timestamp: PropTypes.string
-};
-DevCenterEmbeddedApp.defaultProps = {
-  appContainerClassName: undefined,
-  appId: 0,
-  appSize: Size.MEDIUM,
-  coordinates: {},
-  timestamp: undefined
-};
-var DevCenterEmbeddedApp$1 = memo(DevCenterEmbeddedApp);
-
-export default DevCenterEmbeddedApp$1;
-//# sourceMappingURL=DevCenterEmbeddedApp.js.map
+import e from"@babel/runtime/helpers/defineProperty";import p from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as t}from"react";import i from"prop-types";import s from"classnames";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{Size as o}from"../../constants/sizes.js";import{DevCenterIsolatedApp as n}from"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{AppInfo as m,AppInfoMaximized as d}from"./components/AppInfo.js";import c from"./styles.css.js";import{jsxs as l,jsx as f}from"react/jsx-runtime";var u=function(r){var i,u=r.app,C=r.coordinates,v=r.appId,b=r.appSize,h=r.appContainerClassName,A=r.currentUser,I=r.timestamp,g=t(!1),z=p(g,2),j=z[0],N=z[1];return l("div",{className:s(c.embeddedApp,h,(i={},e(i,c.embeddedAppMaximized,j),e(i,c.embeddedAppNative,a),i)),children:[!j&&f(m,{setMaximized:N}),f("div",{className:c.embeddedAppContent,children:f(n,{app:u,appId:v,onSettingsChange:function(){},onSettingChange:function(){},onAppRemove:function(){},coordinates:C,currentUser:A,timestamp:I})},j?o.XLARGE:b),j&&f(d,{setMaximized:N})]})};u.propTypes={appContainerClassName:i.string,appId:i.number,appSize:i.string,app:i.shape({coordinates:i.shape().isRequired}).isRequired,currentUser:i.shape().isRequired,coordinates:i.shape(),timestamp:i.string},u.defaultProps={appContainerClassName:void 0,appId:0,appSize:o.MEDIUM,coordinates:{},timestamp:void 0};var C=r(u);export{C as default};

package/components/EmbeddedApp/EmbeddedApp.js

@@ -1,207 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import * as convert from '../../utils/convert.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Map, fromJS } from 'immutable';
-import { COLLECTIONS } from '../../constants/bha.js';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { makeStyles, useTheme, Typography } from '@material-ui/core';
-import { memo, useState, useEffect, useMemo } from 'react';
-import noop from 'lodash/noop';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { Size } from '../../constants/sizes.js';
-import styles from './styles.css.js';
-import { AppInfo, AppInfoMaximized } from './components/AppInfo.js';
-import { DEFAULT_SUBSCRIPTION_META } from '../../constants/subscriptions.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-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,
-      subscriptions = props.subscriptions,
-      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, ["assetId", "appId", "asset", "appSize", "widthCols", "appHeight", "appWidth", "orientation", "appComponentKey", "appComponentCategory", "subscriptions", "requiresSubscription", "timestamp", "appContext", "appContainerClassName", "settings", "time", "appData", "appRegistry", "subscribeAppForAsset", "unsubscribeAppFromAsset", "internalSelectors"]);
-
-  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: maximized
-    }), !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 default EmbeddedApp$1;
-//# sourceMappingURL=EmbeddedApp.js.map
+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 c}from"immutable";import{makeStyles as l,useTheme as u,Typography as d}from"@material-ui/core";import{isNativeDetected as b}from"../../utils/mobileDetect.js";import{Size as A}from"../../constants/sizes.js";import f from"../LoadingIndicator/LoadingIndicator.js";import{Tooltip as h}from"../Tooltip/Tooltip.js";import{DEFAULT_SUBSCRIPTION_META as g}from"../../constants/subscriptions.js";import{COLLECTIONS as y}from"../../constants/bha.js";import*as T from"../../utils/convert.js";import{AppInfo as v,AppInfoMaximized as C}from"./components/AppInfo.js";import j from"./styles.css.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=l({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 l,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({},g),t.meta),{},{subscribeOnlyForInitialData:!0,subscribeToLatestOnly:t.collection===y.survey.collection})})})),mt=pt.constants.METADATA.title||pt.constants.METADATA.settingsTitle,ct=pt.constants.METADATA.customEmptyDataHandling;o((function(){return q&&Q(P,at,E,m({query:"{timestamp#lte#".concat(U,"}")})),function(){V(P,at)}}),[]);var lt=!1,ut=!1,dt=null,bt=B.get(P,m());B&&(lt=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,c(K[i])))}),{})}),[]),ft=ut&&!ct;return pt?lt?D(f,{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(j.embeddedApp,G,(l={},t(l,j.embeddedAppMaximized,ot),t(l,j.embeddedAppNative,b),l)),children:[!ot&&D(v,{setMaximized:ot}),!pt.constants.METADATA.disableAppTitle&&O(S,{children:[D("div",{className:j.embeddedAppTitle,children:D(d,{classes:{h6:it.h6},variant:"h6",noWrap:!0,children:mt})}),D(h,{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(j.embeddedAppContent,t({},j.embeddedAppContentWithTitle,!pt.constants.METADATA.disableAppTitle)),children:D(pt.AppComponent,x(x({asset:w,appId:P,data:bt,size:ot?A.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:T,onAppSubscribeForAsset:Q,onAppUnsubscribeFromAsset:V,onSettingsChange:function(){},isNative:b,appContext:k,layoutType:"singleApp",appTitle:mt,time:X},At),tt))},ot?A.XLARGE:z),ot&&D(C,{setMaximized:nt})]}):null};P.defaultProps={appContainerClassName:void 0,assetId:void 0,appId:0,asset:m(),requiresSubscription:!0,appSize:A.MEDIUM,subscriptions:[],widthCols:1,appWidth:600,appHeight:500,orientation:"vertical",settings:{},timestamp:null,time:null};var w=r(P);export{w as default};

package/components/EmbeddedApp/components/AppInfo.js

@@ -1,99 +1 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Typography, Tooltip, Avatar } from '@material-ui/core';
-import CloseIcon from '@material-ui/icons/Close';
-import { func } from 'prop-types';
-import FullSizeIcon from '@material-ui/icons/Fullscreen';
-import InfoIcon from '@material-ui/icons/Info';
-import styles from '../styles.css.js';
-
-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
+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};

package/components/EmbeddedApp/styles.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_embeddedApp__2taJG {\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__1gUEf {\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__3guoy {\n  width: 100% !important;\n}\n\n.styles_embeddedAppTitle__1Vi70 {\n  display: flex;\n  justify-content: space-between;\n}\n\n.styles_embeddedAppContent__3-IAU {\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__QR40w {\n  top: 52px;\n}\n\n/* List of classes which supports pointer-events */\n\n.styles_embeddedAppContent__3-IAU .highcharts-container,\n.styles_embeddedAppContent__3-IAU .echarts-for-react {\n  pointer-events: initial;\n}\n\n.styles_embeddedAppFullscreen__2I2-v {\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__2taJG:hover .styles_embeddedAppFullscreen__2I2-v {\n  visibility: visible;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.styles_embeddedAppFullscreenTitle__3ZGeb {\n  display: flex;\n}\n\n.styles_embeddedAppFullscreenText__39HS1 {\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__xD5i1 {\n  position: absolute;\n  bottom: 5px;\n}\n\n.styles_embeddedAppFullscreenAppClose__3Z8xr {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 3;\n}\n";
-var styles = {"embeddedApp":"styles_embeddedApp__2taJG","embeddedAppMaximized":"styles_embeddedAppMaximized__1gUEf","embeddedAppNative":"styles_embeddedAppNative__3guoy","embeddedAppTitle":"styles_embeddedAppTitle__1Vi70","embeddedAppContent":"styles_embeddedAppContent__3-IAU","embeddedAppContentWithTitle":"styles_embeddedAppContentWithTitle__QR40w","embeddedAppFullscreen":"styles_embeddedAppFullscreen__2I2-v","embeddedAppFullscreenTitle":"styles_embeddedAppFullscreenTitle__3ZGeb","embeddedAppFullscreenText":"styles_embeddedAppFullscreenText__39HS1","embeddedAppFullscreenAppInfo":"styles_embeddedAppFullscreenAppInfo__xD5i1","embeddedAppFullscreenAppClose":"styles_embeddedAppFullscreenAppClose__3Z8xr"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=styles.css.js.map
+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};

package/components/EmojiIconButton.js

@@ -1,97 +1 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import { Picker } from 'emoji-mart';
-import Popover from '@material-ui/core/Popover';
-import IconButton from './IconButton/index.js';
-import EmojiIcon from './Icons/EmojiIcon.js';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var EmojiIconButton = /*#__PURE__*/function (_PureComponent) {
-  _inherits(EmojiIconButton, _PureComponent);
-
-  var _super = _createSuper(EmojiIconButton);
-
-  function EmojiIconButton(props) {
-    var _this;
-
-    _classCallCheck(this, EmojiIconButton);
-
-    _this = _super.call(this, props);
-    _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": "generic_emojiButton",
-          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: {
-            title: 'Add Emoji'
-          },
-          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.props.handleSelectEmoji,
-            theme: "dark"
-          })
-        })]
-      });
-    }
-  }]);
-
-  return EmojiIconButton;
-}(PureComponent);
-
-EmojiIconButton.propTypes = {
-  handleSelectEmoji: PropTypes.func.isRequired,
-  emojiIconClassName: PropTypes.string,
-  disableRipple: PropTypes.bool
-};
-EmojiIconButton.defaultProps = {
-  emojiIconClassName: undefined,
-  disableRipple: false
-};
-
-export default EmojiIconButton;
-//# sourceMappingURL=EmojiIconButton.js.map
+import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import{PureComponent as n}from"react";import{Picker as l}from"emoji-mart";import a from"prop-types";import s from"@material-ui/core/Popover";import c from"./IconButton/index.js";import p from"./Icons/EmojiIcon.js";import{jsxs as m,Fragment as u,jsx as f}from"react/jsx-runtime";function h(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,n=i(e);if(t){var l=i(this).constructor;r=Reflect.construct(n,arguments,l)}else r=n.apply(this,arguments);return o(this,r)}}var d=function(o){r(a,n);var i=h(a);function a(t){var r;return e(this,a),(r=i.call(this,t)).state={openEmojiPicker:!1},r}return t(a,[{key:"render",value:function(){var e=this;return m(u,{children:[f(c,{"data-testid":"generic_emojiButton",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:{title:"Add Emoji"},children:f(p,{})}),f(s,{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:f(l,{onSelect:this.props.handleSelectEmoji,theme:"dark"})})]})}}]),a}();d.propTypes={handleSelectEmoji:a.func.isRequired,emojiIconClassName:a.string,disableRipple:a.bool},d.defaultProps={emojiIconClassName:void 0,disableRipple:!1};export{d as default};