ywana-core8 0.0.903 → 0.0.905

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,
@@ -4407,6 +4408,7 @@
         files: selectedFiles,
         selectedFile: selectedFile,
         onSelectFile: selectFile,
+        onDeleteFile: onDeleteFile,
         search: search,
         onSearch: searchChanged,
         selectedView: defaultView,
@@ -4428,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,
@@ -4440,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');
       }
@@ -4472,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,
@@ -4533,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) {
@@ -4544,7 +4556,8 @@
           key: file.id,
           file: file,
           onSelect: onSelect,
-          selected: isSelected(file.id)
+          selected: isSelected(file.id),
+          actions: actions
         });
       }));
     };
@@ -4557,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,
@@ -4568,15 +4582,33 @@
       }
       var style = selected ? 'file-item--selected' : '';
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "file-item " + style,
+        className: "file-item " + style
+      }, /*#__PURE__*/React__default["default"].createElement("picture", {
         onClick: select
-      }, /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: src
-      })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      })), /*#__PURE__*/React__default["default"].createElement("main", {
+        onClick: select
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         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,