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

package/components/FolderMenuItem/index.js

@@ -1 +1,162 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"prop-types";import r from"classnames";import{makeStyles as t,Tooltip as i}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import l from"@material-ui/icons/ExpandLess";import a from"@material-ui/icons/ExpandMore";import{jsxs as c,jsx as s}from"react/jsx-runtime";import d from"./components/FolderIcon.js";function p(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function m(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var f=t((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},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%"},"&:active":{backgroundColor:e.palette.background.b9}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),u=function(o){var t=o.folderColor,p=o.isCreatable,u=o.isOpen,b=o.isSelected,g=o.name,h=o.onAdd,O=o.onClick,y=o.onToggle,C=f(),v=u?function(e){return s(i,{title:"Collapse",placement:"bottom-end",children:s(l,m({},e))})}:a;return c("div",{className:r(C.folderMenuItem,e({},C.folderMenuItemSelected,b)),onClick:O,children:[s(d,{color:t,isOpen:u,className:C.folderIcon}),s("div",{className:C.folderName,children:g}),c("div",{className:C.actions,children:[p&&s(i,{title:"Add Page",placement:"bottom-end",children:s(n,{fontSize:"small",onClick:function(e){e.stopPropagation(),h()},className:r(C.icon,C.addCircleIcon)})}),s(v,{fontSize:"small",className:r(C.icon,C.toggleIcon),onClick:function(e){e.stopPropagation(),y()}})]})]})};u.propTypes={folderColor:o.string.isRequired,isCreatable:o.bool,isOpen:o.bool,isSelected:o.bool,name:o.string.isRequired,onAdd:o.func.isRequired,onClick:o.func.isRequired,onToggle:o.func.isRequired},u.defaultProps={isCreatable:!1,isOpen:!1,isSelected:!1};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import AddCircleIcon from '@material-ui/icons/AddCircle';
+import ExpandLess from '@material-ui/icons/ExpandLess';
+import ExpandMore from '@material-ui/icons/ExpandMore';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import FolderIcon from './components/FolderIcon.js';
+
+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 {
+    folderMenuItem: {
+      alignItems: 'center',
+      backgroundColor: theme.palette.background.b8,
+      color: '#FFFFFF',
+      cursor: 'pointer',
+      display: 'flex',
+      fontSize: '0.875rem',
+      fontWeight: '500',
+      height: 36,
+      justifyContent: 'space-between',
+      paddingLeft: 48,
+      paddingRight: 4,
+      position: 'relative',
+      width: '100%',
+      boxSizing: 'border-box',
+      '&:hover': {
+        backgroundColor: 'rgba(3, 188, 212, 0.07)'
+      },
+      '&:hover svg': {
+        visibility: 'visible'
+      }
+    },
+    folderMenuItemSelected: {
+      backgroundColor: 'rgba(3, 188, 212, 0.15) !important',
+      '&::before': {
+        left: 0,
+        height: '100%',
+        width: 4,
+        backgroundColor: theme.palette.primary.main,
+        position: 'absolute',
+        content: '""',
+        borderRadius: '4px 0 0 4px'
+      }
+    },
+    // TODO: remove icon styles when Icon 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%'
+      },
+      '&:active': {
+        backgroundColor: theme.palette.background.b9
+      }
+    },
+    addCircleIcon: {
+      visibility: 'hidden'
+    },
+    actions: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    folderIcon: {
+      position: 'absolute',
+      left: 24,
+      top: 8
+    },
+    folderName: {
+      overflow: 'hidden',
+      marginRight: 4,
+      height: '36px',
+      lineHeight: '36px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      userSelect: 'none'
+    }
+  };
+});
+var FolderMenuItem = function FolderMenuItem(_ref) {
+  var folderColor = _ref.folderColor,
+    isCreatable = _ref.isCreatable,
+    isOpen = _ref.isOpen,
+    isSelected = _ref.isSelected,
+    name = _ref.name,
+    onAdd = _ref.onAdd,
+    onClick = _ref.onClick,
+    onToggle = _ref.onToggle;
+  var classes = useStyles();
+  var ToggleIcon = isOpen ? function (props) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/jsx-indent
+      jsx(Tooltip, {
+        title: "Collapse",
+        placement: "bottom-end",
+        children: /*#__PURE__*/jsx(ExpandLess, _objectSpread({}, props))
+      })
+    );
+  } : ExpandMore;
+  var handleAddItem = function handleAddItem(e) {
+    e.stopPropagation();
+    onAdd();
+  };
+  var handleToggle = function handleToggle(e) {
+    e.stopPropagation();
+    onToggle();
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.folderMenuItem, _defineProperty({}, classes.folderMenuItemSelected, isSelected)),
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(FolderIcon, {
+      color: folderColor,
+      isOpen: isOpen,
+      className: classes.folderIcon
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.folderName,
+      children: name
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.actions,
+      children: [isCreatable && /*#__PURE__*/jsx(Tooltip, {
+        title: "Add Page",
+        placement: "bottom-end",
+        children: /*#__PURE__*/jsx(AddCircleIcon, {
+          fontSize: "small",
+          onClick: handleAddItem,
+          className: classNames(classes.icon, classes.addCircleIcon)
+        })
+      }), /*#__PURE__*/jsx(ToggleIcon, {
+        fontSize: "small",
+        className: classNames(classes.icon, classes.toggleIcon),
+        onClick: handleToggle
+      })]
+    })]
+  });
+};
+FolderMenuItem.propTypes = {
+  folderColor: PropTypes.string.isRequired,
+  isCreatable: PropTypes.bool,
+  isOpen: PropTypes.bool,
+  isSelected: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  onAdd: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired,
+  onToggle: PropTypes.func.isRequired
+};
+FolderMenuItem.defaultProps = {
+  isCreatable: false,
+  isOpen: false,
+  isSelected: false
+};
+
+export { FolderMenuItem as default };
+//# sourceMappingURL=index.js.map

