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

package/components/FilesProcessor/Processor.js

@@ -1 +1,165 @@
-import{__awaiter as r,__generator as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as t,useCallback as o,useMemo as c,useEffect as i}from"react";import{FilesLoaderV2 as a}from"../FilesLoaderV2/FilesLoaderV2.js";var u=function(u){var s=u.onStatusChange,l=u.file,f=u.processFile,d=u.onDelete,m=u.formatProgress,v=t({total:0,current:0}),p=v[0],g=v[1],h=t(),b=h[0],j=h[1],x=t(!1),C=x[0],F=x[1],w=t(),y=w[0],D=w[1],E=o((function(r,e){g({total:r,current:e})}),[]),L=c((function(){if(y)return function(){y(),F(!0),s({success:!1,cancelled:!0,file:l})}}),[y]),P=o((function(){var n=!1;return function(t){return r(void 0,void 0,void 0,(function(){var r,o,c,i;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),r=function(){for(var r=[],e=0;e<arguments.length;e++)r[e]=arguments[e];n||E.apply(void 0,r)},[4,f(t,r,(function(r){D((function(){return function(){n=!0,r()}}))}))];case 1:return o=e.sent(),n?[2]:(g((function(r){var e=r.total;return{total:e,current:e}})),s({success:!0,cancelled:!1,data:o,file:t}),[3,3]);case 2:return c=e.sent(),n?[2]:(i=c instanceof Error?c:new Error(String(c)),j(i),s({success:!1,cancelled:!1,error:i,file:t}),[3,3]);case 3:return[2]}}))}))}}),[f,s]),S=o((function(){j(void 0),F(!1),s({file:l,success:!1,data:void 0,error:void 0,cancelled:!1}),P()(l)}),[l,P,s]),V=o((function(){d(l)}),[d,l]);i((function(){P()(l)}),[l,P]);var R=b?null==b?void 0:b.message:C?"Cancelled":null;return n(a,{name:l.name,total:p.total,current:p.current,errorText:R,onCancel:L,onReload:S,onDelete:V,formatProgress:m})};export{u as Processor};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { FilesLoaderV2 } from '../FilesLoaderV2/FilesLoaderV2.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Processor = function Processor(props) {
+  var onStatusChange = props.onStatusChange,
+    file = props.file,
+    processFile = props.processFile,
+    onDelete = props.onDelete,
+    formatProgress = props.formatProgress;
+  var _useState = useState({
+      total: 0,
+      current: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    progress = _useState2[0],
+    setProgress = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isCancelled = _useState6[0],
+    setIsCancelled = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    cancelFunction = _useState8[0],
+    setCancelFunction = _useState8[1];
+  var registerProgress = useCallback(function (total, current) {
+    setProgress({
+      total: total,
+      current: current
+    });
+  }, []);
+  var handleCancel = useMemo(function () {
+    if (!cancelFunction) {
+      return undefined;
+    }
+    return function () {
+      cancelFunction();
+      setIsCancelled(true);
+      onStatusChange({
+        success: false,
+        cancelled: true,
+        file: file
+      });
+    };
+  }, [cancelFunction]);
+
+  // We use closure here to properly handle cancellation: we should not listen to updates from processFile
+  // if processing is cancelled, and properly listen to the new process (not both) when processing is restarted
+  var getFileProcessor = useCallback(function () {
+    var isCancelled = false;
+    return /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+        var ownRegisterProgress, ownSetCancelFunction, data, _error;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                ownRegisterProgress = function ownRegisterProgress() {
+                  if (!isCancelled) {
+                    registerProgress.apply(void 0, arguments);
+                  }
+                };
+                ownSetCancelFunction = function ownSetCancelFunction(onCancel) {
+                  setCancelFunction(function () {
+                    return function () {
+                      isCancelled = true;
+                      onCancel();
+                    };
+                  });
+                };
+                _context.next = 5;
+                return processFile(file, ownRegisterProgress, ownSetCancelFunction);
+              case 5:
+                data = _context.sent;
+                if (!isCancelled) {
+                  _context.next = 8;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 8:
+                setProgress(function (_ref2) {
+                  var total = _ref2.total;
+                  return {
+                    total: total,
+                    current: total
+                  };
+                });
+                onStatusChange({
+                  success: true,
+                  cancelled: false,
+                  data: data,
+                  file: file
+                });
+                _context.next = 19;
+                break;
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](0);
+                if (!isCancelled) {
+                  _context.next = 16;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 16:
+                _error = _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0));
+                setError(_error);
+                onStatusChange({
+                  success: false,
+                  cancelled: false,
+                  error: _error,
+                  file: file
+                });
+              case 19:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 12]]);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+  }, [processFile, onStatusChange]);
+  var handleReload = useCallback(function () {
+    setError(undefined);
+    setIsCancelled(false);
+    onStatusChange({
+      file: file,
+      success: false,
+      data: undefined,
+      error: undefined,
+      cancelled: false
+    });
+    getFileProcessor()(file);
+  }, [file, getFileProcessor, onStatusChange]);
+  var handleDelete = useCallback(function () {
+    onDelete(file);
+  }, [onDelete, file]);
+  useEffect(function () {
+    getFileProcessor()(file);
+  }, [file, getFileProcessor]);
+  var errorMessage = error ? error === null || error === void 0 ? void 0 : error.message : isCancelled ? 'Cancelled' : null;
+  return /*#__PURE__*/jsx(FilesLoaderV2, {
+    name: file.name,
+    total: progress.total,
+    current: progress.current,
+    errorText: errorMessage,
+    onCancel: handleCancel,
+    onReload: handleReload,
+    onDelete: handleDelete,
+    formatProgress: formatProgress
+  });
+};
+
+export { Processor };
+//# sourceMappingURL=Processor.js.map

