@genesislcap/pbc-notify-ui 15.68.0 → 15.68.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/custom-elements.json +357 -357
  2. package/dist/dts/react.d.ts +16 -16
  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
@@ -505,27 +505,6 @@
505
505
  }
506
506
  ]
507
507
  },
508
- {
509
- "kind": "javascript-module",
510
- "path": "src/styles/scrollbar.styles.ts",
511
- "declarations": [
512
- {
513
- "kind": "variable",
514
- "name": "scrollbarStyles",
515
- "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`"
516
- }
517
- ],
518
- "exports": [
519
- {
520
- "kind": "js",
521
- "name": "scrollbarStyles",
522
- "declaration": {
523
- "name": "scrollbarStyles",
524
- "module": "src/styles/scrollbar.styles.ts"
525
- }
526
- }
527
- ]
528
- },
529
508
  {
530
509
  "kind": "javascript-module",
531
510
  "path": "src/utils/eventDetail.ts",
@@ -847,6 +826,27 @@
847
826
  }
848
827
  ]
849
828
  },
829
+ {
830
+ "kind": "javascript-module",
831
+ "path": "src/styles/scrollbar.styles.ts",
832
+ "declarations": [
833
+ {
834
+ "kind": "variable",
835
+ "name": "scrollbarStyles",
836
+ "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`"
837
+ }
838
+ ],
839
+ "exports": [
840
+ {
841
+ "kind": "js",
842
+ "name": "scrollbarStyles",
843
+ "declaration": {
844
+ "name": "scrollbarStyles",
845
+ "module": "src/styles/scrollbar.styles.ts"
846
+ }
847
+ }
848
+ ]
849
+ },
850
850
  {
851
851
  "kind": "javascript-module",
852
852
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -5295,95 +5295,6 @@
5295
5295
  }
5296
5296
  ]
5297
5297
  },
5298
- {
5299
- "kind": "javascript-module",
5300
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5301
- "declarations": [
5302
- {
5303
- "kind": "variable",
5304
- "name": "ConditionBuilderStyles",
5305
- "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`"
5306
- },
5307
- {
5308
- "kind": "variable",
5309
- "name": "ConditionGroupStyles",
5310
- "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`"
5311
- }
5312
- ],
5313
- "exports": [
5314
- {
5315
- "kind": "js",
5316
- "name": "ConditionBuilderStyles",
5317
- "declaration": {
5318
- "name": "ConditionBuilderStyles",
5319
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5320
- }
5321
- },
5322
- {
5323
- "kind": "js",
5324
- "name": "ConditionGroupStyles",
5325
- "declaration": {
5326
- "name": "ConditionGroupStyles",
5327
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5328
- }
5329
- }
5330
- ]
5331
- },
5332
- {
5333
- "kind": "javascript-module",
5334
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5335
- "declarations": [
5336
- {
5337
- "kind": "variable",
5338
- "name": "DynamicRuleManagementStyles",
5339
- "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`"
5340
- },
5341
- {
5342
- "kind": "variable",
5343
- "name": "DynamicRuleDialogStyles",
5344
- "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
5345
- }
5346
- ],
5347
- "exports": [
5348
- {
5349
- "kind": "js",
5350
- "name": "DynamicRuleManagementStyles",
5351
- "declaration": {
5352
- "name": "DynamicRuleManagementStyles",
5353
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5354
- }
5355
- },
5356
- {
5357
- "kind": "js",
5358
- "name": "DynamicRuleDialogStyles",
5359
- "declaration": {
5360
- "name": "DynamicRuleDialogStyles",
5361
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5362
- }
5363
- }
5364
- ]
5365
- },
5366
- {
5367
- "kind": "javascript-module",
5368
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5369
- "declarations": [
5370
- {
5371
- "kind": "variable",
5372
- "name": "managementGridStyles",
5373
- "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`"
5374
- }
5375
- ],
5376
- "exports": [
5377
- {
5378
- "kind": "js",
5379
- "name": "managementGridStyles",
5380
- "declaration": {
5381
- "name": "managementGridStyles",
5382
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5383
- }
5384
- }
5385
- ]
5386
- },
5387
5298
  {
5388
5299
  "kind": "javascript-module",
5389
5300
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5986,124 +5897,356 @@
5986
5897
  },
