@genesislcap/expression-builder 14.259.1 → 14.260.1-RPT-0.1

package/dist/custom-elements.json

@@ -424,7 +424,7 @@
         {
           "kind": "variable",
           "name": "template",
-          "default": "html<ExpressionBuilder>`\n  <div class=\"query-builder\">\n    <expression-group\n      :model=${(x) => x.model}\n      :config=${(x) => x.config}\n      :styles=${(x) => x.styles}\n    ></expression-group>\n  </div>\n`"
+          "default": "html<ExpressionBuilder>`\n  <div class=\"query-builder\">\n    ${when(\n      (x) => x.model !== null,\n      html<ExpressionBuilder>`\n        <expression-group\n          :model=${(x) => x.model}\n          :config=${(x) => x.config}\n          :styles=${(x) => x.styles}\n        ></expression-group>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [
@@ -500,6 +500,29 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "isValidConfig",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "Config"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "initBaseModel",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleAddGroup",

package/dist/dts/main/expression-builder.d.ts

@@ -35,6 +35,8 @@ export declare class ExpressionBuilder extends GenesisElement implements Metadat
     getRuleId(): string;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private isValidConfig;
+    private initBaseModel;
     private handleAddGroup;
     private _handleAddGroup;
     private handleAddRule;

package/dist/dts/main/expression-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expression-builder.d.ts","sourceRoot":"","sources":["../../../src/main/expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAa,MAAM,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAqB,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAkB7F,cAAc;AACd,qBAKa,iBAAkB,SAAQ,cAAe,YAAW,gBAAgB;IACnE,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE5C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IAEvB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,gBAAgB;IAChB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAU1C,gBAAgB;IAChB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU;IAM5C;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,KAAK;IAa1C,gBAAgB;IAChB,SAAS,IAAI,MAAM;IAInB,gBAAgB;IAChB,UAAU;IAKV,gBAAgB;IAChB,SAAS;IAOT,iBAAiB;IA0BjB,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,cAAc,CAAmC;IACzD,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB,CAAsC;IAC/D,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,qBAAqB,CAA0C;IACvE,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,oBAAoB,CAAyC;IACrE,OAAO,CAAC,qBAAqB;CAI9B"}
+{"version":3,"file":"expression-builder.d.ts","sourceRoot":"","sources":["../../../src/main/expression-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAc,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAa,MAAM,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAqB,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAkB7F,cAAc;AACd,qBAKa,iBAAkB,SAAQ,cAAe,YAAW,gBAAgB;IACnE,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE5C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAK;IAEvB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,gBAAgB;IAChB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAiB1C,gBAAgB;IAChB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU;IAM5C;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,KAAK;IAa1C,gBAAgB;IAChB,SAAS,IAAI,MAAM;IAInB,gBAAgB;IAChB,UAAU;IAKV,gBAAgB;IAChB,SAAS;IAOT,iBAAiB;IAsBjB,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,cAAc,CAAmC;IACzD,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB,CAAsC;IAC/D,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,qBAAqB,CAA0C;IACvE,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,oBAAoB,CAAyC;IACrE,OAAO,CAAC,qBAAqB;CAI9B"}

package/dist/dts/main/expression-builder.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expression-builder.template.d.ts","sourceRoot":"","sources":["../../../src/main/expression-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D,cAAc;AACd,eAAO,MAAM,QAAQ,wEAQpB,CAAC"}
+{"version":3,"file":"expression-builder.template.d.ts","sourceRoot":"","sources":["../../../src/main/expression-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D,cAAc;AACd,eAAO,MAAM,QAAQ,wEAapB,CAAC"}

package/dist/esm/main/expression-builder.js

@@ -32,6 +32,9 @@ let ExpressionBuilder = class ExpressionBuilder extends GenesisElement {
     }
     /** @internal */
     configChanged(_, newConfig) {
+        if (!this.isValidConfig(newConfig)) {
+            throw new Error("Invalid config passed to ExpressionBuilder. Verify you've defined operators, fields, and combinators.");
+        }
         if (newConfig.model) {
             this.ruleCount = 0;
             this.groupCount = 0;
@@ -39,6 +42,9 @@ let ExpressionBuilder = class ExpressionBuilder extends GenesisElement {
             this.model = groupToModelGroup(newConfig.model, this);
             this.userUpdatingModel = false;
         }
+        else if (this.model === null) {
+            this.initBaseModel();
+        }
     }
     /** @internal */
     modelChanged(_, newModel) {
@@ -80,24 +86,23 @@ let ExpressionBuilder = class ExpressionBuilder extends GenesisElement {
     // Behaviour
     connectedCallback() {
         super.connectedCallback();
-        if (!this.config || !this.config.combinators || !this.config.operators || !this.config.fields) {
-            throw new Error("Invalid config passed to ExpressionBuilder. Verify you've defined operators, fields, and combinators.");
-        }
         this.addEventListener(Events.AddGroup, this.handleAddGroup);
         this.addEventListener(Events.DelGroup, this.handleDeleteGroup);
         this.addEventListener(Events.AddRule, this.handleAddRule);
         this.addEventListener(Events.DelRule, this.handleDeleteRule);
         this.addEventListener(Events.UpdateGroup, this.handleUpdateGroupData);
         this.addEventListener(Events.UpdateRule, this.handleUpdateRuleData);
+        // When using other frameworks such as React we cannot guarantee that it sets the property on the component
+        // by the time connectedCallback is called, so we need to allow for lazy setting of the config
+        if (!this.isValidConfig(this.config)) {
+            this.config = null;
+            return;
+        }
+        // If the property contains a model then let that be used, via configChanged
         if (this.config.model)
             return;
-        this.model = {
-            children: [],
-            level: 1,
-            groupId: ROOT_GROUP,
-            config: this.config,
-            combinator: this.config.combinators[0],
-        };
+        // Else, set a blank model
+        this.initBaseModel();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -108,6 +113,22 @@ let ExpressionBuilder = class ExpressionBuilder extends GenesisElement {
         this.removeEventListener(Events.UpdateGroup, this.handleUpdateGroupData);
         this.removeEventListener(Events.UpdateRule, this.handleUpdateRuleData);
     }
+    isValidConfig(config) {
+        var _a, _b, _c;
+        return Boolean(config && ((_a = config.combinators) === null || _a === void 0 ? void 0 : _a.length) && ((_b = config.operators) === null || _b === void 0 ? void 0 : _b.length) && ((_c = config.fields) === null || _c === void 0 ? void 0 : _c.length));
+    }
+    initBaseModel() {
+        if (!this.isValidConfig(this.config)) {
+            throw new Error("Invalid config set on ExpressionBuilder. Verify you've defined operators, fields, and combinators.");
+        }
+        this.model = {
+            children: [],
+            level: 1,
+            groupId: ROOT_GROUP,
+            config: this.config,
+            combinator: this.config.combinators[0],
+        };
+    }
     _handleAddGroup(event) {
         const { parentGroupId, newGroup: _newGroup } = event.detail;
         const newGroup = {

package/dist/esm/main/expression-builder.template.js

@@ -1,13 +1,15 @@
-import { html } from '@genesislcap/web-core';
+import { html, when } from '@genesislcap/web-core';
 import { ExpressionGroup } from './expression-group/expression-group';
 ExpressionGroup;
 /** @alpha **/
 export const template = html `
   <div class="query-builder">
-    <expression-group
-      :model=${(x) => x.model}
-      :config=${(x) => x.config}
-      :styles=${(x) => x.styles}
-    ></expression-group>
+    ${when((x) => x.model !== null, html `
+        <expression-group
+          :model=${(x) => x.model}
+          :config=${(x) => x.config}
+          :styles=${(x) => x.styles}
+        ></expression-group>
+      `)}
   </div>
 `;

package/dist/expression-builder.d.ts

@@ -145,6 +145,8 @@ export declare class ExpressionBuilder extends GenesisElement implements Metadat
     getRuleId(): string;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private isValidConfig;
+    private initBaseModel;
     private handleAddGroup;
     private _handleAddGroup;
     private handleAddRule;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/expression-builder",
   "description": "Genesis Foundation Expression Builder",
-  "version": "14.259.1",
+  "version": "14.260.1-RPT-0.1",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/expression-builder.d.ts",
@@ -59,5 +59,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "1812b4f2291e77e2d13d68afed776f4aeae59879"
+  "gitHead": "037b17c8615a0c30d39df49782ffed1090303e85"
 }