package/components/FolderMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Tooltip, makeStyles } from '@material-ui/core';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport { FolderIcon } from './components';\n\nconst useStyles = makeStyles(theme => ({\n  folderMenuItem: {\n    alignItems: 'center',\n    backgroundColor: theme.palette.background.b8,\n    color: '#FFFFFF',\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: '0.875rem',\n    fontWeight: '500',\n    height: 36,\n    justifyContent: 'space-between',\n    paddingLeft: 48,\n    paddingRight: 4,\n    position: 'relative',\n    width: '100%',\n    boxSizing: 'border-box',\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n  },\n  folderMenuItemSelected: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15) !important',\n    '&::before': {\n      left: 0,\n      height: '100%',\n      width: 4,\n      backgroundColor: theme.palette.primary.main,\n      position: 'absolute',\n      content: '\"\"',\n      borderRadius: '4px 0 0 4px',\n    },\n  },\n  // TODO: remove icon styles when Icon 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    '&:active': {\n      backgroundColor: theme.palette.background.b9,\n    },\n  },\n  addCircleIcon: {\n    visibility: 'hidden',\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  folderIcon: {\n    position: 'absolute',\n    left: 24,\n    top: 8,\n  },\n  folderName: {\n    overflow: 'hidden',\n    marginRight: 4,\n    height: '36px',\n    lineHeight: '36px',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    userSelect: 'none',\n  },\n}));\n\nconst FolderMenuItem = ({\n  folderColor,\n  isCreatable,\n  isOpen,\n  isSelected,\n  name,\n  onAdd,\n  onClick,\n  onToggle,\n}) => {\n  const classes = useStyles();\n\n  const ToggleIcon = isOpen\n    ? props => (\n        // eslint-disable-next-line react/jsx-indent\n        <Tooltip title=\"Collapse\" placement=\"bottom-end\">\n          <ExpandLess {...props} />\n        </Tooltip>\n      )\n    : ExpandMore;\n\n  const handleAddItem = e => {\n    e.stopPropagation();\n    onAdd();\n  };\n\n  const handleToggle = e => {\n    e.stopPropagation();\n    onToggle();\n  };\n\n  return (\n    <div\n      className={classNames(\n        classes.folderMenuItem,\n        { [classes.folderMenuItemSelected]: isSelected },\n      )}\n      onClick={onClick}\n    >\n      <FolderIcon color={folderColor} isOpen={isOpen} className={classes.folderIcon} />\n      <div className={classes.folderName}>{name}</div>\n      <div className={classes.actions}>\n        {isCreatable && (\n          <Tooltip title=\"Add Page\" placement=\"bottom-end\">\n            <AddCircleIcon\n              fontSize=\"small\"\n              onClick={handleAddItem}\n              className={classNames(classes.icon, classes.addCircleIcon)}\n            />\n          </Tooltip>\n        )}\n        <ToggleIcon fontSize=\"small\" className={classNames(classes.icon, classes.toggleIcon)} onClick={handleToggle}/>\n      </div>\n    </div>\n  );\n};\n\nFolderMenuItem.propTypes = {\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n};\n\nFolderMenuItem.defaultProps = {\n  isCreatable: false,\n  isOpen: false,\n  isSelected: false,\n};\n\nexport default FolderMenuItem;\n"],"names":["useStyles","makeStyles","theme","folderMenuItem","alignItems","backgroundColor","palette","background","b8","color","cursor","display","fontSize","fontWeight","height","justifyContent","paddingLeft","paddingRight","position","width","boxSizing","visibility","folderMenuItemSelected","left","primary","main","content","borderRadius","icon","text6","padding","b9","addCircleIcon","actions","folderIcon","top","folderName","overflow","marginRight","lineHeight","whiteSpace","textOverflow","userSelect","FolderMenuItem","folderColor","isCreatable","isOpen","isSelected","name","onAdd","onClick","onToggle","classes","ToggleIcon","props","_jsx","ExpandMore","handleAddItem","e","stopPropagation","handleToggle","_jsxs","classNames","toggleIcon","propTypes","PropTypes","string","isRequired","bool","func","defaultProps"],"mappings":"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"}

