@genesislcap/pbc-notify-ui 15.13.1 → 15.14.0-FUI-2601.2

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 +340 -340
  2. package/dist/dts/react.d.ts +9 -9
  3. package/dist/react.cjs +6 -6
  4. package/dist/react.mjs +5 -5
  5. package/package.json +23 -23
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",
@@ -4229,95 +4229,6 @@
4229
4229
  }
4230
4230
  ]
4231
4231
  },
4232
- {
4233
- "kind": "javascript-module",
4234
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
4235
- "declarations": [
4236
- {
4237
- "kind": "variable",
4238
- "name": "ConditionBuilderStyles",
4239
- "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
4240
- },
4241
- {
4242
- "kind": "variable",
4243
- "name": "ConditionGroupStyles",
4244
- "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
4245
- }
4246
- ],
4247
- "exports": [
4248
- {
4249
- "kind": "js",
4250
- "name": "ConditionBuilderStyles",
4251
- "declaration": {
4252
- "name": "ConditionBuilderStyles",
4253
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4254
- }
4255
- },
4256
- {
4257
- "kind": "js",
4258
- "name": "ConditionGroupStyles",
4259
- "declaration": {
4260
- "name": "ConditionGroupStyles",
4261
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4262
- }
4263
- }
4264
- ]
4265
- },
4266
- {
4267
- "kind": "javascript-module",
4268
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
4269
- "declarations": [
4270
- {
4271
- "kind": "variable",
4272
- "name": "DynamicRuleManagementStyles",
4273
- "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
4274
- },
4275
- {
4276
- "kind": "variable",
4277
- "name": "DynamicRuleDialogStyles",
4278
- "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
4279
- }
4280
- ],
4281
- "exports": [
4282
- {
4283
- "kind": "js",
4284
- "name": "DynamicRuleManagementStyles",
4285
- "declaration": {
4286
- "name": "DynamicRuleManagementStyles",
4287
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4288
- }
4289
- },
4290
- {
4291
- "kind": "js",
4292
- "name": "DynamicRuleDialogStyles",
4293
- "declaration": {
4294
- "name": "DynamicRuleDialogStyles",
4295
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4296
- }
4297
- }
4298
- ]
4299
- },
4300
- {
4301
- "kind": "javascript-module",
4302
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
4303
- "declarations": [
4304
- {
4305
- "kind": "variable",
4306
- "name": "managementGridStyles",
4307
- "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
4308
- }
4309
- ],
4310
- "exports": [
4311
- {
4312
- "kind": "js",
4313
- "name": "managementGridStyles",
4314
- "declaration": {
4315
- "name": "managementGridStyles",
4316
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
4317
- }
4318
- }
4319
- ]
4320
- },
4321
4232
  {
4322
4233
  "kind": "javascript-module",
4323
4234
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -4918,6 +4829,95 @@
4918
4829
  }
4919
4830
  ]
4920
4831
  },
4832
+ {
4833
+ "kind": "javascript-module",
4834
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
4835
+ "declarations": [
4836
+ {
4837
+ "kind": "variable",
4838
+ "name": "ConditionBuilderStyles",
4839
+ "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
4840
+ },
4841
+ {
4842
+ "kind": "variable",
4843
+ "name": "ConditionGroupStyles",
4844
+ "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
4845
+ }
4846
+ ],
4847
+ "exports": [
4848
+ {
4849
+ "kind": "js",
4850
+ "name": "ConditionBuilderStyles",
4851
+ "declaration": {
4852
+ "name": "ConditionBuilderStyles",
4853
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4854
+ }
4855
+ },
4856
+ {
4857
+ "kind": "js",
4858
+ "name": "ConditionGroupStyles",
4859
+ "declaration": {
4860
+ "name": "ConditionGroupStyles",
4861
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
4862
+ }
4863
+ }
4864
+ ]
4865
+ },
4866
+ {
4867
+ "kind": "javascript-module",
4868
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
4869
+ "declarations": [
4870
+ {
4871
+ "kind": "variable",
4872
+ "name": "DynamicRuleManagementStyles",
4873
+ "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
4874
+ },
4875
+ {
4876
+ "kind": "variable",
4877
+ "name": "DynamicRuleDialogStyles",
4878
+ "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
4879
+ }
4880
+ ],
4881
+ "exports": [
4882
+ {
4883
+ "kind": "js",
4884
+ "name": "DynamicRuleManagementStyles",
4885
+ "declaration": {
4886
+ "name": "DynamicRuleManagementStyles",
4887
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4888
+ }
4889
+ },
4890
+ {
4891
+ "kind": "js",
4892
+ "name": "DynamicRuleDialogStyles",
4893
+ "declaration": {
4894
+ "name": "DynamicRuleDialogStyles",
4895
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
4896
+ }
4897
+ }
4898
+ ]
4899
+ },
4900
+ {
4901
+ "kind": "javascript-module",
4902
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
4903
+ "declarations": [
4904
+ {
4905
+ "kind": "variable",
4906
+ "name": "managementGridStyles",
4907
+ "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
4908
+ }
4909
+ ],
4910
+ "exports": [
4911
+ {
4912
+ "kind": "js",
4913
+ "name": "managementGridStyles",
4914
+ "declaration": {
4915
+ "name": "managementGridStyles",
4916
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
4917
+ }
4918
+ }
4919
+ ]
4920
+ },
4921
4921
  {
4922
4922
  "kind": "javascript-module",
4923
4923
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
@@ -5063,58 +5063,272 @@
5063
5063
  },
