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

package/components/EChartsWrapper/components/Toolbox/ToolboxButton.js

@@ -1 +1,24 @@
-import{jsx as e}from"react/jsx-runtime";import{Tooltip as l,Button as i}from"@material-ui/core";var r=function(r){var t=r.icon,a=r.onClick,c=r.title,n=r.placement,m=r.disabled,o=r.className;return e(l,{title:m?"":c,placement:n||"left",children:e(i,{className:o,onClick:m?null:a,disableRipple:m,children:t})})};export{r as ToolboxButton};
+import { Tooltip, Button } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var ToolboxButton = function ToolboxButton(_ref) {
+  var icon = _ref.icon,
+    onClick = _ref.onClick,
+    title = _ref.title,
+    placement = _ref.placement,
+    disabled = _ref.disabled,
+    className = _ref.className;
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: disabled ? '' : title,
+    placement: placement || 'left',
+    children: /*#__PURE__*/jsx(Button, {
+      className: className,
+      onClick: !disabled ? onClick : null,
+      disableRipple: disabled,
+      children: icon
+    })
+  });
+};
+
+export { ToolboxButton };
+//# sourceMappingURL=ToolboxButton.js.map

package/components/EChartsWrapper/components/Toolbox/ToolboxButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolboxButton.js","sources":["../../../../../src/components/EChartsWrapper/components/Toolbox/ToolboxButton.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport { Button, Tooltip } from '@material-ui/core';\nimport { ToolboxButtonProps } from '../../types';\n\nexport const ToolboxButton: FunctionComponent<ToolboxButtonProps> = ({\n  icon,\n  onClick,\n  title,\n  placement,\n  disabled,\n  className,\n}) => {\n  return (\n    <Tooltip title={disabled ? '' : title} placement={placement || 'left'}>\n      <Button className={className} onClick={!disabled ? onClick : null} disableRipple={disabled}>\n        {icon}\n      </Button>\n    </Tooltip>\n  );\n};\n"],"names":["ToolboxButton","icon","onClick","title","placement","disabled","className","_jsx"],"mappings":";;;AAIaA,IAAAA,aAAoD,GAAG,SAAvDA,aAAoD,CAO3D,IAAA,EAAA;EAAA,IANJC,IAAI,QAAJA,IAAI;AACJC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,SAAS,QAATA,SAAS,CAAA;AAET,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAEF,QAAQ,GAAG,EAAE,GAAGF,KAAM;IAAC,SAAS,EAAEC,SAAS,IAAI,MAAO;AAAA,IAAA,QAAA,eACpEG,IAAC,MAAM,EAAA;AAAC,MAAA,SAAS,EAAED,SAAU;AAAC,MAAA,OAAO,EAAE,CAACD,QAAQ,GAAGH,OAAO,GAAG,IAAK;AAAC,MAAA,aAAa,EAAEG,QAAS;MAAA,QACxFJ,EAAAA,IAAAA;AAAI,KAAA,CAAA;GAEC,CAAA,CAAA;AAEd;;;;"}

package/components/EditableItem/EditableItem/index.js

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

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';\nimport IconButton from '~/components/IconButton';\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  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    '&:hover $editIcon': {\n      visibility: 'visible',\n    },\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  editIcon: {\n    visibility: 'hidden',\n    marginRight: 4,\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    '&:hover svg': {\n      fill: `${theme.palette.primary.contrastText} !important`,\n    },\n    '& svg': {\n      fill: `${theme.palette.primary.text6} !important`,\n      '&:hover': {\n        fill: '#FFFFFF !important',\n      },\n    },\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            <IconButton onClick={handleCancel} size=\"small\" className={classes.closeIcon}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"Save\" placement=\"bottom-end\">\n            <IconButton onClick={handleSave} size=\"small\" disabled={value === initialValue}>\n              {/*@ts-ignore*/}\n              <DoneIcon color={value === initialValue ? 'disabled' : 'primary'} fontSize=\"small\" />\n            </IconButton>\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={classNames(editableInputClassName, classes.container)} 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          <IconButton className={classes.editIcon} size=\"small\" onClick={handleEdit}>\n            <EditIcon fontSize=\"small\" />\n          </IconButton>\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","container","display","alignItems","justifyContent","value","color","primary","text6","fontSize","letterSpacing","lineHeight","overflow","paddingLeft","textOverflow","whiteSpace","userSelect","textField","inputRoot","inputDisabled","paddingRight","pointerEvents","editIcon","marginRight","closeIcon","fill","contrastText","inputAdornment","marginTop","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","editableInputClassName","classNames","root","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  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 <EditableItem {...props} className={isSelected ? classes.isSelected : classes.root} />;\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;KACT;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,oBAAOoB,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;AAC/F,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{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};
+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

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 { AppInfo, AppInfoMaximized } from './components/AppInfo';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Size } from '~/constants/sizes';\nimport { DevCenterIsolatedApp } from '~/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp';\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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"}