@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/FilesLoader/Icons/IconSuccess.js

@@ -1,20 +1 @@
-import { jsx } from 'react/jsx-runtime';
-
-var IconSuccess = function IconSuccess() {
-  return /*#__PURE__*/jsx("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M8.00016 1.33203C4.32016 1.33203 1.3335 4.3187 1.3335 7.9987C1.3335 11.6787 4.32016 14.6654 8.00016 14.6654C11.6802 14.6654 14.6668 11.6787 14.6668 7.9987C14.6668 4.3187 11.6802 1.33203 8.00016 1.33203ZM8.00016 13.332C5.06016 13.332 2.66683 10.9387 2.66683 7.9987C2.66683 5.0587 5.06016 2.66536 8.00016 2.66536C10.9402 2.66536 13.3335 5.0587 13.3335 7.9987C13.3335 10.9387 10.9402 13.332 8.00016 13.332ZM6.66683 9.44536L11.0602 5.05203L12.0002 5.9987L6.66683 11.332L4.00016 8.66536L4.94016 7.72536L6.66683 9.44536Z",
-      fill: "#03BCD4"
-    })
-  });
-};
-
-export default IconSuccess;
-//# sourceMappingURL=IconSuccess.js.map
+import{jsx as e}from"react/jsx-runtime";var l=function(){return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00016 1.33203C4.32016 1.33203 1.3335 4.3187 1.3335 7.9987C1.3335 11.6787 4.32016 14.6654 8.00016 14.6654C11.6802 14.6654 14.6668 11.6787 14.6668 7.9987C14.6668 4.3187 11.6802 1.33203 8.00016 1.33203ZM8.00016 13.332C5.06016 13.332 2.66683 10.9387 2.66683 7.9987C2.66683 5.0587 5.06016 2.66536 8.00016 2.66536C10.9402 2.66536 13.3335 5.0587 13.3335 7.9987C13.3335 10.9387 10.9402 13.332 8.00016 13.332ZM6.66683 9.44536L11.0602 5.05203L12.0002 5.9987L6.66683 11.332L4.00016 8.66536L4.94016 7.72536L6.66683 9.44536Z",fill:"#03BCD4"})})};export{l as default};

package/components/FilesLoader/Icons/IconWarning.js

@@ -1,20 +1 @@
-import { jsx } from 'react/jsx-runtime';
-
-var IconWarning = function IconWarning() {
-  return /*#__PURE__*/jsx("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M2.98024 13.6704C1.95358 13.6704 1.31358 12.557 1.82691 11.6704L6.84691 2.99703C7.36024 2.11036 8.64024 2.11036 9.15358 2.99703L14.1736 11.6704C14.6869 12.557 14.0469 13.6704 13.0202 13.6704H2.98024ZM13.0202 12.337L8.00024 3.6637L2.98024 12.337H13.0202ZM7.33358 7.0037V8.33703C7.33358 8.7037 7.63358 9.0037 8.00024 9.0037C8.36691 9.0037 8.66691 8.7037 8.66691 8.33703V7.0037C8.66691 6.63703 8.36691 6.33703 8.00024 6.33703C7.63358 6.33703 7.33358 6.63703 7.33358 7.0037ZM8.66691 11.6704V10.337H7.33358V11.6704H8.66691Z",
-      fill: "#F44336"
-    })
-  });
-};
-
-export default IconWarning;
-//# sourceMappingURL=IconWarning.js.map
+import{jsx as e}from"react/jsx-runtime";var l=function(){return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.98024 13.6704C1.95358 13.6704 1.31358 12.557 1.82691 11.6704L6.84691 2.99703C7.36024 2.11036 8.64024 2.11036 9.15358 2.99703L14.1736 11.6704C14.6869 12.557 14.0469 13.6704 13.0202 13.6704H2.98024ZM13.0202 12.337L8.00024 3.6637L2.98024 12.337H13.0202ZM7.33358 7.0037V8.33703C7.33358 8.7037 7.63358 9.0037 8.00024 9.0037C8.36691 9.0037 8.66691 8.7037 8.66691 8.33703V7.0037C8.66691 6.63703 8.36691 6.33703 8.00024 6.33703C7.63358 6.33703 7.33358 6.63703 7.33358 7.0037ZM8.66691 11.6704V10.337H7.33358V11.6704H8.66691Z",fill:"#F44336"})})};export{l as default};

package/components/FilesLoader/Icons/ImageFileIcon.js

@@ -1,40 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, SvgIcon } from '@material-ui/core';
-
-var useStyles = makeStyles({
-  svgIcon: {
-    height: '32px',
-    width: '32px'
-  }
-});
-
-var ImageFileIcon = function ImageFileIcon() {
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs(SvgIcon, {
-    className: classes.svgIcon,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    children: [/*#__PURE__*/jsx("g", {
-      clipPath: "url(#clip0_1600_26)",
-      children: /*#__PURE__*/jsx("path", {
-        d: "M23.52 2.03987H13.98V0.599871C13.98 0.239871 13.62 -0.0601292 13.26 -0.000129162L0.42 2.09987C0.18 2.09987 0 2.33987 0 2.57987V21.3599C0 21.5999 0.18 21.8399 0.42 21.8999L13.32 23.9999C13.68 24.0599 14.04 23.7599 14.04 23.3999V21.8999H23.52C23.82 21.8999 24 21.6599 24 21.3599V2.57987C24 2.27987 23.76 2.03987 23.52 2.03987ZM13.98 6.29987C14.88 6.29987 15.6 7.01987 15.6 7.91987C15.6 8.81987 14.88 9.53987 13.98 9.53987V6.29987ZM22.98 20.8199H13.98V18.1799L18.42 13.7399L22.98 18.2999V20.8199ZM22.98 16.8599L18.78 12.6599C18.6 12.4799 18.24 12.4799 18.06 12.6599L13.98 16.7399V10.5599C15.42 10.5599 16.56 9.41987 16.56 7.97987C16.56 6.53987 15.42 5.39987 13.98 5.39987V3.11987H22.98V16.8599Z",
-        fill: "#FF5982"
-      })
-    }), /*#__PURE__*/jsx("defs", {
-      children: /*#__PURE__*/jsx("clipPath", {
-        id: "clip0_1600_26",
-        children: /*#__PURE__*/jsx("rect", {
-          width: "24",
-          height: "24",
-          fill: "white"
-        })
-      })
-    })]
-  });
-};
-
-export default ImageFileIcon;
-//# sourceMappingURL=ImageFileIcon.js.map
+import{makeStyles as i,SvgIcon as t}from"@material-ui/core";import{jsxs as e,jsx as r}from"react/jsx-runtime";var l=i({svgIcon:{height:"32px",width:"32px"}}),h=function(){var i=l();return e(t,{className:i.svgIcon,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[r("g",{clipPath:"url(#clip0_1600_26)",children:r("path",{d:"M23.52 2.03987H13.98V0.599871C13.98 0.239871 13.62 -0.0601292 13.26 -0.000129162L0.42 2.09987C0.18 2.09987 0 2.33987 0 2.57987V21.3599C0 21.5999 0.18 21.8399 0.42 21.8999L13.32 23.9999C13.68 24.0599 14.04 23.7599 14.04 23.3999V21.8999H23.52C23.82 21.8999 24 21.6599 24 21.3599V2.57987C24 2.27987 23.76 2.03987 23.52 2.03987ZM13.98 6.29987C14.88 6.29987 15.6 7.01987 15.6 7.91987C15.6 8.81987 14.88 9.53987 13.98 9.53987V6.29987ZM22.98 20.8199H13.98V18.1799L18.42 13.7399L22.98 18.2999V20.8199ZM22.98 16.8599L18.78 12.6599C18.6 12.4799 18.24 12.4799 18.06 12.6599L13.98 16.7399V10.5599C15.42 10.5599 16.56 9.41987 16.56 7.97987C16.56 6.53987 15.42 5.39987 13.98 5.39987V3.11987H22.98V16.8599Z",fill:"#FF5982"})}),r("defs",{children:r("clipPath",{id:"clip0_1600_26",children:r("rect",{width:"24",height:"24",fill:"white"})})})]})};export{h as default};

