ywana-core8 0.0.610 → 0.0.613

package/dist/index.umd.js

@@ -4013,19 +4013,22 @@
    */
 
   var FileExplorer = function FileExplorer(props) {
-    var _props$files = props.files,
+    var title = props.title,
+        _props$files = props.files,
         files = _props$files === void 0 ? [] : _props$files;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "file-explorer"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, "header"), /*#__PURE__*/React__default["default"].createElement("nav", null, "nav"), /*#__PURE__*/React__default["default"].createElement("menu", null, "menu"), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(FileIconsView, {
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, title, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "info"
+    }))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(FilesGrid, {
       files: files
-    })), /*#__PURE__*/React__default["default"].createElement("aside", null), /*#__PURE__*/React__default["default"].createElement("footer", null, "footer"));
+    })), /*#__PURE__*/React__default["default"].createElement("aside", null));
   };
   /**
    * File Icons View
    */
 
-  var FileIconsView = function FileIconsView(props) {
+  var FilesGrid = function FilesGrid(props) {
     var _props$files2 = props.files,
         files = _props$files2 === void 0 ? [] : _props$files2,
         onSelect = props.onSelect;
@@ -4066,8 +4069,6 @@
     var id = file.id,
         icon = file.icon,
         label = file.label,
-        _file$actions = file.actions,
-        actions = _file$actions === void 0 ? [] : _file$actions,
         _file$src = file.src,
         src = _file$src === void 0 ? "https://findicons.com/files/icons/2813/flat_jewels/256/file.png" : _file$src,
         footer = file.footer;
@@ -4080,20 +4081,12 @@
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "file-icon " + style,
       onClick: select
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+    }, /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: src
+    })), /*#__PURE__*/React__default["default"].createElement("main", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       size: "small",
       icon: icon
-    }) : null, /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
-      size: "small"
-    }, actions.map(function (action) {
-      return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-        icon: action.icon,
-        label: action.label,
-        onSelect: action.execute
-      });
-    }))), /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
-      src: src
-    })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("label", null, label)), footer ? /*#__PURE__*/React__default["default"].createElement("footer", null, footer) : null);
+    }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, label)), footer ? /*#__PURE__*/React__default["default"].createElement("footer", null, footer) : null);
   };
 
   /**
@@ -5660,6 +5653,7 @@
         showFilter = _useState[0],
         setShowFilter = _useState[1];
 
+    var all = pageContext.all;
     React.useEffect(function () {
       try {
         return Promise.resolve(context.load()).then(function () {
@@ -5707,9 +5701,13 @@
       });
     }
 
+    var total = all ? all.length : 0;
+    var title2 = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "size"
+    }, total), " ", title);
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "collection-page " + className,
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+      title: /*#__PURE__*/React__default["default"].createElement(Text, null, title2)
     }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button, {
       icon: "add",
       label: "Add",
@@ -9585,7 +9583,7 @@
   exports.FORMATS = FORMATS;
   exports.FieldEditor = FieldEditor;
   exports.FileExplorer = FileExplorer;
-  exports.FileIconsView = FileIconsView;
+  exports.FilesGrid = FilesGrid;
   exports.Form = Form;
   exports.HTTPClient = HTTPClient;
   exports.Header = Header;