@genesislcap/pbc-notify-ui 15.24.1 → 15.24.2

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
  1. package/dist/custom-elements.json +286 -286
  2. package/dist/dts/react.d.ts +11 -11
  3. package/dist/react.cjs +5 -5
  4. package/dist/react.mjs +4 -4
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -479,27 +479,6 @@
479
479
  }
480
480
  ]
481
481
  },
482
- {
483
- "kind": "javascript-module",
484
- "path": "src/styles/scrollbar.styles.ts",
485
- "declarations": [
486
- {
487
- "kind": "variable",
488
- "name": "scrollbarStyles",
489
- "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`"
490
- }
491
- ],
492
- "exports": [
493
- {
494
- "kind": "js",
495
- "name": "scrollbarStyles",
496
- "declaration": {
497
- "name": "scrollbarStyles",
498
- "module": "src/styles/scrollbar.styles.ts"
499
- }
500
- }
501
- ]
502
- },
503
482
  {
504
483
  "kind": "javascript-module",
505
484
  "path": "src/utils/eventDetail.ts",
@@ -821,6 +800,27 @@
821
800
  }
822
801
  ]
823
802
  },
803
+ {
804
+ "kind": "javascript-module",
805
+ "path": "src/styles/scrollbar.styles.ts",
806
+ "declarations": [
807
+ {
808
+ "kind": "variable",
809
+ "name": "scrollbarStyles",
810
+ "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`"
811
+ }
812
+ ],
813
+ "exports": [
814
+ {
815
+ "kind": "js",
816
+ "name": "scrollbarStyles",
817
+ "declaration": {
818
+ "name": "scrollbarStyles",
819
+ "module": "src/styles/scrollbar.styles.ts"
820
+ }
821
+ }
822
+ ]
823
+ },
824
824
  {
825
825
  "kind": "javascript-module",
826
826
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -4229,95 +4229,6 @@
4229
4229
  }
4230
4230
  ]
4231
4231
  },
4232
- {
4233
- "kind": "javascript-module",
4234
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
4235
- "declarations": [
4236
- {
4237
- "kind": "variable",
4238
- "name": "ConditionBuilderStyles",
4239
- "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
4240
- },
4241
- {
4242
- "kind": "variable",
4243
- "name": "ConditionGroupStyles",
4244
- "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
4245
- }
4246
- ],
4247
- "exports": [
4248
- {
4249
- "kind": "js",
4250
- "name": "ConditionBuilderStyles",
4251
- "declaration": {
4252
- "name": "ConditionBuilderStyles",
4253
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4254
- }
4255
- },
4256
- {
4257
- "kind": "js",
4258
- "name": "ConditionGroupStyles",
4259
- "declaration": {
4260
- "name": "ConditionGroupStyles",
4261
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4262
- }
4263
- }
4264
- ]
4265
- },
4266
- {
4267
- "kind": "javascript-module",
4268
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
4269
- "declarations": [
4270
- {
4271
- "kind": "variable",
4272
- "name": "DynamicRuleManagementStyles",
4273
- "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
4274
- },
4275
- {
4276
- "kind": "variable",
4277
- "name": "DynamicRuleDialogStyles",
4278
- "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
4279
- }
4280
- ],
4281
- "exports": [
4282
- {
4283
- "kind": "js",
4284
- "name": "DynamicRuleManagementStyles",
4285
- "declaration": {
4286
- "name": "DynamicRuleManagementStyles",
4287
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4288
- }
4289
- },
4290
- {
4291
- "kind": "js",
4292
- "name": "DynamicRuleDialogStyles",
4293
- "declaration": {
4294
- "name": "DynamicRuleDialogStyles",
4295
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4296
- }
4297
- }
4298
- ]
4299
- },
4300
- {
4301
- "kind": "javascript-module",
4302
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
4303
- "declarations": [
4304
- {
4305
- "kind": "variable",
4306
- "name": "managementGridStyles",
4307
- "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
4308
- }
4309
- ],
4310
- "exports": [
4311
- {
4312
- "kind": "js",
4313
- "name": "managementGridStyles",
4314
- "declaration": {
4315
- "name": "managementGridStyles",
4316
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
4317
- }
4318
- }
4319
- ]
4320
- },
4321
4232
  {
4322
4233
  "kind": "javascript-module",
4323
4234
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -4918,6 +4829,95 @@
4918
4829
  }