package/components/FilesLoader/Icons/PdfFileIcon.js

@@ -1,27 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, SvgIcon } from '@material-ui/core';
-
-var useStyles = makeStyles({
-  svgIcon: {
-    height: '32px',
-    width: '32px'
-  }
-});
-
-var PdfFileIcon = function PdfFileIcon() {
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs(SvgIcon, {
-    viewBox: "0 0 32 32",
-    className: classes.svgIcon,
-    children: [/*#__PURE__*/jsx("path", {
-      d: "M31.36 2.8H18.64V0.72V0.64C18.64 0.64 18.64 0.64 18.64 0.56V0.48L18.56 0.4C18.4 0.16 18.32 0.08 18.16 0C18.08 0 18.08 0 18 0H17.92C17.92 0 17.92 0 17.84 0L0.56 2.8C0.24 2.88 0 3.12 0 3.44V4.8V27.04V28.4C0 28.72 0.24 29.04 0.56 29.12L17.92 32C17.92 32 17.92 32 18 32H18.08C18.16 32 18.16 32 18.24 32C18.4 32 18.48 31.84 18.64 31.76L18.72 31.68V31.6C18.72 31.6 18.72 31.6 18.72 31.52V31.44V29.36H31.36C31.76 29.36 32 29.04 32 28.64V3.44C32 3.12 31.68 2.8 31.36 2.8ZM30.64 27.84H18.64V24.32H26.48C26.88 24.32 27.12 24 27.12 23.6C27.12 23.2 26.8 22.88 26.48 22.88H18.64V19.2H26.48C26.88 19.2 27.12 18.88 27.12 18.48C27.12 18.08 26.8 17.76 26.48 17.76H18.64V14.08H26.48C26.88 14.08 27.12 13.76 27.12 13.36C27.12 12.96 26.8 12.64 26.48 12.64H18.64V8.96H26.48C26.88 8.96 27.12 8.64 27.12 8.24C27.12 7.84 26.8 7.52 26.48 7.52H18.64V4.16H30.64V27.84Z",
-      fill: "#EA2929"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M13.5199 17.9217C13.3599 17.4417 13.0399 17.1217 12.6399 16.8817C12.3999 16.7217 12.0799 16.6417 11.7599 16.6417H9.9199L9.5199 16.0017L10.3999 14.4017C10.5599 14.1617 10.6399 13.8417 10.6399 13.5217C10.6399 12.5617 9.8399 11.7617 8.8799 11.7617C7.9199 11.7617 7.1199 12.5617 7.1199 13.5217C7.1199 13.8417 7.1999 14.0817 7.3599 14.4017L8.2399 16.0017L7.8399 16.7217H5.9199C5.5999 16.7217 5.2799 16.8017 5.0399 16.9617C4.6399 17.2017 4.3199 17.5217 4.1599 18.0017C3.9999 18.4817 4.0799 18.9617 4.3199 19.3617C4.6399 19.9217 5.2799 20.2417 5.8399 20.2417C6.1599 20.2417 6.3999 20.1617 6.7199 20.0017C6.9599 19.8417 7.1999 19.6017 7.3599 19.3617L8.3999 17.7617H9.2799L10.3199 19.3617C10.4799 19.6017 10.7199 19.8417 10.9599 20.0017C11.8399 20.4817 12.8799 20.1617 13.3599 19.2817C13.5999 18.8817 13.6799 18.4017 13.5199 17.9217ZM6.4799 18.8017C6.3999 18.8817 6.3199 18.9617 6.2399 19.0417C6.0799 19.1217 5.9199 19.1217 5.7599 19.1217C5.5999 19.0417 5.4399 18.9617 5.3599 18.8017C5.2799 18.6417 5.2799 18.4817 5.2799 18.3217C5.3599 18.1617 5.4399 18.0017 5.5999 17.9217C5.6799 17.8417 5.7599 17.8417 5.9199 17.8417H7.1199L6.4799 18.8017ZM8.8799 14.8817L8.3199 13.8417C8.2399 13.7617 8.2399 13.6017 8.2399 13.5217C8.2399 13.1217 8.5599 12.8817 8.8799 12.8817C9.2799 12.8817 9.5199 13.2017 9.5199 13.5217C9.5199 13.6017 9.5199 13.7617 9.4399 13.8417L8.8799 14.8817ZM12.3199 18.7217C12.2399 18.8817 12.0799 18.9617 11.9199 19.0417C11.7599 19.1217 11.5999 19.0417 11.4399 18.9617C11.3599 18.8817 11.2799 18.8017 11.1999 18.7217L10.5599 17.7617H11.7599C11.8399 17.7617 11.9999 17.7617 12.0799 17.8417C12.2399 17.9217 12.3199 18.0817 12.3999 18.2417C12.4799 18.4017 12.3999 18.5617 12.3199 18.7217Z",
-      fill: "white"
-    })]
-  });
-};
-
-export default PdfFileIcon;
-//# sourceMappingURL=PdfFileIcon.js.map
+import{makeStyles as C,SvgIcon as H}from"@material-ui/core";import{jsxs as V,jsx as r}from"react/jsx-runtime";var t=C({svgIcon:{height:"32px",width:"32px"}}),L=function(){var C=t();return V(H,{viewBox:"0 0 32 32",className:C.svgIcon,children:[r("path",{d:"M31.36 2.8H18.64V0.72V0.64C18.64 0.64 18.64 0.64 18.64 0.56V0.48L18.56 0.4C18.4 0.16 18.32 0.08 18.16 0C18.08 0 18.08 0 18 0H17.92C17.92 0 17.92 0 17.84 0L0.56 2.8C0.24 2.88 0 3.12 0 3.44V4.8V27.04V28.4C0 28.72 0.24 29.04 0.56 29.12L17.92 32C17.92 32 17.92 32 18 32H18.08C18.16 32 18.16 32 18.24 32C18.4 32 18.48 31.84 18.64 31.76L18.72 31.68V31.6C18.72 31.6 18.72 31.6 18.72 31.52V31.44V29.36H31.36C31.76 29.36 32 29.04 32 28.64V3.44C32 3.12 31.68 2.8 31.36 2.8ZM30.64 27.84H18.64V24.32H26.48C26.88 24.32 27.12 24 27.12 23.6C27.12 23.2 26.8 22.88 26.48 22.88H18.64V19.2H26.48C26.88 19.2 27.12 18.88 27.12 18.48C27.12 18.08 26.8 17.76 26.48 17.76H18.64V14.08H26.48C26.88 14.08 27.12 13.76 27.12 13.36C27.12 12.96 26.8 12.64 26.48 12.64H18.64V8.96H26.48C26.88 8.96 27.12 8.64 27.12 8.24C27.12 7.84 26.8 7.52 26.48 7.52H18.64V4.16H30.64V27.84Z",fill:"#EA2929"}),r("path",{d:"M13.5199 17.9217C13.3599 17.4417 13.0399 17.1217 12.6399 16.8817C12.3999 16.7217 12.0799 16.6417 11.7599 16.6417H9.9199L9.5199 16.0017L10.3999 14.4017C10.5599 14.1617 10.6399 13.8417 10.6399 13.5217C10.6399 12.5617 9.8399 11.7617 8.8799 11.7617C7.9199 11.7617 7.1199 12.5617 7.1199 13.5217C7.1199 13.8417 7.1999 14.0817 7.3599 14.4017L8.2399 16.0017L7.8399 16.7217H5.9199C5.5999 16.7217 5.2799 16.8017 5.0399 16.9617C4.6399 17.2017 4.3199 17.5217 4.1599 18.0017C3.9999 18.4817 4.0799 18.9617 4.3199 19.3617C4.6399 19.9217 5.2799 20.2417 5.8399 20.2417C6.1599 20.2417 6.3999 20.1617 6.7199 20.0017C6.9599 19.8417 7.1999 19.6017 7.3599 19.3617L8.3999 17.7617H9.2799L10.3199 19.3617C10.4799 19.6017 10.7199 19.8417 10.9599 20.0017C11.8399 20.4817 12.8799 20.1617 13.3599 19.2817C13.5999 18.8817 13.6799 18.4017 13.5199 17.9217ZM6.4799 18.8017C6.3999 18.8817 6.3199 18.9617 6.2399 19.0417C6.0799 19.1217 5.9199 19.1217 5.7599 19.1217C5.5999 19.0417 5.4399 18.9617 5.3599 18.8017C5.2799 18.6417 5.2799 18.4817 5.2799 18.3217C5.3599 18.1617 5.4399 18.0017 5.5999 17.9217C5.6799 17.8417 5.7599 17.8417 5.9199 17.8417H7.1199L6.4799 18.8017ZM8.8799 14.8817L8.3199 13.8417C8.2399 13.7617 8.2399 13.6017 8.2399 13.5217C8.2399 13.1217 8.5599 12.8817 8.8799 12.8817C9.2799 12.8817 9.5199 13.2017 9.5199 13.5217C9.5199 13.6017 9.5199 13.7617 9.4399 13.8417L8.8799 14.8817ZM12.3199 18.7217C12.2399 18.8817 12.0799 18.9617 11.9199 19.0417C11.7599 19.1217 11.5999 19.0417 11.4399 18.9617C11.3599 18.8817 11.2799 18.8017 11.1999 18.7217L10.5599 17.7617H11.7599C11.8399 17.7617 11.9999 17.7617 12.0799 17.8417C12.2399 17.9217 12.3199 18.0817 12.3999 18.2417C12.4799 18.4017 12.3999 18.5617 12.3199 18.7217Z",fill:"white"})]})};export{L as default};

