saasufy-components 5.6.0 → 5.8.0

package/input-provider.js

@@ -134,13 +134,18 @@ class InputProvider extends HTMLElement {
     this.inputElement = document.createElement(elementType);
     if (type === 'select') {
       if (options) {
-        let optionElements = options
-        .split(',')
-        .map((option) => {
-          if (option === placeholder) {
-            return `<option value="" selected class="select-default-option">${option}</option>`;
+        let {
+          fieldNames: optionNames,
+          fieldValues: optionValues
+        } = convertStringToFieldParams(options);
+
+        let optionElements = optionNames
+        .map((optionName) => {
+          let optionValue = optionValues[optionName] || optionName;
+          if (optionName === placeholder) {
+            return `<option value="" selected class="select-default-option">${optionName}</option>`;
           }
-          return `<option value="${option}">${option}</option>`;
+          return `<option value="${optionValue}">${optionName}</option>`;
         })
         .join('');
         this.inputElement.innerHTML = optionElements;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "5.6.0",
+  "version": "5.8.0",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {

package/utils.js

@@ -205,6 +205,16 @@ export function computeId(...parts) {
   return `${idHex.slice(0, 8)}-${idHex.slice(8, 12)}-${third}-${fourth}-${idHex.slice(20, 32)}`;
 }
 
+export function toDate(timestamp) {
+  let date = new Date(timestamp);
+  let year = date.getFullYear();
+  let month = date.toLocaleString('default', { month: 'long' });
+  let day = date.getDate();
+  let hour = date.getHours();
+  let minutes = date.getMinutes();
+  return `${month} ${day}, ${year} at ${hour}:${minutes.toString().padStart(2, '0')}`;
+}
+
 let templateFormatters = {
   url: (value) => String(value).toLowerCase().replace(/ /g, '-'),
   lowerCase: (value) => String(value).toLowerCase(),
@@ -217,15 +227,7 @@ let templateFormatters = {
   fallback: (...args) => {
     return args.filter(arg => arg)[0];
   },
-  date: (timestamp) => {
-    let date = new Date(timestamp);
-    let year = date.getFullYear();
-    let month = date.toLocaleString('default', { month: 'long' });
-    let day = date.getDate();
-    let hour = date.getHours();
-    let minutes = date.getMinutes();
-    return `${month} ${day}, ${year} at ${hour}:${minutes.toString().padStart(2, '0')}`;
-  },
+  date: (timestamp) => toDate(timestamp),
   joinFields: (list, field, sep) => {
     return list.map(item => item[field]).join(sep);
   },