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

package/components/EditableItem/EditableItem/index.js

@@ -1 +1,252 @@
-import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import r from"prop-types";import a from"classnames";import{makeStyles as l,ClickAwayListener as c,TextField as s,Tooltip as d,InputAdornment as m}from"@material-ui/core";import p from"@material-ui/icons/Edit";import u from"@material-ui/icons/Close";import f from"@material-ui/icons/Done";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"},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"},icon:{boxSizing:"content-box",cursor:"pointer",color:e.palette.primary.text6,padding:7,fontSize:"1rem","&:hover":{color:"#FFFFFF",backgroundColor:"rgba(51, 51, 51, 0.9)",borderRadius:"50%"},"&:target":{backgroundColor:e.palette.background.b9}},iconPrimary:{color:e.palette.primary.main},iconPrimaryDisabled:{color:e.palette.primary.main,opacity:.4,cursor:"default",pointerEvents:"none"},iconClose:{fill:"".concat(e.palette.primary.text6," !important"),"&:hover":{fill:"#FFFFFF !important"}},iconEdit:{position:"absolute",right:4,top:3,visibility:"hidden"},inputAdornment:{marginTop:1,marginRight:4}}})),b=function(r){var l,b=r.className,v=r.isEditable,h=r.isEditing,y=r.onClick,C=r.onClickAway,k=r.onCancel,E=r.onSave,F=r.value,x=t(F),w=x[0],P=x[1],S=t(h),N=S[0],A=S[1],R=g(),z=function(e){e.stopPropagation(),w.length&&w!==F&&E(w).then((function(){return A(!1)}))};n((function(){var e=function(e){"Escape"===e.key||"Esc"===e.key?(P(F),A(!1),C()):"Enter"===e.key&&z(e)};return N&&document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[N,F,w]);var D=function(e){e.stopPropagation(),P(F),A(!1),k()};n((function(){P(F)}),[F]);var I=a(R.editableItem,((l={})[R.editableItemActive]=N,l),b);return o("div",e({className:I,onClick:y},{children:[!N&&i("div",e({className:R.value},{children:w})),N&&i(c,e({onClickAway:function(){P(F),A(!1),C()}},{children:i(s,{autoFocus:!0,type:"text",value:w,onChange:function(e){e.stopPropagation(),P(e.target.value)},placeholder:"Page Name...",className:R.textField,InputProps:{classes:{root:R.inputRoot},endAdornment:N?i(m,e({position:"end"},{children:o("span",e({className:R.inputAdornment},{children:[i(d,e({title:"Cancel",placement:"bottom-end"},{children:i(u,{className:a(R.icon,R.iconClose),onClick:D,fontSize:"small"})})),i(d,e({title:"Save",placement:"bottom-end"},{children:i(f,{color:w===F?"disabled":"primary",onClick:z,fontSize:"small",disabled:w===F,classes:{root:R.icon,colorPrimary:R.iconPrimary,colorDisabled:R.iconPrimaryDisabled}})}))]}))})):null}})})),v&&!N&&i(d,e({title:"Rename Page",placement:"bottom-end"},{children:i(p,{className:a(R.icon,R.iconEdit),onClick:function(e){e.stopPropagation(),A(!0)},fontSize:"small"})}))]}))},v={className:r.string,isEditable:r.bool,isEditing:r.bool,onClick:r.func,onSave:r.func.isRequired,onClickAway:r.func,onCancel:r.func,value:r.string.isRequired};b.propTypes=v,b.defaultProps={className:"",isEditable:!0,isEditing:!1,onClick:function(){},onClickAway:function(){},onCancel:function(){}};export{b as default};
+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 { 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'
+    },
+    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'
+    },
+    // TODO: remove icon styles when Icon component is implemented
+    icon: {
+      boxSizing: 'content-box',
+      cursor: 'pointer',
+      color: theme.palette.primary.text6,
+      padding: 7,
+      fontSize: '1rem',
+      '&:hover': {
+        color: '#FFFFFF',
+        backgroundColor: 'rgba(51, 51, 51, 0.9)',
+        borderRadius: '50%'
+      },
+      '&:target': {
+        backgroundColor: theme.palette.background.b9
+      }
+    },
+    iconPrimary: {
+      color: theme.palette.primary.main
+    },
+    iconPrimaryDisabled: {
+      color: theme.palette.primary.main,
+      opacity: 0.4,
+      cursor: 'default',
+      pointerEvents: 'none'
+    },
+    iconClose: {
+      fill: "".concat(theme.palette.primary.text6, " !important"),
+      '&:hover': {
+        fill: '#FFFFFF !important'
+      }
+    },
+    iconEdit: {
+      position: 'absolute',
+      right: 4,
+      top: 3,
+      visibility: 'hidden'
+    },
+    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(CloseIcon, {
+            className: classNames(classes.icon, classes.iconClose),
+            onClick: handleCancel,
+            fontSize: "small"
+          })
+        }), /*#__PURE__*/jsx(Tooltip, {
+          title: "Save",
+          placement: "bottom-end",
+          children: /*#__PURE__*/jsx(DoneIcon, {
+            color: value === initialValue ? 'disabled' : 'primary',
+            onClick: handleSave,
+            fontSize: "small",
+            disabled: value === initialValue,
+            classes: {
+              root: classes.icon,
+              colorPrimary: classes.iconPrimary,
+              colorDisabled: classes.iconPrimaryDisabled
+            }
+          })
+        })]
+      })
+    });
+  };
+  var editableInputClassName = classNames(classes.editableItem, _defineProperty({}, classes.editableItemActive, isEditing), className);
+  return /*#__PURE__*/jsxs("div", {
+    className: editableInputClassName,
+    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(EditIcon, {
+        className: classNames(classes.icon, classes.iconEdit),
+        onClick: handleEdit,
+        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

package/components/EditableItem/EditableItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/EditableItem/EditableItem/index.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport {\n  ClickAwayListener,\n  InputAdornment,\n  TextField,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport EditIcon from '@material-ui/icons/Edit';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DoneIcon from '@material-ui/icons/Done';\n\nconst useStyles = makeStyles(theme => ({\n  editableItem: {\n    width: '100%',\n    height: 36,\n    position: 'relative',\n    backgroundColor: theme.palette.background.b8,\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n  },\n  editableItemActive: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',\n  },\n  value: {\n    color: theme.palette.primary.text6,\n    fontSize: '0.875rem',\n    height: '100%',\n    letterSpacing: '.13132px',\n    lineHeight: '36px',\n    overflow: 'hidden',\n    paddingLeft: 48,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    width: 'calc(100% - 32px)',\n    userSelect: 'none',\n  },\n  textField: {\n    width: '100%',\n  },\n  inputRoot: {\n    height: 36,\n    paddingLeft: 48,\n    fontSize: '0.875rem',\n  },\n  inputDisabled: {\n    backgroundColor: 'unset',\n    paddingRight: 16,\n    '&::before': {\n      display: 'none',\n    },\n    pointerEvents: 'none',\n  },\n  // TODO: remove icon styles when Icon component is implemented\n  icon: {\n    boxSizing: 'content-box',\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    padding: 7,\n    fontSize: '1rem',\n    '&:hover': {\n      color: '#FFFFFF',\n      backgroundColor: 'rgba(51, 51, 51, 0.9)',\n      borderRadius: '50%',\n    },\n    '&:target': {\n      backgroundColor: theme.palette.background.b9,\n    },\n  },\n  iconPrimary: {\n    color: theme.palette.primary.main,\n  },\n  iconPrimaryDisabled: {\n    color: theme.palette.primary.main,\n    opacity: 0.4,\n    cursor: 'default',\n    pointerEvents: 'none',\n  },\n  iconClose: {\n    fill: `${theme.palette.primary.text6} !important`,\n    '&:hover': {\n      fill: '#FFFFFF !important',\n    },\n  },\n  iconEdit: {\n    position: 'absolute',\n    right: 4,\n    top: 3,\n    visibility: 'hidden',\n  },\n  inputAdornment: {\n    marginTop: 1,\n    marginRight: 4,\n  },\n}));\n\ntype EditableItemProps = PropTypes.InferProps<typeof editableItemPropTypes>;\n\nconst EditableItem = ({\n  className,\n  isEditable,\n  isEditing: isEditingInitial,\n  onClick,\n  onClickAway,\n  onCancel,\n  onSave,\n  value: initialValue,\n}: EditableItemProps): JSX.Element => {\n  const [value, setValue] = useState(initialValue);\n  const [isEditing, setIsEditing] = useState(isEditingInitial);\n\n  const classes = useStyles();\n\n  const handleSave = e => {\n    e.stopPropagation();\n    if (!value.length) return;\n\n    if (value !== initialValue) onSave(value).then(() => setIsEditing(false));\n  };\n\n  useEffect(() => {\n    const handleKeyDown = e => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        setValue(initialValue);\n        setIsEditing(false);\n        onClickAway();\n      } else if (e.key === 'Enter') {\n       handleSave(e);\n      }\n    };\n\n    if (isEditing) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isEditing, initialValue, value]);\n\n  const handleClickAway = () => {\n    setValue(initialValue);\n    setIsEditing(false);\n    onClickAway();\n  };\n\n  const handleCancel = e => {\n    e.stopPropagation();\n    setValue(initialValue);\n    setIsEditing(false);\n    onCancel();\n  };\n\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  const handleChange = e => {\n    e.stopPropagation();\n    setValue(e.target.value);\n  };\n\n  const handleEdit = e => {\n    e.stopPropagation();\n    setIsEditing(true);\n  };\n\n  const getInputAdornment = () => {\n    if (!isEditing) return null;\n\n    return (\n      <InputAdornment position=\"end\">\n        <span className={classes.inputAdornment}>\n          <Tooltip title=\"Cancel\" placement=\"bottom-end\">\n            <CloseIcon\n              className={classNames(classes.icon, classes.iconClose)}\n              onClick={handleCancel}\n              fontSize=\"small\"\n            />\n          </Tooltip>\n          <Tooltip title=\"Save\" placement=\"bottom-end\">\n            {/*@ts-ignore*/}\n            <DoneIcon\n              color={value === initialValue ? 'disabled' : 'primary'}\n              onClick={handleSave}\n              fontSize=\"small\"\n              disabled={value === initialValue}\n              classes={{\n                root: classes.icon,\n                colorPrimary: classes.iconPrimary,\n                colorDisabled: classes.iconPrimaryDisabled,\n              }}\n            />\n          </Tooltip>\n        </span>\n      </InputAdornment>\n    );\n  };\n\n  const editableInputClassName = classNames(\n    classes.editableItem,\n    {\n      [classes.editableItemActive]: isEditing,\n    },\n    className\n  );\n\n  return (\n    <div className={editableInputClassName} onClick={onClick}>\n      {!isEditing && <div className={classes.value}>{value}</div>}\n      {isEditing && (\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <TextField\n            autoFocus\n            type=\"text\"\n            value={value}\n            onChange={handleChange}\n            placeholder=\"Page Name...\"\n            className={classes.textField}\n            InputProps={{\n              classes: {\n                root: classes.inputRoot,\n              },\n              endAdornment: getInputAdornment(),\n            }}\n          />\n        </ClickAwayListener>\n      )}\n      {isEditable && !isEditing && (\n        <Tooltip title=\"Rename Page\" placement=\"bottom-end\">\n          <EditIcon\n            className={classNames(classes.icon, classes.iconEdit)}\n            onClick={handleEdit}\n            fontSize=\"small\"\n          />\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nconst editableItemPropTypes = {\n  className: PropTypes.string,\n  isEditable: PropTypes.bool,\n  isEditing: PropTypes.bool,\n  onClick: PropTypes.func,\n  onSave: PropTypes.func.isRequired,\n  onClickAway: PropTypes.func,\n  onCancel: PropTypes.func,\n  value: PropTypes.string.isRequired,\n};\n\nEditableItem.propTypes = editableItemPropTypes;\n\nEditableItem.defaultProps = {\n  className: '',\n  isEditable: true,\n  isEditing: false,\n  onClick: () => {},\n  onClickAway: () => {},\n  onCancel: () => {},\n};\n\nexport default EditableItem;\n"],"names":["useStyles","makeStyles","theme","editableItem","width","height","position","backgroundColor","palette","background","b8","visibility","editableItemActive","value","color","primary","text6","fontSize","letterSpacing","lineHeight","overflow","paddingLeft","textOverflow","whiteSpace","userSelect","textField","inputRoot","inputDisabled","paddingRight","display","pointerEvents","icon","boxSizing","cursor","padding","borderRadius","b9","iconPrimary","main","iconPrimaryDisabled","opacity","iconClose","fill","iconEdit","right","top","inputAdornment","marginTop","marginRight","EditableItem","className","isEditable","isEditingInitial","isEditing","onClick","onClickAway","onCancel","onSave","initialValue","useState","setValue","setIsEditing","classes","handleSave","e","stopPropagation","length","then","useEffect","handleKeyDown","key","document","addEventListener","removeEventListener","handleClickAway","handleCancel","handleChange","target","handleEdit","getInputAdornment","_jsx","_jsxs","classNames","root","colorPrimary","colorDisabled","editableInputClassName","endAdornment","editableItemPropTypes","PropTypes","string","bool","func","isRequired","propTypes","defaultProps"],"mappings":"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"}

package/components/EditableItem/EditableItemWithBadge/index.js

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

package/components/EditableItem/EditableItemWithBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/EditableItem/EditableItemWithBadge/index.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nimport EditableItem from '../EditableItem';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    cursor: 'pointer',\n\n  },\n  isSelected: {\n    '& > div': {\n      color: '#FFFFFF',\n    },\n    backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',\n    '&::before': {\n      height: '100%',\n      width: 4,\n      backgroundColor: theme.palette.primary.main,\n      position: 'absolute',\n      content: '\"\"',\n      borderRadius: '4px 0 0 4px',\n      zIndex: 1,\n    },\n  },\n}));\n\nconst EditableItemWithBadge = props => {\n  const { isSelected } = props;\n  const classes = useStyles();\n\n  return (\n    <EditableItem {...props} className={isSelected ? classes.isSelected : classes.root} />\n  );\n}\n\nEditableItemWithBadge.propTypes = {\n  isSelected: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n};\n\nEditableItemWithBadge.defaultProps = {\n  isSelected: false,\n};\n\nexport default EditableItemWithBadge;\n"],"names":["useStyles","makeStyles","theme","root","cursor","isSelected","color","backgroundColor","height","width","palette","primary","main","position","content","borderRadius","zIndex","EditableItemWithBadge","props","classes","_jsx","propTypes","PropTypes","bool","children","node","isRequired","defaultProps"],"mappings":";;;;;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,SAAA;KAET;AACDC,IAAAA,UAAU,EAAE;AACV,MAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAE,SAAA;OACR;AACDC,MAAAA,eAAe,EAAE,qCAAqC;AACtD,MAAA,WAAW,EAAE;AACXC,QAAAA,MAAM,EAAE,MAAM;AACdC,QAAAA,KAAK,EAAE,CAAC;AACRF,QAAAA,eAAe,EAAEL,KAAK,CAACQ,OAAO,CAACC,OAAO,CAACC,IAAI;AAC3CC,QAAAA,QAAQ,EAAE,UAAU;AACpBC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,YAAY,EAAE,aAAa;AAC3BC,QAAAA,MAAM,EAAE,CAAA;AACV,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAGC,KAAK,EAAI;AACrC,EAAA,IAAQb,UAAU,GAAKa,KAAK,CAApBb,UAAU,CAAA;EAClB,IAAMc,OAAO,GAAGnB,SAAS,EAAE,CAAA;EAE3B,oBACEoB,GAAA,CAAC,YAAY,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKF,KAAK,CAAA,EAAA,EAAA,EAAA;IAAE,SAAS,EAAEb,UAAU,GAAGc,OAAO,CAACd,UAAU,GAAGc,OAAO,CAAChB,IAAAA;GAAQ,CAAA,CAAA,CAAA;AAE1F,EAAC;AAEDc,qBAAqB,CAACI,SAAS,GAAG;EAChChB,UAAU,EAAEiB,SAAS,CAACC,IAAI;AAC1BC,EAAAA,QAAQ,EAAEF,SAAS,CAACG,IAAI,CAACC,UAAAA;AAC3B,CAAC,CAAA;AAEDT,qBAAqB,CAACU,YAAY,GAAG;AACnCtB,EAAAA,UAAU,EAAE,KAAA;AACd,CAAC;;;;"}

package/components/EmbeddedApp/DevCenterEmbeddedApp.js

@@ -1 +1,74 @@
-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};
+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 { isNativeDetected } from '../../utils/mobileDetect.js';
+import { Size } from '../../constants/sizes.js';
+import { DevCenterIsolatedApp } from '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import { AppInfo, AppInfoMaximized } from './components/AppInfo.js';
+import styles from './styles.css.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

package/components/EmbeddedApp/DevCenterEmbeddedApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevCenterEmbeddedApp.js","sources":["../../../src/components/EmbeddedApp/DevCenterEmbeddedApp.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Size } from '~/constants/sizes';\nimport { DevCenterIsolatedApp } from '~/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp';\n\nimport { AppInfo, AppInfoMaximized } from './components/AppInfo';\n\nimport styles from './styles.css';\n\nconst DevCenterEmbeddedApp = ({\n  app,\n  coordinates,\n  appId,\n  appSize,\n  appContainerClassName,\n  currentUser,\n  timestamp,\n}) => {\n  const [maximized, setMaximized] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.embeddedApp, appContainerClassName, {\n        [styles.embeddedAppMaximized]: maximized,\n        [styles.embeddedAppNative]: isNativeDetected,\n      })}\n    >\n      {!maximized && <AppInfo setMaximized={setMaximized} />}\n\n      <div className={styles.embeddedAppContent} key={maximized ? Size.XLARGE : appSize}>\n        <DevCenterIsolatedApp\n          app={app}\n          appId={appId}\n          onSettingsChange={() => undefined}\n          onSettingChange={() => undefined}\n          onAppRemove={() => undefined}\n          coordinates={coordinates}\n          currentUser={currentUser}\n          timestamp={timestamp}\n        />\n      </div>\n\n      {maximized && <AppInfoMaximized setMaximized={setMaximized} />}\n    </div>\n  );\n};\n\nDevCenterEmbeddedApp.propTypes = {\n  appContainerClassName: PropTypes.string,\n  appId: PropTypes.number,\n  appSize: PropTypes.string,\n  app: PropTypes.shape({\n    coordinates: PropTypes.shape().isRequired,\n  }).isRequired,\n  currentUser: PropTypes.shape().isRequired,\n  coordinates: PropTypes.shape(),\n  timestamp: PropTypes.string,\n};\n\nDevCenterEmbeddedApp.defaultProps = {\n  appContainerClassName: undefined,\n  appId: 0,\n  appSize: Size.MEDIUM,\n  coordinates: {},\n  timestamp: undefined,\n};\n\nexport default memo(DevCenterEmbeddedApp);\n"],"names":["DevCenterEmbeddedApp","app","coordinates","appId","appSize","appContainerClassName","currentUser","timestamp","useState","maximized","setMaximized","_jsxs","classNames","styles","embeddedApp","embeddedAppMaximized","embeddedAppNative","isNativeDetected","_jsx","embeddedAppContent","undefined","Size","XLARGE","propTypes","PropTypes","string","number","shape","isRequired","defaultProps","MEDIUM","memo"],"mappings":"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"}

package/components/EmbeddedApp/EmbeddedApp.js

@@ -1 +1,201 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{memo as r,useState as s,useEffect as o,useMemo as n}from"react";import p from"classnames";import a from"lodash/noop";import{Map as m,fromJS as l}from"immutable";import{makeStyles as c,useTheme as u,Typography as d}from"@material-ui/core";import{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"../Tooltip/ScrollableTooltip.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 j}from"./components/AppInfo.js";import C 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=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({},g),t.meta),{},{subscribeOnlyForInitialData:!0,subscribeToLatestOnly:t.collection===y.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(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(C.embeddedApp,G,(c={},t(c,C.embeddedAppMaximized,ot),t(c,C.embeddedAppNative,b),c)),children:[!ot&&D(v,{setMaximized:ot}),!pt.constants.METADATA.disableAppTitle&&O(S,{children:[D("div",{className:C.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(C.embeddedAppContent,t({},C.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(j,{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 _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 { 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 { AppInfo, AppInfoMaximized } from './components/AppInfo.js';
+import styles from './styles.css.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: 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 { EmbeddedApp$1 as default };
+//# sourceMappingURL=EmbeddedApp.js.map