package/components/FilesLoader/Icons/UnknownFileIcon.js

@@ -1,24 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, SvgIcon } from '@material-ui/core';
-
-var useStyles = makeStyles({
-  svgIcon: {
-    height: '32px',
-    width: '32px'
-  }
-});
-
-var UnknownFileIcon = function UnknownFileIcon() {
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(SvgIcon, {
-    viewBox: "0 0 32 32",
-    className: classes.svgIcon,
-    children: /*#__PURE__*/jsx("path", {
-      d: "M31.3357 2.784H18.6638V0.696C18.6681 0.661463 18.6681 0.626537 18.6638 0.592V0.592C18.6685 0.554811 18.6685 0.517189 18.6638 0.48V0.48C18.6473 0.440114 18.6258 0.402481 18.5998 0.368V0.368C18.5569 0.277435 18.4945 0.197482 18.417 0.133863C18.3396 0.0702436 18.249 0.0245322 18.1518 0L17.9038 0L0.567954 2.792C0.407636 2.81876 0.262204 2.90205 0.158007 3.02679C0.0538104 3.15154 -0.00225866 3.30948 -4.13915e-05 3.472V28.52C-0.00254391 28.6835 0.053243 28.8425 0.157323 28.9685C0.261404 29.0946 0.406975 29.1795 0.567954 29.208L17.8958 32H18.1438C18.2902 31.9641 18.4199 31.8794 18.5118 31.76V31.76C18.5377 31.7284 18.5592 31.6934 18.5758 31.656V31.656C18.5804 31.6215 18.5804 31.5865 18.5758 31.552C18.5789 31.5388 18.5789 31.5252 18.5758 31.512V31.512C18.5798 31.4774 18.5798 31.4426 18.5758 31.408V31.408V29.328H31.3357C31.516 29.3238 31.6873 29.2482 31.8118 29.1177C31.9363 28.9873 32.0039 28.8127 31.9997 28.6324V3.48C32.0018 3.39069 31.9864 3.30185 31.9541 3.21853C31.9219 3.13521 31.8736 3.05906 31.8119 2.99443C31.7503 2.92979 31.6765 2.87794 31.5948 2.84184C31.513 2.80573 31.425 2.78608 31.3357 2.784V2.784ZM30.6637 27.824H18.6638V4.208H30.6637V27.824Z",
-      fill: "#616161"
-    })
-  });
-};
-
-export default UnknownFileIcon;
-//# sourceMappingURL=UnknownFileIcon.js.map
+import{makeStyles as C,SvgIcon as r}from"@material-ui/core";import{jsx as V}from"react/jsx-runtime";var e=C({svgIcon:{height:"32px",width:"32px"}}),t=function(){var C=e();return V(r,{viewBox:"0 0 32 32",className:C.svgIcon,children:V("path",{d:"M31.3357 2.784H18.6638V0.696C18.6681 0.661463 18.6681 0.626537 18.6638 0.592V0.592C18.6685 0.554811 18.6685 0.517189 18.6638 0.48V0.48C18.6473 0.440114 18.6258 0.402481 18.5998 0.368V0.368C18.5569 0.277435 18.4945 0.197482 18.417 0.133863C18.3396 0.0702436 18.249 0.0245322 18.1518 0L17.9038 0L0.567954 2.792C0.407636 2.81876 0.262204 2.90205 0.158007 3.02679C0.0538104 3.15154 -0.00225866 3.30948 -4.13915e-05 3.472V28.52C-0.00254391 28.6835 0.053243 28.8425 0.157323 28.9685C0.261404 29.0946 0.406975 29.1795 0.567954 29.208L17.8958 32H18.1438C18.2902 31.9641 18.4199 31.8794 18.5118 31.76V31.76C18.5377 31.7284 18.5592 31.6934 18.5758 31.656V31.656C18.5804 31.6215 18.5804 31.5865 18.5758 31.552C18.5789 31.5388 18.5789 31.5252 18.5758 31.512V31.512C18.5798 31.4774 18.5798 31.4426 18.5758 31.408V31.408V29.328H31.3357C31.516 29.3238 31.6873 29.2482 31.8118 29.1177C31.9363 28.9873 32.0039 28.8127 31.9997 28.6324V3.48C32.0018 3.39069 31.9864 3.30185 31.9541 3.21853C31.9219 3.13521 31.8736 3.05906 31.8119 2.99443C31.7503 2.92979 31.6765 2.87794 31.5948 2.84184C31.513 2.80573 31.425 2.78608 31.3357 2.784V2.784ZM30.6637 27.824H18.6638V4.208H30.6637V27.824Z",fill:"#616161"})})};export{t as default};

