@genesislcap/pbc-notify-ui 15.9.0 → 15.10.0

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 +23 -23
package/dist/custom-elements.json CHANGED
@@ -479,6 +479,27 @@
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
+ },
482
503
  {
483
504
  "kind": "javascript-module",
484
505
  "path": "src/utils/eventDetail.ts",
@@ -800,27 +821,6 @@
800
821
  }
801
822
  ]
802
823
  },
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",
@@ -8986,54 +8986,54 @@
8986
8986
  },
8987
8987
  {
8988
8988
  "kind": "javascript-module",
8989
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
8989
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
8990
8990
  "declarations": [
8991
8991
  {
8992
8992
  "kind": "variable",
8993
- "name": "TemplateConditionBuilderTemplate",
8994
- "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`"
8993
+ "name": "TemplateConditionGroupTemplate",
8994
+ "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`"
8995
8995
  }
8996
8996
  ],
8997
8997
  "exports": [
8998
8998
  {
8999
8999
  "kind": "js",
9000
- "name": "TemplateConditionBuilderTemplate",
9000
+ "name": "TemplateConditionGroupTemplate",
9001
9001
  "declaration": {
9002
- "name": "TemplateConditionBuilderTemplate",
9003
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
9002
+ "name": "TemplateConditionGroupTemplate",
9003
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9004
9004
  }
9005
9005
  }
9006
9006
  ]
9007
9007
  },
