saasufy-components 6.0.4 → 6.1.0

package/README.md

@@ -693,6 +693,7 @@ This component can be configured to provide its data to multiple components (con
 - `autocorrect`: Can be `on` or `off` - It will set the auto-correct attribute on the inner input element. This is useful for mobile devices to enable or disable auto-correct.
 - `input-props`: Can be used to set additional attributes on the inner `input` element. Must be in the format `attr1=value1,attr2=value2`.
 - `skip-init-change`: This attribute can be used to prevent an `input-provider` of type `select` from triggering a change when initialized with a default option. By default, the `input-provider` will trigger a change when initialized with a default value.
+- `force-init-change`: This attribute can be used to force an `input-provider` to always trigger a change when initialized, even if the value is empty.
 
 ### input-combiner
 

package/input-provider.js

@@ -137,7 +137,7 @@ class InputProvider extends HTMLElement {
         let {
           fieldNames: optionNames,
           fieldValues: optionValues
-        } = convertStringToFieldParams(options);
+        } = convertStringToFieldParams(options, true);
 
         let optionElements = optionNames
         .map((optionName) => {
@@ -193,7 +193,10 @@ class InputProvider extends HTMLElement {
 
     let destroyHandlers = this.updateConsumerElementsOnEdit();
 
-    if (value) {
+    if (this.hasAttribute('force-init-change')) {
+      this.forceTriggerChange = true;
+      this.value = value;
+    } else if (value) {
       if (type === 'select' && !this.hasAttribute('skip-init-change')) {
         this.forceTriggerChange = true;
       }

package/package.json

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

package/utils.js

@@ -373,7 +373,9 @@ export function generateRandomHexString(byteLength) {
   }).join('');
 }
 
-export const fieldPartsRegExp = /((^|(?<=,))((?=,)|$)|"[^"]*"|'[^']*'|\([^)]*\)|[^,()"']+)+/g
+export const fieldPartsRegExp = /("[^"]*"|'[^']*'|\([^)]*\)|[^,()"']+)+/g;
+export const fieldPartsRegExpWithEmpty = /((^|(?<=,))((?=,)|$)|"[^"]*"|'[^']*'|\([^)]*\)|[^,()"']+)+/g
+
 export const quotedContentRegExp = /^\s*["']?(.*?)["']?\s*$/;
 
 export function toBoolean(value) {
@@ -396,8 +398,9 @@ export function getTypeCastFunction(type) {
   return typeCastFunctions[type] || ((value) => value);
 }
 
-export function convertStringToFieldParams(string) {
-  let parts = ((string || '').match(fieldPartsRegExp) || []).map(field => field.trim());
+export function convertStringToFieldParams(string, allowEmpty) {
+  let partsRegExp = allowEmpty ? fieldPartsRegExpWithEmpty : fieldPartsRegExp;
+  let parts = ((string || '').match(partsRegExp) || []).map(field => field.trim());
   let fieldTypeValues = parts.map((part) => {
     let subParts = part.split('=');
     let nameType = (subParts[0] || '').split(':');