@genesislcap/pbc-notify-ui 15.6.2 → 15.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  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
@@ -415,27 +415,6 @@
415
415
  }
416
416
  ]
417
417
  },
418
- {
419
- "kind": "javascript-module",
420
- "path": "src/styles/scrollbar.styles.ts",
421
- "declarations": [
422
- {
423
- "kind": "variable",
424
- "name": "scrollbarStyles",
425
- "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`"
426
- }
427
- ],
428
- "exports": [
429
- {
430
- "kind": "js",
431
- "name": "scrollbarStyles",
432
- "declaration": {
433
- "name": "scrollbarStyles",
434
- "module": "src/styles/scrollbar.styles.ts"
435
- }
436
- }
437
- ]
438
- },
439
418
  {
440
419
  "kind": "javascript-module",
441
420
  "path": "src/utils/eventDetail.ts",
@@ -757,6 +736,27 @@
757
736
  }
758
737
  ]
759
738
  },
739
+ {
740
+ "kind": "javascript-module",
741
+ "path": "src/styles/scrollbar.styles.ts",
742
+ "declarations": [
743
+ {
744
+ "kind": "variable",
745
+ "name": "scrollbarStyles",
746
+ "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`"
747
+ }
748
+ ],
749
+ "exports": [
750
+ {
751
+ "kind": "js",
752
+ "name": "scrollbarStyles",
753
+ "declaration": {
754
+ "name": "scrollbarStyles",
755
+ "module": "src/styles/scrollbar.styles.ts"
756
+ }
757
+ }
758
+ ]
759
+ },
760
760
  {
761
761
  "kind": "javascript-module",
762
762
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -3300,95 +3300,6 @@
3300
3300
  }
3301
3301
  ]
3302
3302
  },
3303
- {
3304
- "kind": "javascript-module",
3305
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3306
- "declarations": [
3307
- {
3308
- "kind": "variable",
3309
- "name": "ConditionBuilderStyles",
3310
- "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`"
3311
- },
3312
- {
3313
- "kind": "variable",
3314
- "name": "ConditionGroupStyles",
3315
- "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`"
3316
- }
3317
- ],
3318
- "exports": [
3319
- {
3320
- "kind": "js",
3321
- "name": "ConditionBuilderStyles",
3322
- "declaration": {
3323
- "name": "ConditionBuilderStyles",
3324
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3325
- }
3326
- },
3327
- {
3328
- "kind": "js",
3329
- "name": "ConditionGroupStyles",
3330
- "declaration": {
3331
- "name": "ConditionGroupStyles",
3332
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3333
- }
3334
- }
3335
- ]
3336
- },
3337
- {
3338
- "kind": "javascript-module",
3339
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3340
- "declarations": [
3341
- {
3342
- "kind": "variable",
3343
- "name": "DynamicRuleManagementStyles",
3344
- "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`"
3345
- },
3346
- {
3347
- "kind": "variable",
3348
- "name": "DynamicRuleDialogStyles",
3349
- "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: 500px;\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`"
3350
- }
3351
- ],
3352
- "exports": [
3353
- {
3354
- "kind": "js",
3355
- "name": "DynamicRuleManagementStyles",
3356
- "declaration": {
3357
- "name": "DynamicRuleManagementStyles",
3358
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3359
- }
3360
- },
3361
- {
3362
- "kind": "js",
3363
- "name": "DynamicRuleDialogStyles",
3364
- "declaration": {
3365
- "name": "DynamicRuleDialogStyles",
3366
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3367
- }
3368
- }
3369
- ]
3370
- },
3371
- {
3372
- "kind": "javascript-module",
3373
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3374
- "declarations": [
3375
- {
3376
- "kind": "variable",
3377
- "name": "managementGridStyles",
3378
- "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`"
3379
- }
3380
- ],
3381
- "exports": [
3382
- {
3383
- "kind": "js",
3384
- "name": "managementGridStyles",
3385
- "declaration": {
3386
- "name": "managementGridStyles",
3387
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3388
- }
3389
- }
3390
- ]
3391
- },
3392
3303
  {
3393
3304
  "kind": "javascript-module",
3394
3305
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -3989,6 +3900,95 @@
3989
3900
  }
3990
3901
  ]
3991
3902
  },
3903
+ {
3904
+ "kind": "javascript-module",
3905
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3906
+ "declarations": [
3907
+ {
3908
+ "kind": "variable",
3909
+ "name": "ConditionBuilderStyles",
3910
+ "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`"
3911
+ },
3912
+ {
3913
+ "kind": "variable",
3914
+ "name": "ConditionGroupStyles",
3915
+ "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`"
3916
+ }
3917
+ ],
3918
+ "exports": [
3919
+ {
3920
+ "kind": "js",
3921
+ "name": "ConditionBuilderStyles",
3922
+ "declaration": {
3923
+ "name": "ConditionBuilderStyles",
3924
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3925
+ }
3926
+ },
3927
+ {
3928
+ "kind": "js",
3929
+ "name": "ConditionGroupStyles",
3930
+ "declaration": {
3931
+ "name": "ConditionGroupStyles",
3932
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3933
+ }
3934
+ }
3935
+ ]
3936
+ },
3937
+ {
3938
+ "kind": "javascript-module",
3939
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3940
+ "declarations": [
3941
+ {
3942
+ "kind": "variable",
3943
+ "name": "DynamicRuleManagementStyles",
3944
+ "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`"
3945
+ },
3946
+ {
3947
+ "kind": "variable",
3948
+ "name": "DynamicRuleDialogStyles",
3949
+ "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: 500px;\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`"
3950
+ }
3951
+ ],
3952
+ "exports": [
3953
+ {
3954
+ "kind": "js",
3955
+ "name": "DynamicRuleManagementStyles",
3956
+ "declaration": {
3957
+ "name": "DynamicRuleManagementStyles",
3958
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3959
+ }
3960
+ },
3961
+ {
3962
+ "kind": "js",
3963
+ "name": "DynamicRuleDialogStyles",
3964
+ "declaration": {
3965
+ "name": "DynamicRuleDialogStyles",
3966
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3967
+ }
3968
+ }
3969
+ ]
3970
+ },
3971
+ {
3972
+ "kind": "javascript-module",
3973
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3974
+ "declarations": [
3975
+ {
3976
+ "kind": "variable",
3977
+ "name": "managementGridStyles",
3978
+ "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`"
3979
+ }
3980
+ ],
3981
+ "exports": [
3982
+ {
3983
+ "kind": "js",
3984
+ "name": "managementGridStyles",
3985
+ "declaration": {
3986
+ "name": "managementGridStyles",
3987
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3988
+ }
3989
+ }
3990
+ ]
3991
+ },
3992
3992
  {
3993
3993
  "kind": "javascript-module",
3994
3994
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
@@ -7536,54 +7536,54 @@
7536
7536
  },
7537
7537
  {
7538
7538
  "kind": "javascript-module",
7539
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
7539
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
7540
7540
  "declarations": [
7541
7541
  {
7542
7542
  "kind": "variable",
7543
- "name": "TemplateConditionBuilderTemplate",
7544
- "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`"
7543
+ "name": "TemplateConditionGroupTemplate",
7544
+ "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`"
7545
7545
  }
7546
7546
  ],
7547
7547
  "exports": [
7548
7548
  {
7549
7549
  "kind": "js",
7550
- "name": "TemplateConditionBuilderTemplate",
7550
+ "name": "TemplateConditionGroupTemplate",
7551
7551
  "declaration": {
7552
- "name": "TemplateConditionBuilderTemplate",
7553
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
7552
+ "name": "TemplateConditionGroupTemplate",
7553
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
7554
7554
  }
7555
7555
  }
7556
7556
  ]
7557
7557
  },
7558
7558
  {
7559
7559
  "kind": "javascript-module",
7560
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
7560
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
7561
7561
  "declarations": [
7562
7562
  {
7563
7563
  "kind": "class",
7564
- "description": "Condition builder for template notification rules.",
7565
- "name": "TemplateConditionBuilder",
7564
+ "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.",
7565
+ "name": "TemplateConditionGroup",
7566
7566
  "members": [
7567
7567
  {
7568
7568
  "kind": "field",
7569
- "name": "condition",
7569
+ "name": "node",
7570
7570
  "type": {
7571
- "text": "ConditionBuilderEntity"
7571
+ "text": "ConditionGroupEntity"
7572
7572
  }
7573
7573
  },
7574
7574
  {
7575
7575
  "kind": "field",
7576
- "name": "parameters",
7576
+ "name": "fields",
7577
7577
  "type": {
7578
- "text": "Array<ParameterBuilderEntity>"
7578
+ "text": "Field[]"
7579
7579
  },
7580
7580
  "default": "[]"
7581
7581
  },
7582
7582
  {
7583
7583
  "kind": "field",
7584
- "name": "fields",
7584
+ "name": "parameters",
7585
7585
  "type": {
7586
- "text": "Array<string>"
7586
+ "text": "Array<ParameterBuilderEntity>"
7587
7587
  },
7588
7588
  "default": "[]"
7589
7589
  },
@@ -7604,11 +7604,169 @@
7604
7604
  },
7605
7605
  {
7606
7606
  "kind": "field",
7607
- "name": "leftValue",
7607
+ "name": "groupChildren",
7608
7608
  "type": {
7609
- "text": "any"
7609
+ "text": "ConditionNode[]"
7610
7610
  },
7611
- "default": "null"
7611
+ "default": "[]"
7612
+ },
7613
+ {
7614
+ "kind": "method",
7615
+ "name": "nodeChanged"
7616
+ },
7617
+ {
7618
+ "kind": "method",
7619
+ "name": "joinOperatorChanged"
7620
+ },
7621
+ {
7622
+ "kind": "method",
7623
+ "name": "newCondition"
7624
+ },
7625
+ {
7626
+ "kind": "method",
7627
+ "name": "newGroup"
7628
+ },
7629
+ {
7630
+ "kind": "method",
7631
+ "name": "editChild",
7632
+ "parameters": [
7633
+ {
7634
+ "name": "_editedChild",
7635
+ "type": {
7636
+ "text": "ConditionNode"
7637
+ }
7638
+ }
7639
+ ]
7640
+ },
7641
+ {
7642
+ "kind": "method",
7643
+ "name": "deleteChild",
7644
+ "parameters": [
7645
+ {
7646
+ "name": "deletedChild",
7647
+ "type": {
7648
+ "text": "ConditionNode"
7649
+ }
7650
+ }
7651
+ ]
7652
+ },
7653
+ {
7654
+ "kind": "method",
7655
+ "name": "deleteSelf"
7656
+ }
7657
+ ],
7658
+ "events": [
7659
+ {
7660
+ "description": "Fired when this whole group should be removed",
7661
+ "name": "delete"
7662
+ },
7663
+ {
7664
+ "description": "Fired when anything inside this group changes",
7665
+ "name": "edit"
7666
+ }
7667
+ ],
7668
+ "superclass": {
7669
+ "name": "GenesisElement",
7670
+ "package": "@genesislcap/web-core"
7671
+ },
7672
+ "tagName": "template-condition-group",
7673
+ "customElement": true
7674
+ }
7675
+ ],
7676
+ "exports": [
7677
+ {
7678
+ "kind": "js",
7679
+ "name": "TemplateConditionGroup",
7680
+ "declaration": {
7681
+ "name": "TemplateConditionGroup",
7682
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7683
+ }
7684
+ },
7685
+ {
7686
+ "kind": "custom-element-definition",
7687
+ "name": "template-condition-group",
7688
+ "declaration": {
7689
+ "name": "TemplateConditionGroup",
7690
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7691
+ }
7692
+ }
7693
+ ]
7694
+ },
7695
+ {
7696
+ "kind": "javascript-module",
7697
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
7698
+ "declarations": [
7699
+ {
7700
+ "kind": "variable",
7701
+ "name": "TemplateConditionBuilderTemplate",
7702
+ "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`"
7703
+ }
7704
+ ],
7705
+ "exports": [
7706
+ {
7707
+ "kind": "js",
7708
+ "name": "TemplateConditionBuilderTemplate",
7709
+ "declaration": {
7710
+ "name": "TemplateConditionBuilderTemplate",
7711
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
7712
+ }
7713
+ }
7714
+ ]
7715
+ },
7716
+ {
7717
+ "kind": "javascript-module",
7718
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
7719
+ "declarations": [
7720
+ {
7721
+ "kind": "class",
7722
+ "description": "Condition builder for template notification rules.",
7723
+ "name": "TemplateConditionBuilder",
7724
+ "members": [
7725
+ {
7726
+ "kind": "field",
7727
+ "name": "condition",
7728
+ "type": {
7729
+ "text": "ConditionBuilderEntity"
7730
+ }
7731
+ },
7732
+ {
7733
+ "kind": "field",
7734
+ "name": "parameters",
7735
+ "type": {
7736
+ "text": "Array<ParameterBuilderEntity>"
7737
+ },
7738
+ "default": "[]"
7739
+ },
7740
+ {
7741
+ "kind": "field",
7742
+ "name": "fields",
7743
+ "type": {
7744
+ "text": "Array<string>"
7745
+ },
7746
+ "default": "[]"
7747
+ },
7748
+ {
7749
+ "kind": "field",
7750
+ "name": "isFirst",
7751
+ "type": {
7752
+ "text": "boolean"
7753
+ },
7754
+ "default": "false"
7755
+ },
7756
+ {
7757
+ "kind": "field",
7758
+ "name": "joinOperator",
7759
+ "type": {
7760
+ "text": "string"
7761
+ }
7762
+ },
7763
+ {
7764
+ "kind": "field",
7765
+ "name": "leftValue",
7766
+ "type": {
7767
+ "text": "any"
7768
+ },
7769
+ "default": "null"
7612
7770
  },
7613
7771
  {
7614
7772
  "kind": "field",
@@ -7825,164 +7983,6 @@
7825
7983
  }
7826
7984
  }
7827
7985
  ]
7828
- },
7829
- {
7830
- "kind": "javascript-module",
7831
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
7832
- "declarations": [
7833
- {
7834
- "kind": "variable",
7835
- "name": "TemplateConditionGroupTemplate",
7836
- "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`"
7837
- }
7838
- ],
7839
- "exports": [
7840
- {
7841
- "kind": "js",
7842
- "name": "TemplateConditionGroupTemplate",
7843
- "declaration": {
7844
- "name": "TemplateConditionGroupTemplate",
7845
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
7846
- }
7847
- }
7848
- ]
7849
- },
7850
- {
7851
- "kind": "javascript-module",
7852
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
7853
- "declarations": [
7854
- {
7855
- "kind": "class",
7856
- "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.",
7857
- "name": "TemplateConditionGroup",
7858
- "members": [
7859
- {
7860
- "kind": "field",
7861
- "name": "node",
7862
- "type": {
7863
- "text": "ConditionGroupEntity"
7864
- }
7865
- },
7866
- {
7867
- "kind": "field",
7868
- "name": "fields",
7869
- "type": {
7870
- "text": "Field[]"
7871
- },
7872
- "default": "[]"
7873
- },
7874
- {
7875
- "kind": "field",
7876
- "name": "parameters",
7877
- "type": {
7878
- "text": "Array<ParameterBuilderEntity>"
7879
- },
7880
- "default": "[]"
7881
- },
7882
- {
7883
- "kind": "field",
7884
- "name": "isFirst",
7885
- "type": {
7886
- "text": "boolean"
7887
- },
7888
- "default": "false"
7889
- },
7890
- {
7891
- "kind": "field",
7892
- "name": "joinOperator",
7893
- "type": {
7894
- "text": "string"
7895
- }
7896
- },
7897
- {
7898
- "kind": "field",
7899
- "name": "groupChildren",
7900
- "type": {
7901
- "text": "ConditionNode[]"
7902
- },
7903
- "default": "[]"
7904
- },
7905
- {
7906
- "kind": "method",
7907
- "name": "nodeChanged"
7908
- },
7909
- {
7910
- "kind": "method",
7911
- "name": "joinOperatorChanged"
7912
- },
7913
- {
7914
- "kind": "method",
7915
- "name": "newCondition"
7916
- },
7917
- {
7918
- "kind": "method",
7919
- "name": "newGroup"
7920
- },
7921
- {
7922
- "kind": "method",
7923
- "name": "editChild",
7924
- "parameters": [
7925
- {
7926
- "name": "_editedChild",
7927
- "type": {
7928
- "text": "ConditionNode"
7929
- }
7930
- }
7931
- ]
7932
- },
7933
- {
7934
- "kind": "method",
7935
- "name": "deleteChild",
7936
- "parameters": [
7937
- {
7938
- "name": "deletedChild",
7939
- "type": {
7940
- "text": "ConditionNode"
7941
- }
7942
- }
7943
- ]
7944
- },
7945
- {
7946
- "kind": "method",
7947
- "name": "deleteSelf"
7948
- }
7949
- ],
7950
- "events": [
7951
- {
7952
- "description": "Fired when this whole group should be removed",
7953
- "name": "delete"
7954
- },
7955
- {
7956
- "description": "Fired when anything inside this group changes",
7957
- "name": "edit"
7958
- }
7959
- ],
7960
- "superclass": {
7961
- "name": "GenesisElement",
7962
- "package": "@genesislcap/web-core"
7963
- },
7964
- "tagName": "template-condition-group",
7965
- "customElement": true
7966
- }
7967
- ],
7968
- "exports": [
7969
- {
7970
- "kind": "js",
7971
- "name": "TemplateConditionGroup",
7972
- "declaration": {
7973
- "name": "TemplateConditionGroup",
7974
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7975
- }
7976
- },
7977
- {
7978
- "kind": "custom-element-definition",
7979
- "name": "template-condition-group",
7980
- "declaration": {
7981
- "name": "TemplateConditionGroup",
7982
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7983
- }
7984
- }
7985
- ]
7986
7986
  }
7987
7987
  ]
7988
7988
  }
package/dist/dts/react.d.ts CHANGED
@@ -268,17 +268,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
268
268
  >;
269
269
  export type ParameterBuilderRef = ParameterBuilderWC;
270
270
 
271
- export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
272
- React.PropsWithChildren<
273
- Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
274
- HTMLWCProps & {
275
- onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
276
- onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
277
- }
278
- > & React.RefAttributes<TemplateConditionBuilderWC>
279
- >;
280
- export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
281
-
282
271
  export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
283
272
  React.PropsWithChildren<
284
273
  Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
@@ -290,4 +279,15 @@ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
290
279
  >;
291
280
  export type TemplateConditionGroupRef = TemplateConditionGroupWC;
292
281
 
282
+ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
283
+ React.PropsWithChildren<
284
+ Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
285
+ HTMLWCProps & {
286
+ onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
287
+ onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
288
+ }
289
+ > & React.RefAttributes<TemplateConditionBuilderWC>
290
+ >;
291
+ export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
292
+
293
293
  export {};
package/dist/react.cjs CHANGED
@@ -254,7 +254,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
254
254
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
255
255
  });
256
256
 
257
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
257
+ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
258
258
  const { onDelete, onEdit, children, ...rest } = props;
259
259
  const _innerRef = React.useRef(null);
260
260
  const _onDeleteRef = React.useRef(onDelete);
@@ -273,10 +273,10 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
273
273
  el.removeEventListener('edit', _onEditFn);
274
274
  };
275
275
  }, []);
276
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
276
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
277
277
  });
278
278
 
279
- const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
279
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
280
280
  const { onDelete, onEdit, children, ...rest } = props;
281
281
  const _innerRef = React.useRef(null);
282
282
  const _onDeleteRef = React.useRef(onDelete);
@@ -295,7 +295,7 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
295
295
  el.removeEventListener('edit', _onEditFn);
296
296
  };
297
297
  }, []);
298
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
298
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
299
299
  });
300
300
 
301
301
  module.exports = {
@@ -321,6 +321,6 @@ module.exports = {
321
321
  RuleConditionBuilder,
322
322
  RuleConditionGroup,
323
323
  ParameterBuilder,
324
- TemplateConditionBuilder,
325
324
  TemplateConditionGroup,
325
+ TemplateConditionBuilder,
326
326
  };
package/dist/react.mjs CHANGED
@@ -252,7 +252,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
252
252
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
253
253
  });
254
254
 
255
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
255
+ export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
256
256
  const { onDelete, onEdit, children, ...rest } = props;
257
257
  const _innerRef = React.useRef(null);
258
258
  const _onDeleteRef = React.useRef(onDelete);
@@ -271,10 +271,10 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
271
271
  el.removeEventListener('edit', _onEditFn);
272
272
  };
273
273
  }, []);
274
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
274
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
275
275
  });
276
276
 
277
- export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
277
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
278
278
  const { onDelete, onEdit, children, ...rest } = props;
279
279
  const _innerRef = React.useRef(null);
280
280
  const _onDeleteRef = React.useRef(onDelete);
@@ -293,5 +293,5 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
293
293
  el.removeEventListener('edit', _onEditFn);
294
294
  };
295
295
  }, []);
296
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
296
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
297
297
  });
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.6.2",
4
+ "version": "15.7.1",
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.6.2",
85
- "@genesislcap/eslint-config": "15.6.2",
86
- "@genesislcap/eslint-stylelint-builder": "15.6.2",
87
- "@genesislcap/foundation-testing": "15.6.2",
88
- "@genesislcap/genx": "15.6.2",
89
- "@genesislcap/prettier-config": "15.6.2",
90
- "@genesislcap/stylelint-config": "15.6.2",
91
- "@genesislcap/vite-builder": "15.6.2",
92
- "@genesislcap/webpack-builder": "15.6.2",
84
+ "@genesislcap/design-system-configurator": "15.7.1",
85
+ "@genesislcap/eslint-config": "15.7.1",
86
+ "@genesislcap/eslint-stylelint-builder": "15.7.1",
87
+ "@genesislcap/foundation-testing": "15.7.1",
88
+ "@genesislcap/genx": "15.7.1",
89
+ "@genesislcap/prettier-config": "15.7.1",
90
+ "@genesislcap/stylelint-config": "15.7.1",
91
+ "@genesislcap/vite-builder": "15.7.1",
92
+ "@genesislcap/webpack-builder": "15.7.1",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.6.2",
97
- "@genesislcap/foundation-criteria": "15.6.2",
98
- "@genesislcap/foundation-entity-management": "15.6.2",
99
- "@genesislcap/foundation-forms": "15.6.2",
100
- "@genesislcap/foundation-layout": "15.6.2",
101
- "@genesislcap/foundation-logger": "15.6.2",
102
- "@genesislcap/foundation-notifications": "15.6.2",
103
- "@genesislcap/foundation-ui": "15.6.2",
104
- "@genesislcap/foundation-utils": "15.6.2",
105
- "@genesislcap/rapid-design-system": "15.6.2",
106
- "@genesislcap/rapid-grid-pro": "15.6.2",
107
- "@genesislcap/web-core": "15.6.2",
96
+ "@genesislcap/foundation-comms": "15.7.1",
97
+ "@genesislcap/foundation-criteria": "15.7.1",
98
+ "@genesislcap/foundation-entity-management": "15.7.1",
99
+ "@genesislcap/foundation-forms": "15.7.1",
100
+ "@genesislcap/foundation-layout": "15.7.1",
101
+ "@genesislcap/foundation-logger": "15.7.1",
102
+ "@genesislcap/foundation-notifications": "15.7.1",
103
+ "@genesislcap/foundation-ui": "15.7.1",
104
+ "@genesislcap/foundation-utils": "15.7.1",
105
+ "@genesislcap/rapid-design-system": "15.7.1",
106
+ "@genesislcap/rapid-grid-pro": "15.7.1",
107
+ "@genesislcap/web-core": "15.7.1",
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": "a5781780cb56906755ddbfc4be75e221719ae4b4"
115
+ "gitHead": "2bc407997245523510a9c890dd09df353c5987d5"
116
116
  }