ywana-core8 0.0.890 → 0.0.892

package/dist/index.modern.js

@@ -4303,8 +4303,12 @@ var UploadDialog = function UploadDialog(_ref) {
 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 = useState(),
     selectedFolder = _useState[0],
     setSelectedFolder = _useState[1];
@@ -4314,6 +4318,18 @@ var FileExplorer = function FileExplorer(props) {
   var _useState3 = useState(),
     search = _useState3[0],
     setSearch = _useState3[1];
+  useEffect(function () {
+    if (files.length > 0) {
+      setSelectedFolder(files[0].folder);
+      setSelectedFile(files[0].id);
+    }
+  }, [files]);
+  useEffect(function () {
+    if (onSelectFile) onSelectFile(selectedFile);
+  }, [selectedFile]);
+  useEffect(function () {
+    if (onSelectFolder) onSelectFolder(selectedFolder);
+  }, [selectedFolder]);
   function selectFolder(id) {
     setSelectedFolder(id);
   }
@@ -4329,14 +4345,7 @@ var FileExplorer = function FileExplorer(props) {
   var selectedFiles = filteredFiles.filter(function (file) {
     return file.folder === selectedFolder;
   });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: "1rem",
-      flex: "1",
-      height: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(FileExplorerView, {
-    title: "File Explorer Test",
+  return /*#__PURE__*/React.createElement(FileExplorerView, {
     folders: folders,
     selectedFolder: selectedFolder,
     onSelectFolder: selectFolder,
@@ -4344,8 +4353,9 @@ var FileExplorer = function FileExplorer(props) {
     selectedFile: selectedFile,
     onSelectFile: selectFile,
     search: search,
-    onSearch: searchChanged
-  }));
+    onSearch: searchChanged,
+    selectedView: defaultView
+  });
 };
 
 /**
@@ -4361,8 +4371,10 @@ var FileExplorerView = function FileExplorerView(props) {
     selectedFile = props.selectedFile,
     onSelectFile = props.onSelectFile,
     search = props.search,
-    onSearch = props.onSearch;
-  var _useState4 = useState('list'),
+    onSearch = props.onSearch,
+    _props$selectedView = props.selectedView,
+    selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
+  var _useState4 = useState(selectedView),
     view = _useState4[0],
     setView = _useState4[1];
   var folder = folders.find(function (folder) {
@@ -4416,15 +4428,26 @@ var FoldersTreeView = function FoldersTreeView(props) {
     return selected === id;
   }
   return /*#__PURE__*/React.createElement(Tree, null, folders.map(function (folder) {
-    return /*#__PURE__*/React.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.createElement(TreeNode, {
+        key: folder.id,
+        label: folder.title
+      }, /*#__PURE__*/React.createElement(FoldersTreeView, {
+        folders: folder.children,
+        selected: selected,
+        onSelect: _onSelect
+      }));
+    } else {
+      return /*#__PURE__*/React.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) {