5064
5064
  {
5065
5065
  "kind": "javascript-module",
5066
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
5066
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
5067
5067
  "declarations": [
5068
5068
  {
5069
5069
  "kind": "variable",
5070
- "name": "FoundationInboxFlyoutStyles",
5071
- "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`"
5070
+ "name": "InboxSubscriptionStyles",
5071
+ "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
5072
5072
  }
5073
5073
  ],
5074
5074
  "exports": [
5075
5075
  {
5076
5076
  "kind": "js",
5077
- "name": "FoundationInboxFlyoutStyles",
5077
+ "name": "InboxSubscriptionStyles",
5078
5078
  "declaration": {
5079
- "name": "FoundationInboxFlyoutStyles",
5080
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
5079
+ "name": "InboxSubscriptionStyles",
5080
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
5081
5081
  }
5082
5082
  }
5083
5083
  ]
5084
5084
  },
5085
5085
  {
5086
5086
  "kind": "javascript-module",
5087
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
5087
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
5088
5088
  "declarations": [
5089
5089
  {
5090
5090
  "kind": "variable",
5091
- "name": "FoundationInboxFlyoutTemplate",
5092
- "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`"
5091
+ "name": "InboxSubscriptionTemplate",
5092
+ "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
5093
5093
  }
5094
5094
  ],
5095
5095
  "exports": [
5096
5096
  {
5097
5097
  "kind": "js",
5098
- "name": "FoundationInboxFlyoutTemplate",
5098
+ "name": "InboxSubscriptionTemplate",
5099
5099
  "declaration": {
5100
- "name": "FoundationInboxFlyoutTemplate",
5101
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
5100
+ "name": "InboxSubscriptionTemplate",
5101
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
5102
5102
  }
5103
5103
  }
5104
5104
  ]
5105
5105
  },
