ywana-core8 0.0.903 → 0.0.905

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,
@@ -4414,6 +4415,7 @@ var FileExplorer = function FileExplorer(props) {
     files: selectedFiles,
     selectedFile: selectedFile,
     onSelectFile: selectFile,
+    onDeleteFile: onDeleteFile,
     search: search,
     onSearch: searchChanged,
     selectedView: defaultView,
@@ -4435,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,
@@ -4447,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');
   }
@@ -4479,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,
@@ -4540,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) {
@@ -4551,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
     });
   }));
 };
@@ -4564,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,
@@ -4575,15 +4589,33 @@ var FileGridItem = function FileGridItem(props) {
   }
   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,