ywana-core8 0.0.889 → 0.0.891

package/dist/index.cjs

@@ -4310,7 +4310,11 @@ var UploadDialog = function UploadDialog(_ref) {
  * File Explorer
  */
 var FileExplorer = function FileExplorer(props) {
-  var _useState = React.useState("10002"),
+  var _props$files = props.files,
+    files = _props$files === void 0 ? [] : _props$files,
+    _props$folders = props.folders,
+    folders = _props$folders === void 0 ? [] : _props$folders;
+  var _useState = React.useState(),
     selectedFolder = _useState[0],
     setSelectedFolder = _useState[1];
   var _useState2 = React.useState(),
@@ -4334,13 +4338,7 @@ var FileExplorer = function FileExplorer(props) {
   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, {
+  return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
     title: "File Explorer Test",
     folders: folders,
     selectedFolder: selectedFolder,
@@ -4350,19 +4348,19 @@ var FileExplorer = function FileExplorer(props) {
     onSelectFile: selectFile,
     search: search,
     onSearch: searchChanged
-  }));
+  });
 };
 
 /**
  * File Explorer View
  */
 var FileExplorerView = function FileExplorerView(props) {
-  var _props$folders = props.folders,
-    folders = _props$folders === void 0 ? [] : _props$folders,
+  var _props$folders2 = props.folders,
+    folders = _props$folders2 === void 0 ? [] : _props$folders2,
     selectedFolder = props.selectedFolder,
     onSelectFolder = props.onSelectFolder,
-    _props$files = props.files,
-    files = _props$files === void 0 ? [] : _props$files,
+    _props$files2 = props.files,
+    files = _props$files2 === void 0 ? [] : _props$files2,
     selectedFile = props.selectedFile,
     onSelectFile = props.onSelectFile,
     search = props.search,
@@ -4413,23 +4411,35 @@ var FileExplorerView = function FileExplorerView(props) {
   }) : null));
 };
 var FoldersTreeView = function FoldersTreeView(props) {
-  var _props$folders2 = props.folders,
-    folders = _props$folders2 === void 0 ? [] : _props$folders2,
+  var _props$folders3 = props.folders,
+    folders = _props$folders3 === void 0 ? [] : _props$folders3,
     selected = props.selected,
     _onSelect = props.onSelect;
   function isSelected(id) {
     return selected === id;
   }
+  console.log("FoldersTreeView", folders);
   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) {
@@ -4450,8 +4460,8 @@ var FilesSearchBox = function FilesSearchBox(props) {
  * File Icons View
  */
 var FilesGridView = function FilesGridView(props) {
-  var _props$files2 = props.files,
-    files = _props$files2 === void 0 ? [] : _props$files2,
+  var _props$files3 = props.files,
+    files = _props$files3 === void 0 ? [] : _props$files3,
     selected = props.selected,
     onSelect = props.onSelect;
   function isSelected(id) {
@@ -4499,8 +4509,8 @@ var FileGridItem = function FileGridItem(props) {
   }, subtitle)));
 };
 var FilesTableView = function FilesTableView(props) {
-  var _props$files3 = props.files,
-    files = _props$files3 === void 0 ? [] : _props$files3;
+  var _props$files4 = props.files,
+    files = _props$files4 === void 0 ? [] : _props$files4;
   var table = {
     columns: [{
       id: "icon",