ywana-core8 0.0.890 → 0.0.892

package/dist/index.umd.js

@@ -4305,8 +4305,12 @@
     var FileExplorer = function FileExplorer(props) {
       var _props$files = props.files,
         files = _props$files === void 0 ? [] : _props$files,
+        onSelectFile = props.onSelectFile,
         _props$folders = props.folders,
-        folders = _props$folders === void 0 ? [] : _props$folders;
+        folders = _props$folders === void 0 ? [] : _props$folders,
+        onSelectFolder = props.onSelectFolder,
+        _props$defaultView = props.defaultView,
+        defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView;
       var _useState = React.useState(),
         selectedFolder = _useState[0],
         setSelectedFolder = _useState[1];
@@ -4316,6 +4320,18 @@
       var _useState3 = React.useState(),
         search = _useState3[0],
         setSearch = _useState3[1];
+      React.useEffect(function () {
+        if (files.length > 0) {
+          setSelectedFolder(files[0].folder);
+          setSelectedFile(files[0].id);
+        }
+      }, [files]);
+      React.useEffect(function () {
+        if (onSelectFile) onSelectFile(selectedFile);
+      }, [selectedFile]);
+      React.useEffect(function () {
+        if (onSelectFolder) onSelectFolder(selectedFolder);
+      }, [selectedFolder]);
       function selectFolder(id) {
         setSelectedFolder(id);
       }
@@ -4331,14 +4347,7 @@
       var selectedFiles = filteredFiles.filter(function (file) {
         return file.folder === selectedFolder;
       });
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        style: {
-          padding: "1rem",
-          flex: "1",
-          height: "100%"
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
-        title: "File Explorer Test",
+      return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
         folders: folders,
         selectedFolder: selectedFolder,
         onSelectFolder: selectFolder,
@@ -4346,8 +4355,9 @@
         selectedFile: selectedFile,
         onSelectFile: selectFile,
         search: search,
-        onSearch: searchChanged
-      }));
+        onSearch: searchChanged,
+        selectedView: defaultView
+      });
     };
 
     /**
@@ -4363,8 +4373,10 @@
         selectedFile = props.selectedFile,
         onSelectFile = props.onSelectFile,
         search = props.search,
-        onSearch = props.onSearch;
-      var _useState4 = React.useState('list'),
+        onSearch = props.onSearch,
+        _props$selectedView = props.selectedView,
+        selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
+      var _useState4 = React.useState(selectedView),
         view = _useState4[0],
         setView = _useState4[1];
       var folder = folders.find(function (folder) {
@@ -4418,15 +4430,26 @@
         return selected === id;
       }
       return /*#__PURE__*/React__default["default"].createElement(Tree, null, folders.map(function (folder) {
-        return /*#__PURE__*/React__default["default"].createElement(TreeItem, {
-          key: folder.id,
-          icon: folder.icon,
-          label: folder.title,
-          onSelect: function onSelect() {
-            return _onSelect(folder.id);
-          },
-          selected: isSelected(folder.id)
-        });
+        if (folder.children) {
+          return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
+            key: folder.id,
+            label: folder.title
+          }, /*#__PURE__*/React__default["default"].createElement(FoldersTreeView, {
+            folders: folder.children,
+            selected: selected,
+            onSelect: _onSelect
+          }));
+        } else {
+          return /*#__PURE__*/React__default["default"].createElement(TreeItem, {
+            key: folder.id,
+            icon: folder.icon,
+            label: folder.title,
+            onSelect: function onSelect() {
+              return _onSelect(folder.id);
+            },
+            selected: isSelected(folder.id)
+          });
+        }
       }));
     };
     var FilesSearchBox = function FilesSearchBox(props) {