npm - @genesislcap/pbc-notify-ui - Versions diffs - 14.488.2 → 14.489.0-canary.FUI-2574-1 - Mend

@genesislcap/pbc-notify-ui 14.488.2 → 14.489.0-canary.FUI-2574-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/custom-elements.json +363 -363
package/dist/dts/react.d.ts +17 -17
package/dist/react.cjs +12 -12
package/dist/react.mjs +10 -10
package/package.json +23 -23

package/dist/custom-elements.json CHANGED Viewed

@@ -399,27 +399,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/scrollbar.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "scrollbarStyles",
-          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "scrollbarStyles",
-          "declaration": {
-            "name": "scrollbarStyles",
-            "module": "src/styles/scrollbar.styles.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/eventDetail.ts",
@@ -741,6 +720,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/scrollbar.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "scrollbarStyles",
+          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "scrollbarStyles",
+          "declaration": {
+            "name": "scrollbarStyles",
+            "module": "src/styles/scrollbar.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -6560,6 +6560,156 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleConditionGroupTemplate",
+          "default": "html<RuleConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></rule-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleConditionGroupTemplate",
+          "declaration": {
+            "name": "RuleConditionGroupTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
+          "name": "RuleConditionGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "node",
+              "type": {
+                "text": "ConditionGroupEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "Field[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "isFirst",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "joinOperator",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "groupChildren",
+              "type": {
+                "text": "ConditionNode[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "nodeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "joinOperatorChanged"
+            },
+            {
+              "kind": "method",
+              "name": "newCondition"
+            },
+            {
+              "kind": "method",
+              "name": "newGroup"
+            },
+            {
+              "kind": "method",
+              "name": "editChild",
+              "parameters": [
+                {
+                  "name": "_editedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteChild",
+              "parameters": [
+                {
+                  "name": "deletedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteSelf"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when this whole group should be removed",
+              "name": "delete"
+            },
+            {
+              "description": "Fired when anything inside this group changes",
+              "name": "edit"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "rule-condition-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleConditionGroup",
+          "declaration": {
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "rule-condition-group",
+          "declaration": {
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts",
@@ -6846,46 +6996,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "RuleConditionGroupTemplate",
-          "default": "html<RuleConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></rule-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
+          "name": "TemplateConditionBuilderTemplate",
+          "default": "html<TemplateConditionBuilder>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-builder\">\n    <rapid-select\n      :value=${sync((x) => x.leftValue)}\n      :initialValue=${sync((x) => x.leftValue)}\n      class=\"left-value\"\n    >\n      ${repeat(\n        (x) => x.leftValueItems,\n        html<Field>`\n          <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    <rapid-select\n      class=\"logical-operator${(x) =>\n        classNames([\n          '-null-and-blank',\n          nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n        ])}\"\n      :value=${sync((x) => x.logicalOperator)}\n    >\n      ${repeat(\n        (_) => Object.values(LogicalOperator),\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    ${when(\n      (x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n      html`\n        <rapid-select class=\"right-criteria\" :value=${sync((x) => x.rightCriteria)}>\n          ${repeat(\n            (_) => Object.values(RightCriteria),\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n\n        ${when(\n          (x) => x.rightCriteria === RightCriteria.VALUE,\n          html<TemplateConditionBuilder>`\n            ${whenElse(\n              (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === FieldTypeEnum.BOOLEAN,\n              html`\n                <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueText)}>\n                  <rapid-option value=\"true\">true</rapid-option>\n                  <rapid-option value=\"false\">false</rapid-option>\n                </rapid-select>\n              `,\n              html`\n                ${whenElse(\n                  (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === 'ENUM',\n                  html`\n                    <rapid-multiselect\n                      class=\"right-criteria-select\"\n                      :selectedOptions=${(x) => x.rightValueMultiSelect}\n                      @selectionChange=${(x, c) => {\n                        x.rightValueMultiSelect = (c.event as CustomEvent).detail;\n                      }}\n                      search=\"true\"\n                      all=\"false\"\n                    >\n                      <multiselect-datasource\n                        value-field=\"value\"\n                        label-field=\"value\"\n                        :data=${(x) => x.getEnumValues().map((value) => ({ value }))}\n                      ></multiselect-datasource>\n                    </rapid-multiselect>\n                  `,\n                  html`\n                    <rapid-text-field\n                      class=\"right-criteria-text\"\n                      :value=${sync((x) => x.rightValueText)}\n                      placeholder=\"Value (comma-separate for multiple)\"\n                      autocomplete=\"off\"\n                    ></rapid-text-field>\n                  `,\n                )}\n              `,\n            )}\n          `,\n        )}\n        ${when(\n          (x) => x.rightCriteria === RightCriteria.USER_ENTRY,\n          html<TemplateConditionBuilder>`\n            <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueSelect)}>\n              ${(x) => rightValueItemsOptions(x.rightValueItems)}\n            </rapid-select>\n          `,\n        )}\n      `,\n    )}\n\n    <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteCondition()}>\n      <rapid-icon\n        style=\"opacity: 0.5\"\n        variant=\"regular\"\n        name=\"trash-alt\"\n        size=\"lg\"\n        part=\"icon\"\n      ></rapid-icon>\n    </rapid-button>\n  </div>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleConditionGroupTemplate",
+          "name": "TemplateConditionBuilderTemplate",
           "declaration": {
-            "name": "RuleConditionGroupTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
+            "name": "TemplateConditionBuilderTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
-          "name": "RuleConditionGroup",
+          "description": "Condition builder for template notification rules.",
+          "name": "TemplateConditionBuilder",
           "members": [
             {
               "kind": "field",
-              "name": "node",
+              "name": "condition",
               "type": {
-                "text": "ConditionGroupEntity"
+                "text": "ConditionBuilderEntity"
               }
             },
+            {
+              "kind": "field",
+              "name": "parameters",
+              "type": {
+                "text": "Array<ParameterBuilderEntity>"
+              },
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "fields",
               "type": {
-                "text": "Field[]"
+                "text": "Array<string>"
               },
               "default": "[]"
             },
@@ -6906,90 +7064,224 @@
             },
             {
               "kind": "field",
-              "name": "groupChildren",
+              "name": "leftValue",
               "type": {
-                "text": "ConditionNode[]"
+                "text": "any"
               },
-              "default": "[]"
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "nodeChanged"
+              "kind": "field",
+              "name": "leftValueItems",
+              "type": {
+                "text": "Array<any>"
+              },
+              "default": "[]"
             },
             {
-              "kind": "method",
-              "name": "joinOperatorChanged"
+              "kind": "field",
+              "name": "logicalOperator",
+              "type": {
+                "text": "string"
+              },
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "newCondition"
+              "kind": "field",
+              "name": "rightCriteria",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "newGroup"
-            },
+              "kind": "field",
+              "name": "rightValueText",
+              "type": {
+                "text": "string"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "rightValueSelect",
+              "type": {
+                "text": "string"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "rightValueItems",
+              "type": {
+                "text": "Array<any>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "rightValueMultiSelect",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
             {
               "kind": "method",
-              "name": "editChild",
-              "parameters": [
-                {
-                  "name": "_editedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
+              "name": "deleteCondition"
+            },
+            {
+              "kind": "method",
+              "name": "conditionChanged"
+            },
+            {
+              "kind": "method",
+              "name": "joinOperatorChanged"
+            },
+            {
+              "kind": "method",
+              "name": "parametersChanged"
+            },
+            {
+              "kind": "method",
+              "name": "getMatchingParameter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ParameterBuilderEntity | undefined"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "deleteChild",
-              "parameters": [
-                {
-                  "name": "deletedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
+              "name": "syncParameterBinding",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "deleteSelf"
+              "name": "resetToValueEditor",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "fieldsChanged"
+            },
+            {
+              "kind": "method",
+              "name": "logicalOperatorChanged"
+            },
+            {
+              "kind": "method",
+              "name": "assignLeftValue",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "leftValueChanged"
+            },
+            {
+              "kind": "method",
+              "name": "assignRightValue",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "rightCriteriaChanged"
+            },
+            {
+              "kind": "method",
+              "name": "clearRightValueText",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "clearRightValueSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "rightValueTextChanged"
+            },
+            {
+              "kind": "method",
+              "name": "rightValueSelectChanged"
+            },
+            {
+              "kind": "method",
+              "name": "rightValueMultiSelectChanged"
+            },
+            {
+              "kind": "method",
+              "name": "getEnumValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              }
             }
           ],
           "events": [
             {
-              "description": "Fired when this whole group should be removed",
+              "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
               "name": "delete"
             },
             {
-              "description": "Fired when anything inside this group changes",
+              "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
               "name": "edit"
             }
           ],
+          "attributes": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "ConditionBuilderEntity"
+              },
+              "fieldName": "condition"
+            },
+            {
+              "name": "parameters",
+              "type": {
+                "text": "Array<ParameterBuilderEntity>"
+              },
+              "default": "[]",
+              "fieldName": "parameters"
+            },
+            {
+              "name": "fields",
+              "type": {
+                "text": "Array<string>"
+              },
+              "default": "[]",
+              "fieldName": "fields"
+            }
+          ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "rule-condition-group",
+          "tagName": "template-condition-builder",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleConditionGroup",
+          "name": "TemplateConditionBuilder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "TemplateConditionBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "rule-condition-group",
+          "name": "template-condition-builder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "TemplateConditionBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
           }
         }
       ]
@@ -7365,298 +7657,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TemplateConditionBuilderTemplate",
-          "default": "html<TemplateConditionBuilder>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-builder\">\n    <rapid-select\n      :value=${sync((x) => x.leftValue)}\n      :initialValue=${sync((x) => x.leftValue)}\n      class=\"left-value\"\n    >\n      ${repeat(\n        (x) => x.leftValueItems,\n        html<Field>`\n          <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    <rapid-select\n      class=\"logical-operator${(x) =>\n        classNames([\n          '-null-and-blank',\n          nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n        ])}\"\n      :value=${sync((x) => x.logicalOperator)}\n    >\n      ${repeat(\n        (_) => Object.values(LogicalOperator),\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    ${when(\n      (x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n      html`\n        <rapid-select class=\"right-criteria\" :value=${sync((x) => x.rightCriteria)}>\n          ${repeat(\n            (_) => Object.values(RightCriteria),\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n\n        ${when(\n          (x) => x.rightCriteria === RightCriteria.VALUE,\n          html<TemplateConditionBuilder>`\n            ${whenElse(\n              (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === FieldTypeEnum.BOOLEAN,\n              html`\n                <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueText)}>\n                  <rapid-option value=\"true\">true</rapid-option>\n                  <rapid-option value=\"false\">false</rapid-option>\n                </rapid-select>\n              `,\n              html`\n                ${whenElse(\n                  (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === 'ENUM',\n                  html`\n                    <rapid-multiselect\n                      class=\"right-criteria-select\"\n                      :selectedOptions=${(x) => x.rightValueMultiSelect}\n                      @selectionChange=${(x, c) => {\n                        x.rightValueMultiSelect = (c.event as CustomEvent).detail;\n                      }}\n                      search=\"true\"\n                      all=\"false\"\n                    >\n                      <multiselect-datasource\n                        value-field=\"value\"\n                        label-field=\"value\"\n                        :data=${(x) => x.getEnumValues().map((value) => ({ value }))}\n                      ></multiselect-datasource>\n                    </rapid-multiselect>\n                  `,\n                  html`\n                    <rapid-text-field\n                      class=\"right-criteria-text\"\n                      :value=${sync((x) => x.rightValueText)}\n                      placeholder=\"Value (comma-separate for multiple)\"\n                      autocomplete=\"off\"\n                    ></rapid-text-field>\n                  `,\n                )}\n              `,\n            )}\n          `,\n        )}\n        ${when(\n          (x) => x.rightCriteria === RightCriteria.USER_ENTRY,\n          html<TemplateConditionBuilder>`\n            <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueSelect)}>\n              ${(x) => rightValueItemsOptions(x.rightValueItems)}\n            </rapid-select>\n          `,\n        )}\n      `,\n    )}\n\n    <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteCondition()}>\n      <rapid-icon\n        style=\"opacity: 0.5\"\n        variant=\"regular\"\n        name=\"trash-alt\"\n        size=\"lg\"\n        part=\"icon\"\n      ></rapid-icon>\n    </rapid-button>\n  </div>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionBuilderTemplate",
-          "declaration": {
-            "name": "TemplateConditionBuilderTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Condition builder for template notification rules.",
-          "name": "TemplateConditionBuilder",
-          "members": [
-            {
-              "kind": "field",
-              "name": "condition",
-              "type": {
-                "text": "ConditionBuilderEntity"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parameters",
-              "type": {
-                "text": "Array<ParameterBuilderEntity>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "Array<string>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "isFirst",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "joinOperator",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "leftValue",
-              "type": {
-                "text": "any"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "leftValueItems",
-              "type": {
-                "text": "Array<any>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "logicalOperator",
-              "type": {
-                "text": "string"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "rightCriteria",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "rightValueText",
-              "type": {
-                "text": "string"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "rightValueSelect",
-              "type": {
-                "text": "string"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "rightValueItems",
-              "type": {
-                "text": "Array<any>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "rightValueMultiSelect",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "deleteCondition"
-            },
-            {
-              "kind": "method",
-              "name": "conditionChanged"
-            },
-            {
-              "kind": "method",
-              "name": "joinOperatorChanged"
-            },
-            {
-              "kind": "method",
-              "name": "parametersChanged"
-            },
-            {
-              "kind": "method",
-              "name": "getMatchingParameter",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "ParameterBuilderEntity | undefined"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "syncParameterBinding",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetToValueEditor",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "fieldsChanged"
-            },
-            {
-              "kind": "method",
-              "name": "logicalOperatorChanged"
-            },
-            {
-              "kind": "method",
-              "name": "assignLeftValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "leftValueChanged"
-            },
-            {
-              "kind": "method",
-              "name": "assignRightValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "rightCriteriaChanged"
-            },
-            {
-              "kind": "method",
-              "name": "clearRightValueText",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "clearRightValueSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueTextChanged"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueSelectChanged"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueMultiSelectChanged"
-            },
-            {
-              "kind": "method",
-              "name": "getEnumValues",
-              "return": {
-                "type": {
-                  "text": "string[]"
-                }
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
-              "name": "delete"
-            },
-            {
-              "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
-              "name": "edit"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "condition",
-              "type": {
-                "text": "ConditionBuilderEntity"
-              },
-              "fieldName": "condition"
-            },
-            {
-              "name": "parameters",
-              "type": {
-                "text": "Array<ParameterBuilderEntity>"
-              },
-              "default": "[]",
-              "fieldName": "parameters"
-            },
-            {
-              "name": "fields",
-              "type": {
-                "text": "Array<string>"
-              },
-              "default": "[]",
-              "fieldName": "fields"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "template-condition-builder",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionBuilder",
-          "declaration": {
-            "name": "TemplateConditionBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "template-condition-builder",
-          "declaration": {
-            "name": "TemplateConditionBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
-          }
-        }
-      ]
     }
   ]
 }

package/dist/dts/react.d.ts CHANGED Viewed

@@ -225,6 +225,17 @@ export declare const TemplateDialog: React.ForwardRefExoticComponent<
 >;
 export type TemplateDialogRef = TemplateDialogWC;
+export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onDelete?: (event: CustomEvent<unknown>) => void;
+      onEdit?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<RuleConditionGroupWC>
+>;
+export type RuleConditionGroupRef = RuleConditionGroupWC;
 export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
@@ -236,16 +247,16 @@ export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
 >;
 export type RuleConditionBuilderRef = RuleConditionBuilderWC;
-export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
+export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
+    Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
-      onDelete?: (event: CustomEvent<unknown>) => void;
-      onEdit?: (event: CustomEvent<unknown>) => void;
+      onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
+      onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
     }
-  > & React.RefAttributes<RuleConditionGroupWC>
+  > & React.RefAttributes<TemplateConditionBuilderWC>
 >;
-export type RuleConditionGroupRef = RuleConditionGroupWC;
+export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
 export declare const ParameterBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -269,15 +280,4 @@ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
 >;
 export type TemplateConditionGroupRef = TemplateConditionGroupWC;
-export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-      onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-    }
-  > & React.RefAttributes<TemplateConditionBuilderWC>
->;
-export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
 export {};

package/dist/react.cjs CHANGED Viewed

@@ -182,7 +182,7 @@ const TemplateDialog = React.forwardRef(function TemplateDialog(props, ref) {
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -201,10 +201,10 @@ const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(prop
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -223,10 +223,10 @@ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, r
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
+const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -245,10 +245,10 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
+const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -267,10 +267,10 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -289,7 +289,7 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 module.exports = {
@@ -311,9 +311,9 @@ module.exports = {
   ScreenRouteManagement,
   RuleDialog,
   TemplateDialog,
-  RuleConditionBuilder,
   RuleConditionGroup,
+  RuleConditionBuilder,
+  TemplateConditionBuilder,
   ParameterBuilder,
   TemplateConditionGroup,
-  TemplateConditionBuilder,
 };

package/dist/react.mjs CHANGED Viewed

@@ -180,7 +180,7 @@ export const TemplateDialog = React.forwardRef(function TemplateDialog(props, re
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -199,10 +199,10 @@ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuild
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -221,10 +221,10 @@ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(p
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
+export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -243,10 +243,10 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
+export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -265,10 +265,10 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -287,5 +287,5 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "14.488.2",
+  "version": "14.489.0-canary.FUI-2574-1",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -83,30 +83,30 @@
     "@commitlint/format": "^19.0.3",
     "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
     "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3",
-    "@genesislcap/design-system-configurator": "14.488.2",
-    "@genesislcap/eslint-config": "14.488.2",
-    "@genesislcap/eslint-stylelint-builder": "14.488.2",
-    "@genesislcap/foundation-testing": "14.488.2",
-    "@genesislcap/genx": "14.488.2",
-    "@genesislcap/prettier-config": "14.488.2",
-    "@genesislcap/stylelint-config": "14.488.2",
-    "@genesislcap/vite-builder": "14.488.2",
-    "@genesislcap/webpack-builder": "14.488.2",
+    "@genesislcap/design-system-configurator": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/eslint-config": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/eslint-stylelint-builder": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-testing": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/genx": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/prettier-config": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/stylelint-config": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/vite-builder": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/webpack-builder": "14.489.0-canary.FUI-2574-1",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.488.2",
-    "@genesislcap/foundation-criteria": "14.488.2",
-    "@genesislcap/foundation-entity-management": "14.488.2",
-    "@genesislcap/foundation-forms": "14.488.2",
-    "@genesislcap/foundation-layout": "14.488.2",
-    "@genesislcap/foundation-logger": "14.488.2",
-    "@genesislcap/foundation-notifications": "14.488.2",
-    "@genesislcap/foundation-ui": "14.488.2",
-    "@genesislcap/foundation-utils": "14.488.2",
-    "@genesislcap/rapid-design-system": "14.488.2",
-    "@genesislcap/rapid-grid-pro": "14.488.2",
-    "@genesislcap/web-core": "14.488.2",
+    "@genesislcap/foundation-comms": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-criteria": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-entity-management": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-forms": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-layout": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-logger": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-notifications": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-ui": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/foundation-utils": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/rapid-design-system": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/rapid-grid-pro": "14.489.0-canary.FUI-2574-1",
+    "@genesislcap/web-core": "14.489.0-canary.FUI-2574-1",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },
@@ -114,5 +114,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "babd82759de2896aaec4b630259c716b59afb1b3"
+  "gitHead": "6dbab0f331e0fa7a280534d5cf111f09138c31e4"
 }