@bigbinary/neeto-folders-frontend 1.1.0 → 1.1.2

package/dist/cjs/components.js

@@ -9,7 +9,7 @@ var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../useFolderActions-DCs7hXdW.js');
+var useFolderActions = require('../useFolderActions-BaDwQAdE.js');
 var pathUtils = require('../pathUtils-CHuLm_t6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
@@ -17,13 +17,15 @@ var react = require('react');
 var formik = require('formik');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Input = require('@bigbinary/neetoui/formik/Input');
-var Select = require('@bigbinary/neetoui/formik/Select');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
-var ramda = require('ramda');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var Button = require('@bigbinary/neetoui/Button');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var antd = require('antd');
 var classNames = require('classnames');
+var Down = require('@bigbinary/neeto-icons/Down');
+var Label = require('@bigbinary/neetoui/Label');
+var ramda = require('ramda');
+var Button = require('@bigbinary/neetoui/Button');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Radio = require('@bigbinary/neetoui/Radio');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
@@ -39,8 +41,8 @@ require('@tanstack/react-query');
 require('./constants.js');
 require('zustand');
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersAlerts = function FoldersAlerts(_ref) {
   var config = _ref.config;
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
@@ -103,7 +105,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
             }
             return _context.abrupt("return");
           case 9:
-            history.replace(utils.buildUrl(config.folderPath, _objectSpread$9(_objectSpread$9({}, queryParams), {}, {
+            history.replace(utils.buildUrl(config.folderPath, _objectSpread$a(_objectSpread$a({}, queryParams), {}, {
               folderId: parent.sid
             })));
           case 10:
@@ -125,13 +127,125 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
     if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
     alertProps.onSubmit = onConfirmDelete;
   }
-  return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$9({}, alertProps));
+  return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$a({}, alertProps));
+};
+
+var _excluded$4 = ["className", "disabled", "fieldNames", "label", "loading", "name", "placeholder", "required", "showSearch", "size", "treeData"];
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TreeSelect = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
+  var _fieldNames$label;
+  var className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    fieldNames = _ref.fieldNames,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    name = _ref.name,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "middle" : _ref$size,
+    treeData = _ref.treeData,
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var hasLeafNodes = treeData === null || treeData === void 0 ? void 0 : treeData.some(function (node) {
+    return (node === null || node === void 0 ? void 0 : node.pId) !== null;
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-ui-input__wrapper",
+    children: [label && /*#__PURE__*/jsxRuntime.jsx(Label, {
+      required: required,
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
+      theme: {
+        components: {
+          TreeSelect: {
+            titleHeight: 28
+          }
+        }
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.TreeSelect, _objectSpread$9(_objectSpread$9({
+        treeDataSimpleMode: true,
+        "data-cy": "nui-select-container-wrapper",
+        dropdownStyle: {
+          zIndex: 100000
+        },
+        name: field.name,
+        popupClassName: "neeto-ui-tree-select-dropdown",
+        suffixIcon: /*#__PURE__*/jsxRuntime.jsx(Down, {}),
+        treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "title",
+        value: field.value || undefined,
+        className: classNames("neeto-ui-tree-select__wrapper", className, {
+          "neeto-ui-tree-select__error": meta.error
+        }),
+        switcherIcon: function switcherIcon(props) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$9(_objectSpread$9({}, props), {}, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Down, {})
+          }));
+        },
+        onBlur: function onBlur() {
+          return setTouched(true);
+        },
+        onChange: function onChange(value) {
+          return setValue(value);
+        }
+      }, _objectSpread$9({
+        disabled: disabled,
+        fieldNames: fieldNames,
+        loading: loading,
+        placeholder: placeholder,
+        ref: ref,
+        showSearch: showSearch,
+        size: size,
+        treeData: treeData
+      }, otherProps)), {}, {
+        dropdownRender: function dropdownRender(menu) {
+          return hasLeafNodes ? menu : /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "-mx-5 -ml-6",
+            children: menu
+          });
+        }
+      }))
+    }), meta.error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-ui-input__error",
+      children: meta.error
+    })]
+  });
+});
+TreeSelect.displayName = "TreeSelect";
+
+var createFolderOptions = function createFolderOptions(foldersMap, config) {
+  return ramda.values(foldersMap).map(function (folder) {
+    var _folder$meta$parent;
+    return {
+      id: folder.id,
+      title: folder.name,
+      value: folder.id,
+      pId: (_folder$meta$parent = folder.meta.parent) === null || _folder$meta$parent === void 0 ? void 0 : _folder$meta$parent.id,
+      disabled: folder.meta.depth >= config.maxDepth
+    };
+  });
 };
 
