ywana-core8 0.0.888 → 0.0.890

package/dist/index.umd.js

@@ -4299,16 +4299,67 @@
       }), 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,
@@ -4359,8 +4410,8 @@
       }) : 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) {
@@ -4396,8 +4447,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) {
@@ -4445,8 +4496,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",
@@ -11076,9 +11127,12 @@
     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;