@genesislcap/pbc-notify-ui 15.27.1 → 15.28.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 +372 -372
  2. package/dist/dts/react.d.ts +22 -22
  3. package/dist/react.cjs +10 -10
  4. package/dist/react.mjs +8 -8
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -479,6 +479,27 @@
479
479
  }
480
480
  ]
481
481
  },
482
+ {
483
+ "kind": "javascript-module",
484
+ "path": "src/styles/scrollbar.styles.ts",
485
+ "declarations": [
486
+ {
487
+ "kind": "variable",
488
+ "name": "scrollbarStyles",
489
+ "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
490
+ }
491
+ ],
492
+ "exports": [
493
+ {
494
+ "kind": "js",
495
+ "name": "scrollbarStyles",
496
+ "declaration": {
497
+ "name": "scrollbarStyles",
498
+ "module": "src/styles/scrollbar.styles.ts"
499
+ }
500
+ }
501
+ ]
502
+ },
482
503
  {
483
504
  "kind": "javascript-module",
484
505
  "path": "src/utils/eventDetail.ts",
@@ -800,27 +821,6 @@
800
821
  }
801
822
  ]
802
823
  },
803
- {
804
- "kind": "javascript-module",
805
- "path": "src/styles/scrollbar.styles.ts",
806
- "declarations": [
807
- {
808
- "kind": "variable",
809
- "name": "scrollbarStyles",
810
- "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
811
- }
812
- ],
813
- "exports": [
814
- {
815
- "kind": "js",
816
- "name": "scrollbarStyles",
817
- "declaration": {
818
- "name": "scrollbarStyles",
819
- "module": "src/styles/scrollbar.styles.ts"
820
- }
821
- }
822
- ]
823
- },
824
824
  {
825
825
  "kind": "javascript-module",
826
826
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -8345,156 +8345,6 @@
8345
8345
  }
8346
8346
  ]
8347
8347
  },
8348
- {
8349
- "kind": "javascript-module",
8350
- "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
8351
- "declarations": [
8352
- {
8353
- "kind": "variable",
8354
- "name": "RuleConditionGroupTemplate",
8355
- "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <rule-condition-group\n :fields=${(x, c) => c.parent.fields}\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 ></rule-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <rule-condition-builder\n :fields=${(x, c) => c.parent.fields}\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 ></rule-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`"
8356
- }
8357
- ],
8358
- "exports": [
8359
- {
8360
- "kind": "js",
8361
- "name": "RuleConditionGroupTemplate",
8362
- "declaration": {
8363
- "name": "RuleConditionGroupTemplate",
8364
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
8365
- }
8366
- }
8367
- ]
8368
- },
8369
- {
8370
- "kind": "javascript-module",
8371
- "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
8372
- "declarations": [
8373
- {
8374
- "kind": "class",
8375
- "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
8376
- "name": "RuleConditionGroup",
8377
- "members": [
8378
- {
8379
- "kind": "field",
8380
- "name": "node",
8381
- "type": {
8382
- "text": "ConditionGroupEntity"
8383
- }
8384
- },
8385
- {
8386
- "kind": "field",
8387
- "name": "fields",
8388
- "type": {
8389
- "text": "Field[]"
8390
- },
8391
- "default": "[]"
8392
- },
8393
- {
8394
- "kind": "field",
8395
- "name": "isFirst",
8396
- "type": {
8397
- "text": "boolean"
8398
- },
8399
- "default": "false"
8400
- },
8401
- {
8402
- "kind": "field",
8403
- "name": "joinOperator",
8404
- "type": {
8405
- "text": "string"
8406
- }
8407
- },
8408
- {
8409
- "kind": "field",
8410
- "name": "groupChildren",
8411
- "type": {
8412
- "text": "ConditionNode[]"
8413
- },
8414
- "default": "[]"
8415
- },
8416
- {
8417
- "kind": "method",
8418
- "name": "nodeChanged"
8419
- },
8420
- {
8421
- "kind": "method",
8422
- "name": "joinOperatorChanged"
8423
- },
8424
- {
8425
- "kind": "method",
8426
- "name": "newCondition"
8427
- },
8428
- {
8429
- "kind": "method",
8430
- "name": "newGroup"
8431
- },
8432
- {
8433
- "kind": "method",
8434
- "name": "editChild",
8435
- "parameters": [
8436
- {
8437
- "name": "_editedChild",
8438
- "type": {
8439
- "text": "ConditionNode"
8440
- }
8441
- }
8442
- ]
8443
- },
8444
- {
8445
- "kind": "method",
8446
- "name": "deleteChild",
8447
- "parameters": [
8448
- {
8449
- "name": "deletedChild",
8450
- "type": {
8451
- "text": "ConditionNode"
8452
- }
8453
- }
8454
- ]
8455
- },
8456
- {
8457
- "kind": "method",
8458
- "name": "deleteSelf"
8459
- }
8460
- ],
8461
- "events": [
8462
- {
8463
- "description": "Fired when this whole group should be removed",
8464
- "name": "delete"
8465
- },
8466
- {
8467
- "description": "Fired when anything inside this group changes",
8468
- "name": "edit"
8469
- }
8470
- ],
8471
- "superclass": {
8472
- "name": "GenesisElement",
8473
- "package": "@genesislcap/web-core"
8474
- },
8475
- "tagName": "rule-condition-group",
8476
- "customElement": true
8477
- }
8478
- ],
8479
- "exports": [
8480
- {
8481
- "kind": "js",
8482
- "name": "RuleConditionGroup",
8483
- "declaration": {
8484
- "name": "RuleConditionGroup",
8485
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
8486
- }
8487
- },
8488
- {
8489
- "kind": "custom-element-definition",
8490
- "name": "rule-condition-group",
8491
- "declaration": {
8492
- "name": "RuleConditionGroup",
8493
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
8494
- }
8495
- }
8496
- ]
8497
- },
8498
8348
  {
8499
8349
  "kind": "javascript-module",
8500
8350
  "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts",
@@ -8781,90 +8631,240 @@
8781
8631
  },