package/components/FilesLoader/useStyles.js

@@ -1,91 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    fileStateWrapper: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    fileIconContainer: {
-      display: 'flex',
-      alignItems: 'center',
-      marginRight: '10px'
-    },
-    fileState: {
-      display: 'flex',
-      flexGrow: '1',
-      alignItems: 'center'
-    },
-    fileStateProgress: {
-      flexGrow: '1'
-    },
-    fileNameWrapper: {
-      display: 'table',
-      tableLayout: 'fixed',
-      width: '100%'
-    },
-    fileName: {
-      display: 'table-cell',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      fontSize: '14px',
-      lineHeight: '16px',
-      color: theme.palette.primary.text1
-    },
-    fileSize: {
-      fontSize: '11px',
-      lineHeight: '12px',
-      color: theme.palette.primary.text6
-    },
-    checkIcon: {
-      color: theme.palette.success.bright
-    },
-    deleteIcon: {
-      color: theme.palette.primary.text6,
-      cursor: 'pointer'
-    },
-    progressBar: {
-      borderRadius: '2px',
-      height: '2px',
-      margin: '4px 0'
-    },
-    fileActions: {
-      display: 'flex',
-      alignItems: 'center',
-      paddingLeft: '24px'
-    },
-    progressBackground: {
-      backgroundColor: theme.palette.primary.dark
-    },
-    loaderProgressContainer: {
-      display: 'flex',
-      width: '100%',
-      fontSize: '11px',
-      fontWeight: '400',
-      letterSpacing: '0.4px',
-      color: theme.palette.primary.text6,
-      marginTop: '4px'
-    },
-    progressStatus: {
-      flexGrow: 1,
-      display: 'flex',
-      justifyContent: 'flex-end'
-    },
-    errorContainer: {
-      display: 'flex',
-      cursor: 'pointer'
-    },
-    errorText: {
-      color: theme.palette.error.main,
-      fontSize: '11px',
-      fontWeight: '400',
-      letterSpacing: '0.4px',
-      marginRight: '5px',
-      lineHeight: '16px'
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=useStyles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{fileStateWrapper:{display:"flex",alignItems:"center"},fileIconContainer:{display:"flex",alignItems:"center",marginRight:"10px"},fileState:{display:"flex",flexGrow:"1",alignItems:"center"},fileStateProgress:{flexGrow:"1"},fileNameWrapper:{display:"table",tableLayout:"fixed",width:"100%"},fileName:{display:"table-cell",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"14px",lineHeight:"16px",color:e.palette.primary.text1},fileSize:{fontSize:"11px",lineHeight:"12px",color:e.palette.primary.text6},checkIcon:{color:e.palette.success.bright},deleteIcon:{color:e.palette.primary.text6,cursor:"pointer"},progressBar:{borderRadius:"2px",height:"2px",margin:"4px 0"},fileActions:{display:"flex",alignItems:"center",paddingLeft:"24px"},progressBackground:{backgroundColor:e.palette.primary.dark},loaderProgressContainer:{display:"flex",width:"100%",fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",color:e.palette.primary.text6,marginTop:"4px"},progressStatus:{flexGrow:1,display:"flex",justifyContent:"flex-end"},errorContainer:{display:"flex",cursor:"pointer"},errorText:{color:e.palette.error.main,fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",marginRight:"5px",lineHeight:"16px"}}}));export{t as useStyles};