5987
5898
  {
5988
5899
  "kind": "javascript-module",
5989
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
5900
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5990
5901
  "declarations": [
5991
5902
  {
5992
5903
  "kind": "variable",
5993
- "name": "FoundationInboxFlyoutStyles",
5994
- "default": "css`\n rapid-flyout::part(flyout) {\n width: 30%;\n min-width: 320px;\n padding: 0;\n }\n\n rapid-flyout::part(content) {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n ${FoundationInboxStyles}\n`"
5904
+ "name": "ConditionBuilderStyles",
5905
+ "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`"
5906
+ },
5907
+ {
5908
+ "kind": "variable",
5909
+ "name": "ConditionGroupStyles",
5910
+ "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`"
5995
5911
  }
5996
5912
  ],
5997
5913
  "exports": [
5998
5914
  {
5999
5915
  "kind": "js",
6000
- "name": "FoundationInboxFlyoutStyles",
5916
+ "name": "ConditionBuilderStyles",
6001
5917
  "declaration": {
6002
- "name": "FoundationInboxFlyoutStyles",
6003
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
5918
+ "name": "ConditionBuilderStyles",
5919
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5920
+ }
5921
+ },
5922
+ {
5923
+ "kind": "js",
5924
+ "name": "ConditionGroupStyles",
5925
+ "declaration": {
5926
+ "name": "ConditionGroupStyles",
5927
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
6004
5928
  }
6005
5929
  }
6006
5930
  ]
6007
5931
  },
6008
5932
  {
6009
5933
  "kind": "javascript-module",
6010
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
5934
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
6011
5935
  "declarations": [
6012
5936
  {
6013
5937
  "kind": "variable",
6014
- "name": "FoundationInboxFlyoutTemplate",
6015
- "default": "html<FoundationInboxFlyout>`\n <rapid-flyout\n ${ref('flyout')}\n position=\"right\"\n @closed=${(x) => (x.flyoutClosed = true)}\n :closed=${(x) => x.flyoutClosed}\n displayHeader=${false}\n >\n <div class=\"inbox-header\">\n <div class=\"inbox-header-title\">Alerts Center</div>\n <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n </rapid-button>\n </div>\n\n ${FoundationInboxTemplate}\n </rapid-flyout>\n`"
5938
+ "name": "DynamicRuleManagementStyles",
5939
+ "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`"
5940
+ },
5941
+ {
5942
+ "kind": "variable",
5943
+ "name": "DynamicRuleDialogStyles",
5944
+ "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
6016
5945
  }
6017
5946
  ],
6018
5947
  "exports": [
6019
5948
  {
6020
5949
  "kind": "js",
6021
- "name": "FoundationInboxFlyoutTemplate",
5950
+ "name": "DynamicRuleManagementStyles",
6022
5951
  "declaration": {
6023
- "name": "FoundationInboxFlyoutTemplate",
6024
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
5952
+ "name": "DynamicRuleManagementStyles",
5953
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5954
+ }
5955
+ },
5956
+ {
5957
+ "kind": "js",
5958
+ "name": "DynamicRuleDialogStyles",
5959
+ "declaration": {
5960
+ "name": "DynamicRuleDialogStyles",
5961
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
6025
5962
  }
6026
5963
  }
6027
5964
  ]
6028
5965
  },