9008
9008
  {
9009
9009
  "kind": "javascript-module",
9010
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
9010
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9011
9011
  "declarations": [
9012
9012
  {
9013
9013
  "kind": "class",
9014
- "description": "Condition builder for template notification rules.",
9015
- "name": "TemplateConditionBuilder",
9014
+ "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.",
9015
+ "name": "TemplateConditionGroup",
9016
9016
  "members": [
9017
9017
  {
9018
9018
  "kind": "field",
9019
- "name": "condition",
9019
+ "name": "node",
9020
9020
  "type": {
9021
- "text": "ConditionBuilderEntity"
9021
+ "text": "ConditionGroupEntity"
9022
9022
  }
9023
9023
  },
9024
9024
  {
9025
9025
  "kind": "field",
9026
- "name": "parameters",
9026
+ "name": "fields",
9027
9027
  "type": {
9028
- "text": "Array<ParameterBuilderEntity>"
9028
+ "text": "Field[]"
9029
9029
  },
9030
9030
  "default": "[]"
9031
9031
  },
9032
9032
  {
9033
9033
  "kind": "field",
9034
- "name": "fields",
9034
+ "name": "parameters",
9035
9035
  "type": {
9036
- "text": "Array<string>"
9036
+ "text": "Array<ParameterBuilderEntity>"
9037
9037
  },
9038
9038
  "default": "[]"
9039
9039
  },
@@ -9054,11 +9054,169 @@
9054
9054
  },
9055
9055
  {
9056
9056
  "kind": "field",
9057
- "name": "leftValue",
9057
+ "name": "groupChildren",
9058
9058
  "type": {
9059
- "text": "any"
9059
+ "text": "ConditionNode[]"
9060
9060
  },
9061
- "default": "null"
9061
+ "default": "[]"
9062
+ },
9063
+ {
9064
+ "kind": "method",
9065
+ "name": "nodeChanged"
9066
+ },
9067
+ {
9068
+ "kind": "method",
9069
+ "name": "joinOperatorChanged"
9070
+ },
9071
+ {
9072
+ "kind": "method",
9073
+ "name": "newCondition"
9074
+ },
9075
+ {
9076
+ "kind": "method",
9077
+ "name": "newGroup"
9078
+ },
9079
+ {
9080
+ "kind": "method",
9081
+ "name": "editChild",
9082
+ "parameters": [
9083
+ {
9084
+ "name": "_editedChild",
9085
+ "type": {
9086
+ "text": "ConditionNode"
9087
+ }
9088
+ }
9089
+ ]
9090
+ },
9091
+ {
9092
+ "kind": "method",
9093
+ "name": "deleteChild",
9094
+ "parameters": [
9095
+ {
9096
+ "name": "deletedChild",
9097
+ "type": {
9098
+ "text": "ConditionNode"
9099
+ }
9100
+ }
9101
+ ]
9102
+ },
9103
+ {
9104
+ "kind": "method",
9105
+ "name": "deleteSelf"
9106
+ }
9107
+ ],
9108
+ "events": [
9109
+ {
9110
+ "description": "Fired when this whole group should be removed",
9111
+ "name": "delete"
9112
+ },
9113
+ {
9114
+ "description": "Fired when anything inside this group changes",
9115
+ "name": "edit"
9116
+ }
9117
+ ],
9118
+ "superclass": {
9119
+ "name": "GenesisElement",
9120
+ "package": "@genesislcap/web-core"
9121
+ },
9122
+ "tagName": "template-condition-group",
9123
+ "customElement": true
9124
+ }
9125
+ ],
9126
+ "exports": [
9127
+ {
9128
+ "kind": "js",
9129
+ "name": "TemplateConditionGroup",
9130
+ "declaration": {
9131
+ "name": "TemplateConditionGroup",
9132
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9133
+ }
9134
+ },
9135
+ {
9136
+ "kind": "custom-element-definition",
9137
+ "name": "template-condition-group",
9138
+ "declaration": {
9139
+ "name": "TemplateConditionGroup",
9140
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9141
+ }
9142
+ }
9143
+ ]
9144
+ },
9145
+ {
9146
+ "kind": "javascript-module",
9147
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
9148
+ "declarations": [
9149
+ {
9150
+ "kind": "variable",
9151
+ "name": "TemplateConditionBuilderTemplate",
9152
+ "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`"
9153
+ }
9154
+ ],
9155
+ "exports": [
9156
+ {
9157
+ "kind": "js",
9158
+ "name": "TemplateConditionBuilderTemplate",
9159
+ "declaration": {
9160
+ "name": "TemplateConditionBuilderTemplate",
9161
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
9162
+ }
9163
+ }
9164
+ ]
9165
+ },
9166
+ {
9167
+ "kind": "javascript-module",
9168
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
9169
+ "declarations": [
9170
+ {
9171
+ "kind": "class",
9172
+ "description": "Condition builder for template notification rules.",
9173
+ "name": "TemplateConditionBuilder",
9174
+ "members": [
9175
+ {
9176
+ "kind": "field",
9177
+ "name": "condition",
9178
+ "type": {
9179
+ "text": "ConditionBuilderEntity"
9180
+ }
9181
+ },
9182
+ {
9183
+ "kind": "field",
9184
+ "name": "parameters",
9185
+ "type": {
9186
+ "text": "Array<ParameterBuilderEntity>"
9187
+ },
9188
+ "default": "[]"
9189
+ },
9190
+ {
9191
+ "kind": "field",
9192
+ "name": "fields",
9193
+ "type": {
9194
+ "text": "Array<string>"
9195
+ },
9196
+ "default": "[]"
9197
+ },
9198
+ {
9199
+ "kind": "field",
9200
+ "name": "isFirst",
9201
+ "type": {
9202
+ "text": "boolean"
9203
+ },
9204
+ "default": "false"
9205
+ },
9206
+ {
9207
+ "kind": "field",
9208
+ "name": "joinOperator",
9209
+ "type": {
9210
+ "text": "string"
9211
+ }
9212
+ },
9213
+ {
9214
+ "kind": "field",
9215
+ "name": "leftValue",
9216
+ "type": {
9217
+ "text": "any"
9218
+ },
9219
+ "default": "null"
9062
9220
  },
9063
9221
  {
9064
9222
  "kind": "field",
@@ -9275,164 +9433,6 @@
9275
9433
  }
9276
9434
  }
9277
9435
  ]
9278
- },
9279
- {
9280
- "kind": "javascript-module",
9281
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
9282
- "declarations": [
9283
- {
9284
- "kind": "variable",
9285
- "name": "TemplateConditionGroupTemplate",
9286
- "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`"
9287
- }
9288
- ],
9289
- "exports": [
9290
- {
9291
- "kind": "js",
9292
- "name": "TemplateConditionGroupTemplate",
9293
- "declaration": {
9294
- "name": "TemplateConditionGroupTemplate",
9295
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9296
- }
9297
- }
9298
- ]
9299
- },
9300
- {
9301
- "kind": "javascript-module",
9302
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9303
- "declarations": [
9304
- {
9305
- "kind": "class",
9306
- "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.",
9307
- "name": "TemplateConditionGroup",
9308
- "members": [
9309
- {
9310
- "kind": "field",
9311
- "name": "node",
9312
- "type": {
9313
- "text": "ConditionGroupEntity"
9314
- }
9315
- },
9316
- {
9317
- "kind": "field",
9318
- "name": "fields",
9319
- "type": {
9320
- "text": "Field[]"
9321
- },
9322
- "default": "[]"
9323
- },
9324
- {
9325
- "kind": "field",
9326
- "name": "parameters",
9327
- "type": {
9328
- "text": "Array<ParameterBuilderEntity>"
9329
- },
9330
- "default": "[]"
9331
- },
9332
- {
9333
- "kind": "field",
9334
- "name": "isFirst",
9335
- "type": {
9336
- "text": "boolean"
9337
- },
9338
- "default": "false"
9339
- },
9340
- {
9341
- "kind": "field",
9342
- "name": "joinOperator",
9343
- "type": {
9344
- "text": "string"
9345
- }
9346
- },
9347
- {
9348
- "kind": "field",
9349
- "name": "groupChildren",
9350
- "type": {
9351
- "text": "ConditionNode[]"
9352
- },
9353
- "default": "[]"
9354
- },
9355
- {
9356
- "kind": "method",
9357
- "name": "nodeChanged"
9358
- },
9359
- {
9360
- "kind": "method",
9361
- "name": "joinOperatorChanged"
9362
- },
9363
- {
9364
- "kind": "method",
9365
- "name": "newCondition"
9366
- },
9367
- {
9368
- "kind": "method",
9369
- "name": "newGroup"
9370
- },
9371
- {
9372
- "kind": "method",
9373
- "name": "editChild",
9374
- "parameters": [
9375
- {
9376
- "name": "_editedChild",
9377
- "type": {
9378
- "text": "ConditionNode"
9379
- }
9380
- }
9381
- ]
9382
- },
9383
- {
9384
- "kind": "method",
9385
- "name": "deleteChild",
9386
- "parameters": [
9387
- {
9388
- "name": "deletedChild",
9389
- "type": {
9390
- "text": "ConditionNode"
9391
- }
9392
- }
9393
- ]
9394
- },
9395
- {
9396
- "kind": "method",
9397
- "name": "deleteSelf"
9398
- }
9399
- ],
9400
- "events": [
9401
- {
9402
- "description": "Fired when this whole group should be removed",
9403
- "name": "delete"
9404
- },
9405
- {
9406
- "description": "Fired when anything inside this group changes",
9407
- "name": "edit"
9408
- }
9409
- ],
9410
- "superclass": {
9411
- "name": "GenesisElement",
9412
- "package": "@genesislcap/web-core"
9413
- },
9414
- "tagName": "template-condition-group",
9415
- "customElement": true
9416
- }
9417
- ],
9418
- "exports": [
9419
- {
9420
- "kind": "js",
9421
- "name": "TemplateConditionGroup",
9422
- "declaration": {
9423
- "name": "TemplateConditionGroup",
9424
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9425
- }
9426
- },
9427
- {
9428
- "kind": "custom-element-definition",
9429
- "name": "template-condition-group",
9430
- "declaration": {
9431
- "name": "TemplateConditionGroup",
9432
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9433
- }
9434
- }
9435
- ]
9436
9436
  }
9437
9437
  ]