package/components/FolderMenuItem/components/ClosedFolderIcon.js

@@ -1,16 +1 @@
-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 default ClosedFolderIcon;
-//# sourceMappingURL=ClosedFolderIcon.js.map
+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};

package/components/FolderMenuItem/components/FolderIcon.js

@@ -1,50 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ClosedFolderIcon from './ClosedFolderIcon.js';
-import OpenFolderIcon from './OpenFolderIcon.js';
-
-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 default FolderIcon;
-//# sourceMappingURL=FolderIcon.js.map
+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};

package/components/FolderMenuItem/components/OpenFolderIcon.js

@@ -1,16 +1 @@
-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 default OpenFolderIcon;
-//# sourceMappingURL=OpenFolderIcon.js.map
+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};

package/components/FolderMenuItem/index.js

@@ -1,168 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import AddCircleIcon from '@material-ui/icons/AddCircle';
-import ExpandLess from '@material-ui/icons/ExpandLess';
-import ExpandMore from '@material-ui/icons/ExpandMore';
-import FolderIcon from './components/FolderIcon.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 default FolderMenuItem;
-//# sourceMappingURL=index.js.map
+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};

package/components/FolderMenuItemWithLinks/index.js

@@ -1,114 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Collapse, List } from '@material-ui/core';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import FolderMenuItem from '../FolderMenuItem/index.js';
-import '../EditableItem/EditableItem/index.js';
-import EditableItemWithBadge from '../EditableItem/EditableItemWithBadge/index.js';
-
-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 default FolderMenuItemWithLinks;
-//# sourceMappingURL=index.js.map
+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};