8782
8632
  {
8783
8633
  "kind": "javascript-module",
8784
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
8785
- "declarations": [
8786
- {
8787
- "kind": "variable",
8788
- "name": "ParameterBuilderStyles",
8789
- "default": "css`\n .parameter-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\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.param-type::part(control) {\n width: 115px;\n }\n\n rapid-select.param-source-type::part(control) {\n width: 160px;\n }\n\n rapid-select.param-source::part(control) {\n width: ${PARAM_SOURCE_WIDTH}px;\n }\n\n rapid-text-field.param-source::part(root) {\n width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
8790
- }
8791
- ],
8792
- "exports": [
8793
- {
8794
- "kind": "js",
8795
- "name": "ParameterBuilderStyles",
8796
- "declaration": {
8797
- "name": "ParameterBuilderStyles",
8798
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
8799
- }
8800
- }
8801
- ]
8802
- },
8803
- {
8804
- "kind": "javascript-module",
8805
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
8634
+ "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
8806
8635
  "declarations": [
8807
8636
  {
8808
8637
  "kind": "variable",
8809
- "name": "ParameterBuilderTemplate",
8810
- "default": "html<ParameterBuilder>`\n <div class=\"parameter-builder\">\n <rapid-text-field\n id=\"param-name\"\n placeholder=\"Name\"\n :value=${sync((x) => x.name)}\n ></rapid-text-field>\n\n <rapid-text-field\n id=\"param-label\"\n placeholder=\"Label\"\n :value=${sync((x) => x.label)}\n ></rapid-text-field>\n\n <rapid-select\n id=\"param-source-type\"\n :value=${sync((x) => x.sourceType)}\n class=\"param-source-type\"\n >\n ${repeat(\n (x) => ALL_PARAM_SOURCE_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n html<ParameterBuilder>`\n <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n html<ParameterBuilder>`\n <rapid-select\n ${ref('sourceSelect')}\n id=\"param-source\"\n :value=${sync((x) => x.sourceSelected)}\n class=\"param-source\"\n ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n >\n ${repeat(\n (x) => x.reqRepItems,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n html<ParameterBuilder>`\n <rapid-text-field\n ${ref('sourceTextField')}\n class=\"param-source\"\n placeholder=\"item1,item2,item3\"\n :value=${sync((x) => x.sourceTyped)}\n ></rapid-text-field>\n `,\n )}\n\n <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n ${repeat(\n (x) => ALL_PARAM_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\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`"
8638
+ "name": "RuleConditionGroupTemplate",
8639
+ "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <rule-condition-group\n :fields=${(x, c) => c.parent.fields}\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 ></rule-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <rule-condition-builder\n :fields=${(x, c) => c.parent.fields}\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 ></rule-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`"
8811
8640
  }
8812
8641
  ],
8813
8642
  "exports": [
8814
8643
  {
8815
8644
  "kind": "js",
8816
- "name": "ParameterBuilderTemplate",
8645
+ "name": "RuleConditionGroupTemplate",
8817
8646
  "declaration": {
8818
- "name": "ParameterBuilderTemplate",
8819
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
8647
+ "name": "RuleConditionGroupTemplate",
8648
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
8820
8649
  }
8821
8650
  }
8822
8651
  ]
8823
8652
  },
