@genesislcap/pbc-notify-ui 15.9.1 → 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 +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 +23 -23
package/dist/custom-elements.json CHANGED
@@ -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",
@@ -8984,6 +8984,164 @@
8984
8984
  }
8985
8985
  ]
8986
8986
  },
8987
+ {
8988
+ "kind": "javascript-module",
8989
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
8990
+ "declarations": [
8991
+ {
8992
+ "kind": "variable",
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
+ }
8996
+ ],
8997
+ "exports": [
8998
+ {
8999
+ "kind": "js",
9000
+ "name": "TemplateConditionGroupTemplate",
9001
+ "declaration": {
9002
+ "name": "TemplateConditionGroupTemplate",
9003
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9004
+ }
9005
+ }
9006
+ ]
9007
+ },
9008
+ {
9009
+ "kind": "javascript-module",
9010
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9011
+ "declarations": [
9012
+ {
9013
+ "kind": "class",
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
+ "members": [
9017
+ {
9018
+ "kind": "field",
9019
+ "name": "node",
9020
+ "type": {
9021
+ "text": "ConditionGroupEntity"
9022
+ }
9023
+ },
9024
+ {
9025
+ "kind": "field",
9026
+ "name": "fields",
9027
+ "type": {
9028
+ "text": "Field[]"
9029
+ },
9030
+ "default": "[]"
9031
+ },
9032
+ {
9033
+ "kind": "field",
9034
+ "name": "parameters",
9035
+ "type": {
9036
+ "text": "Array<ParameterBuilderEntity>"
9037
+ },
9038
+ "default": "[]"
9039
+ },
9040
+ {
9041
+ "kind": "field",
9042
+ "name": "isFirst",
9043
+ "type": {
9044
+ "text": "boolean"
9045
+ },
9046
+ "default": "false"
9047
+ },
9048
+ {
9049
+ "kind": "field",
9050
+ "name": "joinOperator",
9051
+ "type": {
9052
+ "text": "string"
9053
+ }
9054
+ },
9055
+ {
9056
+ "kind": "field",
9057
+ "name": "groupChildren",
9058
+ "type": {
9059
+ "text": "ConditionNode[]"
9060
+ },
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
+ },
8987
9145
  {
8988
9146
  "kind": "javascript-module",
8989
9147
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
@@ -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.1",
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.1",
85
- "@genesislcap/eslint-config": "15.9.1",
86
- "@genesislcap/eslint-stylelint-builder": "15.9.1",
87
- "@genesislcap/foundation-testing": "15.9.1",
88
- "@genesislcap/genx": "15.9.1",
89
- "@genesislcap/prettier-config": "15.9.1",
90
- "@genesislcap/stylelint-config": "15.9.1",
91
- "@genesislcap/vite-builder": "15.9.1",
92
- "@genesislcap/webpack-builder": "15.9.1",
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.1",
97
- "@genesislcap/foundation-criteria": "15.9.1",
98
- "@genesislcap/foundation-entity-management": "15.9.1",
99
- "@genesislcap/foundation-forms": "15.9.1",
100
- "@genesislcap/foundation-layout": "15.9.1",
101
- "@genesislcap/foundation-logger": "15.9.1",
102
- "@genesislcap/foundation-notifications": "15.9.1",
103
- "@genesislcap/foundation-ui": "15.9.1",
104
- "@genesislcap/foundation-utils": "15.9.1",
105
- "@genesislcap/rapid-design-system": "15.9.1",
106
- "@genesislcap/rapid-grid-pro": "15.9.1",
107
- "@genesislcap/web-core": "15.9.1",
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": "ebb65f317242acb27f8df7bd88c709f9482e5fe3"
115
+ "gitHead": "83fc356fb2a585ea66bc15458dbd176c8247c68f"
116
116
  }