ywana-core8 0.0.739 → 0.0.740

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.739",
+  "version": "0.0.740",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/domain2/CollectionList.js

@@ -8,7 +8,7 @@ import './CollectionList.css'
  */
 export const CollectionList = (props) => {
 
-    const { itemRenderer, groupBy, searchBy = [] } = props
+    const { itemRenderer, groupBy, searchBy = [], sortBy, sortDir } = props
     const context = useContext(CollectionContext)
     const { all = [], selected, filters, customFilters } = context
     const [search, setSearch] = useState('')
@@ -26,7 +26,15 @@ export const CollectionList = (props) => {
         return text.includes(search.toLowerCase())
     }) : all
 
-    const items = searched
+    const sorted = sortBy ? searched.sort((a, b) => {
+        const valueA = a[sortBy]
+        const valueB = b[sortBy]
+        if (valueA < valueB) return sortDir === 'asc' ? -1 : 1
+        if (valueA > valueB) return sortDir === 'asc' ? 1 : -1
+        return 0
+    }) : searched
+
+    const items = sorted
         .map(item => {
             if (itemRenderer) return itemRenderer(item)
             return {
@@ -37,6 +45,8 @@ export const CollectionList = (props) => {
             }
         })
 
+
+
     const style = selected ? 'selected' : ''
 
     return (

package/src/domain2/CollectionPage.js

@@ -16,6 +16,7 @@ export const CollectionPage = (props) => {
         layout,
         title, actions,
         canFilter, customFilters, filtersValue,
+        sortBy, sortDir,
         listGroupBy, listSearchBy, listItemRenderer,
         customEditor,
     } = props
@@ -27,7 +28,7 @@ export const CollectionPage = (props) => {
                     {actions}
                 </Header>
                 {canFilter ? <CollectionFilters schema={schema} >{customFilters}</CollectionFilters> : null}
-                <CollectionList itemRenderer={listItemRenderer} groupBy={listGroupBy} searchBy={listSearchBy} />
+                <CollectionList itemRenderer={listItemRenderer} groupBy={listGroupBy} searchBy={listSearchBy} sortBy={sortBy} sortDir={sortDir} />
                 <CollectionEditor customEditor={customEditor} />
             </CollectionContextProvider>
         </div>