8824
8653
  {
8825
8654
  "kind": "javascript-module",
8826
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
8655
+ "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
8827
8656
  "declarations": [
8828
8657
  {
8829
8658
  "kind": "class",
8830
- "description": "Parameter builder for notification templates.",
8831
- "name": "ParameterBuilder",
8659
+ "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
8660
+ "name": "RuleConditionGroup",
8832
8661
  "members": [
8833
8662
  {
8834
8663
  "kind": "field",
8835
- "name": "parameter",
8664
+ "name": "node",
8836
8665
  "type": {
8837
- "text": "ParameterBuilderEntity"
8666
+ "text": "ConditionGroupEntity"
8838
8667
  }
8839
8668
  },
8840
8669
  {
8841
8670
  "kind": "field",
8842
- "name": "name",
8671
+ "name": "fields",
8843
8672
  "type": {
8844
- "text": "string"
8845
- }
8673
+ "text": "Field[]"
8674
+ },
8675
+ "default": "[]"
8846
8676
  },
8847
8677
  {
8848
8678
  "kind": "field",
8849
- "name": "label",
8679
+ "name": "isFirst",
8850
8680
  "type": {
8851
- "text": "string"
8852
- }
8681
+ "text": "boolean"
8682
+ },
8683
+ "default": "false"
8853
8684
  },
8854
8685
  {
8855
8686
  "kind": "field",
8856
- "name": "type",
8687
+ "name": "joinOperator",
8857
8688
  "type": {
8858
8689
  "text": "string"
8859
8690
  }
8860
8691
  },
8861
8692
  {
8862
8693
  "kind": "field",
8863
- "name": "sourceType",
8694
+ "name": "groupChildren",
8864
8695
  "type": {
8865
- "text": "string"
8866
- }
8867
- },
8696
+ "text": "ConditionNode[]"
8697
+ },
8698
+ "default": "[]"
8699
+ },
8700
+ {
8701
+ "kind": "method",
8702
+ "name": "nodeChanged"
8703
+ },
8704
+ {
8705
+ "kind": "method",
8706
+ "name": "joinOperatorChanged"
8707
+ },
8708
+ {
8709
+ "kind": "method",
8710
+ "name": "newCondition"
8711
+ },
8712
+ {
8713
+ "kind": "method",
8714
+ "name": "newGroup"
8715
+ },
8716
+ {
8717
+ "kind": "method",
8718
+ "name": "editChild",
8719
+ "parameters": [
8720
+ {
8721
+ "name": "_editedChild",
8722
+ "type": {
8723
+ "text": "ConditionNode"
8724
+ }
8725
+ }
8726
+ ]
8727
+ },
8728
+ {
8729
+ "kind": "method",
8730
+ "name": "deleteChild",
8731
+ "parameters": [
8732
+ {
8733
+ "name": "deletedChild",
8734
+ "type": {
8735
+ "text": "ConditionNode"
8736
+ }
8737
+ }
8738
+ ]
8739
+ },
8740
+ {
8741
+ "kind": "method",
8742
+ "name": "deleteSelf"
8743
+ }
8744
+ ],
8745
+ "events": [
8746
+ {
8747
+ "description": "Fired when this whole group should be removed",
8748
+ "name": "delete"
8749
+ },
8750
+ {
8751
+ "description": "Fired when anything inside this group changes",
8752
+ "name": "edit"
8753
+ }
8754
+ ],
8755
+ "superclass": {
8756
+ "name": "GenesisElement",
8757
+ "package": "@genesislcap/web-core"
8758
+ },
8759
+ "tagName": "rule-condition-group",
8760
+ "customElement": true
8761
+ }
8762
+ ],
8763
+ "exports": [
8764
+ {
8765
+ "kind": "js",
8766
+ "name": "RuleConditionGroup",
8767
+ "declaration": {
8768
+ "name": "RuleConditionGroup",
8769
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
8770
+ }
8771
+ },
8772
+ {
8773
+ "kind": "custom-element-definition",
8774
+ "name": "rule-condition-group",
8775
+ "declaration": {
8776
+ "name": "RuleConditionGroup",
8777
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
8778
+ }
8779
+ }
8780
+ ]
8781
+ },
8782
+ {
8783
+ "kind": "javascript-module",
8784
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
8785
+ "declarations": [
8786
+ {
8787
+ "kind": "variable",
8788
+ "name": "ParameterBuilderStyles",
8789
+ "default": "css`\n .parameter-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\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.param-type::part(control) {\n width: 115px;\n }\n\n rapid-select.param-source-type::part(control) {\n width: 160px;\n }\n\n rapid-select.param-source::part(control) {\n width: ${PARAM_SOURCE_WIDTH}px;\n }\n\n rapid-text-field.param-source::part(root) {\n width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
8790
+ }
8791
+ ],
8792
+ "exports": [
8793
+ {
8794
+ "kind": "js",
8795
+ "name": "ParameterBuilderStyles",
8796
+ "declaration": {
8797
+ "name": "ParameterBuilderStyles",
8798
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
8799
+ }
8800
+ }
8801
+ ]
8802
+ },
8803
+ {
8804
+ "kind": "javascript-module",
8805
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
8806
+ "declarations": [
8807
+ {
8808
+ "kind": "variable",
8809
+ "name": "ParameterBuilderTemplate",
8810
+ "default": "html<ParameterBuilder>`\n <div class=\"parameter-builder\">\n <rapid-text-field\n id=\"param-name\"\n placeholder=\"Name\"\n :value=${sync((x) => x.name)}\n ></rapid-text-field>\n\n <rapid-text-field\n id=\"param-label\"\n placeholder=\"Label\"\n :value=${sync((x) => x.label)}\n ></rapid-text-field>\n\n <rapid-select\n id=\"param-source-type\"\n :value=${sync((x) => x.sourceType)}\n class=\"param-source-type\"\n >\n ${repeat(\n (x) => ALL_PARAM_SOURCE_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n html<ParameterBuilder>`\n <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n html<ParameterBuilder>`\n <rapid-select\n ${ref('sourceSelect')}\n id=\"param-source\"\n :value=${sync((x) => x.sourceSelected)}\n class=\"param-source\"\n ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n >\n ${repeat(\n (x) => x.reqRepItems,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n html<ParameterBuilder>`\n <rapid-text-field\n ${ref('sourceTextField')}\n class=\"param-source\"\n placeholder=\"item1,item2,item3\"\n :value=${sync((x) => x.sourceTyped)}\n ></rapid-text-field>\n `,\n )}\n\n <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n ${repeat(\n (x) => ALL_PARAM_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\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`"
8811
+ }
8812
+ ],
8813
+ "exports": [
8814
+ {
8815
+ "kind": "js",
8816
+ "name": "ParameterBuilderTemplate",
8817
+ "declaration": {
8818
+ "name": "ParameterBuilderTemplate",
8819
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
8820
+ }
8821
+ }
8822
+ ]
8823
+ },
8824
+ {
8825
+ "kind": "javascript-module",
8826
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
8827
+ "declarations": [
8828
+ {
8829
+ "kind": "class",
8830
+ "description": "Parameter builder for notification templates.",
8831
+ "name": "ParameterBuilder",
8832
+ "members": [
8833
+ {
8834
+ "kind": "field",
8835
+ "name": "parameter",
8836
+ "type": {
8837
+ "text": "ParameterBuilderEntity"
8838
+ }
8839
+ },
8840
+ {
8841
+ "kind": "field",
8842
+ "name": "name",
8843
+ "type": {
8844
+ "text": "string"
8845
+ }
8846
+ },
8847
+ {
8848
+ "kind": "field",
8849
+ "name": "label",
8850
+ "type": {
8851
+ "text": "string"
8852
+ }
8853
+ },
8854
+ {
8855
+ "kind": "field",
8856
+ "name": "type",
8857
+ "type": {
8858
+ "text": "string"
8859
+ }
8860
+ },
8861
+ {
8862
+ "kind": "field",
8863
+ "name": "sourceType",
8864
+ "type": {
8865
+ "text": "string"
8866
+ }
8867
+ },
8868
8868
  {
8869
8869
  "kind": "field",
8870
8870
  "name": "sourceSelected",
@@ -8993,6 +8993,164 @@
8993
8993
  }
8994
8994
  ]
8995
8995
  },
8996
+ {
8997
+ "kind": "javascript-module",
8998
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
8999
+ "declarations": [
9000
+ {
9001
+ "kind": "variable",
9002
+ "name": "TemplateConditionGroupTemplate",
9003
+ "default": "html<TemplateConditionGroup>`\n ${when(\n (x) => !x.isFirst,\n html`\n <div class=\"join-toggle-row\">\n <div class=\"join-toggle\">\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n @click=${(x) => (x.joinOperator = 'AND')}\n >\n AND\n </span>\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n @click=${(x) => (x.joinOperator = 'OR')}\n >\n OR\n </span>\n </div>\n </div>\n `,\n )}\n <div class=\"condition-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
9004
+ }
9005
+ ],
9006
+ "exports": [
9007
+ {
9008
+ "kind": "js",
9009
+ "name": "TemplateConditionGroupTemplate",
9010
+ "declaration": {
9011
+ "name": "TemplateConditionGroupTemplate",
9012
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9013
+ }
9014
+ }
9015
+ ]
9016
+ },
9017
+ {
9018
+ "kind": "javascript-module",
9019
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9020
+ "declarations": [
9021
+ {
9022
+ "kind": "class",
9023
+ "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9024
+ "name": "TemplateConditionGroup",
9025
+ "members": [
9026
+ {
9027
+ "kind": "field",
9028
+ "name": "node",
9029
+ "type": {
9030
+ "text": "ConditionGroupEntity"
9031
+ }
9032
+ },
9033
+ {
9034
+ "kind": "field",
9035
+ "name": "fields",
9036
+ "type": {
9037
+ "text": "Field[]"
9038
+ },
9039
+ "default": "[]"
9040
+ },
9041
+ {
9042
+ "kind": "field",
9043
+ "name": "parameters",
9044
+ "type": {
9045
+ "text": "Array<ParameterBuilderEntity>"
9046
+ },
9047
+ "default": "[]"
9048
+ },
9049
+ {
9050
+ "kind": "field",
9051
+ "name": "isFirst",
9052
+ "type": {
9053
+ "text": "boolean"
9054
+ },
9055
+ "default": "false"
9056
+ },
9057
+ {
9058
+ "kind": "field",
9059
+ "name": "joinOperator",
9060
+ "type": {
9061
+ "text": "string"
9062
+ }
9063
+ },
9064
+ {
9065
+ "kind": "field",
9066
+ "name": "groupChildren",
9067
+ "type": {
9068
+ "text": "ConditionNode[]"
9069
+ },
9070
+ "default": "[]"
9071
+ },
9072
+ {
9073
+ "kind": "method",
9074
+ "name": "nodeChanged"
9075
+ },
9076
+ {
9077
+ "kind": "method",
9078
+ "name": "joinOperatorChanged"
9079
+ },
9080
+ {
9081
+ "kind": "method",
9082
+ "name": "newCondition"
9083
+ },
9084
+ {
9085
+ "kind": "method",
9086
+ "name": "newGroup"
9087
+ },
9088
+ {
9089
+ "kind": "method",
9090
+ "name": "editChild",
9091
+ "parameters": [
9092
+ {
9093
+ "name": "_editedChild",
9094
+ "type": {
9095
+ "text": "ConditionNode"
9096
+ }
9097
+ }
9098
+ ]
9099
+ },
9100
+ {
9101
+ "kind": "method",
9102
+ "name": "deleteChild",
9103
+ "parameters": [
9104
+ {
9105
+ "name": "deletedChild",
9106
+ "type": {
9107
+ "text": "ConditionNode"
9108
+ }
9109
+ }
9110
+ ]
9111
+ },
9112
+ {
9113
+ "kind": "method",
9114
+ "name": "deleteSelf"
9115
+ }
9116
+ ],
9117
+ "events": [
9118
+ {
9119
+ "description": "Fired when this whole group should be removed",
9120
+ "name": "delete"
9121
+ },
9122
+ {
9123
+ "description": "Fired when anything inside this group changes",
9124
+ "name": "edit"
9125
+ }
9126
+ ],
9127
+ "superclass": {
9128
+ "name": "GenesisElement",
9129
+ "package": "@genesislcap/web-core"
9130
+ },
9131
+ "tagName": "template-condition-group",
9132
+ "customElement": true
9133
+ }
9134
+ ],
9135
+ "exports": [
9136
+ {
9137
+ "kind": "js",
9138
+ "name": "TemplateConditionGroup",
9139
+ "declaration": {
9140
+ "name": "TemplateConditionGroup",
9141
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9142
+ }
9143
+ },
9144
+ {
9145
+ "kind": "custom-element-definition",
9146
+ "name": "template-condition-group",
9147
+ "declaration": {
9148
+ "name": "TemplateConditionGroup",
9149
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9150
+ }
9151
+ }
9152
+ ]
9153
+ },
8996
9154
  {
8997
9155
  "kind": "javascript-module",
8998
9156
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
@@ -9259,164 +9417,6 @@
9259
9417
  }
9260
9418
  }
9261
9419
  ]