package/components/FilesProcessor/styles.js

@@ -1 +1,19 @@
-import{makeStyles as i}from"@material-ui/core";var e=i((function(i){return{root:{display:"flex",flexDirection:"column",gap:i.spacing(3)},files:{display:"flex",flexDirection:"column",gap:i.spacing(2)}}}));export{e as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: theme.spacing(3)
+    },
+    files: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: theme.spacing(2)
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/FolderMenuItem/components/ClosedFolderIcon.js

@@ -1 +1,16 @@
-import{jsx as t}from"react/jsx-runtime";var C=function(){return t("svg",{width:"16",height:"14",viewBox:"0 0 16 14",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M14.7585 13.4826H1.24137C0.551722 13.4826 0 12.9309 0 12.2412V1.8045C0 1.11485 0.597698 0.517151 1.28735 0.517151H5.01147C5.42526 0.517151 5.79308 0.701058 6.06894 1.0229L6.94249 2.21829H14.7585C15.4482 2.21829 15.9999 2.77001 15.9999 3.45967V12.1953C15.9999 12.9309 15.4482 13.4826 14.7585 13.4826ZM1.28735 1.43669C1.10344 1.43669 0.919536 1.62059 0.919536 1.8045V12.2412C0.919536 12.4251 1.05747 12.5631 1.24137 12.5631H14.7585C14.9425 12.5631 15.0804 12.4251 15.0804 12.2412V3.50564C15.0804 3.32174 14.9425 3.1838 14.7585 3.1838H6.71261C6.57468 3.1838 6.43675 3.09185 6.3448 2.9999L5.33331 1.57462C5.28733 1.48266 5.1494 1.43669 5.05745 1.43669H1.28735Z"})})};export{C as default};
+import { jsx } from 'react/jsx-runtime';
+
+var ClosedFolderIcon = function ClosedFolderIcon() {
+  return /*#__PURE__*/jsx("svg", {
+    width: "16",
+    height: "14",
+    viewBox: "0 0 16 14",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M14.7585 13.4826H1.24137C0.551722 13.4826 0 12.9309 0 12.2412V1.8045C0 1.11485 0.597698 0.517151 1.28735 0.517151H5.01147C5.42526 0.517151 5.79308 0.701058 6.06894 1.0229L6.94249 2.21829H14.7585C15.4482 2.21829 15.9999 2.77001 15.9999 3.45967V12.1953C15.9999 12.9309 15.4482 13.4826 14.7585 13.4826ZM1.28735 1.43669C1.10344 1.43669 0.919536 1.62059 0.919536 1.8045V12.2412C0.919536 12.4251 1.05747 12.5631 1.24137 12.5631H14.7585C14.9425 12.5631 15.0804 12.4251 15.0804 12.2412V3.50564C15.0804 3.32174 14.9425 3.1838 14.7585 3.1838H6.71261C6.57468 3.1838 6.43675 3.09185 6.3448 2.9999L5.33331 1.57462C5.28733 1.48266 5.1494 1.43669 5.05745 1.43669H1.28735Z"
+    })
+  });
+};
+
+export { ClosedFolderIcon as default };
+//# sourceMappingURL=ClosedFolderIcon.js.map

package/components/FolderMenuItem/components/ClosedFolderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClosedFolderIcon.js","sources":["../../../../src/components/FolderMenuItem/components/ClosedFolderIcon.js"],"sourcesContent":["const ClosedFolderIcon = () => (\n  <svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M14.7585 13.4826H1.24137C0.551722 13.4826 0 12.9309 0 12.2412V1.8045C0 1.11485 0.597698 0.517151 1.28735 0.517151H5.01147C5.42526 0.517151 5.79308 0.701058 6.06894 1.0229L6.94249 2.21829H14.7585C15.4482 2.21829 15.9999 2.77001 15.9999 3.45967V12.1953C15.9999 12.9309 15.4482 13.4826 14.7585 13.4826ZM1.28735 1.43669C1.10344 1.43669 0.919536 1.62059 0.919536 1.8045V12.2412C0.919536 12.4251 1.05747 12.5631 1.24137 12.5631H14.7585C14.9425 12.5631 15.0804 12.4251 15.0804 12.2412V3.50564C15.0804 3.32174 14.9425 3.1838 14.7585 3.1838H6.71261C6.57468 3.1838 6.43675 3.09185 6.3448 2.9999L5.33331 1.57462C5.28733 1.48266 5.1494 1.43669 5.05745 1.43669H1.28735Z\" />\n  </svg>\n);\n\nexport default ClosedFolderIcon;\n"],"names":["ClosedFolderIcon","_jsx"],"mappings":";;AAAMA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAA;EAAA,oBACpBC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,IAAI;AAAC,IAAA,MAAM,EAAC,IAAI;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAChF,eAAAA,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,kpBAAA;AAAkpB,KAAA,CAAA;GACtpB,CAAA,CAAA;AAAA;;;;"}

