ywana-core8 0.0.712 → 0.0.714
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 +11 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +11 -2
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +11 -2
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/domain2/CollectionFilters.js +2 -1
- package/src/domain2/CollectionPage.js +2 -2
- package/src/domain2/CollectionPage.test.js +1 -0
- package/src/html/list.css +2 -2
- package/src/html/list.js +9 -8
package/dist/index.umd.js
CHANGED
|
@@ -693,6 +693,7 @@
|
|
|
693
693
|
var _props$items2 = props.items,
|
|
694
694
|
items = _props$items2 === void 0 ? [] : _props$items2,
|
|
695
695
|
children = props.children,
|
|
696
|
+
selected = props.selected,
|
|
696
697
|
onSelect = props.onSelect,
|
|
697
698
|
groupBy = props.groupBy;
|
|
698
699
|
var groups = items.reduce(function (groups, item) {
|
|
@@ -724,6 +725,7 @@
|
|
|
724
725
|
return /*#__PURE__*/React__default["default"].createElement(ListItem, {
|
|
725
726
|
key: item.id,
|
|
726
727
|
item: item,
|
|
728
|
+
selected: selected,
|
|
727
729
|
onSelect: onSelect
|
|
728
730
|
});
|
|
729
731
|
})));
|
|
@@ -736,6 +738,7 @@
|
|
|
736
738
|
|
|
737
739
|
var ListItem = function ListItem(_ref) {
|
|
738
740
|
var item = _ref.item,
|
|
741
|
+
selected = _ref.selected,
|
|
739
742
|
onSelect = _ref.onSelect;
|
|
740
743
|
var id = item.id,
|
|
741
744
|
icon = item.icon,
|
|
@@ -747,7 +750,9 @@
|
|
|
747
750
|
if (onSelect) onSelect(id);
|
|
748
751
|
}
|
|
749
752
|
|
|
753
|
+
var style = selected === id ? "selected" : "";
|
|
750
754
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
755
|
+
className: "" + style,
|
|
751
756
|
onClick: select
|
|
752
757
|
}, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
753
758
|
icon: icon,
|
|
@@ -10215,7 +10220,8 @@
|
|
|
10215
10220
|
|
|
10216
10221
|
var CollectionFilters = function CollectionFilters(props) {
|
|
10217
10222
|
var schema = props.schema,
|
|
10218
|
-
children = props.children
|
|
10223
|
+
children = props.children,
|
|
10224
|
+
value = props.value;
|
|
10219
10225
|
var context = React.useContext(CollectionContext);
|
|
10220
10226
|
var filters = context.filters;
|
|
10221
10227
|
|
|
@@ -10224,6 +10230,7 @@
|
|
|
10224
10230
|
setOpen = _useState[1];
|
|
10225
10231
|
|
|
10226
10232
|
React.useEffect(function () {
|
|
10233
|
+
context.setFilters(value);
|
|
10227
10234
|
var likes = Object.keys(schema).filter(function (id) {
|
|
10228
10235
|
return schema[id].like === true;
|
|
10229
10236
|
});
|
|
@@ -10377,6 +10384,7 @@
|
|
|
10377
10384
|
actions = props.actions,
|
|
10378
10385
|
canFilter = props.canFilter,
|
|
10379
10386
|
customFilters = props.customFilters,
|
|
10387
|
+
filtersValue = props.filtersValue,
|
|
10380
10388
|
listGroupBy = props.listGroupBy,
|
|
10381
10389
|
listSearchBy = props.listSearchBy,
|
|
10382
10390
|
listItemRenderer = props.listItemRenderer,
|
|
@@ -10389,7 +10397,8 @@
|
|
|
10389
10397
|
}, /*#__PURE__*/React__default["default"].createElement(Header, {
|
|
10390
10398
|
title: title
|
|
10391
10399
|
}, actions), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
|
|
10392
|
-
schema: schema
|
|
10400
|
+
schema: schema,
|
|
10401
|
+
value: filtersValue
|
|
10393
10402
|
}, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, {
|
|
10394
10403
|
itemRenderer: listItemRenderer,
|
|
10395
10404
|
groupBy: listGroupBy,
|