ywana-core8 0.0.889 → 0.0.891

package/dist/index.umd.js

@@ -4303,7 +4303,11 @@
      * 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(),
@@ -4327,13 +4331,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, {
+      return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
         title: "File Explorer Test",
         folders: folders,
         selectedFolder: selectedFolder,
@@ -4343,19 +4341,19 @@
         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,
@@ -4406,23 +4404,35 @@
       }) : 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) {
@@ -4443,8 +4453,8 @@
      * 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) {
@@ -4492,8 +4502,8 @@
       }, 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",