ywana-core8 0.0.610 → 0.0.613

package/dist/index.cjs

@@ -4019,19 +4019,22 @@ var UploadDialog = function UploadDialog(_ref) {
  */
 
 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;
@@ -4072,8 +4075,6 @@ var FileIcon = function FileIcon(props) {
   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;
@@ -4086,20 +4087,12 @@ var FileIcon = function FileIcon(props) {
   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);
 };
 
 /**
@@ -5666,6 +5659,7 @@ var CollectionPage = function CollectionPage(props) {
       showFilter = _useState[0],
       setShowFilter = _useState[1];
 
+  var all = pageContext.all;
   React.useEffect(function () {
     try {
       return Promise.resolve(context.load()).then(function () {
@@ -5713,9 +5707,13 @@ var CollectionPage = function CollectionPage(props) {
     });
   }
 
+  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",
@@ -9591,7 +9589,7 @@ exports.EmptyMessage = EmptyMessage;
 exports.FORMATS = FORMATS;
 exports.FieldEditor = FieldEditor;
 exports.FileExplorer = FileExplorer;
-exports.FileIconsView = FileIconsView;
+exports.FilesGrid = FilesGrid;
 exports.Form = Form;
 exports.HTTPClient = HTTPClient;
 exports.Header = Header;