ywana-core8 0.1.12 → 0.1.13

package/package.json

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

package/src/domain/TablePage2.js

@@ -27,6 +27,7 @@ export const TablePage2 = (props) => {
         groupBy, validator,
         formFilter, tableFilter, editorFilter = false,
         tabbedBy,
+        sortedBy,
         tableClassName,
         children,
         onSelect,
@@ -139,7 +140,7 @@ export const TablePage2 = (props) => {
                 </menu>
             ) : null}
             <main key={id} className={`table-page ${className}`}>
-                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} tabbedBy={tabbedBy} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName} />
+                <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} tabbedBy={tabbedBy} groupBy={groupBy} sortedBy={sortedBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} className={tableClassName} />
                 {children ? <article>{children}</article> : null}
             </main>
             {renderAside()}
@@ -331,7 +332,7 @@ export const TableEditor = (props) => {
     const site = useContext(SiteContext)
     const [pageContext, setPageContext] = useContext(PageContext)
     const { all = [], filters } = pageContext
-    const { icon, title, schema, editable, canDelete, filter, actions, className, tabbedBy } = props
+    const { icon, title, schema, editable, canDelete, filter, actions, className, tabbedBy, sortedBy } = props
     const [groupBy, setGroupBy] = useState(props.groupBy)
     const [tab, setTab] = useState(0)
 
@@ -456,7 +457,7 @@ export const TableEditor = (props) => {
         return groups
     }, {})
 
-    const sections = Object.keys(groups).map(groupName => {
+    const sections = Object.keys(groups).sort().map(groupName => {
 
         const rows = groups[groupName].map(item => {
             item.checked = pageContext.checked ? pageContext.checked.has(item.id) : false
@@ -469,6 +470,16 @@ export const TableEditor = (props) => {
             return item
         })
 
+        if (sortedBy) {
+            rows.sort((a, b) => {
+                const valueA = a[sortedBy]
+                const valueB = b[sortedBy]
+                if (valueA < valueB) return -1
+                if (valueA > valueB) return 1
+                return 0
+            })
+        }
+
         table.rows = rows
 
         return ({

package/src/site/site.css

@@ -42,6 +42,7 @@
     flex-direction: column;
     overflow: hidden;
     width: var(--site-menu-width);
+    transition: width 0.3s ease-in-out;
 }
 
 .site6>menu>header {
@@ -53,6 +54,7 @@
 }
 
 .site6>menu.min {
+    width: var(--site-menu-width);
     overflow: visible;
 }