package/components/FolderMenuItem/components/FolderIcon.js

@@ -1 +1,48 @@
-import o from"prop-types";import{makeStyles as r}from"@material-ui/core";import e from"classnames";import s from"./OpenFolderIcon.js";import i from"./ClosedFolderIcon.js";import{jsx as l}from"react/jsx-runtime";var n=r({folderIcon:{width:16,height:16,display:"flex",alignItems:"flex-end"},iconColor:function(o){return{"& svg":{fill:o.color}}}}),t=function(o){var r=o.className,t=o.isOpen,a=o.color,c=n({color:a}),m=t?s:i;return l("div",{className:e(c.folderIcon,c.iconColor,r),children:l(m,{})})};t.propTypes={isOpen:o.bool,className:o.string,color:o.string.isRequired},t.defaultProps={isOpen:!1,className:""};export{t as default};
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import OpenFolderIcon from './OpenFolderIcon.js';
+import ClosedFolderIcon from './ClosedFolderIcon.js';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  folderIcon: {
+    width: 16,
+    height: 16,
+    display: 'flex',
+    alignItems: 'flex-end'
+  },
+  iconColor: function iconColor(_ref) {
+    var color = _ref.color;
+    return {
+      '& svg': {
+        fill: color
+      }
+    };
+  }
+});
+var FolderIcon = function FolderIcon(_ref2) {
+  var className = _ref2.className,
+    isOpen = _ref2.isOpen,
+    color = _ref2.color;
+  var classes = useStyles({
+    color: color
+  });
+  var Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.folderIcon, classes.iconColor, className),
+    children: /*#__PURE__*/jsx(Icon, {})
+  });
+};
+FolderIcon.propTypes = {
+  isOpen: PropTypes.bool,
+  className: PropTypes.string,
+  color: PropTypes.string.isRequired
+};
+FolderIcon.defaultProps = {
+  isOpen: false,
+  className: ''
+};
+
+export { FolderIcon as default };
+//# sourceMappingURL=FolderIcon.js.map

