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 +17 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +5 -11
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +17 -20
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +17 -20
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain/CollectionPage.js +3 -1
- package/src/widgets/explorer/Explorer.css +4 -10
- package/src/widgets/explorer/Explorer.js +13 -14
- package/src/widgets/explorer/Explorer.test.js +1 -10
- package/src/widgets/viewer/Viewer.css +1 -1
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
|
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,
|
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)
|
4031
|
+
})), /*#__PURE__*/React__default["default"].createElement("aside", null));
|
4029
4032
|
};
|
4030
4033
|
/**
|
4031
4034
|
* File Icons View
|
4032
4035
|
*/
|
4033
4036
|
|
4034
|
-
var
|
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("
|
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(
|
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,
|
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.
|
9591
|
+
exports.FilesGrid = FilesGrid;
|
9595
9592
|
exports.Form = Form;
|
9596
9593
|
exports.HTTPClient = HTTPClient;
|
9597
9594
|
exports.Header = Header;
|