ywana-core8 0.0.610 → 0.0.611

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -4019,19 +4019,22 @@ var UploadDialog = function UploadDialog(_ref) {
4019
4019
  */
4020
4020
 
4021
4021
  var FileExplorer = function FileExplorer(props) {
4022
- var _props$files = props.files,
4022
+ var title = props.title,
4023
+ _props$files = props.files,
4023
4024
  files = _props$files === void 0 ? [] : _props$files;
4024
4025
  return /*#__PURE__*/React__default["default"].createElement("div", {
4025
4026
  className: "file-explorer"
4026
- }, /*#__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, {
4027
+ }, /*#__PURE__*/React__default["default"].createElement("header", null, title, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
4028
+ icon: "info"
4029
+ }))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(FilesGrid, {
4027
4030
  files: files
4028
- })), /*#__PURE__*/React__default["default"].createElement("aside", null), /*#__PURE__*/React__default["default"].createElement("footer", null, "footer"));
4031
+ })), /*#__PURE__*/React__default["default"].createElement("aside", null));
4029
4032
  };
4030
4033
  /**
4031
4034
  * File Icons View
4032
4035
  */
4033
4036
 
4034
- var FileIconsView = function FileIconsView(props) {
4037
+ var FilesGrid = function FilesGrid(props) {
4035
4038
  var _props$files2 = props.files,
4036
4039
  files = _props$files2 === void 0 ? [] : _props$files2,
4037
4040
  onSelect = props.onSelect;
@@ -4072,8 +4075,6 @@ var FileIcon = function FileIcon(props) {
4072
4075
  var id = file.id,
4073
4076
  icon = file.icon,
4074
4077
  label = file.label,
4075
- _file$actions = file.actions,
4076
- actions = _file$actions === void 0 ? [] : _file$actions,
4077
4078
  _file$src = file.src,
4078
4079
  src = _file$src === void 0 ? "https://findicons.com/files/icons/2813/flat_jewels/256/file.png" : _file$src,
4079
4080
  footer = file.footer;
@@ -4086,20 +4087,12 @@ var FileIcon = function FileIcon(props) {
4086
4087
  return /*#__PURE__*/React__default["default"].createElement("div", {
4087
4088
  className: "file-icon " + style,
4088
4089
  onClick: select
4089
- }, /*#__PURE__*/React__default["default"].createElement("header", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
4090
+ }, /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
4091
+ src: src
4092
+ })), /*#__PURE__*/React__default["default"].createElement("main", null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
4090
4093
  size: "small",
4091
4094
  icon: icon
4092
- }) : null, /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
4093
- size: "small"
4094
- }, actions.map(function (action) {
4095
- return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
4096
- icon: action.icon,
4097
- label: action.label,
4098
- onSelect: action.execute
4099
- });
4100
- }))), /*#__PURE__*/React__default["default"].createElement("picture", null, /*#__PURE__*/React__default["default"].createElement("img", {
4101
- src: src
4102
- })), /*#__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);
4095
+ }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, label)), footer ? /*#__PURE__*/React__default["default"].createElement("footer", null, footer) : null);
4103
4096
  };
4104
4097
 
4105
4098
  /**
@@ -5713,9 +5706,13 @@ var CollectionPage = function CollectionPage(props) {
5713
5706
  });
5714
5707
  }
5715
5708
 
5709
+ var total = all ? all.length : 0;
5710
+ var title2 = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
5711
+ className: "size"
5712
+ }, total), " ", title);
5716
5713
  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
5717
5714
  className: "collection-page " + className,
5718
- title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
5715
+ title: /*#__PURE__*/React__default["default"].createElement(Text, null, title2)
5719
5716
  }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button, {
5720
5717
  icon: "add",
5721
5718
  label: "Add",
@@ -9591,7 +9588,7 @@ exports.EmptyMessage = EmptyMessage;
9591
9588
  exports.FORMATS = FORMATS;
9592
9589
  exports.FieldEditor = FieldEditor;
9593
9590
  exports.FileExplorer = FileExplorer;
9594
- exports.FileIconsView = FileIconsView;
9591
+ exports.FilesGrid = FilesGrid;
9595
9592
  exports.Form = Form;
9596
9593
  exports.HTTPClient = HTTPClient;
9597
9594
  exports.Header = Header;