9438
9438
  }
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 TemplateConditionBuilder: React.ForwardRefExoticComponent<
292
- React.PropsWithChildren<
293
- Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
294
- HTMLWCProps & {
295
- onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
296
- onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
297
- }
298
- > & React.RefAttributes<TemplateConditionBuilderWC>
299
- >;
300
- export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
301
-
302
291
  export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
303
292
  React.PropsWithChildren<
304
293
  Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
@@ -310,4 +299,15 @@ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
310
299
  >;
311
300
  export type TemplateConditionGroupRef = TemplateConditionGroupWC;
312
301
 
302
+ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
303
+ React.PropsWithChildren<
304
+ Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
305
+ HTMLWCProps & {
306
+ onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
307
+ onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
308
+ }
309
+ > & React.RefAttributes<TemplateConditionBuilderWC>
310
+ >;
311
+ export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
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 TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
269
+ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(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 TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
288
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
289
289
  });
290
290
 
291
- const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
291
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(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 TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
307
307
  el.removeEventListener('edit', _onEditFn);
308
308
  };
309
309
  }, []);
310
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
310
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...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
- TemplateConditionBuilder,
339
338
  TemplateConditionGroup,
339
+ TemplateConditionBuilder,
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 TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
267
+ export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(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 TemplateConditionBuilder = React.forwardRef(function TemplateCondit
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
286
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
287
287
  });
288
288
 
289
- export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
289
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(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 TemplateConditionGroup = React.forwardRef(function TemplateConditio
305
305
  el.removeEventListener('edit', _onEditFn);
306
306
  };
307
307
  }, []);
308
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
308
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...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.9.0",
4
+ "version": "15.10.0",
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.9.0",
85
- "@genesislcap/eslint-config": "15.9.0",
86
- "@genesislcap/eslint-stylelint-builder": "15.9.0",
87
- "@genesislcap/foundation-testing": "15.9.0",
88
- "@genesislcap/genx": "15.9.0",
89
- "@genesislcap/prettier-config": "15.9.0",
90
- "@genesislcap/stylelint-config": "15.9.0",
91
- "@genesislcap/vite-builder": "15.9.0",
92
- "@genesislcap/webpack-builder": "15.9.0",
84
+ "@genesislcap/design-system-configurator": "15.10.0",
85
+ "@genesislcap/eslint-config": "15.10.0",
86
+ "@genesislcap/eslint-stylelint-builder": "15.10.0",
87
+ "@genesislcap/foundation-testing": "15.10.0",
88
+ "@genesislcap/genx": "15.10.0",
89
+ "@genesislcap/prettier-config": "15.10.0",
90
+ "@genesislcap/stylelint-config": "15.10.0",
91
+ "@genesislcap/vite-builder": "15.10.0",
92
+ "@genesislcap/webpack-builder": "15.10.0",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.9.0",
97
- "@genesislcap/foundation-criteria": "15.9.0",
98
- "@genesislcap/foundation-entity-management": "15.9.0",
99
- "@genesislcap/foundation-forms": "15.9.0",
100
- "@genesislcap/foundation-layout": "15.9.0",
101
- "@genesislcap/foundation-logger": "15.9.0",
102
- "@genesislcap/foundation-notifications": "15.9.0",
103
- "@genesislcap/foundation-ui": "15.9.0",
104
- "@genesislcap/foundation-utils": "15.9.0",
105
- "@genesislcap/rapid-design-system": "15.9.0",
106
- "@genesislcap/rapid-grid-pro": "15.9.0",
107
- "@genesislcap/web-core": "15.9.0",
96
+ "@genesislcap/foundation-comms": "15.10.0",
97
+ "@genesislcap/foundation-criteria": "15.10.0",
98
+ "@genesislcap/foundation-entity-management": "15.10.0",
99
+ "@genesislcap/foundation-forms": "15.10.0",
100
+ "@genesislcap/foundation-layout": "15.10.0",
101
+ "@genesislcap/foundation-logger": "15.10.0",
102
+ "@genesislcap/foundation-notifications": "15.10.0",
103
+ "@genesislcap/foundation-ui": "15.10.0",
104
+ "@genesislcap/foundation-utils": "15.10.0",
105
+ "@genesislcap/rapid-design-system": "15.10.0",
106
+ "@genesislcap/rapid-grid-pro": "15.10.0",
107
+ "@genesislcap/web-core": "15.10.0",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },
@@ -112,5 +112,5 @@
112
112
  "access": "public"
113
113
  },
114
114
  "customElements": "dist/custom-elements.json",
115
- "gitHead": "640fddb70d899b01c9337563ae874ddb5226cbcd"
115
+ "gitHead": "83fc356fb2a585ea66bc15458dbd176c8247c68f"
116
116
  }