ywana-core8 0.0.713 → 0.0.715

package/dist/index.cjs

@@ -699,6 +699,7 @@ var GroupedList = function GroupedList(props) {
   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) {
@@ -730,6 +731,7 @@ var GroupedList = function GroupedList(props) {
       return /*#__PURE__*/React__default["default"].createElement(ListItem, {
         key: item.id,
         item: item,
+        selected: selected,
         onSelect: onSelect
       });
     })));
@@ -742,6 +744,7 @@ var GroupedList = function GroupedList(props) {
 
 var ListItem = function ListItem(_ref) {
   var item = _ref.item,
+      selected = _ref.selected,
       onSelect = _ref.onSelect;
   var id = item.id,
       icon = item.icon,
@@ -753,7 +756,9 @@ var ListItem = function ListItem(_ref) {
     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,
@@ -10009,7 +10014,7 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
       all = _useState[0],
       setAll = _useState[1];
 
-  var _useState2 = React.useState({}),
+  var _useState2 = React.useState(),
       filters = _useState2[0],
       setFilters = _useState2[1];
 
@@ -10029,6 +10034,11 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
       selected = _useState6[0],
       setSelected = _useState6[1];
 
+  React.useEffect(function () {
+    console.log("CONTEXT LOAD", filters, customFilters);
+    load();
+  }, [filters, customFilters]);
+
   function addCustomFilter(id, filter) {
     var _extends2;
 
@@ -10221,7 +10231,8 @@ var DynamicFormField = function DynamicFormField(props) {
 
 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;
 
@@ -10230,6 +10241,7 @@ var CollectionFilters = function CollectionFilters(props) {
       setOpen = _useState[1];
 
   React.useEffect(function () {
+    context.setFilters(value);
     var likes = Object.keys(schema).filter(function (id) {
       return schema[id].like === true;
     });
@@ -10274,11 +10286,15 @@ var CollectionFilters = function CollectionFilters(props) {
     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) {
@@ -10307,18 +10323,12 @@ var CollectionList = function CollectionList(props) {
       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);
   }
@@ -10383,6 +10393,7 @@ var CollectionPage = function CollectionPage(props) {
       actions = props.actions,
       canFilter = props.canFilter,
       customFilters = props.customFilters,
+      filtersValue = props.filtersValue,
       listGroupBy = props.listGroupBy,
       listSearchBy = props.listSearchBy,
       listItemRenderer = props.listItemRenderer,
@@ -10395,7 +10406,8 @@ var CollectionPage = function CollectionPage(props) {
   }, /*#__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,