4919
4830
  ]
4920
4831
  },
4832
+ {
4833
+ "kind": "javascript-module",
4834
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
4835
+ "declarations": [
4836
+ {
4837
+ "kind": "variable",
4838
+ "name": "ConditionBuilderStyles",
4839
+ "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
4840
+ },
4841
+ {
4842
+ "kind": "variable",
4843
+ "name": "ConditionGroupStyles",
4844
+ "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
4845
+ }
4846
+ ],
4847
+ "exports": [
4848
+ {
4849
+ "kind": "js",
4850
+ "name": "ConditionBuilderStyles",
4851
+ "declaration": {
4852
+ "name": "ConditionBuilderStyles",
4853
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4854
+ }
4855
+ },
4856
+ {
4857
+ "kind": "js",
4858
+ "name": "ConditionGroupStyles",
4859
+ "declaration": {
4860
+ "name": "ConditionGroupStyles",
4861
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4862
+ }
4863
+ }
4864
+ ]
4865
+ },
4866
+ {
4867
+ "kind": "javascript-module",
4868
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
4869
+ "declarations": [
4870
+ {
4871
+ "kind": "variable",
4872
+ "name": "DynamicRuleManagementStyles",
4873
+ "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
4874
+ },
4875
+ {
4876
+ "kind": "variable",
4877
+ "name": "DynamicRuleDialogStyles",
4878
+ "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
4879
+ }
4880
+ ],
4881
+ "exports": [
4882
+ {
4883
+ "kind": "js",
4884
+ "name": "DynamicRuleManagementStyles",
4885
+ "declaration": {
4886
+ "name": "DynamicRuleManagementStyles",
4887
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4888
+ }
4889
+ },
4890
+ {
4891
+ "kind": "js",
4892
+ "name": "DynamicRuleDialogStyles",
4893
+ "declaration": {
4894
+ "name": "DynamicRuleDialogStyles",
4895
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4896
+ }
4897
+ }
4898
+ ]
4899
+ },
4900
+ {
4901
+ "kind": "javascript-module",
4902
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
4903
+ "declarations": [
4904
+ {
4905
+ "kind": "variable",
4906
+ "name": "managementGridStyles",
4907
+ "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
4908
+ }
4909
+ ],
4910
+ "exports": [
4911
+ {
4912
+ "kind": "js",
4913
+ "name": "managementGridStyles",
4914
+ "declaration": {
4915
+ "name": "managementGridStyles",
4916
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
4917
+ }
4918
+ }
4919
+ ]
4920
+ },
4921
4921
  {
4922
4922
  "kind": "javascript-module",
4923
4923
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
@@ -8995,54 +8995,54 @@
8995
8995
  },
8996
8996
  {
8997
8997
  "kind": "javascript-module",
8998
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
8998
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
8999
8999
  "declarations": [
9000
9000
  {
9001
9001
  "kind": "variable",
9002
- "name": "TemplateConditionGroupTemplate",
9003
- "default": "html<TemplateConditionGroup>`\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, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\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 ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\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 ></template-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`"
9002
+ "name": "TemplateConditionBuilderTemplate",
9003
+ "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`"
9004
9004
  }
9005
9005
  ],
9006
9006
  "exports": [
9007
9007
  {
9008
9008
  "kind": "js",
9009
- "name": "TemplateConditionGroupTemplate",
9009
+ "name": "TemplateConditionBuilderTemplate",
9010
9010
  "declaration": {
9011
- "name": "TemplateConditionGroupTemplate",
9012
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9011
+ "name": "TemplateConditionBuilderTemplate",
9012
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
9013
9013
  }
9014
9014
  }
9015
9015
  ]
9016
9016
  },