package/components/FolderMenuItemWithLinks/index.js

@@ -1 +1,108 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as i}from"react";import r from"prop-types";import{Collapse as t,List as n}from"@material-ui/core";import o from"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import d from"../EditableItem/EditableItemWithBadge/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";var u=function(r){var u=r.folderColor,a=r.id,m=r.isCreatable,c=r.isOpen,f=r.items,p=r.name,b=r.onAdd,C=r.onFolderClick,g=r.onItemClick,I=r.onSave,q=r.selectedItemId,R=i(c),E=e(R,2),k=E[0],v=E[1],h=function(e){return function(){return g(e)}},x=function(e){return function(i){return I({id:e,title:i})}};return l("div",{children:[s(o,{folderColor:u,isCreatable:m,isOpen:k,isSelected:q===a,name:p,onAdd:function(){return b(a)},onClick:function(){k||v(!0),q!==a&&C()},onToggle:function(){return v(!k)}}),s(t,{in:k,timeout:"auto",unmountOnExit:!0,children:s(n,{disablePadding:!0,children:f.map((function(e){return s(d,{isEditable:e.isEditable,isSelected:q===e.id,onClick:h(e),onSave:x(e.id),value:e.title},e.id)}))})})]})};u.propTypes={id:r.string.isRequired,isOpen:r.bool,selectedItemId:r.string.isRequired,items:r.arrayOf(r.shape({id:r.string.isRequired,title:r.string.isRequired,isEditable:r.bool,url:r.string.isRequired})),name:r.string.isRequired,onItemClick:r.func.isRequired,onFolderClick:r.func,folderColor:r.string.isRequired,isCreatable:r.bool,onSave:r.func.isRequired,onAdd:r.func.isRequired},u.defaultProps={isCreatable:!1,isOpen:!0,items:[],onFolderClick:function(){}};export{u as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Collapse, List } from '@material-ui/core';
+import FolderMenuItem from '../FolderMenuItem/index.js';
+import '../EditableItem/EditableItem/index.js';
+import EditableItemWithBadge from '../EditableItem/EditableItemWithBadge/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FolderMenuItemWithLinks = function FolderMenuItemWithLinks(_ref) {
+  var folderColor = _ref.folderColor,
+    id = _ref.id,
+    isCreatable = _ref.isCreatable,
+    initialIsOpen = _ref.isOpen,
+    items = _ref.items,
+    name = _ref.name,
+    _onAdd = _ref.onAdd,
+    onFolderClick = _ref.onFolderClick,
+    onItemClick = _ref.onItemClick,
+    onSave = _ref.onSave,
+    selectedItemId = _ref.selectedItemId;
+  var _useState = useState(initialIsOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+
+  // eslint-disable-next-line consistent-return
+  var handleFolderClick = function handleFolderClick() {
+    if (!isOpen) {
+      setIsOpen(true);
+    }
+    if (selectedItemId !== id) {
+      onFolderClick();
+    }
+  };
+  var getItemClickHandler = function getItemClickHandler(item) {
+    return function () {
+      return onItemClick(item);
+    };
+  };
+  var getSaveHandler = function getSaveHandler(id) {
+    return function (title) {
+      return onSave({
+        id: id,
+        title: title
+      });
+    };
+  };
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(FolderMenuItem, {
+      folderColor: folderColor,
+      isCreatable: isCreatable,
+      isOpen: isOpen,
+      isSelected: selectedItemId === id,
+      name: name,
+      onAdd: function onAdd() {
+        return _onAdd(id);
+      },
+      onClick: handleFolderClick,
+      onToggle: function onToggle() {
+        return setIsOpen(!isOpen);
+      }
+    }), /*#__PURE__*/jsx(Collapse, {
+      in: isOpen,
+      timeout: "auto",
+      unmountOnExit: true,
+      children: /*#__PURE__*/jsx(List, {
+        disablePadding: true,
+        children: items.map(function (item) {
+          return /*#__PURE__*/jsx(EditableItemWithBadge, {
+            isEditable: item.isEditable,
+            isSelected: selectedItemId === item.id,
+            onClick: getItemClickHandler(item),
+            onSave: getSaveHandler(item.id),
+            value: item.title
+          }, item.id);
+        })
+      })
+    })]
+  });
+};
+FolderMenuItemWithLinks.propTypes = {
+  id: PropTypes.string.isRequired,
+  isOpen: PropTypes.bool,
+  selectedItemId: PropTypes.string.isRequired,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    isEditable: PropTypes.bool,
+    url: PropTypes.string.isRequired
+  })),
+  name: PropTypes.string.isRequired,
+  onItemClick: PropTypes.func.isRequired,
+  onFolderClick: PropTypes.func,
+  folderColor: PropTypes.string.isRequired,
+  isCreatable: PropTypes.bool,
+  onSave: PropTypes.func.isRequired,
+  onAdd: PropTypes.func.isRequired
+};
+FolderMenuItemWithLinks.defaultProps = {
+  isCreatable: false,
+  isOpen: true,
+  items: [],
+  onFolderClick: function onFolderClick() {}
+};
+
+export { FolderMenuItemWithLinks as default };
+//# sourceMappingURL=index.js.map

