ywana-core8 0.0.902 → 0.0.904

package/dist/index.cjs

@@ -4360,6 +4360,7 @@ var FileExplorer = function FileExplorer(props) {
     _props$files = props.files,
     files = _props$files === void 0 ? [] : _props$files,
     onSelectFile = props.onSelectFile,
+    onDeleteFile = props.onDeleteFile,
     _props$folders = props.folders,
     folders = _props$folders === void 0 ? [] : _props$folders,
     onSelectFolder = props.onSelectFolder,
@@ -4367,7 +4368,9 @@ var FileExplorer = function FileExplorer(props) {
     defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView,
     defaultFolder = props.defaultFolder,
     _props$filterableColu = props.filterableColumns,
-    filterableColumns = _props$filterableColu === void 0 ? false : _props$filterableColu;
+    filterableColumns = _props$filterableColu === void 0 ? false : _props$filterableColu,
+    _props$searchBy = props.searchBy,
+    searchBy = _props$searchBy === void 0 ? [] : _props$searchBy;
   var _useState = React.useState(),
     selectedFolder = _useState[0],
     setSelectedFolder = _useState[1];
@@ -4396,7 +4399,11 @@ var FileExplorer = function FileExplorer(props) {
     setSearch(value);
   }
   var filteredFiles = search ? files.filter(function (file) {
-    return file.title.toLowerCase().includes(search.toLowerCase());
+    var serchByValues = searchBy.map(function (key) {
+      return file[key];
+    });
+    var searchByString = serchByValues.join(' ');
+    return searchByString.toLowerCase().includes(search.toLowerCase());
   }) : files;
   var selectedFiles = filteredFiles.filter(function (file) {
     return file.folder === selectedFolder;
@@ -4408,6 +4415,7 @@ var FileExplorer = function FileExplorer(props) {
     files: selectedFiles,
     selectedFile: selectedFile,
     onSelectFile: selectFile,
+    onDeleteFile: onDeleteFile,
     search: search,
     onSearch: searchChanged,
     selectedView: defaultView,
@@ -4429,6 +4437,7 @@ var FileExplorerView = function FileExplorerView(props) {
     files = _props$files2 === void 0 ? [] : _props$files2,
     selectedFile = props.selectedFile,
     onSelectFile = props.onSelectFile,
+    onDeleteFile = props.onDeleteFile,
     search = props.search,
     onSearch = props.onSearch,
     _props$selectedView = props.selectedView,
@@ -4441,7 +4450,7 @@ var FileExplorerView = function FileExplorerView(props) {
   var folder = folders.find(function (folder) {
     return folder.id === selectedFolder;
   });
-  var folderTitle = folder ? folder.title : '';
+  var folderTitle = folder ? /*#__PURE__*/React__default["default"].createElement(Text, null, "folder.title") : '';
   function switchView() {
     setView(view === 'grid' ? 'list' : 'grid');
   }
@@ -4473,7 +4482,8 @@ var FileExplorerView = function FileExplorerView(props) {
   })), /*#__PURE__*/React__default["default"].createElement("main", null, view === 'grid' ? /*#__PURE__*/React__default["default"].createElement(FilesGridView, {
     files: files,
     selected: selectedFile,
-    onSelect: onSelectFile
+    onSelect: onSelectFile,
+    onDelete: onDeleteFile
   }) : null, view === 'list' ? /*#__PURE__*/React__default["default"].createElement(FilesTableView, {
     columns: columns,
     files: files,
@@ -4534,10 +4544,18 @@ var FilesGridView = function FilesGridView(props) {
   var _props$files3 = props.files,
     files = _props$files3 === void 0 ? [] : _props$files3,
     selected = props.selected,
-    onSelect = props.onSelect;
+    onSelect = props.onSelect,
+    onDelete = props.onDelete;
   function isSelected(id) {
     return selected === id;
   }
+  var actions = [];
+  if (onDelete) actions.push({
+    icon: "delete",
+    label: "Delete",
+    action: onDelete
+  });
+  console.log(actions);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "files-grid"
   }, files.map(function (file) {
@@ -4545,7 +4563,8 @@ var FilesGridView = function FilesGridView(props) {
       key: file.id,
       file: file,
       onSelect: onSelect,
-      selected: isSelected(file.id)
+      selected: isSelected(file.id),
+      actions: actions
     });
   }));
 };
@@ -4558,7 +4577,8 @@ var FileGridItem = function FileGridItem(props) {
     file = _props$file === void 0 ? {} : _props$file,
     _props$selected = props.selected,
     selected = _props$selected === void 0 ? false : _props$selected,
-    onSelect = props.onSelect;
+    onSelect = props.onSelect,
+    actions = props.actions;
   var id = file.id,
     title = file.title,
     subtitle = file.subtitle,
@@ -4577,7 +4597,22 @@ var FileGridItem = function FileGridItem(props) {
     className: "file-item-title"
   }, title), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "file-item-subtitle"
-  }, subtitle)));
+  }, subtitle)), /*#__PURE__*/React__default["default"].createElement("aside", null, actions ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
+    icon: "more_vert",
+    size: "small"
+  }, actions.map(function (act) {
+    var icon = act.icon,
+      label = act.label,
+      action = act.action;
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+      key: label,
+      icon: icon,
+      label: label,
+      onSelect: function onSelect() {
+        return action(id);
+      }
+    });
+  })) : null));
 };
 var FilesTableView = function FilesTableView(props) {
   var columns = props.columns,
@@ -6329,9 +6364,6 @@ var TableEditor$3 = function TableEditor(props) {
 
 /**
  * Content Viewer
- * 
- * @param {*} props 
- * @returns 
  */
 var ContentViewer = function ContentViewer(props) {
   var content = props.content;
@@ -6360,9 +6392,6 @@ var ContentViewer = function ContentViewer(props) {
 
 /**
  * Field Viewer
- * 
- * @param {} props 
- * @returns 
  */
 var FieldViewer = function FieldViewer(props) {
   var field = props.field,