-var flattenTree = ramda.pipe(pathUtils.treeToMap, ramda.values);
 var AddEditPane = function AddEditPane(_ref) {
-  var config = _ref.config,
+  var setFocusField = _ref.setFocusField,
+    config = _ref.config,
     onClose = _ref.onClose;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       var _store$paneState, _store$paneState2;
       return {
@@ -147,16 +261,23 @@ var AddEditPane = function AddEditPane(_ref) {
     createFolder = _useCreateFolder.mutate;
   var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
     updateFolder = _useUpdateFolder.mutateAsync;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   var isEditing = type === "edit" && item;
-  var initialValues = isEditing ? item : {
-    name: "",
-    parentId: null
-  };
-  var folderOptions = react.useMemo(function () {
-    return flattenTree(folders);
+  var foldersMap = react.useMemo(function () {
+    return pathUtils.treeToMap(folders, "sid");
   }, [folders]);
+  var folderOptions = react.useMemo(function () {
+    return createFolderOptions(foldersMap, config);
+  }, [foldersMap]);
+  var activeFolderSid = useFolderActions.getActiveFolderId(config);
+  var activeFolder = foldersMap[activeFolderSid];
+  var isValidParent = (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.meta.depth) < config.maxDepth;
+  var parentId = isValidParent ? activeFolder.id : null;
+  var initialValues = react.useMemo(function () {
+    return isEditing ? item : {
+      name: "",
+      parentId: parentId
+    };
+  }, [isEditing, item, parentId]);
   var onSubmitForm = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
       var payload;
@@ -202,31 +323,24 @@ var AddEditPane = function AddEditPane(_ref) {
       })
     }), /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
       initialValues: initialValues,
+      enableReinitialize: true,
       onSubmit: onSubmitForm,
-      children: function children(_ref3) {
-        var setFieldValue = _ref3.setFieldValue;
+      children: function children() {
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
             children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
               className: "w-full space-y-5",
               children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
                 label: t("folders.name"),
-                name: "name"
+                name: "name",
+                ref: setFocusField
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
-                  isClearable: true,
-                  filterOption: function filterOption(_ref4) {
-                    var value = _ref4.value;
-                    return value !== initialValues.id;
-                  },
-                  getOptionLabel: ramda.prop("name"),
-                  getOptionValue: ramda.prop("id"),
+                children: [/*#__PURE__*/jsxRuntime.jsx(TreeSelect, {
+                  allowClear: true,
+                  showSearch: true,
                   label: t("createFolder.parentTitle"),
                   name: "parentId",
-                  options: folderOptions,
-                  onChange: function onChange(option) {
-                    return setFieldValue("parentId", option ? option.id : null);
-                  }
+                  treeData: folderOptions
                 }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   style: "nano",
                   children: t("createFolder.parentInfo")
@@ -274,7 +388,7 @@ var Node = function Node(_ref, ref) {
       length: depth
     }).map(function (_, index) {
       return /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "relative border-l",
+        className: "neeto-ui-border-gray-200 relative border-l",
         style: {
           width: indentSize,
           left: Math.round(indentSize / 2)
@@ -619,12 +733,13 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         return setDragItem(active.data.current);
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+        className: "pb-6",
         children: /*#__PURE__*/react.createElement(_DraggableNode, _objectSpread$4(_objectSpread$4({}, nodeProps), {}, {
           folder: tree,
           key: tree.id
         }))
       }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
-        className: "space-x-2",
+        className: "gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
           disabled: ramda.isEmpty(changes),
           label: t("common.save"),
@@ -674,10 +789,17 @@ var FoldersPane = function FoldersPane(_ref) {
     config: config,
     onClose: onClose
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+  return /*#__PURE__*/jsxRuntime.jsx(Pane, {
     onClose: onClose,
     isOpen: !!type,
-    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$3({}, commonProps)), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$3({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderFoldersPane, _objectSpread$3({}, commonProps))]
+    children: function children(_ref2) {
+      var setFocusField = _ref2.setFocusField;
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$3({}, _objectSpread$3({
+          setFocusField: setFocusField
+        }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$3({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderFoldersPane, _objectSpread$3({}, commonProps))]
+      });
+    }
   });
 };
 
@@ -729,44 +851,42 @@ var FolderTile = function FolderTile(_ref) {
   }));
   metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel));
   return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, {
-    className: "neeto-ui-bg-gray-100 neeto-ui-rounded-md m-2 w-64 border p-3",
+    className: "neeto-ui-bg-gray-50 neeto-ui-border-gray-200 neeto-ui-rounded-md hover:neeto-ui-border-primary-500 relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in",
     to: link,
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-1 flex items-center justify-between",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox, {
-          checked: isSelected,
-          className: "mr-2",
-          name: folder.id,
-          onChange: function onChange(event) {
-            return onSelect(folder, event.target.checked);
-          },
-          onClick: function onClick(event) {
-            return event.stopPropagation();
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
-          content: folder.name,
-          delay: [300, 0],
-          children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-            className: "line-clamp-1",
-            style: "body1",
-            weight: "medium",
-            children: folder.name
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
-        menuItems: menuItems,
-        dropdownProps: {
-          onClick: function onClick(event) {
-            return event.preventDefault();
-          }
-        }
+    children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox, {
+      checked: isSelected,
+      className: "m-0 flex-shrink-0 flex-grow-0 pt-0.5",
+      name: folder.id,
+      onChange: function onChange(event) {
+        return onSelect(folder, event.target.checked);
+      },
+      onClick: function onClick(event) {
+        return event.stopPropagation();
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: "flex min-w-0 flex-grow flex-col gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "-mt-0.5 line-clamp-2 pr-8",
+        lineHeight: "snug",
+        style: "body1",
+        title: folder.name,
+        weight: "medium",
+        children: folder.name
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        style: "body3",
+        children: metaInfo.join(" . ")
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "ml-6",
-      style: "body3",
-      children: metaInfo.join(" . ")
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+      menuItems: menuItems,
+      dropdownButtonProps: {
+        className: "absolute right-2 top-2"
+      },
+      dropdownProps: {
+        onClick: function onClick(event) {
+          return event.preventDefault();
+        }
+      }
     })]
   });
 };