6029
5966
  {
6030
5967
  "kind": "javascript-module",
6031
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
5968
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
6032
5969
  "declarations": [
6033
5970
  {
6034
- "kind": "class",
6035
- "description": "",
6036
- "name": "FoundationInboxFlyout",
6037
- "members": [
6038
- {
6039
- "kind": "field",
6040
- "name": "ready",
6041
- "type": {
6042
- "text": "boolean"
6043
- },
6044
- "default": "false"
6045
- },
6046
- {
6047
- "kind": "field",
6048
- "name": "flyout",
6049
- "type": {
6050
- "text": "Flyout"
6051
- }
6052
- },
6053
- {
6054
- "kind": "field",
6055
- "name": "flyoutClosed",
6056
- "type": {
6057
- "text": "boolean"
6058
- },
6059
- "default": "true"
6060
- },
6061
- {
6062
- "kind": "method",
6063
- "name": "open",
6064
- "privacy": "public"
6065
- },
6066
- {
6067
- "kind": "method",
6068
- "name": "close",
6069
- "privacy": "public"
6070
- },
6071
- {
6072
- "kind": "method",
6073
- "name": "loadRemotes"
6074
- },
6075
- {
6076
- "kind": "field",
6077
- "name": "auth",
6078
- "type": {
6079
- "text": "Auth"
6080
- },
6081
- "inheritedFrom": {
6082
- "name": "FoundationInboxBase",
6083
- "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6084
- }
6085
- },
6086
- {
6087
- "kind": "field",
6088
- "name": "connect",
6089
- "type": {
6090
- "text": "Connect"
6091
- },
6092
- "inheritedFrom": {
6093
- "name": "FoundationInboxBase",
6094
- "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6095
- }
6096
- },
6097
- {
6098
- "kind": "field",
6099
- "name": "alertService",
6100
- "type": {
6101
- "text": "AlertService"
6102
- },
6103
- "inheritedFrom": {
6104
- "name": "FoundationInboxBase",
6105
- "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6106
- }
5971
+ "kind": "variable",
5972
+ "name": "managementGridStyles",
5973
+ "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`"
5974
+ }
5975
+ ],
5976
+ "exports": [
5977
+ {
5978
+ "kind": "js",
5979
+ "name": "managementGridStyles",
5980
+ "declaration": {
5981
+ "name": "managementGridStyles",
5982
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5983
+ }
5984
+ }
5985
+ ]
5986
+ },
5987
+ {
5988
+ "kind": "javascript-module",
5989
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
5990
+ "declarations": [
5991
+ {
5992
+ "kind": "variable",
5993
+ "name": "noItemsClass",
5994
+ "type": {
5995
+ "text": "string"
5996
+ },
5997
+ "default": "'no-items'",
5998
+ "description": "Class to use when there are no items"
5999
+ },
6000
+ {
6001
+ "kind": "variable",
6002
+ "name": "FoundationInboxCounterStyles",
6003
+ "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
6004
+ }
6005
+ ],
6006
+ "exports": [
6007
+ {
6008
+ "kind": "js",
6009
+ "name": "noItemsClass",
6010
+ "declaration": {
6011
+ "name": "noItemsClass",
6012
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6013
+ }
6014
+ },
6015
+ {
6016
+ "kind": "js",
6017
+ "name": "FoundationInboxCounterStyles",
6018
+ "declaration": {
6019
+ "name": "FoundationInboxCounterStyles",
6020
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6021
+ }
6022
+ }
6023
+ ]
6024
+ },
6025
+ {
6026
+ "kind": "javascript-module",
6027
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
6028
+ "declarations": [
6029
+ {
6030
+ "kind": "variable",
6031
+ "name": "FoundationInboxCounterTemplate",
6032
+ "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
6033
+ }
6034
+ ],
6035
+ "exports": [
6036
+ {
6037
+ "kind": "js",
6038
+ "name": "FoundationInboxCounterTemplate",
6039
+ "declaration": {
6040
+ "name": "FoundationInboxCounterTemplate",
6041
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
6042
+ }
6043
+ }
6044
+ ]
6045
+ },
6046
+ {
6047
+ "kind": "javascript-module",
6048
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
6049
+ "declarations": [
6050
+ {
6051
+ "kind": "class",
6052
+ "description": "",
6053
+ "name": "FoundationInboxCounter",
6054
+ "members": [
6055
+ {
6056
+ "kind": "field",
6057
+ "name": "value",
6058
+ "type": {
6059
+ "text": "number"
6060
+ },
6061
+ "default": "0"
6062
+ },
6063
+ {
6064
+ "kind": "field",
6065
+ "name": "connect",
6066
+ "type": {
6067
+ "text": "Connect"
6068
+ }
6069
+ },
6070
+ {
6071
+ "kind": "field",
6072
+ "name": "inboxService",
6073
+ "type": {
6074
+ "text": "FoundationInboxService"
6075
+ }
6076
+ },
6077
+ {
6078
+ "kind": "field",
6079
+ "name": "connectionSub",
6080
+ "type": {
6081
+ "text": "Subscription"
6082
+ },
6083
+ "privacy": "private"
6084
+ },
6085
+ {
6086
+ "kind": "method",
6087
+ "name": "subscribeToAlerts",
6088
+ "privacy": "private",
6089
+ "return": {
6090
+ "type": {
6091
+ "text": "Promise<void>"
6092
+ }
6093
+ },
6094
+ "description": "Subscribes to alerts from the inbox service"
6095
+ },
6096
+ {
6097
+ "kind": "field",
6098
+ "name": "subscriptionHandler",
6099
+ "privacy": "private",
6100
+ "description": "Handles subscription updates from the inbox service"
6101
+ }
6102
+ ],
6103
+ "superclass": {
6104
+ "name": "GenesisElement",
6105
+ "package": "@genesislcap/web-core"
6106
+ },
6107
+ "tagName": "foundation-inbox-counter",
6108
+ "customElement": true
6109
+ }
6110
+ ],
6111
+ "exports": [
6112
+ {
6113
+ "kind": "js",
6114
+ "name": "FoundationInboxCounter",
6115
+ "declaration": {
6116
+ "name": "FoundationInboxCounter",
6117
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6118
+ }
6119
+ },
6120
+ {
6121
+ "kind": "custom-element-definition",
6122
+ "name": "foundation-inbox-counter",
6123
+ "declaration": {
6124
+ "name": "FoundationInboxCounter",
6125
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6126
+ }
6127
+ }
6128
+ ]
6129
+ },
6130
+ {
6131
+ "kind": "javascript-module",
6132
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
6133
+ "declarations": [
6134
+ {
6135
+ "kind": "variable",
6136
+ "name": "FoundationInboxFlyoutStyles",
6137
+ "default": "css`\n rapid-flyout::part(flyout) {\n width: 30%;\n min-width: 320px;\n padding: 0;\n }\n\n rapid-flyout::part(content) {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n ${FoundationInboxStyles}\n`"
6138
+ }
6139
+ ],
6140
+ "exports": [
6141
+ {
6142
+ "kind": "js",
6143
+ "name": "FoundationInboxFlyoutStyles",
6144
+ "declaration": {
6145
+ "name": "FoundationInboxFlyoutStyles",
6146
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
6147
+ }
6148
+ }
6149
+ ]
6150
+ },
6151
+ {
6152
+ "kind": "javascript-module",
6153
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
6154
+ "declarations": [
6155
+ {
6156
+ "kind": "variable",
6157
+ "name": "FoundationInboxFlyoutTemplate",
6158
+ "default": "html<FoundationInboxFlyout>`\n <rapid-flyout\n ${ref('flyout')}\n position=\"right\"\n @closed=${(x) => (x.flyoutClosed = true)}\n :closed=${(x) => x.flyoutClosed}\n displayHeader=${false}\n >\n <div class=\"inbox-header\">\n <div class=\"inbox-header-title\">Alerts Center</div>\n <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n </rapid-button>\n </div>\n\n ${FoundationInboxTemplate}\n </rapid-flyout>\n`"
6159
+ }
6160
+ ],
6161
+ "exports": [
6162
+ {
6163
+ "kind": "js",
6164
+ "name": "FoundationInboxFlyoutTemplate",
6165
+ "declaration": {
6166
+ "name": "FoundationInboxFlyoutTemplate",
6167
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
6168
+ }
6169
+ }
6170
+ ]
6171
+ },
6172
+ {
6173
+ "kind": "javascript-module",
6174
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
6175
+ "declarations": [
6176
+ {
6177
+ "kind": "class",
6178
+ "description": "",
6179
+ "name": "FoundationInboxFlyout",
6180
+ "members": [
6181
+ {
6182
+ "kind": "field",
6183
+ "name": "ready",
6184
+ "type": {
6185
+ "text": "boolean"
6186
+ },
6187
+ "default": "false"
6188
+ },
6189
+ {
6190
+ "kind": "field",
6191
+ "name": "flyout",
6192
+ "type": {
6193
+ "text": "Flyout"
6194
+ }
6195
+ },
6196
+ {
6197
+ "kind": "field",
6198
+ "name": "flyoutClosed",
6199
+ "type": {
6200
+ "text": "boolean"
6201
+ },
6202
+ "default": "true"
6203
+ },
6204
+ {
6205
+ "kind": "method",
6206
+ "name": "open",
6207
+ "privacy": "public"
6208
+ },
6209
+ {
6210
+ "kind": "method",
6211
+ "name": "close",
6212
+ "privacy": "public"
6213
+ },
6214
+ {
6215
+ "kind": "method",
6216
+ "name": "loadRemotes"
6217
+ },
6218
+ {
6219
+ "kind": "field",
6220
+ "name": "auth",
6221
+ "type": {
6222
+ "text": "Auth"
6223
+ },
6224
+ "inheritedFrom": {
6225
+ "name": "FoundationInboxBase",
6226
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6227
+ }
6228
+ },
6229
+ {
6230
+ "kind": "field",
6231
+ "name": "connect",
6232
+ "type": {
6233
+ "text": "Connect"
6234
+ },
6235
+ "inheritedFrom": {
6236
+ "name": "FoundationInboxBase",
6237
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6238
+ }
6239
+ },
6240
+ {
6241
+ "kind": "field",
6242
+ "name": "alertService",
6243
+ "type": {
6244
+ "text": "AlertService"
6245
+ },
6246
+ "inheritedFrom": {
6247
+ "name": "FoundationInboxBase",
6248
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6249
+ }
6107
6250
  },
6108
6251
  {
6109
6252
  "kind": "field",
@@ -7382,149 +7525,6 @@
7382
7525
  }
7383
7526
  ]
7384
7527
  },
7385
- {
7386
- "kind": "javascript-module",
7387
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
7388
- "declarations": [
7389
- {
7390
- "kind": "variable",
7391
- "name": "noItemsClass",
7392
- "type": {
7393
- "text": "string"
7394
- },
7395
- "default": "'no-items'",
7396
- "description": "Class to use when there are no items"
7397
- },
7398
- {
7399
- "kind": "variable",
7400
- "name": "FoundationInboxCounterStyles",
7401
- "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
7402
- }
7403
- ],
7404
- "exports": [
7405
- {
7406
- "kind": "js",
7407
- "name": "noItemsClass",
7408
- "declaration": {
7409
- "name": "noItemsClass",
7410
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
7411
- }
7412
- },
7413
- {
7414
- "kind": "js",
7415
- "name": "FoundationInboxCounterStyles",
7416
- "declaration": {
7417
- "name": "FoundationInboxCounterStyles",
7418
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
7419
- }
7420
- }
7421
- ]
7422
- },
7423
- {
7424
- "kind": "javascript-module",
7425
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
7426
- "declarations": [
7427
- {
7428
- "kind": "variable",
7429
- "name": "FoundationInboxCounterTemplate",
7430
- "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
7431
- }
7432
- ],
7433
- "exports": [
7434
- {
7435
- "kind": "js",
7436
- "name": "FoundationInboxCounterTemplate",
7437
- "declaration": {
7438
- "name": "FoundationInboxCounterTemplate",
7439
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
7440
- }
7441
- }
7442
- ]
7443
- },
7444
- {
7445
- "kind": "javascript-module",
7446
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
7447
- "declarations": [
7448
- {
7449
- "kind": "class",
7450
- "description": "",
7451
- "name": "FoundationInboxCounter",
7452
- "members": [
7453
- {
7454
- "kind": "field",
7455
- "name": "value",
7456
- "type": {
7457
- "text": "number"
7458
- },
7459
- "default": "0"
7460
- },
7461
- {
7462
- "kind": "field",
7463
- "name": "connect",
7464
- "type": {
7465
- "text": "Connect"
7466
- }
7467
- },
7468
- {
7469
- "kind": "field",
7470
- "name": "inboxService",
7471
- "type": {
7472
- "text": "FoundationInboxService"
7473
- }
7474
- },
7475
- {
7476
- "kind": "field",
7477
- "name": "connectionSub",
7478
- "type": {
7479
- "text": "Subscription"
7480
- },
7481
- "privacy": "private"
7482
- },
7483
- {
7484
- "kind": "method",
7485
- "name": "subscribeToAlerts",
7486
- "privacy": "private",
7487
- "return": {
7488
- "type": {
7489
- "text": "Promise<void>"
7490
- }
7491
- },
7492
- "description": "Subscribes to alerts from the inbox service"
7493
- },
7494
- {
7495
- "kind": "field",
7496
- "name": "subscriptionHandler",
7497
- "privacy": "private",
7498
- "description": "Handles subscription updates from the inbox service"
7499
- }
7500
- ],
7501
- "superclass": {
7502
- "name": "GenesisElement",
7503
- "package": "@genesislcap/web-core"
7504
- },
7505
- "tagName": "foundation-inbox-counter",
7506
- "customElement": true
7507
- }
7508
- ],
7509
- "exports": [
7510
- {
7511
- "kind": "js",
7512
- "name": "FoundationInboxCounter",
7513
- "declaration": {
7514
- "name": "FoundationInboxCounter",
7515
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
7516
- }
7517
- },
7518
- {
7519
- "kind": "custom-element-definition",
7520
- "name": "foundation-inbox-counter",
7521
- "declaration": {
7522
- "name": "FoundationInboxCounter",
7523
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
7524
- }
7525
- }
7526
- ]
7527
- },
7528
7528
  {
7529
7529
  "kind": "javascript-module",
7530
7530
  "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
@@ -7758,70 +7758,70 @@
7758
7758
  },
7759
7759
  {
7760
7760
  "kind": "javascript-module",
7761
- "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
7761
+ "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
7762
7762
  "declarations": [
7763
7763
  {
7764
7764
  "kind": "class",
7765
7765
  "description": "",
7766
- "name": "NotifyAuditManagement",
7766
+ "name": "RouteManagement",
7767
7767
  "superclass": {
7768
7768
  "name": "GenesisElement",
7769
7769
  "package": "@genesislcap/web-core"
7770
7770
  },
7771
- "tagName": "notify-audit-management",
7771
+ "tagName": "route-management",
7772
7772
  "customElement": true
7773
7773
  }
7774
7774
  ],
7775
7775
  "exports": [
7776
7776
  {
7777
7777
  "kind": "js",
7778
- "name": "NotifyAuditManagement",
7778
+ "name": "RouteManagement",
7779
7779
  "declaration": {
7780
- "name": "NotifyAuditManagement",
7781
- "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7780
+ "name": "RouteManagement",
7781
+ "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7782
7782
  }
7783
7783
  },
7784
7784
  {
7785
7785
  "kind": "custom-element-definition",
7786
- "name": "notify-audit-management",
7786
+ "name": "route-management",
7787
7787
  "declaration": {
7788
- "name": "NotifyAuditManagement",
7789
- "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7788
+ "name": "RouteManagement",
7789
+ "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7790
7790
  }
7791
7791
  }
7792
7792
  ]
7793
7793
  },
7794
7794
  {
7795
7795
  "kind": "javascript-module",
7796
- "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
7796
+ "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
7797
7797
  "declarations": [
7798
7798
  {
7799
7799
  "kind": "class",
7800
7800
  "description": "",
7801
- "name": "RouteManagement",
7801
+ "name": "NotifyAuditManagement",
7802
7802
  "superclass": {
7803
7803
  "name": "GenesisElement",
7804
7804
  "package": "@genesislcap/web-core"
7805
7805
  },
7806
- "tagName": "route-management",
7806
+ "tagName": "notify-audit-management",
7807
7807
  "customElement": true
7808
7808
  }
7809
7809
  ],
7810
7810
  "exports": [
7811
7811
  {
7812
7812
  "kind": "js",
7813
- "name": "RouteManagement",
7813
+ "name": "NotifyAuditManagement",
7814
7814
  "declaration": {
7815
- "name": "RouteManagement",
7816
- "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7815
+ "name": "NotifyAuditManagement",
7816
+ "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7817
7817
  }
7818
7818
  },
7819
7819
  {
7820
7820
  "kind": "custom-element-definition",
7821
- "name": "route-management",
7821
+ "name": "notify-audit-management",
7822
7822
  "declaration": {
7823
- "name": "RouteManagement",
7824
- "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7823
+ "name": "NotifyAuditManagement",
7824
+ "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7825
7825
  }
7826
7826
  }
7827
7827
  ]
package/dist/dts/react.d.ts CHANGED
@@ -106,23 +106,23 @@ export declare const FoundationSounds: React.ForwardRefExoticComponent<
106
106
  >;
107
107
  export type FoundationSoundsRef = FoundationSoundsWC;
108
108
 
109
- export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
109
+ export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
110
110
  React.PropsWithChildren<
111
- Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
111
+ Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
112
112
  HTMLWCProps & {
113
113
  }
114
- > & React.RefAttributes<FoundationInboxFlyoutWC>
114
+ > & React.RefAttributes<FoundationInboxCounterWC>
115
115
  >;
116
- export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
116
+ export type FoundationInboxCounterRef = FoundationInboxCounterWC;
117
117
 
118
- export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
118
+ export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
119
119
  React.PropsWithChildren<
120
- Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
120
+ Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
121
121
  HTMLWCProps & {
122
122
  }
123
- > & React.RefAttributes<FoundationInboxCounterWC>
123
+ > & React.RefAttributes<FoundationInboxFlyoutWC>
124
124
  >;
125
- export type FoundationInboxCounterRef = FoundationInboxCounterWC;
125
+ export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
126
126
 
127
127
  export declare const InboxSubscription: React.ForwardRefExoticComponent<
128
128
  React.PropsWithChildren<
@@ -135,23 +135,23 @@ export declare const InboxSubscription: React.ForwardRefExoticComponent<
135
135
  >;
136
136
  export type InboxSubscriptionRef = InboxSubscriptionWC;
137
137
 
138
- export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
138
+ export declare const RouteManagement: React.ForwardRefExoticComponent<
139
139
  React.PropsWithChildren<
140
- Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &
140
+ Omit<PublicOf<RouteManagementWC>, 'children' | 'style'> &
141
141
  HTMLWCProps & {
142
142
  }
143
- > & React.RefAttributes<NotifyAuditManagementWC>
143
+ > & React.RefAttributes<RouteManagementWC>
144
144
  >;
145
- export type NotifyAuditManagementRef = NotifyAuditManagementWC;
145
+ export type RouteManagementRef = RouteManagementWC;
146
146
 
147
- export declare const RouteManagement: React.ForwardRefExoticComponent<
147
+ export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
148
148
  React.PropsWithChildren<
149
- Omit<PublicOf<RouteManagementWC>, 'children' | 'style'> &
149
+ Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &
150
150
  HTMLWCProps & {
151
151
  }
152
- > & React.RefAttributes<RouteManagementWC>
152
+ > & React.RefAttributes<NotifyAuditManagementWC>
153
153
  >;
154
- export type RouteManagementRef = RouteManagementWC;
154
+ export type NotifyAuditManagementRef = NotifyAuditManagementWC;
155
155
 
156
156
  export declare const RuleManagement: React.ForwardRefExoticComponent<
157
157
  React.PropsWithChildren<
package/dist/react.cjs CHANGED
@@ -67,14 +67,14 @@ const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref)
67
67
  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
68
68
  });
69
69
 
70
- const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
70
+ const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
71
71
  const { children, ...rest } = props;
72
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
72
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
73
73
  });