5106
5106
  {
5107
5107
  "kind": "javascript-module",
5108
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
5108
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
5109
5109
  "declarations": [
5110
5110
  {
5111
5111
  "kind": "class",
5112
- "description": "",
5113
- "name": "FoundationInboxFlyout",
5112
+ "description": "Inbox subscription configuration UI.",
5113
+ "name": "InboxSubscription",
5114
5114
  "members": [
5115
5115
  {
5116
5116
  "kind": "field",
5117
- "name": "ready",
5117
+ "name": "template"
5118
+ },
5119
+ {
5120
+ "kind": "field",
5121
+ "name": "inline",
5122
+ "type": {
5123
+ "text": "boolean"
5124
+ },
5125
+ "default": "false"
5126
+ },
5127
+ {
5128
+ "kind": "field",
5129
+ "name": "parametersDetails",
5130
+ "type": {
5131
+ "text": "object"
5132
+ },
5133
+ "privacy": "private",
5134
+ "default": "{}"
5135
+ },
5136
+ {
5137
+ "kind": "field",
5138
+ "name": "isSubmitting",
5139
+ "type": {
5140
+ "text": "boolean"
5141
+ },
5142
+ "privacy": "private",
5143
+ "default": "false"
5144
+ },
5145
+ {
5146
+ "kind": "field",
5147
+ "name": "parametersOperators",
5148
+ "type": {
5149
+ "text": "object"
5150
+ },
5151
+ "default": "{}"
5152
+ },
5153
+ {
5154
+ "kind": "field",
5155
+ "name": "subscribeDisabled",
5156
+ "type": {
5157
+ "text": "boolean"
5158
+ },
5159
+ "default": "true"
5160
+ },
5161
+ {
5162
+ "kind": "field",
5163
+ "name": "ruleService",
5164
+ "type": {
5165
+ "text": "RuleService"
5166
+ }
5167
+ },
5168
+ {
5169
+ "kind": "method",
5170
+ "name": "templateChanged"
5171
+ },
5172
+ {
5173
+ "kind": "method",
5174
+ "name": "usesAutoSubmit",
5175
+ "return": {
5176
+ "type": {
5177
+ "text": "boolean"
5178
+ }
5179
+ }
5180
+ },
5181
+ {
5182
+ "kind": "method",
5183
+ "name": "requiresManualSubscribe",
5184
+ "return": {
5185
+ "type": {
5186
+ "text": "boolean"
5187
+ }
5188
+ }
5189
+ },
5190
+ {
5191
+ "kind": "method",
5192
+ "name": "parameterEdit",
5193
+ "parameters": [
5194
+ {
5195
+ "name": "value",
5196
+ "type": {
5197
+ "text": "any"
5198
+ }
5199
+ }
5200
+ ]
5201
+ },
5202
+ {
5203
+ "kind": "method",
5204
+ "name": "autoSubscribe",
5205
+ "privacy": "private"
5206
+ },
5207
+ {
5208
+ "kind": "method",
5209
+ "name": "verifySubscribe"
5210
+ },
5211
+ {
5212
+ "kind": "field",
5213
+ "name": "isFirstElement"
5214
+ },
5215
+ {
5216
+ "kind": "method",
5217
+ "name": "subscribeTemplate"
5218
+ },
5219
+ {
5220
+ "kind": "method",
5221
+ "name": "cancelSubscribe"
5222
+ },
5223
+ {
5224
+ "kind": "field",
5225
+ "name": "createParametersOperatorMap"
5226
+ }
5227
+ ],
5228
+ "events": [
5229
+ {
5230
+ "description": "Fired when a template subscription is created",
5231
+ "name": "templateSubscribed"
5232
+ },
5233
+ {
5234
+ "description": "Fired when inline parameter entry is cancelled",
5235
+ "name": "subscribeCancelled"
5236
+ }
5237
+ ],
5238
+ "attributes": [
5239
+ {
5240
+ "name": "template",
5241
+ "fieldName": "template"
5242
+ },
5243
+ {
5244
+ "type": {
5245
+ "text": "boolean"
5246
+ },
5247
+ "default": "false",
5248
+ "fieldName": "inline"
5249
+ }
5250
+ ],
5251
+ "superclass": {
5252
+ "name": "GenesisElement",
5253
+ "package": "@genesislcap/web-core"
5254
+ },
5255
+ "tagName": "inbox-subscription",
5256
+ "customElement": true
5257
+ }
5258
+ ],
5259
+ "exports": [
5260
+ {
5261
+ "kind": "js",
5262
+ "name": "InboxSubscription",
5263
+ "declaration": {
5264
+ "name": "InboxSubscription",
5265
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
5266
+ }
5267
+ },
5268
+ {
5269
+ "kind": "custom-element-definition",
5270
+ "name": "inbox-subscription",
5271
+ "declaration": {
5272
+ "name": "InboxSubscription",
5273
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
5274
+ }
5275
+ }
5276
+ ]
5277
+ },
5278
+ {
5279
+ "kind": "javascript-module",
5280
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
5281
+ "declarations": [
5282
+ {
5283
+ "kind": "variable",
5284
+ "name": "FoundationInboxFlyoutStyles",
5285
+ "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`"
5286
+ }
5287
+ ],
5288
+ "exports": [
5289
+ {
5290
+ "kind": "js",
5291
+ "name": "FoundationInboxFlyoutStyles",
5292
+ "declaration": {
5293
+ "name": "FoundationInboxFlyoutStyles",
5294
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
5295
+ }
5296
+ }
5297
+ ]
5298
+ },
5299
+ {
5300
+ "kind": "javascript-module",
5301
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
5302
+ "declarations": [
5303
+ {
5304
+ "kind": "variable",
5305
+ "name": "FoundationInboxFlyoutTemplate",
5306
+ "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`"
5307
+ }
5308
+ ],
5309
+ "exports": [
5310
+ {
5311
+ "kind": "js",
5312
+ "name": "FoundationInboxFlyoutTemplate",
5313
+ "declaration": {
5314
+ "name": "FoundationInboxFlyoutTemplate",
5315
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
5316
+ }
5317
+ }
5318
+ ]
5319
+ },
5320
+ {
5321
+ "kind": "javascript-module",
5322
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
5323
+ "declarations": [
5324
+ {
5325
+ "kind": "class",
5326
+ "description": "",
5327
+ "name": "FoundationInboxFlyout",
5328
+ "members": [
5329
+ {
5330
+ "kind": "field",
5331
+ "name": "ready",
5118
5332
  "type": {
5119
5333
  "text": "boolean"
5120
5334
  },
@@ -6173,220 +6387,6 @@
6173
6387
  }
6174
6388
  ]
6175
6389
  },
6176
- {
6177
- "kind": "javascript-module",
6178
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
6179
- "declarations": [
6180
- {
6181
- "kind": "variable",
6182
- "name": "InboxSubscriptionStyles",
6183
- "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
6184
- }
6185
- ],
6186
- "exports": [
6187
- {
6188
- "kind": "js",
6189
- "name": "InboxSubscriptionStyles",
6190
- "declaration": {
6191
- "name": "InboxSubscriptionStyles",
6192
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
6193
- }
6194
- }
6195
- ]
6196
- },
6197
- {
6198
- "kind": "javascript-module",
6199
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
6200
- "declarations": [
6201
- {
6202
- "kind": "variable",
6203
- "name": "InboxSubscriptionTemplate",
6204
- "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
6205
- }
6206
- ],
6207
- "exports": [
6208
- {
6209
- "kind": "js",
6210
- "name": "InboxSubscriptionTemplate",
6211
- "declaration": {
6212
- "name": "InboxSubscriptionTemplate",
6213
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
6214
- }
6215
- }
6216
- ]
6217
- },
6218
- {
6219
- "kind": "javascript-module",
6220
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
6221
- "declarations": [
6222
- {
6223
- "kind": "class",
6224
- "description": "Inbox subscription configuration UI.",
6225
- "name": "InboxSubscription",
6226
- "members": [
6227
- {
6228
- "kind": "field",
6229
- "name": "template"
6230
- },
6231
- {
6232
- "kind": "field",
6233
- "name": "inline",
6234
- "type": {
6235
- "text": "boolean"
6236
- },
6237
- "default": "false"
6238
- },
6239
- {
6240
- "kind": "field",
6241
- "name": "parametersDetails",
6242
- "type": {
6243
- "text": "object"
6244
- },
6245
- "privacy": "private",
6246
- "default": "{}"
6247
- },
6248
- {
6249
- "kind": "field",
6250
- "name": "isSubmitting",
6251
- "type": {
6252
- "text": "boolean"
6253
- },
6254
- "privacy": "private",
6255
- "default": "false"
6256
- },
6257
- {
6258
- "kind": "field",
6259
- "name": "parametersOperators",
6260
- "type": {
6261
- "text": "object"
6262
- },
6263
- "default": "{}"
6264
- },
6265
- {
6266
- "kind": "field",
6267
- "name": "subscribeDisabled",
6268
- "type": {
6269
- "text": "boolean"
6270
- },
6271
- "default": "true"
6272
- },
6273
- {
6274
- "kind": "field",
6275
- "name": "ruleService",
6276
- "type": {
6277
- "text": "RuleService"
6278
- }
6279
- },
6280
- {
6281
- "kind": "method",
6282
- "name": "templateChanged"
6283
- },
6284
- {
6285
- "kind": "method",
6286
- "name": "usesAutoSubmit",
6287
- "return": {
6288
- "type": {
6289
- "text": "boolean"
6290
- }
6291
- }
6292
- },
6293
- {
6294
- "kind": "method",
6295
- "name": "requiresManualSubscribe",
6296
- "return": {
6297
- "type": {
6298
- "text": "boolean"
6299
- }
6300
- }
6301
- },
6302
- {
6303
- "kind": "method",
6304
- "name": "parameterEdit",
6305
- "parameters": [
6306
- {
6307
- "name": "value",
6308
- "type": {
6309
- "text": "any"
6310
- }
6311
- }
6312
- ]
6313
- },
6314
- {
6315
- "kind": "method",
6316
- "name": "autoSubscribe",
6317
- "privacy": "private"
6318
- },
6319
- {
6320
- "kind": "method",
6321
- "name": "verifySubscribe"
6322
- },
6323
- {
6324
- "kind": "field",
6325
- "name": "isFirstElement"
6326
- },
6327
- {
6328
- "kind": "method",
6329
- "name": "subscribeTemplate"
6330
- },
6331
- {
6332
- "kind": "method",
6333
- "name": "cancelSubscribe"
6334
- },
6335
- {
6336
- "kind": "field",
6337
- "name": "createParametersOperatorMap"
6338
- }
6339
- ],
6340
- "events": [
6341
- {
6342
- "description": "Fired when a template subscription is created",
6343
- "name": "templateSubscribed"
6344
- },
6345
- {
6346
- "description": "Fired when inline parameter entry is cancelled",
6347
- "name": "subscribeCancelled"
6348
- }
6349
- ],
6350
- "attributes": [
6351
- {
6352
- "name": "template",
6353
- "fieldName": "template"
6354
- },
6355
- {
6356
- "type": {
6357
- "text": "boolean"
6358
- },
6359
- "default": "false",
6360
- "fieldName": "inline"
6361
- }
6362
- ],
6363
- "superclass": {
6364
- "name": "GenesisElement",
6365
- "package": "@genesislcap/web-core"
6366
- },
6367
- "tagName": "inbox-subscription",
6368
- "customElement": true
6369
- }
6370
- ],
6371
- "exports": [
6372
- {
6373
- "kind": "js",
6374
- "name": "InboxSubscription",
6375
- "declaration": {
6376
- "name": "InboxSubscription",
6377
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
6378
- }
6379
- },
6380
- {
6381
- "kind": "custom-element-definition",
6382
- "name": "inbox-subscription",
6383
- "declaration": {
6384
- "name": "InboxSubscription",
6385
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
6386
- }
6387
- }
6388
- ]
6389
- },
6390
6390
  {
6391
6391
  "kind": "javascript-module",
6392
6392
  "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
package/dist/dts/react.d.ts CHANGED
@@ -115,15 +115,6 @@ export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
115
115
  >;
116
116
  export type FoundationInboxCounterRef = FoundationInboxCounterWC;
117
117
 
118
- export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
119
- React.PropsWithChildren<
120
- Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
121
- HTMLWCProps & {
122
- }
123
- > & React.RefAttributes<FoundationInboxFlyoutWC>
124
- >;
125
- export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
126
-
127
118
  export declare const InboxSubscription: React.ForwardRefExoticComponent<
128
119
  React.PropsWithChildren<
129
120
  Omit<PublicOf<InboxSubscriptionWC>, 'children' | 'style'> &
@@ -135,6 +126,15 @@ export declare const InboxSubscription: React.ForwardRefExoticComponent<
135
126
  >;
136
127
  export type InboxSubscriptionRef = InboxSubscriptionWC;
137
128
 
129
+ export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
130
+ React.PropsWithChildren<
131
+ Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
132
+ HTMLWCProps & {
133
+ }
134
+ > & React.RefAttributes<FoundationInboxFlyoutWC>
135
+ >;
136
+ export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
137
+
138
138
  export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
139
139
  React.PropsWithChildren<
140
140
  Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &
package/dist/react.cjs CHANGED
@@ -72,11 +72,6 @@ const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(
72
72
  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
73
73
  });
74
74
 
75
- const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
76
- const { children, ...rest } = props;
77
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
78
- });
79
-
80
75
  const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
