ywana-core8 0.0.762 → 0.0.764

package/package.json

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

package/src/domain/CollectionPage.js

@@ -303,7 +303,9 @@ export const CollectionTree = (props) => {
     }
 
     function renderNodes(nodes) {
-        return nodes.map(node => {
+        return nodes
+            .sort((a, b) => a.name.localeCompare(b.name))
+            .map(node => {
             const title = typeof node.name === 'boolean' ? `${node.field} = ${node.name}` : node.title
             return (
                 <TreeNode key={node.name} icon={null} label={title} open={true}>

package/src/html/table.js

@@ -165,7 +165,7 @@ const DataTableCell = ({ index, row, column, cell, editable }) => {
     const render = (type) => {
         const { id, disabled = false, min, max, onChange, format, options, item, action } = column
 
-        
+
         if (id === "checked") {
             return <CheckBox id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
         } else if (editable && onChange) {
@@ -249,12 +249,28 @@ const BooleanCellViewer = ({ id, value = false }) => {
  * NumberCellViewer
  */
 const NumberCellViewer = ({ id, value, format, maxDecimals }) => {
+
+    function formatNumber(number) {
+        if (number === null) return "null"
+        let result = number.toLocaleString('es-ES', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+        // thousands separator is a dot
+        var parts = result.toString().split(",");
+        const numberPart = parts[0];
+        const decimalPart = parts[1];
+        const thousands = /\B(?=(\d{3})+(?!\d))/g;
+        return numberPart.replace(thousands, ".") + (decimalPart ? "," + decimalPart : "");
+    }
+
     if (format) {
         switch (format) {
             case FORMATS.CURRENCY:
                 return <span>{value.toLocaleString('es-ES', { style: 'currency', currency: 'EUR' })}</span>
             case FORMATS.PERCENT:
                 return <span>{value.toLocaleString('es-ES', { style: 'percent', minimumFractionDigits: 2 })}</span>
+            case "ES_es":
+                const decimals = maxDecimals ? maxDecimals : 2
+                if (typeof value === "string") value = parseFloat(value)
+                return (value && !isNaN(value)) ? <span>{formatNumber(value.toFixed(decimals))}</span> : ""
             default:
                 return <span>{value}</span>
         }
@@ -293,7 +309,7 @@ const StringCellViewer = ({ id, value, format, options, action }) => {
             text = <a href={text} target="download" download >{text}</a>
             break;
         case FORMATS.IMG:
-            text = <img src={text} onClick={onClick}/>
+            text = <img src={text} onClick={onClick} />
             break;
         case FORMATS.DATE:
             let fecha = new Date(text)

package/src/html/textfield.js

@@ -99,6 +99,7 @@ export const TextArea = (props) => {
         if (onChange) onChange(id, "")
     }
 
+    const borderStyle = outlined ? "textarea-outlined" : "textarea"
     const labelStyle = label ? "" : "no-label"
     const style = `textarea ${labelStyle} textarea-${type}`
     const labelTxt = <Text>{label}</Text>