@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/EditableItem/EditableItem/index.js

@@ -1,244 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles, ClickAwayListener, TextField, Tooltip, InputAdornment } from '@material-ui/core';
-import EditIcon from '@material-ui/icons/Edit';
-import CloseIcon from '@material-ui/icons/Close';
-import DoneIcon from '@material-ui/icons/Done';
-import IconButton from '../../IconButton/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    editableItem: {
-      width: '100%',
-      height: 36,
-      position: 'relative',
-      backgroundColor: theme.palette.background.b8,
-      '&:hover': {
-        backgroundColor: 'rgba(3, 188, 212, 0.07)'
-      },
-      '&:hover svg': {
-        visibility: 'visible'
-      }
-    },
-    editableItemActive: {
-      backgroundColor: 'rgba(3, 188, 212, 0.15)  !important'
-    },
-    container: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      '&:hover $editIcon': {
-        visibility: 'visible'
-      }
-    },
-    value: {
-      color: theme.palette.primary.text6,
-      fontSize: '0.875rem',
-      height: '100%',
-      letterSpacing: '.13132px',
-      lineHeight: '36px',
-      overflow: 'hidden',
-      paddingLeft: 48,
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      width: 'calc(100% - 32px)',
-      userSelect: 'none'
-    },
-    textField: {
-      width: '100%'
-    },
-    inputRoot: {
-      height: 36,
-      paddingLeft: 48,
-      fontSize: '0.875rem'
-    },
-    inputDisabled: {
-      backgroundColor: 'unset',
-      paddingRight: 16,
-      '&::before': {
-        display: 'none'
-      },
-      pointerEvents: 'none'
-    },
-    editIcon: {
-      visibility: 'hidden',
-      marginRight: 4
-    },
-    closeIcon: {
-      color: theme.palette.primary.text6,
-      '&:hover svg': {
-        fill: "".concat(theme.palette.primary.contrastText, " !important")
-      },
-      '& svg': {
-        fill: "".concat(theme.palette.primary.text6, " !important"),
-        '&:hover': {
-          fill: '#FFFFFF !important'
-        }
-      }
-    },
-    inputAdornment: {
-      marginTop: 1,
-      marginRight: 4
-    }
-  };
-});
-var EditableItem = function EditableItem(_ref) {
-  var className = _ref.className,
-    isEditable = _ref.isEditable,
-    isEditingInitial = _ref.isEditing,
-    onClick = _ref.onClick,
-    onClickAway = _ref.onClickAway,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    initialValue = _ref.value;
-  var _useState = useState(initialValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(isEditingInitial),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var classes = useStyles();
-  var handleSave = function handleSave(e) {
-    e.stopPropagation();
-    if (!value.length) return;
-    if (value !== initialValue) onSave(value).then(function () {
-      return setIsEditing(false);
-    });
-  };
-  useEffect(function () {
-    var handleKeyDown = function handleKeyDown(e) {
-      if (e.key === 'Escape' || e.key === 'Esc') {
-        setValue(initialValue);
-        setIsEditing(false);
-        onClickAway();
-      } else if (e.key === 'Enter') {
-        handleSave(e);
-      }
-    };
-    if (isEditing) {
-      document.addEventListener('keydown', handleKeyDown);
-    }
-    return function () {
-      return document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [isEditing, initialValue, value]);
-  var handleClickAway = function handleClickAway() {
-    setValue(initialValue);
-    setIsEditing(false);
-    onClickAway();
-  };
-  var handleCancel = function handleCancel(e) {
-    e.stopPropagation();
-    setValue(initialValue);
-    setIsEditing(false);
-    onCancel();
-  };
-  useEffect(function () {
-    setValue(initialValue);
-  }, [initialValue]);
-  var handleChange = function handleChange(e) {
-    e.stopPropagation();
-    setValue(e.target.value);
-  };
-  var handleEdit = function handleEdit(e) {
-    e.stopPropagation();
-    setIsEditing(true);
-  };
-  var getInputAdornment = function getInputAdornment() {
-    if (!isEditing) return null;
-    return /*#__PURE__*/jsx(InputAdornment, {
-      position: "end",
-      children: /*#__PURE__*/jsxs("span", {
-        className: classes.inputAdornment,
-        children: [/*#__PURE__*/jsx(Tooltip, {
-          title: "Cancel",
-          placement: "bottom-end",
-          children: /*#__PURE__*/jsx(IconButton, {
-            onClick: handleCancel,
-            size: "small",
-            className: classes.closeIcon,
-            children: /*#__PURE__*/jsx(CloseIcon, {
-              fontSize: "small"
-            })
-          })
-        }), /*#__PURE__*/jsx(Tooltip, {
-          title: "Save",
-          placement: "bottom-end",
-          children: /*#__PURE__*/jsx(IconButton, {
-            onClick: handleSave,
-            size: "small",
-            disabled: value === initialValue,
-            children: /*#__PURE__*/jsx(DoneIcon, {
-              color: value === initialValue ? 'disabled' : 'primary',
-              fontSize: "small"
-            })
-          })
-        })]
-      })
-    });
-  };
-  var editableInputClassName = classNames(classes.editableItem, _defineProperty({}, classes.editableItemActive, isEditing), className);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(editableInputClassName, classes.container),
-    onClick: onClick,
-    children: [!isEditing && /*#__PURE__*/jsx("div", {
-      className: classes.value,
-      children: value
-    }), isEditing && /*#__PURE__*/jsx(ClickAwayListener, {
-      onClickAway: handleClickAway,
-      children: /*#__PURE__*/jsx(TextField, {
-        autoFocus: true,
-        type: "text",
-        value: value,
-        onChange: handleChange,
-        placeholder: "Page Name...",
-        className: classes.textField,
-        InputProps: {
-          classes: {
-            root: classes.inputRoot
-          },
-          endAdornment: getInputAdornment()
-        }
-      })
-    }), isEditable && !isEditing && /*#__PURE__*/jsx(Tooltip, {
-      title: "Rename Page",
-      placement: "bottom-end",
-      children: /*#__PURE__*/jsx(IconButton, {
-        className: classes.editIcon,
-        size: "small",
-        onClick: handleEdit,
-        children: /*#__PURE__*/jsx(EditIcon, {
-          fontSize: "small"
-        })
-      })
-    })]
-  });
-};
-var editableItemPropTypes = {
-  className: PropTypes.string,
-  isEditable: PropTypes.bool,
-  isEditing: PropTypes.bool,
-  onClick: PropTypes.func,
-  onSave: PropTypes.func.isRequired,
-  onClickAway: PropTypes.func,
-  onCancel: PropTypes.func,
-  value: PropTypes.string.isRequired
-};
-EditableItem.propTypes = editableItemPropTypes;
-EditableItem.defaultProps = {
-  className: '',
-  isEditable: true,
-  isEditing: false,
-  onClick: function onClick() {},
-  onClickAway: function onClickAway() {},
-  onCancel: function onCancel() {}
-};
-
-export { EditableItem as default };
-//# sourceMappingURL=index.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import o from"prop-types";import a from"classnames";import{makeStyles as l,ClickAwayListener as r,TextField as c,Tooltip as s,InputAdornment as d}from"@material-ui/core";import m from"@material-ui/icons/Edit";import p from"@material-ui/icons/Close";import u from"@material-ui/icons/Done";import f from"../../IconButton/index.js";var g=l((function(e){return{editableItem:{width:"100%",height:36,position:"relative",backgroundColor:e.palette.background.b8,"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},editableItemActive:{backgroundColor:"rgba(3, 188, 212, 0.15)  !important"},container:{display:"flex",alignItems:"center",justifyContent:"space-between","&:hover $editIcon":{visibility:"visible"}},value:{color:e.palette.primary.text6,fontSize:"0.875rem",height:"100%",letterSpacing:".13132px",lineHeight:"36px",overflow:"hidden",paddingLeft:48,textOverflow:"ellipsis",whiteSpace:"nowrap",width:"calc(100% - 32px)",userSelect:"none"},textField:{width:"100%"},inputRoot:{height:36,paddingLeft:48,fontSize:"0.875rem"},inputDisabled:{backgroundColor:"unset",paddingRight:16,"&::before":{display:"none"},pointerEvents:"none"},editIcon:{visibility:"hidden",marginRight:4},closeIcon:{color:e.palette.primary.text6,"&:hover svg":{fill:"".concat(e.palette.primary.contrastText," !important")},"& svg":{fill:"".concat(e.palette.primary.text6," !important"),"&:hover":{fill:"#FFFFFF !important"}}},inputAdornment:{marginTop:1,marginRight:4}}})),v=function(o){var l,v=o.className,h=o.isEditable,b=o.isEditing,y=o.onClick,C=o.onClickAway,k=o.onCancel,x=o.onSave,w=o.value,E=i(w),I=E[0],S=E[1],N=i(b),A=N[0],F=N[1],z=g(),P=function(e){e.stopPropagation(),I.length&&I!==w&&x(I).then((function(){return F(!1)}))};n((function(){var e=function(e){"Escape"===e.key||"Esc"===e.key?(S(w),F(!1),C()):"Enter"===e.key&&P(e)};return A&&document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[A,w,I]);var R=function(e){e.stopPropagation(),S(w),F(!1),k()};n((function(){S(w)}),[w]);var L=a(z.editableItem,((l={})[z.editableItemActive]=A,l),v);return e("div",{className:a(L,z.container),onClick:y,children:[!A&&t("div",{className:z.value,children:I}),A&&t(r,{onClickAway:function(){S(w),F(!1),C()},children:t(c,{autoFocus:!0,type:"text",value:I,onChange:function(e){e.stopPropagation(),S(e.target.value)},placeholder:"Page Name...",className:z.textField,InputProps:{classes:{root:z.inputRoot},endAdornment:A?t(d,{position:"end",children:e("span",{className:z.inputAdornment,children:[t(s,{title:"Cancel",placement:"bottom-end",children:t(f,{onClick:R,size:"small",className:z.closeIcon,children:t(p,{fontSize:"small"})})}),t(s,{title:"Save",placement:"bottom-end",children:t(f,{onClick:P,size:"small",disabled:I===w,children:t(u,{color:I===w?"disabled":"primary",fontSize:"small"})})})]})}):null}})}),h&&!A&&t(s,{title:"Rename Page",placement:"bottom-end",children:t(f,{className:z.editIcon,size:"small",onClick:function(e){e.stopPropagation(),F(!0)},children:t(m,{fontSize:"small"})})})]})},h={className:o.string,isEditable:o.bool,isEditing:o.bool,onClick:o.func,onSave:o.func.isRequired,onClickAway:o.func,onCancel:o.func,value:o.string.isRequired};v.propTypes=h,v.defaultProps={className:"",isEditable:!0,isEditing:!1,onClick:function(){},onClickAway:function(){},onCancel:function(){}};export{v as default};

package/components/EditableItem/EditableItemWithBadge/index.js

@@ -1,47 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { makeStyles } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import EditableItem from '../EditableItem/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      cursor: 'pointer'
-    },
-    isSelected: {
-      '& > div': {
-        color: '#FFFFFF'
-      },
-      backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',
-      '&::before': {
-        height: '100%',
-        width: 4,
-        backgroundColor: theme.palette.primary.main,
-        position: 'absolute',
-        content: '""',
-        borderRadius: '4px 0 0 4px',
-        zIndex: 1
-      }
-    }
-  };
-});
-var EditableItemWithBadge = function EditableItemWithBadge(props) {
-  var isSelected = props.isSelected;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(EditableItem, _objectSpread(_objectSpread({}, props), {}, {
-    className: isSelected ? classes.isSelected : classes.root
-  }));
-};
-EditableItemWithBadge.propTypes = {
-  isSelected: PropTypes.bool,
-  children: PropTypes.node.isRequired
-};
-EditableItemWithBadge.defaultProps = {
-  isSelected: false
-};
-
-export { EditableItemWithBadge as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{makeStyles as r}from"@material-ui/core";import t from"prop-types";import o from"../EditableItem/index.js";import{jsx as i}from"react/jsx-runtime";function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=r((function(e){return{root:{cursor:"pointer"},isSelected:{"& > div":{color:"#FFFFFF"},backgroundColor:"rgba(3, 188, 212, 0.15)  !important","&::before":{height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px",zIndex:1}}}})),s=function(e){var r=e.isSelected,t=p();return i(o,c(c({},e),{},{className:r?t.isSelected:t.root}))};s.propTypes={isSelected:t.bool,children:t.node.isRequired},s.defaultProps={isSelected:!1};export{s as default};

package/components/EmbeddedApp/DevCenterEmbeddedApp.js

@@ -1,74 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { memo, useState } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-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 { DevCenterIsolatedApp } from '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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 { DevCenterEmbeddedApp$1 as default };
-//# 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{AppInfo as a,AppInfoMaximized as o}from"./components/AppInfo.js";import n from"./styles.css.js";import{isNativeDetected as m}from"../../utils/mobileDetect.js";import{Size as d}from"../../constants/sizes.js";import{DevCenterIsolatedApp as c}from"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.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(n.embeddedApp,h,(i={},e(i,n.embeddedAppMaximized,j),e(i,n.embeddedAppNative,m),i)),children:[!j&&f(a,{setMaximized:N}),f("div",{className:n.embeddedAppContent,children:f(c,{app:u,appId:v,onSettingsChange:function(){},onSettingChange:function(){},onAppRemove:function(){},coordinates:C,currentUser:A,timestamp:I})},j?d.XLARGE:b),j&&f(o,{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:d.MEDIUM,coordinates:{},timestamp:void 0};var C=r(u);export{C as default};

package/components/EmbeddedApp/EmbeddedApp.js

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