package/components/FolderMenuItem/components/FolderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderIcon.js","sources":["../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport OpenFolderIcon from './OpenFolderIcon';\nimport ClosedFolderIcon from './ClosedFolderIcon';\n\nconst useStyles = makeStyles({\n  folderIcon: {\n    width: 16,\n    height: 16,\n    display: 'flex',\n    alignItems: 'flex-end',\n  },\n  iconColor: ({ color }) => {\n    return {\n      '& svg': {\n        fill: color,\n      },\n    };\n  },\n});\n\nconst FolderIcon = ({ className, isOpen, color }) => {\n  const classes = useStyles({ color });\n\n  const Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;\n\n  return (\n    <div className={classNames(classes.folderIcon, classes.iconColor, className)}>\n      <Icon />\n    </div>\n  );\n};\n\nFolderIcon.propTypes = {\n  isOpen: PropTypes.bool,\n  className: PropTypes.string,\n  color: PropTypes.string.isRequired,\n};\n\nFolderIcon.defaultProps = {\n  isOpen: false,\n  className: '',\n};\n\nexport default FolderIcon;\n"],"names":["useStyles","makeStyles","folderIcon","width","height","display","alignItems","iconColor","color","fill","FolderIcon","className","isOpen","classes","Icon","OpenFolderIcon","ClosedFolderIcon","_jsx","classNames","propTypes","PropTypes","bool","string","isRequired","defaultProps"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,UAAA;GACb;AACDC,EAAAA,SAAS,EAAE,SAAe,SAAA,CAAA,IAAA,EAAA;IAAA,IAAZC,KAAK,QAALA,KAAK,CAAA;IACjB,OAAO;AACL,MAAA,OAAO,EAAE;AACPC,QAAAA,IAAI,EAAED,KAAAA;AACR,OAAA;KACD,CAAA;AACH,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAME,UAAU,GAAG,SAAbA,UAAU,CAAqC,KAAA,EAAA;EAAA,IAA/BC,SAAS,SAATA,SAAS;AAAEC,IAAAA,MAAM,SAANA,MAAM;AAAEJ,IAAAA,KAAK,SAALA,KAAK,CAAA;EAC5C,IAAMK,OAAO,GAAGb,SAAS,CAAC;AAAEQ,IAAAA,KAAK,EAALA,KAAAA;AAAM,GAAC,CAAC,CAAA;AAEpC,EAAA,IAAMM,IAAI,GAAGF,MAAM,GAAGG,cAAc,GAAGC,gBAAgB,CAAA;EAEvD,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACL,OAAO,CAACX,UAAU,EAAEW,OAAO,CAACN,SAAS,EAAEI,SAAS,CAAE;AAAA,IAAA,QAAA,eAC3EM,IAAC,IAAI,EAAA,EAAA,CAAA;GACD,CAAA,CAAA;AAEV,EAAC;AAEDP,UAAU,CAACS,SAAS,GAAG;EACrBP,MAAM,EAAEQ,SAAS,CAACC,IAAI;EACtBV,SAAS,EAAES,SAAS,CAACE,MAAM;AAC3Bd,EAAAA,KAAK,EAAEY,SAAS,CAACE,MAAM,CAACC,UAAAA;AAC1B,CAAC,CAAA;AAEDb,UAAU,CAACc,YAAY,GAAG;AACxBZ,EAAAA,MAAM,EAAE,KAAK;AACbD,EAAAA,SAAS,EAAE,EAAA;AACb,CAAC;;;;"}

package/components/FolderMenuItem/components/OpenFolderIcon.js

