@massimo-cassandro/minimo 1.4.10 → 1.4.12

package/README.md

@@ -6,11 +6,21 @@ My light framework + utilities
 
 ```bash
 npm i @massimo-cassandro/minimo
+
+# optional:
+npm i -D @massimo-cassandro/eslint-config
+npm i -D @massimo-cassandro/stylelint-config
 ```
 
 > Note: **minimo** is designed to be used with WebPack using the configuration you can find in the [webpack-setup folder](./webpack-setup/) of this repository. If changes are made (for example, to how SVG files are imported), things may not work as expected.
 >
-> For a complete install of all required modules, use the install script at `./webpack-setup/starter-install.sh`.
+
+For a complete install of all required webpack modules, use the install script at `./webpack-setup/starter-install.sh` launching:
+
+```bash
+zsh ./node_modules/@massimo-cassandro/minimo/webpack-setup/starter-install.sh
+```
+
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.4.10",
+  "version": "1.4.12",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",
@@ -17,8 +17,8 @@
   },
   "scripts": {
     "UPD-version": "npx update-version  # --config=./dev-utilities.config.mjs",
-    "upd@m": "npx upd@m",
     "npm-publish": "npm publish",
+    "upd@m": "npx upd@m",
     "build-tokens": "node ./design-tokens-utilities/build-tokens.mjs --config ./tokens-config.mjs",
     "check unresolved props": "node ./design-tokens-utilities/check-unresolved-custom-props.mjs --config ./tokens-config.mjs"
   },
@@ -44,8 +44,8 @@
     }
   },
   "devDependencies": {
-    "@massimo-cassandro/dev-updater": "^3.0.4",
-    "@massimo-cassandro/eslint-config": "^3.0.7",
-    "@massimo-cassandro/stylelint-config": "^2.3.7"
+    "@massimo-cassandro/dev-updater": "^3.0.6",
+    "@massimo-cassandro/eslint-config": "^3.0.9",
+    "@massimo-cassandro/stylelint-config": "^2.3.9"
   }
 }

package/src/components/unsplash-page/unsplash-page.js

@@ -74,7 +74,7 @@ export function unsplashPageJS(settings) {
                 // https://docs.imgix.com/apis/rendering/format/q
 
                 let url = photo.base_url + (/\?/.test(photo.base_url)? '&' : '?') +
-                  'fit=crop&crop=focalpoint' + // top, bottom, left, right, faces, focalpoint, edges, and entropy
+                  'fit=crop&crop=faces,entropy,edges' + // top, bottom, left, right, faces, focalpoint, edges, and entropy
                   '&q=60' +
                   `&w=${brk.w}&h=${brk.h}` +
                   `&fm=${fmt}`;

package/src/css/table.css

@@ -58,6 +58,10 @@
     line-height: var(--table-cell-line-height);
     vertical-align: top;
     text-align: start;
+
+    .valign-middle & {
+      vertical-align: middle;
+    }
   }
 
   &.table-bordered {

package/src/utilities/dom-builder/parseDomString.js

@@ -36,6 +36,9 @@ export function parseDomString(domString) {
   //   /(?: +(?<content>.*))?$/.source               // content
   // );
 
+
+// FIX non funziona se la stringa contine id e classi in quest'ordine: <TAG>.<CLASSE>#<ID>, se l'id è prima della classe, funziona
+
   const regex = new RegExp(
     /^([a-zA-Z][a-zA-Z0-9-]*)?/.source +  // tag (accetta anche nomi di web components)
     /(?:#([a-zA-Z0-9_-]+))?/.source +     // id

package/src/web-components/s-datatable-component/s-datatable-component.js

@@ -579,14 +579,14 @@ class SimpleDatatableAdapter extends HTMLElement {
           // Per colonne con type 'number' o 'date' il valore viene lasciato invariato.
           const sortValue = col_item._sortValue
             ? (() => {
-                const raw = typeof col_item._sortValue === 'function'
-                  ? (col_item._sortValue(row) ?? '')
-                  : (getNestedValue(row, col_item._sortValue) ?? '');
-                const colType = col_item.type ?? 'string';
-                return (colType === 'string' && typeof raw === 'number')
-                  ? String(raw)
-                  : raw;
-              })()
+              const raw = typeof col_item._sortValue === 'function'
+                ? (col_item._sortValue(row) ?? '')
+                : (getNestedValue(row, col_item._sortValue) ?? '');
+              const colType = col_item.type ?? 'string';
+              return (colType === 'string' && typeof raw === 'number')
+                ? String(raw)
+                : raw;
+            })()
             : null;
 
 

package/src/web-components/s-datatable-component/s-datatable-component.module.css

@@ -44,7 +44,7 @@
 /* cella unica per indicare l'assenza di record */
 .empty {
   /* stylelint-disable-next-line declaration-no-important */
-  padding: var(--size-sm) !important;
+  padding-block: var(--size-sm) !important;
   font-style: italic;
   color: var(--text-muted);
   /* stylelint-disable-next-line declaration-no-important */

package/src/web-components/s-datatable-component/src/parse-cols.js

@@ -51,11 +51,12 @@ export function parseCols(col_obj){
       };
 
     // campi booleani
-    } else if (col_obj.type === 'boolean') {
+    } else if (col_obj.type === 'boolean' || col_obj._renderMode === 'bool_true_only') {
       // TODO caso in cui il valore è null nel caso si voglia differenziarlo da false
 
       return {
         ...col_obj,
+        type: 'boolean',
         cellClass: styles.hasIcon,
         headerClass: 'text-center',
         render: (value, td) => {
@@ -65,7 +66,7 @@ export function parseCols(col_obj){
             return checkIcon;
           } else {
             td.attributes.class = classnames(td.attributes.class, 'text-danger');
-            return xIcon;
+            return col_obj._renderMode === 'bool_true_only'? '' : xIcon;
           }
         }
       };
@@ -117,12 +118,33 @@ export function parseCols(col_obj){
         }
       };
 
-    // TODO completare, aggiungere formattazione
     } else if(col_obj._renderMode === 'numeric') {
       return {
 
         cellClass: 'text-end text-numeric',
-        headerClass: 'text-end',
+        headerClass: 'text-end text-numeric', // NB: usata anche per il footer
+      };
+
+    } else if(col_obj._renderMode === 'euro_no_dec') {
+      return {
+        render: (value, cell) => {
+          // console.log(value);
+          if(value == null || isNaN(value)) {
+            cell.attributes['data-order'] = '';
+            return '\u2014';
+
+          } else {
+            cell.attributes['data-order'] = value;
+            return Number(value).toLocaleString('it-IT', {
+              minimumFractionDigits: 0,
+              maximumFractionDigits: 0,
+              useGrouping: 'always',
+            });
+          }
+        },
+        cellClass: 'text-nowrap text-end text-numeric',
+        headerClass: 'text-nowrap text-end text-numeric', // NB: usata anche per il footer
+        type: 'number'
       };
 
     }