@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/FilesLoaderV2/styles.js

@@ -1,57 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      borderRadius: theme.spacing(1),
-      border: "1px solid ".concat(theme.palette.primary.text1, "14"),
-      padding: theme.spacing(1, 2),
-      width: "100%",
-      minHeight: 64,
-      display: 'flex',
-      flexFlow: 'row nowrap',
-      gap: theme.spacing(2),
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    },
-    icon: {
-      width: 32,
-      height: 32
-    },
-    content: {
-      flexGrow: 1,
-      minWidth: 1
-    },
-    name: {
-      lineHeight: '20px!important'
-    },
-    progressBar: {
-      height: 2,
-      margin: theme.spacing(0.5, 0),
-      borderRadius: 2
-    },
-    progressTextContainer: {
-      display: 'flex',
-      flexFlow: 'row nowrap',
-      gap: theme.spacing(2),
-      justifyContent: 'space-between',
-      minWidth: 1
-    },
-    progressText: {
-      color: theme.palette.primary.text6,
-      lineHeight: '16px!important'
-    },
-    error: {
-      lineHeight: '16px!important',
-      color: theme.palette.error.main,
-      display: 'flex',
-      flexFlow: 'row nowrap',
-      alignItems: 'center',
-      gap: theme.spacing(1),
-      paddingTop: theme.spacing(0.5)
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{root:{borderRadius:e.spacing(1),border:"1px solid ".concat(e.palette.primary.text1,"14"),padding:e.spacing(1,2),width:"100%",minHeight:64,display:"flex",flexFlow:"row nowrap",gap:e.spacing(2),alignItems:"center",justifyContent:"space-between"},icon:{width:32,height:32},content:{flexGrow:1,minWidth:1},name:{lineHeight:"20px!important"},progressBar:{height:2,margin:e.spacing(.5,0),borderRadius:2},progressTextContainer:{display:"flex",flexFlow:"row nowrap",gap:e.spacing(2),justifyContent:"space-between",minWidth:1},progressText:{color:e.palette.primary.text6,lineHeight:"16px!important"},error:{lineHeight:"16px!important",color:e.palette.error.main,display:"flex",flexFlow:"row nowrap",alignItems:"center",gap:e.spacing(1),paddingTop:e.spacing(.5)}}}));export{t as useStyles};

package/components/FilesLoaderV2/utils.js

@@ -1,12 +1 @@
-import '../../utils/index.js';
-import { formatFileSize } from '../../utils/formatFileSize.js';
-
-var formatSizeProgress = function formatSizeProgress(total, current) {
-  if (total >= 0 && current >= 0) {
-    return "".concat(formatFileSize(current), " of ").concat(formatFileSize(total));
-  }
-  return null;
-};
-
-export { formatSizeProgress };
-//# sourceMappingURL=utils.js.map
+import"../../utils/index.js";import{formatFileSize as t}from"../../utils/formatFileSize.js";var o=function(o,i){return o>=0&&i>=0?"".concat(t(i)," of ").concat(t(o)):null};export{o as formatSizeProgress};

package/components/FilesProcessor/FilesProcessor.js