9262
- },
9263
- {
9264
- "kind": "javascript-module",
9265
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
9266
- "declarations": [
9267
- {
9268
- "kind": "variable",
9269
- "name": "TemplateConditionGroupTemplate",
9270
- "default": "html<TemplateConditionGroup>`\n ${when(\n (x) => !x.isFirst,\n html`\n <div class=\"join-toggle-row\">\n <div class=\"join-toggle\">\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n @click=${(x) => (x.joinOperator = 'AND')}\n >\n AND\n </span>\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n @click=${(x) => (x.joinOperator = 'OR')}\n >\n OR\n </span>\n </div>\n </div>\n `,\n )}\n <div class=\"condition-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
9271
- }
9272
- ],
9273
- "exports": [
9274
- {
9275
- "kind": "js",
9276
- "name": "TemplateConditionGroupTemplate",
9277
- "declaration": {
9278
- "name": "TemplateConditionGroupTemplate",
9279
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
9280
- }
9281
- }
9282
- ]
9283
- },
9284
- {
9285
- "kind": "javascript-module",
9286
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
9287
- "declarations": [
9288
- {
9289
- "kind": "class",
9290
- "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
9291
- "name": "TemplateConditionGroup",
9292
- "members": [
9293
- {
9294
- "kind": "field",
9295
- "name": "node",
9296
- "type": {
9297
- "text": "ConditionGroupEntity"
9298
- }
9299
- },
9300
- {
9301
- "kind": "field",
9302
- "name": "fields",
9303
- "type": {
9304
- "text": "Field[]"
9305
- },
9306
- "default": "[]"
9307
- },
9308
- {
9309
- "kind": "field",
9310
- "name": "parameters",
9311
- "type": {
9312
- "text": "Array<ParameterBuilderEntity>"
9313
- },
9314
- "default": "[]"
9315
- },
9316
- {
9317
- "kind": "field",
9318
- "name": "isFirst",
9319
- "type": {
9320
- "text": "boolean"
9321
- },
9322
- "default": "false"
9323
- },
9324
- {
9325
- "kind": "field",
9326
- "name": "joinOperator",
9327
- "type": {
9328
- "text": "string"
9329
- }
9330
- },
9331
- {
9332
- "kind": "field",
9333
- "name": "groupChildren",
9334
- "type": {
9335
- "text": "ConditionNode[]"
9336
- },
9337
- "default": "[]"
9338
- },
9339
- {
9340
- "kind": "method",
9341
- "name": "nodeChanged"
9342
- },
9343
- {
9344
- "kind": "method",
9345
- "name": "joinOperatorChanged"
9346
- },
9347
- {
9348
- "kind": "method",
9349
- "name": "newCondition"
9350
- },
9351
- {
9352
- "kind": "method",
9353
- "name": "newGroup"
9354
- },
9355
- {
9356
- "kind": "method",
9357
- "name": "editChild",
9358
- "parameters": [
9359
- {
9360
- "name": "_editedChild",
9361
- "type": {
9362
- "text": "ConditionNode"
9363
- }
9364
- }
9365
- ]
9366
- },
9367
- {
9368
- "kind": "method",
9369
- "name": "deleteChild",
9370
- "parameters": [
9371
- {
9372
- "name": "deletedChild",
9373
- "type": {
9374
- "text": "ConditionNode"
9375
- }
9376
- }
9377
- ]
9378
- },
9379
- {
9380
- "kind": "method",
9381
- "name": "deleteSelf"
9382
- }
9383
- ],
9384
- "events": [
9385
- {
9386
- "description": "Fired when this whole group should be removed",
9387
- "name": "delete"
9388
- },
9389
- {
9390
- "description": "Fired when anything inside this group changes",
9391
- "name": "edit"
9392
- }
9393
- ],
9394
- "superclass": {
9395
- "name": "GenesisElement",
9396
- "package": "@genesislcap/web-core"
9397
- },
9398
- "tagName": "template-condition-group",
9399
- "customElement": true
9400
- }
9401
- ],
9402
- "exports": [
9403
- {
9404
- "kind": "js",
9405
- "name": "TemplateConditionGroup",
9406
- "declaration": {
9407
- "name": "TemplateConditionGroup",
9408
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9409
- }
9410
- },
9411
- {
9412
- "kind": "custom-element-definition",
9413
- "name": "template-condition-group",
9414
- "declaration": {
9415
- "name": "TemplateConditionGroup",
9416
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
9417
- }
9418
- }
9419
- ]
9420
9420
  }