package/components/FolderMenuItemWithLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Collapse, List } from '@material-ui/core';\n\nimport FolderMenuItem from '../FolderMenuItem';\nimport { EditableItemWithBadge } from '../EditableItem';\n\nconst FolderMenuItemWithLinks = ({\n  folderColor,\n  id,\n  isCreatable,\n  isOpen: initialIsOpen,\n  items,\n  name,\n  onAdd,\n  onFolderClick,\n  onItemClick,\n  onSave,\n  selectedItemId,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialIsOpen);\n\n   // eslint-disable-next-line consistent-return\n   const handleFolderClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n    if (selectedItemId !== id) {\n      onFolderClick();\n    }\n  };\n\n  const getItemClickHandler = item => () => onItemClick(item);\n\n  const getSaveHandler = id => title => onSave({id, title});\n\n  return (\n    <div>\n      <FolderMenuItem\n        folderColor={folderColor}\n        isCreatable={isCreatable}\n        isOpen={isOpen}\n        isSelected={selectedItemId === id}\n        name={name}\n        onAdd={() => onAdd(id)}\n        onClick={handleFolderClick}\n        onToggle={() => setIsOpen(!isOpen)}\n      />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit>\n        <List disablePadding>\n          { items.map(item => (\n            <EditableItemWithBadge\n              isEditable={item.isEditable}\n              isSelected={selectedItemId === item.id}\n              key={item.id}\n              onClick={getItemClickHandler(item)}\n              onSave={getSaveHandler(item.id)}\n              value={item.title}\n            />\n          )) }\n        </List>\n      </Collapse>\n    </div>\n  );\n};\n\nFolderMenuItemWithLinks.propTypes = {\n  id: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool,\n  selectedItemId: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    isEditable: PropTypes.bool,\n    url: PropTypes.string.isRequired,\n  })),\n  name: PropTypes.string.isRequired,\n  onItemClick: PropTypes.func.isRequired,\n  onFolderClick: PropTypes.func,\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  onSave: PropTypes.func.isRequired,\n  onAdd: PropTypes.func.isRequired,\n};\n\nFolderMenuItemWithLinks.defaultProps = {\n  isCreatable: false,\n  isOpen: true,\n  items: [],\n  onFolderClick: () => {},\n};\n\nexport default FolderMenuItemWithLinks;\n"],"names":["FolderMenuItemWithLinks","folderColor","id","isCreatable","initialIsOpen","isOpen","items","name","onAdd","onFolderClick","onItemClick","onSave","selectedItemId","useState","setIsOpen","handleFolderClick","getItemClickHandler","item","getSaveHandler","title","_jsxs","_jsx","map","isEditable","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","url","func","defaultProps"],"mappings":"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"}

package/components/GoogleDocsViewer/index.js

@@ -1 +1,155 @@
-import e from"@babel/runtime/helpers/classCallCheck";import r from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import t from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import n from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{createRef as l,PureComponent as s}from"react";import c from"prop-types";import f from"classnames";import m from"@material-ui/core/Typography";import u from"@material-ui/icons/ArrowBack";import p from"../LoadingIndicator/LoadingIndicator.js";import d from"./styles.css.js";import{jsxs as h,jsx as b}from"react/jsx-runtime";function g(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,t=n(e);if(r){var a=n(this).constructor;o=Reflect.construct(t,arguments,a)}else o=t.apply(this,arguments);return i(this,o)}}var v=function(e){return b("div",{className:d.cGoogleDocsViewerToolbar,children:b("button",{type:"button","aria-label":"Close",className:d.cGoogleDocsViewerToolbarButton,onClick:e.onClose,children:h("div",{className:d.cGoogleDocsViewerToolbarBackButton,children:[b(u,{className:d.cGoogleDocsViewerToolbarIcon,htmlColor:"#b3b3b3"}),e.fileName&&b("span",{className:d.cGoogleDocsViewerToolbarBackButtonFileName,children:e.fileName})]})})})},y=function(i){t(c,s);var n=g(c);function c(r){var t;return e(this,c),t=n.call(this,r),a(o(t),"reloadFrame",(function(){t.frameRef.current&&t.setState((function(e){return{reloadsCounter:e.reloadsCounter+1}}),(function(){t.frameRef.current.src=t.frameLink}))})),a(o(t),"onFrameLoad",(function(){t.setState({loading:!1},(function(){clearInterval(t.frameLoadInterval)}))})),t.state={reloadsCounter:0,loading:!0,loadingFailed:!1},t.frameRef=l(),t}return r(c,[{key:"componentDidMount",value:function(){var e=this.props.fileSize&&this.props.fileSize>=1048576?this.props.fileSize/1048576*1e4:1e4;this.frameLoadInterval=setInterval(this.reloadFrame,e)}},{key:"componentWillUnmount",value:function(){clearInterval(this.frameLoadInterval)}},{key:"frameLink",get:function(){return"https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl),"&embedded=true")}},{key:"render",value:function(){var e=this.props,r=e.fileUrl,o=e.width,t=e.height,i=e.fileName,n=e.onClose,l=this.state,s=l.loading,c=l.loadingFailed;return h("div",{className:d.cGoogleDocsViewer,style:{width:o,height:t},children:[b(v,{fileName:i,onClose:n}),s&&b(p,{white:!1}),c?b(m,{variant:"body2",children:"Loading failed"}):b("iframe",{className:f(d.cGoogleDocsViewerFrame,a({},d.cGoogleDocsViewerFrameHidden,s)),title:r,src:this.frameLink,onLoad:this.onFrameLoad,ref:this.frameRef})]})}}]),c}();y.propTypes={width:c.oneOfType([c.string,c.number]),height:c.oneOfType([c.string,c.number]),fileUrl:c.string.isRequired,fileName:c.string,fileSize:c.number,onClose:c.func.isRequired},v.propTypes={onClose:c.func.isRequired,fileName:c.string},y.defaultProps={width:"100%",height:"100%",fileName:void 0,fileSize:void 0},v.defaultProps={fileName:void 0};export{y as default};
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import BackIcon from '@material-ui/icons/ArrowBack';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import styles from './styles.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var REQUEST_TIMEOUT = 10000;
+var BYTES_IN_MEGABYTE = 1048576;
+var Toolbar = function Toolbar(props) {
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cGoogleDocsViewerToolbar,
+    children: /*#__PURE__*/jsx("button", {
+      type: "button",
+      "aria-label": "Close",
+      className: styles.cGoogleDocsViewerToolbarButton,
+      onClick: props.onClose,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.cGoogleDocsViewerToolbarBackButton,
+        children: [/*#__PURE__*/jsx(BackIcon, {
+          className: styles.cGoogleDocsViewerToolbarIcon,
+          htmlColor: "#b3b3b3"
+        }), props.fileName && /*#__PURE__*/jsx("span", {
+          className: styles.cGoogleDocsViewerToolbarBackButtonFileName,
+          children: props.fileName
+        })]
+      })
+    })
+  });
+};
+var GoogleDocsViewer = /*#__PURE__*/function (_PureComponent) {
+  _inherits(GoogleDocsViewer, _PureComponent);
+  var _super = _createSuper(GoogleDocsViewer);
+  function GoogleDocsViewer(props) {
+    var _this;
+    _classCallCheck(this, GoogleDocsViewer);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "reloadFrame", function () {
+      if (_this.frameRef.current) {
+        _this.setState(function (prevState) {
+          return {
+            reloadsCounter: prevState.reloadsCounter + 1
+          };
+        }, function () {
+          _this.frameRef.current.src = _this.frameLink;
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFrameLoad", function () {
+      _this.setState({
+        loading: false
+      }, function () {
+        clearInterval(_this.frameLoadInterval);
+      });
+    });
+    _this.state = {
+      reloadsCounter: 0,
+      loading: true,
+      loadingFailed: false
+    };
+    _this.frameRef = createRef();
+    return _this;
+  }
+  _createClass(GoogleDocsViewer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // NOTE: Workaround when google viewer returns 204:
+      // https://productforums.google.com/forum/#!msg/docs/hmj39HMDP1M/X6a8xJwLBQAJ
+
+      var timeOut = this.props.fileSize && this.props.fileSize >= BYTES_IN_MEGABYTE ? this.props.fileSize / BYTES_IN_MEGABYTE * REQUEST_TIMEOUT : REQUEST_TIMEOUT;
+      this.frameLoadInterval = setInterval(this.reloadFrame, timeOut);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearInterval(this.frameLoadInterval);
+    }
+  }, {
+    key: "frameLink",
+    get: function get() {
+      return "https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl), "&embedded=true");
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        fileUrl = _this$props.fileUrl,
+        width = _this$props.width,
+        height = _this$props.height,
+        fileName = _this$props.fileName,
+        onClose = _this$props.onClose;
+      var _this$state = this.state,
+        loading = _this$state.loading,
+        loadingFailed = _this$state.loadingFailed;
+      return /*#__PURE__*/jsxs("div", {
+        className: styles.cGoogleDocsViewer,
+        style: {
+          width: width,
+          height: height
+        },
+        children: [/*#__PURE__*/jsx(Toolbar, {
+          fileName: fileName,
+          onClose: onClose
+        }), loading && /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        }), loadingFailed ? /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          children: "Loading failed"
+        }) : /*#__PURE__*/jsx("iframe", {
+          className: classNames(styles.cGoogleDocsViewerFrame, _defineProperty({}, styles.cGoogleDocsViewerFrameHidden, loading)),
+          title: fileUrl,
+          src: this.frameLink,
+          onLoad: this.onFrameLoad,
+          ref: this.frameRef
+        })]
+      });
+    }
+  }]);
+  return GoogleDocsViewer;
+}(PureComponent);
+GoogleDocsViewer.propTypes = {
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  fileUrl: PropTypes.string.isRequired,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.number,
+  onClose: PropTypes.func.isRequired
+};
+Toolbar.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  fileName: PropTypes.string
+};
+GoogleDocsViewer.defaultProps = {
+  width: '100%',
+  height: '100%',
+  fileName: undefined,
+  fileSize: undefined
+};
+Toolbar.defaultProps = {
+  fileName: undefined
+};
+
+export { GoogleDocsViewer as default };
+//# sourceMappingURL=index.js.map