74
74
 
75
- const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
75
+ const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
76
76
  const { children, ...rest } = props;
77
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
77
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
78
78
  });
79
79
 
80
80
  const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -99,14 +99,14 @@ const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref
99
99
  return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
100
100
  });
101
101
 
102
- const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
102
+ const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
103
103
  const { children, ...rest } = props;
104
- return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
104
+ return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
105
105
  });
106
106
 
107
- const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
107
+ const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
108
108
  const { children, ...rest } = props;
109
- return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
109
+ return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
110
110
  });
111
111
 
112
112
  const RuleManagement = React.forwardRef(function RuleManagement(props, ref) {
@@ -316,11 +316,11 @@ module.exports = {
316
316
  FoundationNotificationDashboard,
317
317
  FoundationSoundsPanel,
318
318
  FoundationSounds,
319
- FoundationInboxFlyout,
320
319
  FoundationInboxCounter,
320
+ FoundationInboxFlyout,
321
321
  InboxSubscription,
322
- NotifyAuditManagement,
323
322
  RouteManagement,
323
+ NotifyAuditManagement,
324
324
  RuleManagement,
325
325
  TemplateManagement,
326
326
  RuleParameter,
package/dist/react.mjs CHANGED
@@ -65,14 +65,14 @@ export const FoundationSounds = React.forwardRef(function FoundationSounds(props
65
65
  return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
66
66
  });
67
67
 
68
- export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
68
+ export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
69
69
  const { children, ...rest } = props;
70
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
70
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
71
71
  });
72
72
 
73
- export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
73
+ export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
74
74
  const { children, ...rest } = props;
75
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
75
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
76
76
  });