@@ -1 +1,16 @@
-import{jsx as C}from"react/jsx-runtime";var t=function(){return C("svg",{width:"16",height:"12",viewBox:"0 0 16 12",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M13.0002 11.64H1.2402C0.640195 11.64 0.200195 11.16 0.200195 10.56V1.48005C0.200195 0.880046 0.680195 0.360046 1.2802 0.360046H4.4002C4.7602 0.360046 5.0802 0.520046 5.2802 0.840046L6.0402 1.88005H13.0402C13.6402 1.88005 14.0802 2.36005 14.0802 2.96005V5.00005H14.7202C15.0802 5.00005 15.4002 5.16005 15.6002 5.48005C15.8002 5.76005 15.8802 6.16005 15.7602 6.52005L14.0002 10.96C13.8402 11.36 13.4402 11.64 13.0002 11.64ZM1.2802 1.16005C1.1202 1.16005 1.0002 1.28005 1.0002 1.48005V10.56C1.0002 10.72 1.1202 10.84 1.2402 10.84H13.0402C13.1602 10.84 13.2402 10.76 13.2802 10.64L15.0002 6.20005C15.0402 6.12005 15.0002 6.00005 14.9602 5.92005C14.9202 5.88005 14.8402 5.80005 14.7202 5.80005H4.6802C4.4402 5.80005 4.2802 5.60005 4.2802 5.40005C4.2802 5.16005 4.4802 5.00005 4.6802 5.00005H13.2802V2.96005C13.2802 2.80005 13.1602 2.68005 13.0402 2.68005H5.8402C5.7202 2.68005 5.6002 2.60005 5.5202 2.52005L4.6402 1.28005C4.6002 1.20005 4.5202 1.16005 4.4002 1.16005H1.2802Z"})})};export{t as default};
+import { jsx } from 'react/jsx-runtime';
+
+var OpenFolderIcon = function OpenFolderIcon() {
+  return /*#__PURE__*/jsx("svg", {
+    width: "16",
+    height: "12",
+    viewBox: "0 0 16 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M13.0002 11.64H1.2402C0.640195 11.64 0.200195 11.16 0.200195 10.56V1.48005C0.200195 0.880046 0.680195 0.360046 1.2802 0.360046H4.4002C4.7602 0.360046 5.0802 0.520046 5.2802 0.840046L6.0402 1.88005H13.0402C13.6402 1.88005 14.0802 2.36005 14.0802 2.96005V5.00005H14.7202C15.0802 5.00005 15.4002 5.16005 15.6002 5.48005C15.8002 5.76005 15.8802 6.16005 15.7602 6.52005L14.0002 10.96C13.8402 11.36 13.4402 11.64 13.0002 11.64ZM1.2802 1.16005C1.1202 1.16005 1.0002 1.28005 1.0002 1.48005V10.56C1.0002 10.72 1.1202 10.84 1.2402 10.84H13.0402C13.1602 10.84 13.2402 10.76 13.2802 10.64L15.0002 6.20005C15.0402 6.12005 15.0002 6.00005 14.9602 5.92005C14.9202 5.88005 14.8402 5.80005 14.7202 5.80005H4.6802C4.4402 5.80005 4.2802 5.60005 4.2802 5.40005C4.2802 5.16005 4.4802 5.00005 4.6802 5.00005H13.2802V2.96005C13.2802 2.80005 13.1602 2.68005 13.0402 2.68005H5.8402C5.7202 2.68005 5.6002 2.60005 5.5202 2.52005L4.6402 1.28005C4.6002 1.20005 4.5202 1.16005 4.4002 1.16005H1.2802Z"
+    })
+  });
+};
+
+export { OpenFolderIcon as default };
+//# sourceMappingURL=OpenFolderIcon.js.map

package/components/FolderMenuItem/components/OpenFolderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenFolderIcon.js","sources":["../../../../src/components/FolderMenuItem/components/OpenFolderIcon.js"],"sourcesContent":["const OpenFolderIcon = () => (\n  <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M13.0002 11.64H1.2402C0.640195 11.64 0.200195 11.16 0.200195 10.56V1.48005C0.200195 0.880046 0.680195 0.360046 1.2802 0.360046H4.4002C4.7602 0.360046 5.0802 0.520046 5.2802 0.840046L6.0402 1.88005H13.0402C13.6402 1.88005 14.0802 2.36005 14.0802 2.96005V5.00005H14.7202C15.0802 5.00005 15.4002 5.16005 15.6002 5.48005C15.8002 5.76005 15.8802 6.16005 15.7602 6.52005L14.0002 10.96C13.8402 11.36 13.4402 11.64 13.0002 11.64ZM1.2802 1.16005C1.1202 1.16005 1.0002 1.28005 1.0002 1.48005V10.56C1.0002 10.72 1.1202 10.84 1.2402 10.84H13.0402C13.1602 10.84 13.2402 10.76 13.2802 10.64L15.0002 6.20005C15.0402 6.12005 15.0002 6.00005 14.9602 5.92005C14.9202 5.88005 14.8402 5.80005 14.7202 5.80005H4.6802C4.4402 5.80005 4.2802 5.60005 4.2802 5.40005C4.2802 5.16005 4.4802 5.00005 4.6802 5.00005H13.2802V2.96005C13.2802 2.80005 13.1602 2.68005 13.0402 2.68005H5.8402C5.7202 2.68005 5.6002 2.60005 5.5202 2.52005L4.6402 1.28005C4.6002 1.20005 4.5202 1.16005 4.4002 1.16005H1.2802Z\" />\n  </svg>\n);\n\nexport default OpenFolderIcon;\n"],"names":["OpenFolderIcon","_jsx"],"mappings":";;AAAMA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,GAAA;EAAA,oBAClBC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,IAAI;AAAC,IAAA,MAAM,EAAC,IAAI;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAChF,eAAAA,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,28BAAA;AAA28B,KAAA,CAAA;GAC/8B,CAAA,CAAA;AAAA;;;;"}

package/components/FolderMenuItem/index.js