package/components/GoogleDocsViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/GoogleDocsViewer/index.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Typography from '@material-ui/core/Typography';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nimport styles from './styles.css';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst Toolbar = props => (\n  <div className={styles.cGoogleDocsViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cGoogleDocsViewerToolbarButton}\n      onClick={props.onClose}\n    >\n      <div className={styles.cGoogleDocsViewerToolbarBackButton}>\n        <BackIcon className={styles.cGoogleDocsViewerToolbarIcon} htmlColor=\"#b3b3b3\" />\n        {props.fileName && (\n          <span className={styles.cGoogleDocsViewerToolbarBackButtonFileName}>\n            {props.fileName}\n          </span>\n        )}\n      </div>\n    </button>\n  </div>\n);\n\nclass GoogleDocsViewer extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      reloadsCounter: 0,\n      loading: true,\n      loadingFailed: false,\n    };\n\n    this.frameRef = createRef();\n  }\n\n  componentDidMount() {\n    // NOTE: Workaround when google viewer returns 204:\n    // https://productforums.google.com/forum/#!msg/docs/hmj39HMDP1M/X6a8xJwLBQAJ\n\n    const timeOut =\n      this.props.fileSize && this.props.fileSize >= BYTES_IN_MEGABYTE\n        ? (this.props.fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    this.frameLoadInterval = setInterval(this.reloadFrame, timeOut);\n  }\n\n  componentWillUnmount() {\n    clearInterval(this.frameLoadInterval);\n  }\n\n  get frameLink() {\n    return `https://docs.google.com/viewer?url=${encodeURIComponent(\n      this.props.fileUrl\n    )}&embedded=true`;\n  }\n\n  reloadFrame = () => {\n    if (this.frameRef.current) {\n      this.setState(\n        prevState => ({ reloadsCounter: prevState.reloadsCounter + 1 }),\n        () => {\n          this.frameRef.current.src = this.frameLink;\n        }\n      );\n    }\n  };\n\n  onFrameLoad = () => {\n    this.setState({ loading: false }, () => {\n      clearInterval(this.frameLoadInterval);\n    });\n  };\n\n  render() {\n    const { fileUrl, width, height, fileName, onClose } = this.props;\n    const { loading, loadingFailed } = this.state;\n\n    return (\n      <div className={styles.cGoogleDocsViewer} style={{ width, height }}>\n        <Toolbar fileName={fileName} onClose={onClose} />\n        {loading && <LoadingIndicator white={false} />}\n        {loadingFailed ? (\n          <Typography variant=\"body2\">Loading failed</Typography>\n        ) : (\n          <iframe\n            className={classNames(styles.cGoogleDocsViewerFrame, {\n              [styles.cGoogleDocsViewerFrameHidden]: loading,\n            })}\n            title={fileUrl}\n            src={this.frameLink}\n            onLoad={this.onFrameLoad}\n            ref={this.frameRef}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nGoogleDocsViewer.propTypes = {\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fileUrl: PropTypes.string.isRequired,\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n};\n\nToolbar.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  fileName: PropTypes.string,\n};\n\nGoogleDocsViewer.defaultProps = {\n  width: '100%',\n  height: '100%',\n  fileName: undefined,\n\n  fileSize: undefined,\n};\n\nToolbar.defaultProps = {\n  fileName: undefined,\n};\n\nexport default GoogleDocsViewer;\n"],"names":["REQUEST_TIMEOUT","BYTES_IN_MEGABYTE","Toolbar","props","_jsx","styles","cGoogleDocsViewerToolbar","cGoogleDocsViewerToolbarButton","onClose","_jsxs","cGoogleDocsViewerToolbarBackButton","cGoogleDocsViewerToolbarIcon","fileName","cGoogleDocsViewerToolbarBackButtonFileName","GoogleDocsViewer","frameRef","current","setState","prevState","reloadsCounter","src","frameLink","loading","clearInterval","frameLoadInterval","state","loadingFailed","createRef","timeOut","fileSize","setInterval","reloadFrame","encodeURIComponent","fileUrl","width","height","cGoogleDocsViewer","classNames","cGoogleDocsViewerFrame","cGoogleDocsViewerFrameHidden","onFrameLoad","PureComponent","propTypes","PropTypes","oneOfType","string","number","isRequired","func","defaultProps","undefined"],"mappings":"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"}