77
77
 
78
78
  export const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -97,14 +97,14 @@ export const InboxSubscription = React.forwardRef(function InboxSubscription(pro
97
97
  return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
98
98
  });
99
99
 
100
- export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
100
+ export const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
101
101
  const { children, ...rest } = props;
102
- return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
102
+ return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
103
103
  });
104
104
 
105
- export const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
105
+ export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
106
106
  const { children, ...rest } = props;
107
- return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
107
+ return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
108
108
  });
109
109
 
110
110
  export const RuleManagement = React.forwardRef(function RuleManagement(props, ref) {
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.68.0",
4
+ "version": "15.68.1",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -80,30 +80,30 @@
80
80
  "@commitlint/cli": "^19.2.1",
81
81
  "@commitlint/config-conventional": "^19.1.0",
82
82
  "@commitlint/format": "^19.0.3",
83
- "@genesislcap/design-system-configurator": "15.68.0",
84
- "@genesislcap/eslint-config": "15.68.0",
85
- "@genesislcap/eslint-stylelint-builder": "15.68.0",
86
- "@genesislcap/foundation-testing": "15.68.0",
87
- "@genesislcap/genx": "15.68.0",
88
- "@genesislcap/prettier-config": "15.68.0",
89
- "@genesislcap/stylelint-config": "15.68.0",
90
- "@genesislcap/vite-builder": "15.68.0",
91
- "@genesislcap/webpack-builder": "15.68.0",
83
+ "@genesislcap/design-system-configurator": "15.68.1",
84
+ "@genesislcap/eslint-config": "15.68.1",
85
+ "@genesislcap/eslint-stylelint-builder": "15.68.1",
86
+ "@genesislcap/foundation-testing": "15.68.1",
87
+ "@genesislcap/genx": "15.68.1",
88
+ "@genesislcap/prettier-config": "15.68.1",
89
+ "@genesislcap/stylelint-config": "15.68.1",
90
+ "@genesislcap/vite-builder": "15.68.1",
91
+ "@genesislcap/webpack-builder": "15.68.1",
92
92
  "dayjs": "^1.11.7"
93
93
  },
94
94
  "dependencies": {
95
- "@genesislcap/foundation-comms": "15.68.0",
96
- "@genesislcap/foundation-criteria": "15.68.0",
97
- "@genesislcap/foundation-entity-management": "15.68.0",
98
- "@genesislcap/foundation-forms": "15.68.0",
99
- "@genesislcap/foundation-layout": "15.68.0",
100
- "@genesislcap/foundation-logger": "15.68.0",
101
- "@genesislcap/foundation-notifications": "15.68.0",
102
- "@genesislcap/foundation-ui": "15.68.0",
103
- "@genesislcap/foundation-utils": "15.68.0",
104
- "@genesislcap/rapid-design-system": "15.68.0",
105
- "@genesislcap/rapid-grid-pro": "15.68.0",
106
- "@genesislcap/web-core": "15.68.0",
95
+ "@genesislcap/foundation-comms": "15.68.1",
96
+ "@genesislcap/foundation-criteria": "15.68.1",
97
+ "@genesislcap/foundation-entity-management": "15.68.1",
98
+ "@genesislcap/foundation-forms": "15.68.1",
99
+ "@genesislcap/foundation-layout": "15.68.1",
100
+ "@genesislcap/foundation-logger": "15.68.1",
101
+ "@genesislcap/foundation-notifications": "15.68.1",
102
+ "@genesislcap/foundation-ui": "15.68.1",
103
+ "@genesislcap/foundation-utils": "15.68.1",
104
+ "@genesislcap/rapid-design-system": "15.68.1",
105
+ "@genesislcap/rapid-grid-pro": "15.68.1",
106
+ "@genesislcap/web-core": "15.68.1",
107
107
  "lodash.debounce": "^4.0.8",
108
108
  "rxjs": "^7.5.4"
109
109
  },