81
76
  const { onTemplateSubscribed, onSubscribeCancelled, children, ...rest } = props;
82
77
  const _innerRef = React.useRef(null);
@@ -99,6 +94,11 @@ const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref
99
94
  return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
100
95
  });
101
96
 
97
+ const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
98
+ const { children, ...rest } = props;
99
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
100
+ });
101
+
102
102
  const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
103
103
  const { children, ...rest } = props;
104
104
  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
@@ -317,8 +317,8 @@ module.exports = {
317
317
  FoundationSoundsPanel,
318
318
  FoundationSounds,
319
319
  FoundationInboxCounter,
320
- FoundationInboxFlyout,
321
320
  InboxSubscription,
321
+ FoundationInboxFlyout,
322
322
  NotifyAuditManagement,
323
323
  RouteManagement,
324
324
  RuleManagement,
package/dist/react.mjs CHANGED
@@ -70,11 +70,6 @@ export const FoundationInboxCounter = React.forwardRef(function FoundationInboxC
70
70
  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
71
71
  });
72
72
 
73
- export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
74
- const { children, ...rest } = props;
75
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
76
- });
77
-
78
73
  export const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
79
74
  const { onTemplateSubscribed, onSubscribeCancelled, children, ...rest } = props;
80
75
  const _innerRef = React.useRef(null);