@@ -1 +1,165 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"prop-types";import i from"classnames";import{makeStyles as t,Tooltip as r}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 s from"../IconButton/index.js";import{jsxs as c,jsx as d}from"react/jsx-runtime";import p from"./components/FolderIcon.js";function m(e,o){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),i.push.apply(i,t)}return i}function f(o){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?m(Object(t),!0).forEach((function(i){e(o,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var u=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"},"&:hover $addIcon":{visibility:"visible"},"&:hover $toggleIcon":{visibility:"visible"}},addIcon:{visibility:"hidden"},toggleIcon:{visibility:"hidden"},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"}},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"}}})),b=function(o){var t=o.folderColor,m=o.isCreatable,b=o.isOpen,g=o.isSelected,h=o.name,v=o.onAdd,y=o.onClick,O=o.onToggle,C=u();return c("div",{className:i(C.folderMenuItem,e({},C.folderMenuItemSelected,g)),onClick:y,children:[d(p,{color:t,isOpen:b,className:C.folderIcon}),d("div",{className:C.folderName,children:h}),c("div",{className:C.actions,children:[m&&d(r,{title:"Add Page",placement:"bottom-end",children:d(s,{className:C.addIcon,size:"small",onClick:function(e){e.stopPropagation(),v()},children:d(n,{fontSize:"small"})})}),d(s,{className:C.toggleIcon,size:"small",onClick:function(e){e.stopPropagation(),O()},children:d((function(e){return d(r,{title:b?"Collapse":"Expand",placement:"bottom-end",children:d(b?l:a,f({},e))})}),{fontSize:"small"})})]})]})};b.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},b.defaultProps={isCreatable:!1,isOpen:!1,isSelected:!1};export{b 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 IconButton from '../IconButton/index.js';
+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'
+      },
+      '&:hover $addIcon': {
+        visibility: 'visible'
+      },
+      '&:hover $toggleIcon': {
+        visibility: 'visible'
+      }
+    },
+    addIcon: {
+      visibility: 'hidden'
+    },
+    toggleIcon: {
+      visibility: 'hidden'
+    },
+    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'
+      }
+    },
+    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 = function ToggleIcon(props) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/jsx-indent
+      jsx(Tooltip, {
+        title: isOpen ? 'Collapse' : 'Expand',
+        placement: "bottom-end",
+        children: isOpen ? /*#__PURE__*/jsx(ExpandLess, _objectSpread({}, props)) : /*#__PURE__*/jsx(ExpandMore, _objectSpread({}, props))
+      })
+    );
+  };
+  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(IconButton, {
+          className: classes.addIcon,
+          size: "small",
+          onClick: handleAddItem,
+          children: /*#__PURE__*/jsx(AddCircleIcon, {
+            fontSize: "small"
+          })
+        })
+      }), /*#__PURE__*/jsx(IconButton, {
+        className: classes.toggleIcon,
+        size: "small",
+        onClick: handleToggle,
+        children: /*#__PURE__*/jsx(ToggleIcon, {
+          fontSize: "small"
+        })
+      })]
+    })]
+  });
+};
+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';\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 IconButton from '../IconButton';\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    '&:hover $addIcon': {\n      visibility: 'visible',\n    },\n    '&:hover $toggleIcon': {\n      visibility: 'visible',\n    },\n  },\n  addIcon: {\n    visibility: 'hidden',\n  },\n  toggleIcon: {\n    visibility: 'hidden',\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  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 = props => (\n    // eslint-disable-next-line react/jsx-indent\n    <Tooltip title={isOpen ? 'Collapse' : 'Expand'} placement=\"bottom-end\">\n      {isOpen ? <ExpandLess {...props} /> : <ExpandMore {...props} />}\n    </Tooltip>\n  );\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(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            <IconButton className={classes.addIcon} size=\"small\" onClick={handleAddItem}>\n              <AddCircleIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        )}\n        <IconButton className={classes.toggleIcon} size=\"small\" onClick={handleToggle}>\n          <ToggleIcon fontSize=\"small\" />\n        </IconButton>\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","addIcon","toggleIcon","folderMenuItemSelected","left","primary","main","content","borderRadius","addCircleIcon","actions","folderIcon","top","folderName","overflow","marginRight","lineHeight","whiteSpace","textOverflow","userSelect","FolderMenuItem","folderColor","isCreatable","isOpen","isSelected","name","onAdd","onClick","onToggle","classes","ToggleIcon","props","_jsx","handleAddItem","e","stopPropagation","handleToggle","_jsxs","classNames","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';\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(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isEditable: PropTypes.bool,\n      url: PropTypes.string.isRequired,\n    })\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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"}