9421
9421
  ]
9422
9422
  }
package/dist/dts/react.d.ts CHANGED
@@ -255,17 +255,6 @@ export declare const TemplateDialog: React.ForwardRefExoticComponent<
255
255
  >;
256
256
  export type TemplateDialogRef = TemplateDialogWC;
257
257
 
258
- export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
259
- React.PropsWithChildren<
260
- Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
261
- HTMLWCProps & {
262
- onDelete?: (event: CustomEvent<unknown>) => void;
263
- onEdit?: (event: CustomEvent<unknown>) => void;
264
- }
265
- > & React.RefAttributes<RuleConditionGroupWC>
266
- >;
267
- export type RuleConditionGroupRef = RuleConditionGroupWC;
268
-
269
258
  export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
270
259
  React.PropsWithChildren<
271
260
  Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
@@ -277,6 +266,17 @@ export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
277
266
  >;
278
267
  export type RuleConditionBuilderRef = RuleConditionBuilderWC;
279
268
 
269
+ export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
270
+ React.PropsWithChildren<
271
+ Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
272
+ HTMLWCProps & {
273
+ onDelete?: (event: CustomEvent<unknown>) => void;
274
+ onEdit?: (event: CustomEvent<unknown>) => void;
275
+ }
276
+ > & React.RefAttributes<RuleConditionGroupWC>
277
+ >;
278
+ export type RuleConditionGroupRef = RuleConditionGroupWC;
279
+
280
280
  export declare const ParameterBuilder: React.ForwardRefExoticComponent<