@@ -779,12 +899,13 @@ var FoldersList = function FoldersList(_ref) {
     configProps = _ref.config,
     onSelect = _ref.onSelect;
   var config = _objectSpread$2(_objectSpread$2({}, useFolderActions.DEFAULT_CONFIG), configProps);
-  var params = reactUtils.useQueryParams({
-    toCamelCase: false
-  });
+  var params = reactUtils.useQueryParams();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useFolders = useFolderActions.useFolders(config),
+  var fetchParams = ramda.pick(["sortBy", "orderBy"], params);
+  var _useFolders = useFolderActions.useFolders(_objectSpread$2(_objectSpread$2({}, config), {}, {
+      params: fetchParams
+    })),
     folders = _useFolders.folders;
   var _useFolder = useFolderActions.useFolder(config),
     folderId = _useFolder.folderId,
@@ -795,11 +916,11 @@ var FoldersList = function FoldersList(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(FoldersContext, {
     config: config,
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "mb-2 mt-2",
+      className: "my-3",
       style: "h4",
       children: t("folders.title")
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "mb-6 flex flex-wrap justify-items-center",
+      className: "neeto-folders-grid-view-wrapper mb-10 grid w-full gap-4",
       children: subFolders.map(function (folder) {
         return /*#__PURE__*/react.createElement(FolderTile, {
           actions: actions,
@@ -839,20 +960,17 @@ var FolderNode = function FolderNode(_ref) {
     link = _ref.link;
   return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.NavLink, {
     activeClassName: "active",
-    className: "block",
+    className: "neeto-sidebar-folders-tree__folder-node block",
     isActive: function isActive() {
       return _isActive;
     },
     to: link,
-    children: /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
-      content: folder.name,
-      delay: [300, 0],
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "line-clamp-1",
-        component: "span",
-        style: "body2",
-        children: folder.name
-      })
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      className: "line-clamp-1",
+      component: "span",
+      style: "body2",
+      title: folder.name,
+      children: folder.name
     })
   });
 };
@@ -902,9 +1020,10 @@ var FoldersTree = function FoldersTree(_ref) {
     autoExpandParent: true,
     blockNode: true,
     showLine: true,
+    className: "neeto-sidebar-folders-tree",
     componentToken: {
-      titleHeight: 25,
-      indentSize: 25
+      titleHeight: 24,
+      indentSize: 24
     },
     fieldNames: {
       key: "sid"
@@ -924,6 +1043,11 @@ var FoldersTree = function FoldersTree(_ref) {
   });
 };
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper{padding-inline:6px!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-accent-800))!important;font-weight:500}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher .ant-tree-switcher-icon{position:relative}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBQ0UsNEJBQ0YsQ0FFQSwyRkFFRSwyQ0FBQSxDQURBLCtDQUFBLENBRUEsZUFDRixDQUVBLGdGQUNFLGlCQUNGLENBRUEsaUNBQ0UseURBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlIHtcbiAgY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS1ub2RlLWNvbnRlbnQtd3JhcHBlciB7XG4gIHBhZGRpbmctaW5saW5lOiA2cHggIWltcG9ydGFudFxufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyLmFudC10cmVlLW5vZGUtc2VsZWN0ZWQge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWFjY2VudC04MDApKSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS1zd2l0Y2hlciAuYW50LXRyZWUtc3dpdGNoZXItaWNvbiB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm5lZXRvLWZvbGRlcnMtZ3JpZC12aWV3LXdyYXBwZXIge1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpbGwsIG1pbm1heCgyNTZweCwgMWZyKSk7XG59XG4iXX0= */";
+n(css,{});
+
 exports.FoldersContext = FoldersContext;
 exports.FoldersList = FoldersList;
 exports.FoldersTree = FoldersTree;