@@ -1,122 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect, useCallback } from 'react';
-import { FilesDropzone } from '../FilesDropzone/FilesDropzone.js';
-import { FilesLoaderV2 } from '../FilesLoaderV2/FilesLoaderV2.js';
-import { useStyles } from './styles.js';
-import classNames from 'classnames';
-import { Processor } from './Processor.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FilesProcessor = function FilesProcessor(props) {
-  var multiple = props.multiple,
-    accept = props.accept,
-    className = props.className,
-    processFile = props.processFile,
-    _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value,
-    onDone = props.onDone,
-    onDelete = props.onDelete,
-    maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    formatProgress = props.formatProgress,
-    onProcessingFailure = props.onProcessingFailure,
-    onStartProcessing = props.onStartProcessing;
-  var styles = useStyles();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadingFiles = _useState2[0],
-    setUploadingFiles = _useState2[1];
-  useEffect(function () {
-    var done = uploadingFiles.length > 0 && uploadingFiles.every(function (item) {
-      return 'success' in item;
-    }) && uploadingFiles.some(function (item) {
-      return item.success;
-    });
-    if (done) {
-      setUploadingFiles(function (items) {
-        return items.filter(function (_ref) {
-          var success = _ref.success;
-          return !success;
-        });
-      });
-      onDone(uploadingFiles.filter(function (_ref2) {
-        var success = _ref2.success;
-        return success;
-      }).map(function (_ref3) {
-        var data = _ref3.data;
-        return data;
-      }));
-    }
-  }, [uploadingFiles]);
-  var onUploadedDelete = useCallback(function (file) {
-    setUploadingFiles(function (items) {
-      return items.filter(function (item) {
-        return item.file !== file;
-      });
-    });
-  }, []);
-  var onFileUploaded = useCallback(function (result) {
-    if (!result.success) {
-      onProcessingFailure === null || onProcessingFailure === void 0 ? void 0 : onProcessingFailure(result.file, result.cancelled, result.error);
-    }
-    setUploadingFiles(function (uploadingFiles) {
-      return uploadingFiles.map(function (uploadingFile) {
-        if (uploadingFile.file === result.file) {
-          return _objectSpread(_objectSpread({}, uploadingFile), {}, {
-            data: result.data,
-            success: result.success
-          });
-        }
-        return uploadingFile;
-      });
-    });
-  }, []);
-  var onDrop = useCallback(function (files) {
-    onStartProcessing === null || onStartProcessing === void 0 ? void 0 : onStartProcessing(files);
-    var newFiles = files.map(function (file) {
-      return {
-        file: file
-      };
-    });
-    setUploadingFiles(function (initial) {
-      return [].concat(_toConsumableArray(initial), _toConsumableArray(newFiles));
-    });
-  }, []);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    children: [(multiple || uploadingFiles.length === 0 && (value === null || value === void 0 ? void 0 : value.length) === 0) && /*#__PURE__*/jsx(FilesDropzone, {
-      multiple: multiple,
-      onDrop: onDrop,
-      accept: accept,
-      maxFiles: maxFiles,
-      maxSize: maxSize
-    }), (uploadingFiles.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0) && /*#__PURE__*/jsxs("div", {
-      className: styles.files,
-      children: [uploadingFiles.map(function (item) {
-        return /*#__PURE__*/jsx(Processor, {
-          processFile: processFile,
-          onStatusChange: onFileUploaded,
-          file: item.file,
-          onDelete: onUploadedDelete,
-          formatProgress: formatProgress
-        }, "".concat(item.file.size, "|").concat(item.file.name));
-      }), value === null || value === void 0 ? void 0 : value.map(function (item) {
-        return /*#__PURE__*/jsx(FilesLoaderV2, {
-          name: item.name,
-          onDelete: onDelete ? function () {
-            return onDelete(item);
-          } : undefined,
-          total: 0,
-          current: 0
-        });
-      })]
-    })]
-  });
-};
-
-export { FilesProcessor };
-//# sourceMappingURL=FilesProcessor.js.map
+import{__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as i,useCallback as s}from"react";import{FilesDropzone as c}from"../FilesDropzone/FilesDropzone.js";import{FilesLoaderV2 as l}from"../FilesLoaderV2/FilesLoaderV2.js";import{useStyles as u}from"./styles.js";import a from"classnames";import{Processor as f}from"./Processor.js";var m=function(m){var p=m.multiple,d=m.accept,v=m.className,g=m.processFile,F=m.value,h=void 0===F?[]:F,D=m.onDone,j=m.onDelete,x=m.maxFiles,z=m.maxSize,P=m.formatProgress,S=m.onProcessingFailure,N=m.onStartProcessing,b=u(),y=o([]),L=y[0],V=y[1];i((function(){L.length>0&&L.every((function(e){return"success"in e}))&&L.some((function(e){return e.success}))&&(V((function(e){return e.filter((function(e){return!e.success}))})),D(L.filter((function(e){return e.success})).map((function(e){return e.data}))))}),[L]);var C=s((function(e){V((function(n){return n.filter((function(n){return n.file!==e}))}))}),[]),_=s((function(n){n.success||null==S||S(n.file,n.cancelled,n.error),V((function(r){return r.map((function(r){return r.file===n.file?e(e({},r),{data:n.data,success:n.success}):r}))}))}),[]),k=s((function(e){null==N||N(e);var r=e.map((function(e){return{file:e}}));V((function(e){return n(n([],e,!0),r,!0)}))}),[]);return r("div",{className:a(b.root,v),children:[(p||0===L.length&&0===(null==h?void 0:h.length))&&t(c,{multiple:p,onDrop:k,accept:d,maxFiles:x,maxSize:z}),(L.length>0||(null==h?void 0:h.length)>0)&&r("div",{className:b.files,children:[L.map((function(e){return t(f,{processFile:g,onStatusChange:_,file:e.file,onDelete:C,formatProgress:P},"".concat(e.file.size,"|").concat(e.file.name))})),null==h?void 0:h.map((function(e){return t(l,{name:e.name,onDelete:j?function(){return j(e)}:void 0,total:0,current:0})}))]})]})};export{m as FilesProcessor};

package/components/FilesProcessor/Processor.js

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

package/components/FilesProcessor/styles.js

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

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 { ClosedFolderIcon as default };
-//# 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,48 +1 @@
-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
+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 { OpenFolderIcon as default };
-//# 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,165 +1 @@
-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
+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};