ywana-core8 0.0.888 → 0.0.890

package/dist/index.cjs

@@ -4306,16 +4306,67 @@ var UploadDialog = function UploadDialog(_ref) {
   }), children);
 };
 
+/**
+ * File Explorer
+ */
+var FileExplorer = function FileExplorer(props) {
+  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(),
+    selectedFile = _useState2[0],
+    setSelectedFile = _useState2[1];
+  var _useState3 = React.useState(),
+    search = _useState3[0],
+    setSearch = _useState3[1];
+  function selectFolder(id) {
+    setSelectedFolder(id);
+  }
+  function selectFile(id) {
+    setSelectedFile(id);
+  }
+  function searchChanged(value) {
+    setSearch(value);
+  }
+  var filteredFiles = search ? files.filter(function (file) {
+    return file.title.toLowerCase().includes(search.toLowerCase());
+  }) : files;
+  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",
+    folders: folders,
+    selectedFolder: selectedFolder,
+    onSelectFolder: selectFolder,
+    files: selectedFiles,
+    selectedFile: selectedFile,
+    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,
@@ -4366,8 +4417,8 @@ 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) {
@@ -4403,8 +4454,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) {
@@ -4452,8 +4503,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",
@@ -11083,9 +11134,12 @@ exports.EditContentDialog = EditContentDialog;
 exports.EmptyMessage = EmptyMessage;
 exports.FORMATS = FORMATS$1;
 exports.FieldEditor = FieldEditor;
+exports.FileExplorer = FileExplorer;
 exports.FileExplorerView = FileExplorerView;
+exports.FileGridItem = FileGridItem;
 exports.FilesGridView = FilesGridView;
 exports.FilesSearchBox = FilesSearchBox;
+exports.FilesTableView = FilesTableView;
 exports.FoldersTreeView = FoldersTreeView;
 exports.Form = Form;
 exports.HTTPClient = HTTPClient;