ywana-core8 0.0.713 → 0.0.715

package/dist/index.umd.js

@@ -693,6 +693,7 @@
       var _props$items2 = props.items,
           items = _props$items2 === void 0 ? [] : _props$items2,
           children = props.children,
+          selected = props.selected,
           onSelect = props.onSelect,
           groupBy = props.groupBy;
       var groups = items.reduce(function (groups, item) {
@@ -724,6 +725,7 @@
           return /*#__PURE__*/React__default["default"].createElement(ListItem, {
             key: item.id,
             item: item,
+            selected: selected,
             onSelect: onSelect
           });
         })));
@@ -736,6 +738,7 @@
 
     var ListItem = function ListItem(_ref) {
       var item = _ref.item,
+          selected = _ref.selected,
           onSelect = _ref.onSelect;
       var id = item.id,
           icon = item.icon,
@@ -747,7 +750,9 @@
         if (onSelect) onSelect(id);
       }
 
+      var style = selected === id ? "selected" : "";
       return /*#__PURE__*/React__default["default"].createElement("li", {
+        className: "" + style,
         onClick: select
       }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: icon,
@@ -10003,7 +10008,7 @@
           all = _useState[0],
           setAll = _useState[1];
 
-      var _useState2 = React.useState({}),
+      var _useState2 = React.useState(),
           filters = _useState2[0],
           setFilters = _useState2[1];
 
@@ -10023,6 +10028,11 @@
           selected = _useState6[0],
           setSelected = _useState6[1];
 
+      React.useEffect(function () {
+        console.log("CONTEXT LOAD", filters, customFilters);
+        load();
+      }, [filters, customFilters]);
+
       function addCustomFilter(id, filter) {
         var _extends2;
 
@@ -10215,7 +10225,8 @@
 
     var CollectionFilters = function CollectionFilters(props) {
       var schema = props.schema,
-          children = props.children;
+          children = props.children,
+          value = props.value;
       var context = React.useContext(CollectionContext);
       var filters = context.filters;
 
@@ -10224,6 +10235,7 @@
           setOpen = _useState[1];
 
       React.useEffect(function () {
+        context.setFilters(value);
         var likes = Object.keys(schema).filter(function (id) {
           return schema[id].like === true;
         });
@@ -10268,11 +10280,15 @@
         onChange: change
       })) : null);
     };
+    /**
+     * Collection Filters Resume
+     */
 
     var CollectionFiltersResume = function CollectionFiltersResume(props) {
       var schema = props.schema;
       var context = React.useContext(CollectionContext);
       var filters = context.filters;
+      if (!filters) return null;
       var fields = Object.keys(filters);
       if (!fields.length) return null;
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, fields.filter(function (id) {
@@ -10301,18 +10317,12 @@
           searchBy = _props$searchBy === void 0 ? [] : _props$searchBy;
       var context = React.useContext(CollectionContext);
       var _context$all = context.all,
-          all = _context$all === void 0 ? [] : _context$all,
-          filters = context.filters,
-          customFilters = context.customFilters;
+          all = _context$all === void 0 ? [] : _context$all;
 
       var _useState = React.useState(''),
           search = _useState[0],
           setSearch = _useState[1];
 
-      React.useEffect(function () {
-        context.load();
-      }, [filters, customFilters]);
-
       function changeSearch(id, value) {
         setSearch(value);
       }
@@ -10377,6 +10387,7 @@
           actions = props.actions,
           canFilter = props.canFilter,
           customFilters = props.customFilters,
+          filtersValue = props.filtersValue,
           listGroupBy = props.listGroupBy,
           listSearchBy = props.listSearchBy,
           listItemRenderer = props.listItemRenderer,
@@ -10389,7 +10400,8 @@
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         title: title
       }, actions), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
-        schema: schema
+        schema: schema,
+        value: filtersValue
       }, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, {
         itemRenderer: listItemRenderer,
         groupBy: listGroupBy,