9017
9017
  {
9018
9018
  "kind": "javascript-module",
9019
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9019
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
9020
9020
  "declarations": [
9021
9021
  {
9022
9022
  "kind": "class",
9023
- "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9024
- "name": "TemplateConditionGroup",
9023
+ "description": "Condition builder for template notification rules.",
9024
+ "name": "TemplateConditionBuilder",
9025
9025
  "members": [
9026
9026
  {
9027
9027
  "kind": "field",
9028
- "name": "node",
9028
+ "name": "condition",
9029
9029
  "type": {
9030
- "text": "ConditionGroupEntity"
9030
+ "text": "ConditionBuilderEntity"
9031
9031
  }
9032
9032
  },
9033
9033
  {
9034
9034
  "kind": "field",
9035
- "name": "fields",
9035
+ "name": "parameters",
9036
9036
  "type": {
9037
- "text": "Field[]"
9037
+ "text": "Array<ParameterBuilderEntity>"
9038
9038
  },
9039
9039
  "default": "[]"
9040
9040
  },
9041
9041
  {
9042
9042
  "kind": "field",
9043
- "name": "parameters",
9043
+ "name": "fields",
9044
9044
  "type": {
9045
- "text": "Array<ParameterBuilderEntity>"
9045
+ "text": "Field[]"
9046
9046
  },
9047
9047
  "default": "[]"
9048
9048
  },
@@ -9063,169 +9063,11 @@
9063
9063
  },
9064
9064
  {
9065
9065
  "kind": "field",
9066
- "name": "groupChildren",
9066
+ "name": "leftValue",
9067
9067
  "type": {
9068
- "text": "ConditionNode[]"
9068
+ "text": "any"
9069
9069
  },
9070
- "default": "[]"
9071
- },
9072
- {
9073
- "kind": "method",
9074
- "name": "nodeChanged"
9075
- },
9076
- {
9077
- "kind": "method",
9078
- "name": "joinOperatorChanged"
9079
- },
9080
- {
9081
- "kind": "method",
9082
- "name": "newCondition"
9083
- },
9084
- {
9085
- "kind": "method",
9086
- "name": "newGroup"
9087
- },
9088
- {
9089
- "kind": "method",
9090
- "name": "editChild",
9091
- "parameters": [
9092
- {
9093
- "name": "_editedChild",
9094
- "type": {
9095
- "text": "ConditionNode"
9096
- }
9097
- }
9098
- ]
9099
- },
9100
- {
9101
- "kind": "method",
9102
- "name": "deleteChild",
9103
- "parameters": [
9104
- {
9105
- "name": "deletedChild",
9106
- "type": {
9107
- "text": "ConditionNode"
9108
- }
9109
- }
9110
- ]
9111
- },
9112
- {
9113
- "kind": "method",
9114
- "name": "deleteSelf"
9115
- }
9116
- ],
9117
- "events": [
9118
- {
9119
- "description": "Fired when this whole group should be removed",
9120
- "name": "delete"
9121
- },
9122
- {
9123
- "description": "Fired when anything inside this group changes",
9124
- "name": "edit"
9125
- }
9126
- ],
9127
- "superclass": {
9128
- "name": "GenesisElement",
9129
- "package": "@genesislcap/web-core"
9130
- },
9131
- "tagName": "template-condition-group",
9132
- "customElement": true
9133
- }
9134
- ],
9135
- "exports": [
9136
- {
9137
- "kind": "js",
9138
- "name": "TemplateConditionGroup",
9139
- "declaration": {
9140
- "name": "TemplateConditionGroup",
9141
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9142
- }
9143
- },
9144
- {
9145
- "kind": "custom-element-definition",
9146
- "name": "template-condition-group",
9147
- "declaration": {
9148
- "name": "TemplateConditionGroup",
9149
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9150
- }
9151
- }
9152
- ]
9153
- },
9154
- {
9155
- "kind": "javascript-module",
9156
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
9157
- "declarations": [
9158
- {
9159
- "kind": "variable",
9160
- "name": "TemplateConditionBuilderTemplate",
9161
- "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`"
9162
- }
9163
- ],
9164
- "exports": [
9165
- {
9166
- "kind": "js",
9167
- "name": "TemplateConditionBuilderTemplate",
9168
- "declaration": {
9169
- "name": "TemplateConditionBuilderTemplate",
9170
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
9171
- }
9172
- }
9173
- ]
9174
- },
9175
- {
9176
- "kind": "javascript-module",
9177
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
9178
- "declarations": [
9179
- {
9180
- "kind": "class",
9181
- "description": "Condition builder for template notification rules.",
9182
- "name": "TemplateConditionBuilder",
9183
- "members": [
9184
- {
9185
- "kind": "field",
9186
- "name": "condition",
9187
- "type": {
9188
- "text": "ConditionBuilderEntity"
9189
- }
9190
- },
9191
- {
9192
- "kind": "field",
9193
- "name": "parameters",
9194
- "type": {
9195
- "text": "Array<ParameterBuilderEntity>"
9196
- },
9197
- "default": "[]"
9198
- },
9199
- {
9200
- "kind": "field",
9201
- "name": "fields",
9202
- "type": {
9203
- "text": "Field[]"
9204
- },
9205
- "default": "[]"
9206
- },
9207
- {
9208
- "kind": "field",
9209
- "name": "isFirst",
9210
- "type": {
9211
- "text": "boolean"
9212
- },
9213
- "default": "false"
9214
- },
9215
- {
9216
- "kind": "field",
9217
- "name": "joinOperator",
9218
- "type": {
9219
- "text": "string"
9220
- }
9221
- },
9222
- {
9223
- "kind": "field",
9224
- "name": "leftValue",
9225
- "type": {
9226
- "text": "any"
9227
- },
9228
- "default": "null"
9070
+ "default": "null"
9229
9071
  },
9230
9072
  {
9231
9073
  "kind": "field",
@@ -9417,6 +9259,164 @@
9417
9259
  }
9418
9260
  }
9419
9261
  ]
9262
+ },
9263
+ {
9264
+ "kind": "javascript-module",
9265
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
9266
+ "declarations": [
9267
+ {
9268
+ "kind": "variable",
9269
+ "name": "TemplateConditionGroupTemplate",
9270
+ "default": "html<TemplateConditionGroup>`\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, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\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 ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\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 ></template-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`"
9271
+ }
9272
+ ],
9273
+ "exports": [
9274
+ {
9275
+ "kind": "js",
9276
+ "name": "TemplateConditionGroupTemplate",
9277
+ "declaration": {
9278
+ "name": "TemplateConditionGroupTemplate",
9279
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9280
+ }
9281
+ }
9282
+ ]
9283
+ },
9284
+ {
9285
+ "kind": "javascript-module",
9286
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9287
+ "declarations": [
9288
+ {
9289
+ "kind": "class",
9290
+ "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9291
+ "name": "TemplateConditionGroup",
9292
+ "members": [
9293
+ {
9294
+ "kind": "field",
9295
+ "name": "node",
9296
+ "type": {
9297
+ "text": "ConditionGroupEntity"
9298
+ }
9299
+ },
9300
+ {
9301
+ "kind": "field",
9302
+ "name": "fields",
9303
+ "type": {
9304
+ "text": "Field[]"
9305
+ },
9306
+ "default": "[]"
9307
+ },
9308
+ {
9309
+ "kind": "field",
9310
+ "name": "parameters",
9311
+ "type": {
9312
+ "text": "Array<ParameterBuilderEntity>"
9313
+ },
9314
+ "default": "[]"
9315
+ },
9316
+ {
9317
+ "kind": "field",
9318
+ "name": "isFirst",
9319
+ "type": {
9320
+ "text": "boolean"
9321
+ },
9322
+ "default": "false"
9323
+ },
9324
+ {
9325
+ "kind": "field",
9326
+ "name": "joinOperator",
9327
+ "type": {
9328
+ "text": "string"
9329
+ }
9330
+ },
9331
+ {
9332
+ "kind": "field",
9333
+ "name": "groupChildren",
9334
+ "type": {
9335
+ "text": "ConditionNode[]"
9336
+ },
9337
+ "default": "[]"
9338
+ },
9339
+ {
9340
+ "kind": "method",
9341
+ "name": "nodeChanged"
9342
+ },
9343
+ {
9344
+ "kind": "method",
9345
+ "name": "joinOperatorChanged"
9346
+ },
9347
+ {
9348
+ "kind": "method",
9349
+ "name": "newCondition"
9350
+ },
9351
+ {
9352
+ "kind": "method",
9353
+ "name": "newGroup"
9354
+ },
9355
+ {
9356
+ "kind": "method",
9357
+ "name": "editChild",
9358
+ "parameters": [
9359
+ {
9360
+ "name": "_editedChild",
9361
+ "type": {
9362
+ "text": "ConditionNode"
9363
+ }
9364
+ }
9365
+ ]
9366
+ },
9367
+ {
9368
+ "kind": "method",
9369
+ "name": "deleteChild",
9370
+ "parameters": [
9371
+ {
9372
+ "name": "deletedChild",
9373
+ "type": {
9374
+ "text": "ConditionNode"
9375
+ }
9376
+ }
9377
+ ]
9378
+ },
9379
+ {
9380
+ "kind": "method",
9381
+ "name": "deleteSelf"
9382
+ }
9383
+ ],
9384
+ "events": [
9385
+ {
9386
+ "description": "Fired when this whole group should be removed",
9387
+ "name": "delete"
9388
+ },
9389
+ {
9390
+ "description": "Fired when anything inside this group changes",
9391
+ "name": "edit"
9392
+ }
9393
+ ],
9394
+ "superclass": {
9395
+ "name": "GenesisElement",
9396
+ "package": "@genesislcap/web-core"
9397
+ },
9398
+ "tagName": "template-condition-group",
9399
+ "customElement": true
9400
+ }
9401
+ ],
9402
+ "exports": [
9403
+ {
9404
+ "kind": "js",
9405
+ "name": "TemplateConditionGroup",
9406
+ "declaration": {
9407
+ "name": "TemplateConditionGroup",
9408
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9409
+ }
9410
+ },
9411
+ {
9412
+ "kind": "custom-element-definition",
9413
+ "name": "template-condition-group",
9414
+ "declaration": {
9415
+ "name": "TemplateConditionGroup",
9416
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9417
+ }
9418
+ }
9419
+ ]
9420
9420
  }
9421
9421
  ]
9422
9422
  }
package/dist/dts/react.d.ts CHANGED
@@ -288,17 +288,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
288
288
  >;
289
289
  export type ParameterBuilderRef = ParameterBuilderWC;
290
290
 
291
- export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
292
- React.PropsWithChildren<
293
- Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
294
- HTMLWCProps & {
295
- onDelete?: (event: CustomEvent<unknown>) => void;
296
- onEdit?: (event: CustomEvent<unknown>) => void;
297
- }
298
- > & React.RefAttributes<TemplateConditionGroupWC>
299
- >;
300
- export type TemplateConditionGroupRef = TemplateConditionGroupWC;
301
-
302
291
  export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
303
292
  React.PropsWithChildren<
304
293
  Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
@@ -310,4 +299,15 @@ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
310
299
  >;
311
300
  export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
312
301
 
302
+ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
303
+ React.PropsWithChildren<
304
+ Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
305
+ HTMLWCProps & {
306
+ onDelete?: (event: CustomEvent<unknown>) => void;
307
+ onEdit?: (event: CustomEvent<unknown>) => void;
308
+ }
309
+ > & React.RefAttributes<TemplateConditionGroupWC>
310
+ >;
311
+ export type TemplateConditionGroupRef = TemplateConditionGroupWC;
312
+
313
313
  export {};
package/dist/react.cjs CHANGED
@@ -266,7 +266,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
266
266
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
267
  });
268
268
 
269
- const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
269
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
270
270
  const { onDelete, onEdit, children, ...rest } = props;
271
271
  const _innerRef = React.useRef(null);
272
272
  const _onDeleteRef = React.useRef(onDelete);
@@ -285,10 +285,10 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
288
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
289
289
  });
290
290
 
291
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
291
+ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
292
292
  const { onDelete, onEdit, children, ...rest } = props;
293
293
  const _innerRef = React.useRef(null);
294
294
  const _onDeleteRef = React.useRef(onDelete);
@@ -307,7 +307,7 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
307
307
  el.removeEventListener('edit', _onEditFn);
308
308
  };
309
309
  }, []);
310
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
310
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
311
311
  });
312
312
 
313
313
  module.exports = {
@@ -335,6 +335,6 @@ module.exports = {
335
335
  RuleConditionBuilder,
336
336
  RuleConditionGroup,
337
337
  ParameterBuilder,
338
- TemplateConditionGroup,
339
338
  TemplateConditionBuilder,
339
+ TemplateConditionGroup,
340
340
  };
package/dist/react.mjs CHANGED
@@ -264,7 +264,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
264
264
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
265
265
  });
266
266
 