package/components/GoogleDocsViewer/styles.css.js

@@ -1 +1,8 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cGoogleDocsViewer:"styles_cGoogleDocsViewer__0TGby",cGoogleDocsViewerFrame:"styles_cGoogleDocsViewerFrame__GGHHm",cGoogleDocsViewerFrameHidden:"styles_cGoogleDocsViewerFrameHidden__MyIcg",cGoogleDocsViewerToolbarButton:"styles_cGoogleDocsViewerToolbarButton__JHCZM",cGoogleDocsViewerToolbarIcon:"styles_cGoogleDocsViewerToolbarIcon__JNzaY",cGoogleDocsViewerToolbar:"styles_cGoogleDocsViewerToolbar__fNE-C",cGoogleDocsViewerToolbarBackButton:"styles_cGoogleDocsViewerToolbarBackButton__zrD-S",cGoogleDocsViewerToolbarBackButtonFileName:"styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9"};o('.styles_cGoogleDocsViewer__0TGby{align-items:center;display:flex;justify-content:center}.styles_cGoogleDocsViewerFrame__GGHHm{border:none;height:100%;width:100%}.styles_cGoogleDocsViewerFrameHidden__MyIcg{height:0;visibility:0}.styles_cGoogleDocsViewerToolbarButton__JHCZM{background-color:transparent;border:none;cursor:pointer;padding:0;vertical-align:middle}.styles_cGoogleDocsViewerToolbarButton__JHCZM:focus{outline:none}.styles_cGoogleDocsViewerToolbarIcon__JNzaY{height:34px!important;padding:4px 6px;width:42px!important}.styles_cGoogleDocsViewerToolbarIcon__JNzaY:hover{color:"#fff"}.styles_cGoogleDocsViewerToolbar__fNE-C{color:#fff;left:5px;position:fixed;top:5px;z-index:1001}.styles_cGoogleDocsViewerToolbarBackButton__zrD-S{align-items:center;display:flex}.styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9{color:#fff;font-size:1rem}');export{e as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cGoogleDocsViewer__0TGby {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.styles_cGoogleDocsViewerFrame__GGHHm {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.styles_cGoogleDocsViewerFrameHidden__MyIcg {\n  visibility: 0;\n  height: 0;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__JHCZM {\n  vertical-align: middle;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__JHCZM:focus {\n  outline: none;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__JNzaY {\n  width: 42px !important;\n  height: 34px !important;\n  padding: 4px 6px;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__JNzaY:hover {\n  color: '#fff';\n}\n\n.styles_cGoogleDocsViewerToolbar__fNE-C {\n  top: 5px;\n  left: 5px;\n  color: #fff;\n  position: fixed;\n  z-index: 1001;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButton__zrD-S {\n  display: flex;\n  align-items: center;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9 {\n  font-size: 1rem;\n  color: #fff;\n}\n";
+var styles = {"cGoogleDocsViewer":"styles_cGoogleDocsViewer__0TGby","cGoogleDocsViewerFrame":"styles_cGoogleDocsViewerFrame__GGHHm","cGoogleDocsViewerFrameHidden":"styles_cGoogleDocsViewerFrameHidden__MyIcg","cGoogleDocsViewerToolbarButton":"styles_cGoogleDocsViewerToolbarButton__JHCZM","cGoogleDocsViewerToolbarIcon":"styles_cGoogleDocsViewerToolbarIcon__JNzaY","cGoogleDocsViewerToolbar":"styles_cGoogleDocsViewerToolbar__fNE-C","cGoogleDocsViewerToolbarBackButton":"styles_cGoogleDocsViewerToolbarBackButton__zrD-S","cGoogleDocsViewerToolbarBackButtonFileName":"styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

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

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