@@ -97,6 +92,11 @@ export const InboxSubscription = React.forwardRef(function InboxSubscription(pro
97
92
  return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
98
93
  });
99
94
 
95
+ export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
96
+ const { children, ...rest } = props;
97
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
98
+ });
99
+
100
100
  export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
101
101
  const { children, ...rest } = props;
102
102
  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
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.13.1",
4
+ "version": "15.14.0-FUI-2601.2",
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.13.1",
85
- "@genesislcap/eslint-config": "15.13.1",
86
- "@genesislcap/eslint-stylelint-builder": "15.13.1",
87
- "@genesislcap/foundation-testing": "15.13.1",
88
- "@genesislcap/genx": "15.13.1",
89
- "@genesislcap/prettier-config": "15.13.1",
90
- "@genesislcap/stylelint-config": "15.13.1",
91
- "@genesislcap/vite-builder": "15.13.1",
92
- "@genesislcap/webpack-builder": "15.13.1",
84
+ "@genesislcap/design-system-configurator": "15.14.0-FUI-2601.2",
85
+ "@genesislcap/eslint-config": "15.14.0-FUI-2601.2",
86
+ "@genesislcap/eslint-stylelint-builder": "15.14.0-FUI-2601.2",
87
+ "@genesislcap/foundation-testing": "15.14.0-FUI-2601.2",
88
+ "@genesislcap/genx": "15.14.0-FUI-2601.2",
89
+ "@genesislcap/prettier-config": "15.14.0-FUI-2601.2",
90
+ "@genesislcap/stylelint-config": "15.14.0-FUI-2601.2",
91
+ "@genesislcap/vite-builder": "15.14.0-FUI-2601.2",
92
+ "@genesislcap/webpack-builder": "15.14.0-FUI-2601.2",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.13.1",
97
- "@genesislcap/foundation-criteria": "15.13.1",
98
- "@genesislcap/foundation-entity-management": "15.13.1",
99
- "@genesislcap/foundation-forms": "15.13.1",
100
- "@genesislcap/foundation-layout": "15.13.1",
101
- "@genesislcap/foundation-logger": "15.13.1",
102
- "@genesislcap/foundation-notifications": "15.13.1",
103
- "@genesislcap/foundation-ui": "15.13.1",
104
- "@genesislcap/foundation-utils": "15.13.1",
105
- "@genesislcap/rapid-design-system": "15.13.1",
106
- "@genesislcap/rapid-grid-pro": "15.13.1",
107
- "@genesislcap/web-core": "15.13.1",
96
+ "@genesislcap/foundation-comms": "15.14.0-FUI-2601.2",
97
+ "@genesislcap/foundation-criteria": "15.14.0-FUI-2601.2",
98
+ "@genesislcap/foundation-entity-management": "15.14.0-FUI-2601.2",
99
+ "@genesislcap/foundation-forms": "15.14.0-FUI-2601.2",
100
+ "@genesislcap/foundation-layout": "15.14.0-FUI-2601.2",
101
+ "@genesislcap/foundation-logger": "15.14.0-FUI-2601.2",
102
+ "@genesislcap/foundation-notifications": "15.14.0-FUI-2601.2",
103
+ "@genesislcap/foundation-ui": "15.14.0-FUI-2601.2",
104
+ "@genesislcap/foundation-utils": "15.14.0-FUI-2601.2",
105
+ "@genesislcap/rapid-design-system": "15.14.0-FUI-2601.2",
106
+ "@genesislcap/rapid-grid-pro": "15.14.0-FUI-2601.2",
107
+ "@genesislcap/web-core": "15.14.0-FUI-2601.2",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },
@@ -112,5 +112,5 @@
112
112
  "access": "public"
113
113
  },
114
114
  "customElements": "dist/custom-elements.json",
115
- "gitHead": "4ac0cfb22051b17da81586baf5166c9b605fae10"
115
+ "gitHead": "8cfb8980feaea239d7613df6dadff64b6bd19a60"
116
116
  }