267
- export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
267
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
268
268
  const { onDelete, onEdit, children, ...rest } = props;
269
269
  const _innerRef = React.useRef(null);
270
270
  const _onDeleteRef = React.useRef(onDelete);
@@ -283,10 +283,10 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
286
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
287
287
  });
288
288
 
289
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
289
+ export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
290
290
  const { onDelete, onEdit, children, ...rest } = props;
291
291
  const _innerRef = React.useRef(null);
292
292
  const _onDeleteRef = React.useRef(onDelete);
@@ -305,5 +305,5 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
305
305
  el.removeEventListener('edit', _onEditFn);
306
306
  };
307
307
  }, []);
308
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
308
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
309
309
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "15.24.1",
4
+ "version": "15.24.2",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -81,30 +81,30 @@
81
81
  "@commitlint/cli": "^19.2.1",
82
82
  "@commitlint/config-conventional": "^19.1.0",
83
83
  "@commitlint/format": "^19.0.3",
84
- "@genesislcap/design-system-configurator": "15.24.1",
85
- "@genesislcap/eslint-config": "15.24.1",
86
- "@genesislcap/eslint-stylelint-builder": "15.24.1",
87
- "@genesislcap/foundation-testing": "15.24.1",
88
- "@genesislcap/genx": "15.24.1",
89
- "@genesislcap/prettier-config": "15.24.1",
90
- "@genesislcap/stylelint-config": "15.24.1",
91
- "@genesislcap/vite-builder": "15.24.1",
92
- "@genesislcap/webpack-builder": "15.24.1",
84
+ "@genesislcap/design-system-configurator": "15.24.2",
85
+ "@genesislcap/eslint-config": "15.24.2",
86
+ "@genesislcap/eslint-stylelint-builder": "15.24.2",
87
+ "@genesislcap/foundation-testing": "15.24.2",
88
+ "@genesislcap/genx": "15.24.2",
89
+ "@genesislcap/prettier-config": "15.24.2",
90
+ "@genesislcap/stylelint-config": "15.24.2",
91
+ "@genesislcap/vite-builder": "15.24.2",
92
+ "@genesislcap/webpack-builder": "15.24.2",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.24.1",
97
- "@genesislcap/foundation-criteria": "15.24.1",
98
- "@genesislcap/foundation-entity-management": "15.24.1",
99
- "@genesislcap/foundation-forms": "15.24.1",
100
- "@genesislcap/foundation-layout": "15.24.1",
101
- "@genesislcap/foundation-logger": "15.24.1",
102
- "@genesislcap/foundation-notifications": "15.24.1",
103
- "@genesislcap/foundation-ui": "15.24.1",
104
- "@genesislcap/foundation-utils": "15.24.1",
105
- "@genesislcap/rapid-design-system": "15.24.1",
106
- "@genesislcap/rapid-grid-pro": "15.24.1",
107
- "@genesislcap/web-core": "15.24.1",
96
+ "@genesislcap/foundation-comms": "15.24.2",
97
+ "@genesislcap/foundation-criteria": "15.24.2",
98
+ "@genesislcap/foundation-entity-management": "15.24.2",
99
+ "@genesislcap/foundation-forms": "15.24.2",
100
+ "@genesislcap/foundation-layout": "15.24.2",
101
+ "@genesislcap/foundation-logger": "15.24.2",
102
+ "@genesislcap/foundation-notifications": "15.24.2",
103
+ "@genesislcap/foundation-ui": "15.24.2",
104
+ "@genesislcap/foundation-utils": "15.24.2",
105
+ "@genesislcap/rapid-design-system": "15.24.2",
106
+ "@genesislcap/rapid-grid-pro": "15.24.2",
107
+ "@genesislcap/web-core": "15.24.2",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },