@genesislcap/pbc-notify-ui 15.57.0 → 15.58.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 +247 -247
  2. package/dist/dts/react.d.ts +11 -11
  3. package/dist/react.cjs +5 -5
  4. package/dist/react.mjs +4 -4
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -5207,95 +5207,6 @@
5207
5207
  }
5208
5208
  ]
5209
5209
  },
5210
- {
5211
- "kind": "javascript-module",
5212
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5213
- "declarations": [
5214
- {
5215
- "kind": "variable",
5216
- "name": "ConditionBuilderStyles",
5217
- "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`"
5218
- },
5219
- {
5220
- "kind": "variable",
5221
- "name": "ConditionGroupStyles",
5222
- "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`"
5223
- }
5224
- ],
5225
- "exports": [
5226
- {
5227
- "kind": "js",
5228
- "name": "ConditionBuilderStyles",
5229
- "declaration": {
5230
- "name": "ConditionBuilderStyles",
5231
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5232
- }
5233
- },
5234
- {
5235
- "kind": "js",
5236
- "name": "ConditionGroupStyles",
5237
- "declaration": {
5238
- "name": "ConditionGroupStyles",
5239
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5240
- }
5241
- }
5242
- ]
5243
- },
5244
- {
5245
- "kind": "javascript-module",
5246
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5247
- "declarations": [
5248
- {
5249
- "kind": "variable",
5250
- "name": "DynamicRuleManagementStyles",
5251
- "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`"
5252
- },
5253
- {
5254
- "kind": "variable",
5255
- "name": "DynamicRuleDialogStyles",
5256
- "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 .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\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`"
5257
- }
5258
- ],
5259
- "exports": [
5260
- {
5261
- "kind": "js",
5262
- "name": "DynamicRuleManagementStyles",
5263
- "declaration": {
5264
- "name": "DynamicRuleManagementStyles",
5265
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5266
- }
5267
- },
5268
- {
5269
- "kind": "js",
5270
- "name": "DynamicRuleDialogStyles",
5271
- "declaration": {
5272
- "name": "DynamicRuleDialogStyles",
5273
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5274
- }
5275
- }
5276
- ]
5277
- },
5278
- {
5279
- "kind": "javascript-module",
5280
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5281
- "declarations": [
5282
- {
5283
- "kind": "variable",
5284
- "name": "managementGridStyles",
5285
- "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`"
5286
- }
5287
- ],
5288
- "exports": [
5289
- {
5290
- "kind": "js",
5291
- "name": "managementGridStyles",
5292
- "declaration": {
5293
- "name": "managementGridStyles",
5294
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5295
- }
5296
- }
5297
- ]
5298
- },
5299
5210
  {
5300
5211
  "kind": "javascript-module",
5301
5212
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5896,6 +5807,95 @@
5896
5807
  }
5897
5808
  ]
5898
5809
  },
5810
+ {
5811
+ "kind": "javascript-module",
5812
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5813
+ "declarations": [
5814
+ {
5815
+ "kind": "variable",
5816
+ "name": "ConditionBuilderStyles",
5817
+ "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`"
5818
+ },
5819
+ {
5820
+ "kind": "variable",
5821
+ "name": "ConditionGroupStyles",
5822
+ "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`"
5823
+ }
5824
+ ],
5825
+ "exports": [
5826
+ {
5827
+ "kind": "js",
5828
+ "name": "ConditionBuilderStyles",
5829
+ "declaration": {
5830
+ "name": "ConditionBuilderStyles",
5831
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5832
+ }
5833
+ },
5834
+ {
5835
+ "kind": "js",
5836
+ "name": "ConditionGroupStyles",
5837
+ "declaration": {
5838
+ "name": "ConditionGroupStyles",
5839
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5840
+ }
5841
+ }
5842
+ ]
5843
+ },
5844
+ {
5845
+ "kind": "javascript-module",
5846
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5847
+ "declarations": [
5848
+ {
5849
+ "kind": "variable",
5850
+ "name": "DynamicRuleManagementStyles",
5851
+ "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`"
5852
+ },
5853
+ {
5854
+ "kind": "variable",
5855
+ "name": "DynamicRuleDialogStyles",
5856
+ "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 .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\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`"
5857
+ }
5858
+ ],
5859
+ "exports": [
5860
+ {
5861
+ "kind": "js",
5862
+ "name": "DynamicRuleManagementStyles",
5863
+ "declaration": {
5864
+ "name": "DynamicRuleManagementStyles",
5865
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5866
+ }
5867
+ },
5868
+ {
5869
+ "kind": "js",
5870
+ "name": "DynamicRuleDialogStyles",
5871
+ "declaration": {
5872
+ "name": "DynamicRuleDialogStyles",
5873
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5874
+ }
5875
+ }
5876
+ ]
5877
+ },
5878
+ {
5879
+ "kind": "javascript-module",
5880
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5881
+ "declarations": [
5882
+ {
5883
+ "kind": "variable",
5884
+ "name": "managementGridStyles",
5885
+ "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`"
5886
+ }
5887
+ ],
5888
+ "exports": [
5889
+ {
5890
+ "kind": "js",
5891
+ "name": "managementGridStyles",
5892
+ "declaration": {
5893
+ "name": "managementGridStyles",
5894
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5895
+ }
5896
+ }
5897
+ ]
5898
+ },
5899
5899
  {
5900
5900
  "kind": "javascript-module",
5901
5901
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
@@ -10549,6 +10549,164 @@
10549
10549
  }
10550
10550
  ]
10551
10551
  },
10552
+ {
10553
+ "kind": "javascript-module",
10554
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
10555
+ "declarations": [
10556
+ {
10557
+ "kind": "variable",
10558
+ "name": "TemplateConditionGroupTemplate",
10559
+ "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`"
10560
+ }
10561
+ ],
10562
+ "exports": [
10563
+ {
10564
+ "kind": "js",
10565
+ "name": "TemplateConditionGroupTemplate",
10566
+ "declaration": {
10567
+ "name": "TemplateConditionGroupTemplate",
10568
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
10569
+ }
10570
+ }
10571
+ ]
10572
+ },
10573
+ {
10574
+ "kind": "javascript-module",
10575
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
10576
+ "declarations": [
10577
+ {
10578
+ "kind": "class",
10579
+ "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.",
10580
+ "name": "TemplateConditionGroup",
10581
+ "members": [
10582
+ {
10583
+ "kind": "field",
10584
+ "name": "node",
10585
+ "type": {
10586
+ "text": "ConditionGroupEntity"
10587
+ }
10588
+ },
10589
+ {
10590
+ "kind": "field",
10591
+ "name": "fields",
10592
+ "type": {
10593
+ "text": "Field[]"
10594
+ },
10595
+ "default": "[]"
10596
+ },
10597
+ {
10598
+ "kind": "field",
10599
+ "name": "parameters",
10600
+ "type": {
10601
+ "text": "Array<ParameterBuilderEntity>"
10602
+ },
10603
+ "default": "[]"
10604
+ },
10605
+ {
10606
+ "kind": "field",
10607
+ "name": "isFirst",
10608
+ "type": {
10609
+ "text": "boolean"
10610
+ },
10611
+ "default": "false"
10612
+ },
10613
+ {
10614
+ "kind": "field",
10615
+ "name": "joinOperator",
10616
+ "type": {
10617
+ "text": "string"
10618
+ }
10619
+ },
10620
+ {
10621
+ "kind": "field",
10622
+ "name": "groupChildren",
10623
+ "type": {
10624
+ "text": "ConditionNode[]"
10625
+ },
10626
+ "default": "[]"
10627
+ },
10628
+ {
10629
+ "kind": "method",
10630
+ "name": "nodeChanged"
10631
+ },
10632
+ {
10633
+ "kind": "method",
10634
+ "name": "joinOperatorChanged"
10635
+ },
10636
+ {
10637
+ "kind": "method",
10638
+ "name": "newCondition"
10639
+ },
10640
+ {
10641
+ "kind": "method",
10642
+ "name": "newGroup"
10643
+ },
10644
+ {
10645
+ "kind": "method",
10646
+ "name": "editChild",
10647
+ "parameters": [
10648
+ {
10649
+ "name": "_editedChild",
10650
+ "type": {
10651
+ "text": "ConditionNode"
10652
+ }
10653
+ }
10654
+ ]
10655
+ },
10656
+ {
10657
+ "kind": "method",
10658
+ "name": "deleteChild",
10659
+ "parameters": [
10660
+ {
10661
+ "name": "deletedChild",
10662
+ "type": {
10663
+ "text": "ConditionNode"
10664
+ }
10665
+ }
10666
+ ]
10667
+ },
10668
+ {
10669
+ "kind": "method",
10670
+ "name": "deleteSelf"
10671
+ }
10672
+ ],
10673
+ "events": [
10674
+ {
10675
+ "description": "Fired when this whole group should be removed",
10676
+ "name": "delete"
10677
+ },
10678
+ {
10679
+ "description": "Fired when anything inside this group changes",
10680
+ "name": "edit"
10681
+ }
10682
+ ],
10683
+ "superclass": {
10684
+ "name": "GenesisElement",
10685
+ "package": "@genesislcap/web-core"
10686
+ },
10687
+ "tagName": "template-condition-group",
10688
+ "customElement": true
10689
+ }
10690
+ ],
10691
+ "exports": [
10692
+ {
10693
+ "kind": "js",
10694
+ "name": "TemplateConditionGroup",
10695
+ "declaration": {
10696
+ "name": "TemplateConditionGroup",
10697
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10698
+ }
10699
+ },
10700
+ {
10701
+ "kind": "custom-element-definition",
10702
+ "name": "template-condition-group",
10703
+ "declaration": {
10704
+ "name": "TemplateConditionGroup",
10705
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10706
+ }
10707
+ }
10708
+ ]
10709
+ },
10552
10710
  {
10553
10711
  "kind": "javascript-module",
10554
10712
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
@@ -10762,164 +10920,6 @@
10762
10920
  }
10763
10921
  }
10764
10922
  ]
10765
- },
10766
- {
10767
- "kind": "javascript-module",
10768
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
10769
- "declarations": [
10770
- {
10771
- "kind": "variable",
10772
- "name": "TemplateConditionGroupTemplate",
10773
- "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`"
10774
- }
10775
- ],
10776
- "exports": [
10777
- {
10778
- "kind": "js",
10779
- "name": "TemplateConditionGroupTemplate",
10780
- "declaration": {
10781
- "name": "TemplateConditionGroupTemplate",
10782
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
10783
- }
10784
- }
10785
- ]
10786
- },
10787
- {
10788
- "kind": "javascript-module",
10789
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
10790
- "declarations": [
10791
- {
10792
- "kind": "class",
10793
- "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.",
10794
- "name": "TemplateConditionGroup",
10795
- "members": [
10796
- {
10797
- "kind": "field",
10798
- "name": "node",
10799
- "type": {
10800
- "text": "ConditionGroupEntity"
10801
- }
10802
- },
10803
- {
10804
- "kind": "field",
10805
- "name": "fields",
10806
- "type": {
10807
- "text": "Field[]"
10808
- },
10809
- "default": "[]"
10810
- },
10811
- {
10812
- "kind": "field",
10813
- "name": "parameters",
10814
- "type": {
10815
- "text": "Array<ParameterBuilderEntity>"
10816
- },
10817
- "default": "[]"
10818
- },
10819
- {
10820
- "kind": "field",
10821
- "name": "isFirst",
10822
- "type": {
10823
- "text": "boolean"
10824
- },
10825
- "default": "false"
10826
- },
10827
- {
10828
- "kind": "field",
10829
- "name": "joinOperator",
10830
- "type": {
10831
- "text": "string"
10832
- }
10833
- },
10834
- {
10835
- "kind": "field",
10836
- "name": "groupChildren",
10837
- "type": {
10838
- "text": "ConditionNode[]"
10839
- },
10840
- "default": "[]"
10841
- },
10842
- {
10843
- "kind": "method",
10844
- "name": "nodeChanged"
10845
- },
10846
- {
10847
- "kind": "method",
10848
- "name": "joinOperatorChanged"
10849
- },
10850
- {
10851
- "kind": "method",
10852
- "name": "newCondition"
10853
- },
10854
- {
10855
- "kind": "method",
10856
- "name": "newGroup"
10857
- },
10858
- {
10859
- "kind": "method",
10860
- "name": "editChild",
10861
- "parameters": [
10862
- {
10863
- "name": "_editedChild",
10864
- "type": {
10865
- "text": "ConditionNode"
10866
- }
10867
- }
10868
- ]
10869
- },
10870
- {
10871
- "kind": "method",
10872
- "name": "deleteChild",
10873
- "parameters": [
10874
- {
10875
- "name": "deletedChild",
10876
- "type": {
10877
- "text": "ConditionNode"
10878
- }
10879
- }
10880
- ]
10881
- },
10882
- {
10883
- "kind": "method",
10884
- "name": "deleteSelf"
10885
- }
10886
- ],
10887
- "events": [
10888
- {
10889
- "description": "Fired when this whole group should be removed",
10890
- "name": "delete"
10891
- },
10892
- {
10893
- "description": "Fired when anything inside this group changes",
10894
- "name": "edit"
10895
- }
10896
- ],
10897
- "superclass": {
10898
- "name": "GenesisElement",
10899
- "package": "@genesislcap/web-core"
10900
- },
10901
- "tagName": "template-condition-group",
10902
- "customElement": true
10903
- }
10904
- ],
10905
- "exports": [
10906
- {
10907
- "kind": "js",
10908
- "name": "TemplateConditionGroup",
10909
- "declaration": {
10910
- "name": "TemplateConditionGroup",
10911
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10912
- }
10913
- },
10914
- {
10915
- "kind": "custom-element-definition",
10916
- "name": "template-condition-group",
10917
- "declaration": {
10918
- "name": "TemplateConditionGroup",
10919
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10920
- }
10921
- }
10922
- ]
10923
10923
  }
10924
10924
  ]
10925
10925
  }
package/dist/dts/react.d.ts CHANGED
@@ -288,17 +288,6 @@ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
288
288
  >;
289
289
  export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
290
290
 
291
- export declare const ParameterBuilder: React.ForwardRefExoticComponent<
292
- React.PropsWithChildren<
293
- Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
294
- HTMLWCProps & {
295
- onDelete?: (event: CustomEvent<ParameterBuilderEntity>) => void;
296
- onEdit?: (event: CustomEvent<ParameterBuilderEntity>) => void;
297
- }
298
- > & React.RefAttributes<ParameterBuilderWC>
299
- >;
300
- export type ParameterBuilderRef = ParameterBuilderWC;
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 ParameterBuilder: React.ForwardRefExoticComponent<
303
+ React.PropsWithChildren<
304
+ Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
305
+ HTMLWCProps & {
306
+ onDelete?: (event: CustomEvent<ParameterBuilderEntity>) => void;
307
+ onEdit?: (event: CustomEvent<ParameterBuilderEntity>) => void;
308
+ }
309
+ > & React.RefAttributes<ParameterBuilderWC>
310
+ >;
311
+ export type ParameterBuilderRef = ParameterBuilderWC;
312
+
313
313
  export {};
package/dist/react.cjs CHANGED
@@ -266,7 +266,7 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
266
266
  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
267
  });
268
268
 
269
- const ParameterBuilder = React.forwardRef(function ParameterBuilder(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 ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-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 ParameterBuilder = React.forwardRef(function ParameterBuilder(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(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
311
311
  });
312
312
 
313
313
  module.exports = {
@@ -335,6 +335,6 @@ module.exports = {
335
335
  RuleConditionGroup,
336
336
  RuleConditionBuilder,
337
337
  TemplateConditionBuilder,
338
- ParameterBuilder,
339
338
  TemplateConditionGroup,
339
+ ParameterBuilder,
340
340
  };
package/dist/react.mjs CHANGED
@@ -264,7 +264,7 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
264
264
  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
265
265
  });
266
266
 
267
- export const ParameterBuilder = React.forwardRef(function ParameterBuilder(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 ParameterBuilder = React.forwardRef(function ParameterBuilder(props
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-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 ParameterBuilder = React.forwardRef(function ParameterBuilder(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(ParameterBuilderWC) ?? 'parameter-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.57.0",
4
+ "version": "15.58.1",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -80,30 +80,30 @@
80
80
  "@commitlint/cli": "^19.2.1",
81
81
  "@commitlint/config-conventional": "^19.1.0",
82
82
  "@commitlint/format": "^19.0.3",
83
- "@genesislcap/design-system-configurator": "15.57.0",
84
- "@genesislcap/eslint-config": "15.57.0",
85
- "@genesislcap/eslint-stylelint-builder": "15.57.0",
86
- "@genesislcap/foundation-testing": "15.57.0",
87
- "@genesislcap/genx": "15.57.0",
88
- "@genesislcap/prettier-config": "15.57.0",
89
- "@genesislcap/stylelint-config": "15.57.0",
90
- "@genesislcap/vite-builder": "15.57.0",
91
- "@genesislcap/webpack-builder": "15.57.0",
83
+ "@genesislcap/design-system-configurator": "15.58.1",
84
+ "@genesislcap/eslint-config": "15.58.1",
85
+ "@genesislcap/eslint-stylelint-builder": "15.58.1",
86
+ "@genesislcap/foundation-testing": "15.58.1",
87
+ "@genesislcap/genx": "15.58.1",
88
+ "@genesislcap/prettier-config": "15.58.1",
89
+ "@genesislcap/stylelint-config": "15.58.1",
90
+ "@genesislcap/vite-builder": "15.58.1",
91
+ "@genesislcap/webpack-builder": "15.58.1",
92
92
  "dayjs": "^1.11.7"
93
93
  },
94
94
  "dependencies": {
95
- "@genesislcap/foundation-comms": "15.57.0",
96
- "@genesislcap/foundation-criteria": "15.57.0",
97
- "@genesislcap/foundation-entity-management": "15.57.0",
98
- "@genesislcap/foundation-forms": "15.57.0",
99
- "@genesislcap/foundation-layout": "15.57.0",
100
- "@genesislcap/foundation-logger": "15.57.0",
101
- "@genesislcap/foundation-notifications": "15.57.0",
102
- "@genesislcap/foundation-ui": "15.57.0",
103
- "@genesislcap/foundation-utils": "15.57.0",
104
- "@genesislcap/rapid-design-system": "15.57.0",
105
- "@genesislcap/rapid-grid-pro": "15.57.0",
106
- "@genesislcap/web-core": "15.57.0",
95
+ "@genesislcap/foundation-comms": "15.58.1",
96
+ "@genesislcap/foundation-criteria": "15.58.1",
97
+ "@genesislcap/foundation-entity-management": "15.58.1",
98
+ "@genesislcap/foundation-forms": "15.58.1",
99
+ "@genesislcap/foundation-layout": "15.58.1",
100
+ "@genesislcap/foundation-logger": "15.58.1",
101
+ "@genesislcap/foundation-notifications": "15.58.1",
102
+ "@genesislcap/foundation-ui": "15.58.1",
103
+ "@genesislcap/foundation-utils": "15.58.1",
104
+ "@genesislcap/rapid-design-system": "15.58.1",
105
+ "@genesislcap/rapid-grid-pro": "15.58.1",
106
+ "@genesislcap/web-core": "15.58.1",
107
107
  "lodash.debounce": "^4.0.8",
108
108
  "rxjs": "^7.5.4"
109
109
  },