281
281
  React.PropsWithChildren<
282
282
  Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
@@ -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
@@ -200,7 +200,7 @@ const TemplateDialog = React.forwardRef(function TemplateDialog(props, ref) {
200
200
  return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
201
201
  });
202
202
 
203
- const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
203
+ const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
204
204
  const { onDelete, onEdit, children, ...rest } = props;
205
205
  const _innerRef = React.useRef(null);
206
206
  const _onDeleteRef = React.useRef(onDelete);
@@ -219,10 +219,10 @@ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, r
219
219
  el.removeEventListener('edit', _onEditFn);
220
220
  };
221
221
  }, []);
222
- return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
222
+ return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
223
223
  });
224
224
 
225
- const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
225
+ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
226
226
  const { onDelete, onEdit, children, ...rest } = props;
227
227
  const _innerRef = React.useRef(null);
228
228
  const _onDeleteRef = React.useRef(onDelete);
@@ -241,7 +241,7 @@ const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(prop
241
241
  el.removeEventListener('edit', _onEditFn);
242
242
  };
243
243
  }, []);
244
- return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
244
+ return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
245
245
  });
246
246
 
247
247
  const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
@@ -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 = {
@@ -332,9 +332,9 @@ module.exports = {
332
332
  SlackRouteManagement,
333
333
  RuleDialog,
334
334
  TemplateDialog,
335
- RuleConditionGroup,
336
335
  RuleConditionBuilder,
336
+ RuleConditionGroup,
337
337
  ParameterBuilder,
338
- TemplateConditionBuilder,
339
338
  TemplateConditionGroup,
339
+ TemplateConditionBuilder,
340
340
  };
package/dist/react.mjs CHANGED
@@ -198,7 +198,7 @@ export const TemplateDialog = React.forwardRef(function TemplateDialog(props, re
198
198
  return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
199
199
  });
200
200
 
201
- export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
201
+ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
202
202
  const { onDelete, onEdit, children, ...rest } = props;
203
203
  const _innerRef = React.useRef(null);
204
204
  const _onDeleteRef = React.useRef(onDelete);
@@ -217,10 +217,10 @@ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(p
217
217
  el.removeEventListener('edit', _onEditFn);
218
218
  };
219
219
  }, []);
