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

package/components/EmbeddedApp/EmbeddedApp.js

@@ -1 +1,207 @@
-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};
+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

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","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,99 @@
-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 { 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

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","embeddedAppFullscreenAppClose","embeddedAppFullscreenAppInfo"],"mappings":";;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AADK,GADY;AAI3BC,EAAAA,cAAc,EAAE;AACdD,IAAAA,MAAM,EAAE,SADM;AAEdE,IAAAA,KAAK,EAAE,MAFO;AAGdC,IAAAA,QAAQ,EAAE;AAHI,GAJW;AAS3BC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,KAAK,EAAE,SADC;AAERC,IAAAA,QAAQ,EAAE;AAFF,GATiB;AAa3BE,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,WADN;AAENC,IAAAA,SAAS,EAAE;AAFL;AAbmB,CAAD,CAA5B;;IAmBMC,OAAO,GAAG,SAAVA,OAAU,OAAsB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AACpC,MAAMC,OAAO,GAAGb,SAAS,EAAzB;AACA,sBACEc;AAAK,IAAA,SAAS,EAAEC,MAAM,CAACC,qBAAvB;AAA8C,IAAA,OAAO,EAAE;AAAA,aAAMJ,YAAY,CAAC,IAAD,CAAlB;AAAA,KAAvD;AAAA,4BACEE;AAAK,MAAA,SAAS,EAAEC,MAAM,CAACE,0BAAvB;AAAA,8BACEC,IAAC,QAAD;AAAU,QAAA,SAAS,EAAEL,OAAO,CAACN;AAA7B,QADF,eAEEW,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAAA,+BACEA;AAAM,UAAA,SAAS,EAAEH,MAAM,CAACI,yBAAxB;AAAA;AAAA;AADF,QAFF;AAAA,MADF,eAOED,IAACE,OAAD;AAAY,MAAA,KAAK,EAAC,YAAlB;AAAA,6BACEF,IAAC,MAAD;AAAQ,QAAA,SAAS,EAAEL,OAAO,CAACL,MAA3B;AAAA,+BACEU,IAACG,YAAD;AAAY,UAAA,SAAS,EAAER,OAAO,CAACT,cAA/B;AAA+C,UAAA,KAAK,EAAC;AAArD;AADF;AADF,MAPF;AAAA,IADF;AAeD;;AAEDO,OAAO,CAACW,SAAR,GAAoB;AAClBV,EAAAA,YAAY,EAAEW,IAAI,CAACC;AADD,CAApB;;IAIMC,gBAAgB,GAAG,SAAnBA,gBAAmB,QAAsB;AAAA,MAAnBb,YAAmB,SAAnBA,YAAmB;AAC7C,MAAMC,OAAO,GAAGb,SAAS,EAAzB;AACA,sBACEc;AAAA,4BACEI;AAAK,MAAA,SAAS,EAAEH,MAAM,CAACW,6BAAvB;AAAA,6BACER,IAAC,SAAD;AAAW,QAAA,SAAS,EAAEL,OAAO,CAACX,aAA9B;AAA6C,QAAA,OAAO,EAAE;AAAA,iBAAMU,YAAY,CAAC,KAAD,CAAlB;AAAA;AAAtD;AADF,MADF,eAIEM;AAAK,MAAA,SAAS,EAAEH,MAAM,CAACY,4BAAvB;AAAA,6BACEb;AAAK,QAAA,SAAS,EAAEC,MAAM,CAACE,0BAAvB;AAAA,gCACEC,IAAC,QAAD;AAAU,UAAA,SAAS,EAAEL,OAAO,CAACN;AAA7B,UADF,eAEEW,IAAC,UAAD;AAAY,UAAA,OAAO,EAAC,OAApB;AAAA,iCACEA;AAAM,YAAA,SAAS,EAAEH,MAAM,CAACI,yBAAxB;AAAA;AAAA;AADF,UAFF;AAAA;AADF,MAJF;AAAA,IADF;AAeD;;AAEDM,gBAAgB,CAACH,SAAjB,GAA6B;AAC3BV,EAAAA,YAAY,EAAEW,IAAI,CAACC;AADQ,CAA7B;;;;"}

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__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

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

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

package/components/EmojiIconButton.js

@@ -1 +1,97 @@
-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};
+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

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  render() {\n    return (\n      <>\n        <IconButton\n          data-testid=\"generic_emojiButton\"\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={{ title: 'Add Emoji' }}\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.props.handleSelectEmoji} 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};\n\nEmojiIconButton.defaultProps = {\n  emojiIconClassName: undefined,\n  disableRipple: false,\n};\n\nexport default EmojiIconButton;\n"],"names":["EmojiIconButton","props","state","openEmojiPicker","_jsxs","_jsx","node","anchorEl","setState","disableRipple","emojiIconClassName","title","vertical","horizontal","handleSelectEmoji","PureComponent","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","undefined"],"mappings":";;;;;;;;;;;;;;;;;IASMA;;;;;AACJ,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AAEA,UAAKC,KAAL,GAAa;AACXC,MAAAA,eAAe,EAAE;AADN,KAAb;AAHiB;AAMlB;;;;6BAEQ;AAAA;;AACP,0BACEC;AAAA,gCACEC,IAAC,UAAD;AACE,yBAAY,qBADd;AAEE,UAAA,SAAS,EAAE,mBAAAC,IAAI,EAAI;AACjB,YAAA,MAAI,CAACC,QAAL,GAAgBD,IAAhB;AACD,WAJH;AAKE,wBAAW,OALb;AAME,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACE,QAAL,CAAc;AAAEL,cAAAA,eAAe,EAAE;AAAnB,aAAd,CAAN;AAAA,WANX;AAOE,UAAA,aAAa,EAAE,KAAKF,KAAL,CAAWQ,aAP5B;AAQE,UAAA,SAAS,EAAE,KAAKR,KAAL,CAAWS,kBARxB;AASE,UAAA,YAAY,EAAE;AAAEC,YAAAA,KAAK,EAAE;AAAT,WAThB;AAAA,iCAWEN,IAAC,SAAD;AAXF,UADF,eAeEA,IAAC,OAAD;AACE,UAAA,IAAI,EAAE,KAAKH,KAAL,CAAWC,eADnB;AAEE,UAAA,QAAQ,EAAE,KAAKI,QAFjB;AAGE,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACC,QAAL,CAAc;AAAEL,cAAAA,eAAe,EAAE;AAAnB,aAAd,CAAN;AAAA,WAHX;AAIE,UAAA,YAAY,EAAE;AACZS,YAAAA,QAAQ,EAAE,QADE;AAEZC,YAAAA,UAAU,EAAE;AAFA,WAJhB;AAQE,UAAA,eAAe,EAAE;AACfD,YAAAA,QAAQ,EAAE,KADK;AAEfC,YAAAA,UAAU,EAAE;AAFG,WARnB;AAAA,iCAaER,IAAC,MAAD;AAAQ,YAAA,QAAQ,EAAE,KAAKJ,KAAL,CAAWa,iBAA7B;AAAgD,YAAA,KAAK,EAAC;AAAtD;AAbF,UAfF;AAAA,QADF;AAiCD;;;;EA3C2BC;;AA8C9Bf,eAAe,CAACgB,SAAhB,GAA4B;AAC1BF,EAAAA,iBAAiB,EAAEG,SAAS,CAACC,IAAV,CAAeC,UADR;AAE1BT,EAAAA,kBAAkB,EAAEO,SAAS,CAACG,MAFJ;AAG1BX,EAAAA,aAAa,EAAEQ,SAAS,CAACI;AAHC,CAA5B;AAMArB,eAAe,CAACsB,YAAhB,GAA+B;AAC7BZ,EAAAA,kBAAkB,EAAEa,SADS;AAE7Bd,EAAAA,aAAa,EAAE;AAFc,CAA/B;;;;"}