ywana-core8 0.0.902 → 0.0.904

package/dist/index.umd.js

@@ -4353,6 +4353,7 @@
         _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,
@@ -4360,7 +4361,9 @@
         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];
@@ -4389,7 +4392,11 @@
         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;
@@ -4401,6 +4408,7 @@
         files: selectedFiles,
         selectedFile: selectedFile,
         onSelectFile: selectFile,
+        onDeleteFile: onDeleteFile,
         search: search,
         onSearch: searchChanged,
         selectedView: defaultView,
@@ -4422,6 +4430,7 @@
         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,
@@ -4434,7 +4443,7 @@
       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');
       }
@@ -4466,7 +4475,8 @@
       })), /*#__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,
@@ -4527,10 +4537,18 @@
       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) {
@@ -4538,7 +4556,8 @@
           key: file.id,
           file: file,
           onSelect: onSelect,
-          selected: isSelected(file.id)
+          selected: isSelected(file.id),
+          actions: actions
         });
       }));
     };
@@ -4551,7 +4570,8 @@
         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,
@@ -4570,7 +4590,22 @@
         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,
@@ -6322,9 +6357,6 @@
 
     /**
      * Content Viewer
-     * 
-     * @param {*} props 
-     * @returns 
      */
     var ContentViewer = function ContentViewer(props) {
       var content = props.content;
@@ -6353,9 +6385,6 @@
 
     /**
      * Field Viewer
-     * 
-     * @param {} props 
-     * @returns 
      */
     var FieldViewer = function FieldViewer(props) {
       var field = props.field,