220
- return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
220
+ return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
221
221
  });
222
222
 
223
- export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
223
+ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
224
224
  const { onDelete, onEdit, children, ...rest } = props;
225
225
  const _innerRef = React.useRef(null);
226
226
  const _onDeleteRef = React.useRef(onDelete);
@@ -239,7 +239,7 @@ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuild
239
239
  el.removeEventListener('edit', _onEditFn);
240
240
  };
241
241
  }, []);
242
- return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
242
+ return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
243
243
  });
244
244
 
245
245
  export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
@@ -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.27.1",
4
+ "version": "15.28.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.27.1",
85
- "@genesislcap/eslint-config": "15.27.1",
86
- "@genesislcap/eslint-stylelint-builder": "15.27.1",
87
- "@genesislcap/foundation-testing": "15.27.1",
88
- "@genesislcap/genx": "15.27.1",
89
- "@genesislcap/prettier-config": "15.27.1",
90
- "@genesislcap/stylelint-config": "15.27.1",
91
- "@genesislcap/vite-builder": "15.27.1",
92
- "@genesislcap/webpack-builder": "15.27.1",
84
+ "@genesislcap/design-system-configurator": "15.28.0",
85
+ "@genesislcap/eslint-config": "15.28.0",
86
+ "@genesislcap/eslint-stylelint-builder": "15.28.0",
87
+ "@genesislcap/foundation-testing": "15.28.0",
88
+ "@genesislcap/genx": "15.28.0",
89
+ "@genesislcap/prettier-config": "15.28.0",
90
+ "@genesislcap/stylelint-config": "15.28.0",
91
+ "@genesislcap/vite-builder": "15.28.0",
92
+ "@genesislcap/webpack-builder": "15.28.0",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.27.1",
97
- "@genesislcap/foundation-criteria": "15.27.1",
98
- "@genesislcap/foundation-entity-management": "15.27.1",
99
- "@genesislcap/foundation-forms": "15.27.1",
100
- "@genesislcap/foundation-layout": "15.27.1",
101
- "@genesislcap/foundation-logger": "15.27.1",
102
- "@genesislcap/foundation-notifications": "15.27.1",
103
- "@genesislcap/foundation-ui": "15.27.1",
104
- "@genesislcap/foundation-utils": "15.27.1",
105
- "@genesislcap/rapid-design-system": "15.27.1",
106
- "@genesislcap/rapid-grid-pro": "15.27.1",
107
- "@genesislcap/web-core": "15.27.1",
96
+ "@genesislcap/foundation-comms": "15.28.0",
97
+ "@genesislcap/foundation-criteria": "15.28.0",
98
+ "@genesislcap/foundation-entity-management": "15.28.0",
99
+ "@genesislcap/foundation-forms": "15.28.0",
100
+ "@genesislcap/foundation-layout": "15.28.0",
101
+ "@genesislcap/foundation-logger": "15.28.0",
102
+ "@genesislcap/foundation-notifications": "15.28.0",
103
+ "@genesislcap/foundation-ui": "15.28.0",
104
+ "@genesislcap/foundation-utils": "15.28.0",
105
+ "@genesislcap/rapid-design-system": "15.28.0",
106
+ "@genesislcap/rapid-grid-pro": "15.28.0",
107
+ "@genesislcap/web-core": "15.28.0",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },