ywana-core8 0.0.739 → 0.0.741

package/dist/index.cjs

@@ -1402,7 +1402,7 @@ var TextField = function TextField(props) {
     onFocus: focus,
     onBlur: blur,
     readOnly: readOnly
-  }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }), readOnly === true && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -10417,7 +10417,9 @@ var CollectionList = function CollectionList(props) {
   var itemRenderer = props.itemRenderer,
       groupBy = props.groupBy,
       _props$searchBy = props.searchBy,
-      searchBy = _props$searchBy === void 0 ? [] : _props$searchBy;
+      searchBy = _props$searchBy === void 0 ? [] : _props$searchBy,
+      sortBy = props.sortBy,
+      sortDir = props.sortDir;
   var context = React.useContext(CollectionContext);
   var _context$all = context.all,
       all = _context$all === void 0 ? [] : _context$all,
@@ -10441,7 +10443,14 @@ var CollectionList = function CollectionList(props) {
     }).join(' ').toLowerCase();
     return text.includes(search.toLowerCase());
   }) : all;
-  var items = searched.map(function (item) {
+  var sorted = sortBy ? searched.sort(function (a, b) {
+    var valueA = a[sortBy];
+    var valueB = b[sortBy];
+    if (valueA < valueB) return sortDir === 'asc' ? -1 : 1;
+    if (valueA > valueB) return sortDir === 'asc' ? 1 : -1;
+    return 0;
+  }) : searched;
+  var items = sorted.map(function (item) {
     if (itemRenderer) return itemRenderer(item);
     return {
       id: item.id,
@@ -10496,6 +10505,8 @@ var CollectionPage = function CollectionPage(props) {
       canFilter = props.canFilter,
       customFilters = props.customFilters,
       filtersValue = props.filtersValue,
+      sortBy = props.sortBy,
+      sortDir = props.sortDir,
       listGroupBy = props.listGroupBy,
       listSearchBy = props.listSearchBy,
       listItemRenderer = props.listItemRenderer,
@@ -10513,7 +10524,9 @@ var CollectionPage = function CollectionPage(props) {
   }, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, {
     itemRenderer: listItemRenderer,
     groupBy: listGroupBy,
-    searchBy: listSearchBy
+    searchBy: listSearchBy,
+    sortBy: sortBy,
+    sortDir: sortDir
   }), /*#__PURE__*/React__default["default"].createElement(CollectionEditor, {
     customEditor: customEditor
   })));