@simplybusiness/mobius 9.3.0 → 9.3.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 (86) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/AddressLookup/AddressLookup.js.map +2 -2
  3. package/dist/cjs/components/AddressLookup/index.js.map +2 -2
  4. package/dist/cjs/components/Checkbox/Checkbox.js.map +2 -2
  5. package/dist/cjs/components/Checkbox/CheckboxGroup.js.map +2 -2
  6. package/dist/cjs/components/Checkbox/index.js.map +2 -2
  7. package/dist/cjs/components/Combobox/Combobox.js.map +2 -2
  8. package/dist/cjs/components/Combobox/index.js.map +2 -2
  9. package/dist/cjs/components/DateField/DateField.js.map +2 -2
  10. package/dist/cjs/components/DateField/index.js.map +2 -2
  11. package/dist/cjs/components/ErrorMessage/ErrorMessage.js.map +2 -2
  12. package/dist/cjs/components/ErrorMessage/index.js.map +2 -2
  13. package/dist/cjs/components/ExpandableText/ExpandableText.js.map +2 -2
  14. package/dist/cjs/components/ExpandableText/index.js.map +2 -2
  15. package/dist/cjs/components/MaskedField/MaskedField.js.map +2 -2
  16. package/dist/cjs/components/MaskedField/index.js.map +2 -2
  17. package/dist/cjs/components/NumberField/NumberField.js.map +2 -2
  18. package/dist/cjs/components/NumberField/index.js.map +2 -2
  19. package/dist/cjs/components/PasswordField/PasswordField.js.map +2 -2
  20. package/dist/cjs/components/PasswordField/ShowHideButton.js.map +2 -2
  21. package/dist/cjs/components/PasswordField/index.js.map +2 -2
  22. package/dist/cjs/components/Popover/Popover.js +21 -1
  23. package/dist/cjs/components/Popover/Popover.js.map +2 -2
  24. package/dist/cjs/components/Popover/index.js +21 -1
  25. package/dist/cjs/components/Popover/index.js.map +2 -2
  26. package/dist/cjs/components/Radio/Radio.js.map +2 -2
  27. package/dist/cjs/components/Radio/RadioGroup.js.map +2 -2
  28. package/dist/cjs/components/Radio/index.js.map +2 -2
  29. package/dist/cjs/components/Select/Select.js.map +2 -2
  30. package/dist/cjs/components/Select/index.js.map +2 -2
  31. package/dist/cjs/components/TextArea/TextArea.js.map +2 -2
  32. package/dist/cjs/components/TextArea/index.js.map +2 -2
  33. package/dist/cjs/components/TextField/TextField.js.map +2 -2
  34. package/dist/cjs/components/TextField/index.js.map +2 -2
  35. package/dist/cjs/components/index.js +21 -1
  36. package/dist/cjs/components/index.js.map +2 -2
  37. package/dist/cjs/index.js +21 -1
  38. package/dist/cjs/index.js.map +2 -2
  39. package/dist/cjs/meta.json +42 -42
  40. package/dist/esm/{chunk-ASLEVOVU.js → chunk-MXQ4PJF4.js} +1 -1
  41. package/dist/esm/{chunk-IS74FB4O.js → chunk-O5YEU5TG.js} +23 -3
  42. package/dist/esm/chunk-O5YEU5TG.js.map +7 -0
  43. package/dist/esm/components/AddressLookup/AddressLookup.js +2 -2
  44. package/dist/esm/components/AddressLookup/index.js +2 -2
  45. package/dist/esm/components/Checkbox/Checkbox.js +2 -2
  46. package/dist/esm/components/Checkbox/CheckboxGroup.js +2 -2
  47. package/dist/esm/components/Checkbox/index.js +2 -2
  48. package/dist/esm/components/Combobox/Combobox.js +2 -2
  49. package/dist/esm/components/Combobox/index.js +2 -2
  50. package/dist/esm/components/DateField/DateField.js +2 -2
  51. package/dist/esm/components/DateField/index.js +2 -2
  52. package/dist/esm/components/ErrorMessage/ErrorMessage.js +2 -2
  53. package/dist/esm/components/ErrorMessage/index.js +2 -2
  54. package/dist/esm/components/ExpandableText/ExpandableText.js +2 -2
  55. package/dist/esm/components/ExpandableText/index.js +2 -2
  56. package/dist/esm/components/MaskedField/MaskedField.js +2 -2
  57. package/dist/esm/components/MaskedField/index.js +2 -2
  58. package/dist/esm/components/NumberField/NumberField.js +2 -2
  59. package/dist/esm/components/NumberField/index.js +2 -2
  60. package/dist/esm/components/PasswordField/PasswordField.js +2 -2
  61. package/dist/esm/components/PasswordField/ShowHideButton.js +2 -2
  62. package/dist/esm/components/PasswordField/index.js +2 -2
  63. package/dist/esm/components/Popover/Popover.js +1 -1
  64. package/dist/esm/components/Popover/index.js +1 -1
  65. package/dist/esm/components/Radio/Radio.js +2 -2
  66. package/dist/esm/components/Radio/RadioGroup.js +2 -2
  67. package/dist/esm/components/Radio/index.js +2 -2
  68. package/dist/esm/components/Select/Select.js +2 -2
  69. package/dist/esm/components/Select/index.js +2 -2
  70. package/dist/esm/components/TextArea/TextArea.js +2 -2
  71. package/dist/esm/components/TextArea/index.js +2 -2
  72. package/dist/esm/components/TextField/TextField.js +2 -2
  73. package/dist/esm/components/TextField/index.js +2 -2
  74. package/dist/esm/components/index.js +2 -2
  75. package/dist/esm/index.js +2 -2
  76. package/dist/esm/meta.json +72 -72
  77. package/dist/tsconfig.build.tsbuildinfo +1 -1
  78. package/package.json +3 -1
  79. package/src/components/Combobox/Combobox.mdx +50 -6
  80. package/src/components/ErrorMessage/ErrorMessage.css +4 -4
  81. package/src/components/Modal/Modal.css +1 -1
  82. package/src/components/Popover/Popover.css +2 -2
  83. package/src/components/Popover/Popover.test.tsx +94 -0
  84. package/src/components/Popover/Popover.tsx +30 -2
  85. package/dist/esm/chunk-IS74FB4O.js.map +0 -7
  86. /package/dist/esm/{chunk-ASLEVOVU.js.map → chunk-MXQ4PJF4.js.map} +0 -0
@@ -2370,7 +2370,7 @@
2370
2370
  "format": "esm"
2371
2371
  },
2372
2372
  "src/components/Popover/Popover.tsx": {
2373
- "bytes": 3786,
2373
+ "bytes": 4803,
2374
2374
  "imports": [
2375
2375
  {
2376
2376
  "path": "@floating-ui/react",
@@ -3842,7 +3842,7 @@
3842
3842
  "imports": [],
3843
3843
  "exports": [],
3844
3844
  "inputs": {},
3845
- "bytes": 354486
3845
+ "bytes": 355964
3846
3846
  },
3847
3847
  "dist/cjs/index.js": {
3848
3848
  "imports": [
@@ -5481,7 +5481,7 @@
5481
5481
  "bytesInOutput": 133
5482
5482
  },
5483
5483
  "src/components/Popover/Popover.tsx": {
5484
- "bytesInOutput": 4569
5484
+ "bytesInOutput": 5319
5485
5485
  },
5486
5486
  "src/components/Popover/index.tsx": {
5487
5487
  "bytesInOutput": 115
@@ -5649,7 +5649,7 @@
5649
5649
  "bytesInOutput": 2405
5650
5650
  }
5651
5651
  },
5652
- "bytes": 218303
5652
+ "bytes": 219053
5653
5653
  },
5654
5654
  "dist/cjs/utils/changeCSS.js.map": {
5655
5655
  "imports": [],
@@ -6559,7 +6559,7 @@
6559
6559
  "imports": [],
6560
6560
  "exports": [],
6561
6561
  "inputs": {},
6562
- "bytes": 354992
6562
+ "bytes": 356470
6563
6563
  },
6564
6564
  "dist/cjs/components/index.js": {
6565
6565
  "imports": [
@@ -8216,7 +8216,7 @@
8216
8216
  "bytesInOutput": 133
8217
8217
  },
8218
8218
  "src/components/Popover/Popover.tsx": {
8219
- "bytesInOutput": 4569
8219
+ "bytesInOutput": 5319
8220
8220
  },
8221
8221
  "src/components/Popover/index.tsx": {
8222
8222
  "bytesInOutput": 115
@@ -8366,7 +8366,7 @@
8366
8366
  "bytesInOutput": 3151
8367
8367
  }
8368
8368
  },
8369
- "bytes": 218025
8369
+ "bytes": 218775
8370
8370
  },
8371
8371
  "dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map": {
8372
8372
  "imports": [],
@@ -9046,7 +9046,7 @@
9046
9046
  "imports": [],
9047
9047
  "exports": [],
9048
9048
  "inputs": {},
9049
- "bytes": 334837
9049
+ "bytes": 335888
9050
9050
  },
9051
9051
  "dist/cjs/components/TextField/TextField.js": {
9052
9052
  "imports": [
@@ -10796,7 +10796,7 @@
10796
10796
  "imports": [],
10797
10797
  "exports": [],
10798
10798
  "inputs": {},
10799
- "bytes": 334986
10799
+ "bytes": 336037
10800
10800
  },
10801
10801
  "dist/cjs/components/TextField/index.js": {
10802
10802
  "imports": [
@@ -12605,7 +12605,7 @@
12605
12605
  "imports": [],
12606
12606
  "exports": [],
12607
12607
  "inputs": {},
12608
- "bytes": 334954
12608
+ "bytes": 336005
12609
12609
  },
12610
12610
  "dist/cjs/components/TextArea/TextArea.js": {
12611
12611
  "imports": [
@@ -14355,7 +14355,7 @@
14355
14355
  "imports": [],
14356
14356
  "exports": [],
14357
14357
  "inputs": {},
14358
- "bytes": 334960
14358
+ "bytes": 336011
14359
14359
  },
14360
14360
  "dist/cjs/components/TextArea/index.js": {
14361
14361
  "imports": [
@@ -16823,7 +16823,7 @@
16823
16823
  "imports": [],
16824
16824
  "exports": [],
16825
16825
  "inputs": {},
16826
- "bytes": 334954
16826
+ "bytes": 336005
16827
16827
  },
16828
16828
  "dist/cjs/components/Select/Select.js": {
16829
16829
  "imports": [
@@ -18573,7 +18573,7 @@
18573
18573
  "imports": [],
18574
18574
  "exports": [],
18575
18575
  "inputs": {},
18576
- "bytes": 334960
18576
+ "bytes": 336011
18577
18577
  },
18578
18578
  "dist/cjs/components/Select/index.js": {
18579
18579
  "imports": [
@@ -20502,7 +20502,7 @@
20502
20502
  "imports": [],
20503
20503
  "exports": [],
20504
20504
  "inputs": {},
20505
- "bytes": 334954
20505
+ "bytes": 336005
20506
20506
  },
20507
20507
  "dist/cjs/components/Radio/Radio.js": {
20508
20508
  "imports": [
@@ -22252,7 +22252,7 @@
22252
22252
  "imports": [],
22253
22253
  "exports": [],
22254
22254
  "inputs": {},
22255
- "bytes": 334954
22255
+ "bytes": 336005
22256
22256
  },
22257
22257
  "dist/cjs/components/Radio/RadioGroup.js": {
22258
22258
  "imports": [
@@ -24002,7 +24002,7 @@
24002
24002
  "imports": [],
24003
24003
  "exports": [],
24004
24004
  "inputs": {},
24005
- "bytes": 334965
24005
+ "bytes": 336016
24006
24006
  },
24007
24007
  "dist/cjs/components/Radio/index.js": {
24008
24008
  "imports": [
@@ -25883,7 +25883,7 @@
25883
25883
  "imports": [],
25884
25884
  "exports": [],
25885
25885
  "inputs": {},
25886
- "bytes": 17476
25886
+ "bytes": 18953
25887
25887
  },
25888
25888
  "dist/cjs/components/Popover/Popover.js": {
25889
25889
  "imports": [
@@ -25987,7 +25987,7 @@
25987
25987
  "entryPoint": "src/components/Popover/Popover.tsx",
25988
25988
  "inputs": {
25989
25989
  "src/components/Popover/Popover.tsx": {
25990
- "bytesInOutput": 3956
25990
+ "bytesInOutput": 4623
25991
25991
  },
25992
25992
  "src/components/Button/Button.tsx": {
25993
25993
  "bytesInOutput": 1133
@@ -26008,13 +26008,13 @@
26008
26008
  "bytesInOutput": 561
26009
26009
  }
26010
26010
  },
26011
- "bytes": 11503
26011
+ "bytes": 12170
26012
26012
  },
26013
26013
  "dist/cjs/components/Popover/index.js.map": {
26014
26014
  "imports": [],
26015
26015
  "exports": [],
26016
26016
  "inputs": {},
26017
- "bytes": 17560
26017
+ "bytes": 19037
26018
26018
  },
26019
26019
  "dist/cjs/components/Popover/index.js": {
26020
26020
  "imports": [
@@ -26121,7 +26121,7 @@
26121
26121
  "bytesInOutput": 131
26122
26122
  },
26123
26123
  "src/components/Popover/Popover.tsx": {
26124
- "bytesInOutput": 3825
26124
+ "bytesInOutput": 4492
26125
26125
  },
26126
26126
  "src/components/Button/Button.tsx": {
26127
26127
  "bytesInOutput": 1133
@@ -26142,13 +26142,13 @@
26142
26142
  "bytesInOutput": 561
26143
26143
  }
26144
26144
  },
26145
- "bytes": 11538
26145
+ "bytes": 12205
26146
26146
  },
26147
26147
  "dist/cjs/components/PasswordField/PasswordField.js.map": {
26148
26148
  "imports": [],
26149
26149
  "exports": [],
26150
26150
  "inputs": {},
26151
- "bytes": 334980
26151
+ "bytes": 336031
26152
26152
  },
26153
26153
  "dist/cjs/components/PasswordField/PasswordField.js": {
26154
26154
  "imports": [
@@ -27898,7 +27898,7 @@
27898
27898
  "imports": [],
27899
27899
  "exports": [],
27900
27900
  "inputs": {},
27901
- "bytes": 334929
27901
+ "bytes": 335980
27902
27902
  },
27903
27903
  "dist/cjs/components/PasswordField/ShowHideButton.js": {
27904
27904
  "imports": [
@@ -29648,7 +29648,7 @@
29648
29648
  "imports": [],
29649
29649
  "exports": [],
29650
29650
  "inputs": {},
29651
- "bytes": 334986
29651
+ "bytes": 336037
29652
29652
  },
29653
29653
  "dist/cjs/components/PasswordField/index.js": {
29654
29654
  "imports": [
@@ -31447,7 +31447,7 @@
31447
31447
  "imports": [],
31448
31448
  "exports": [],
31449
31449
  "inputs": {},
31450
- "bytes": 334980
31450
+ "bytes": 336031
31451
31451
  },
31452
31452
  "dist/cjs/components/NumberField/NumberField.js": {
31453
31453
  "imports": [
@@ -33197,7 +33197,7 @@
33197
33197
  "imports": [],
33198
33198
  "exports": [],
33199
33199
  "inputs": {},
33200
- "bytes": 334986
33200
+ "bytes": 336037
33201
33201
  },
33202
33202
  "dist/cjs/components/NumberField/index.js": {
33203
33203
  "imports": [
@@ -35429,7 +35429,7 @@
35429
35429
  "imports": [],
35430
35430
  "exports": [],
35431
35431
  "inputs": {},
35432
- "bytes": 334942
35432
+ "bytes": 335993
35433
35433
  },
35434
35434
  "dist/cjs/components/MaskedField/MaskedField.js": {
35435
35435
  "imports": [
@@ -37179,7 +37179,7 @@
37179
37179
  "imports": [],
37180
37180
  "exports": [],
37181
37181
  "inputs": {},
37182
- "bytes": 335041
37182
+ "bytes": 336092
37183
37183
  },
37184
37184
  "dist/cjs/components/MaskedField/index.js": {
37185
37185
  "imports": [
@@ -40129,7 +40129,7 @@
40129
40129
  "imports": [],
40130
40130
  "exports": [],
40131
40131
  "inputs": {},
40132
- "bytes": 334924
40132
+ "bytes": 335975
40133
40133
  },
40134
40134
  "dist/cjs/components/ExpandableText/ExpandableText.js": {
40135
40135
  "imports": [
@@ -41879,7 +41879,7 @@
41879
41879
  "imports": [],
41880
41880
  "exports": [],
41881
41881
  "inputs": {},
41882
- "bytes": 334930
41882
+ "bytes": 335981
41883
41883
  },
41884
41884
  "dist/cjs/components/ExpandableText/index.js": {
41885
41885
  "imports": [
@@ -43629,7 +43629,7 @@
43629
43629
  "imports": [],
43630
43630
  "exports": [],
43631
43631
  "inputs": {},
43632
- "bytes": 334769
43632
+ "bytes": 335820
43633
43633
  },
43634
43634
  "dist/cjs/components/ErrorMessage/ErrorMessage.js": {
43635
43635
  "imports": [
@@ -45379,7 +45379,7 @@
45379
45379
  "imports": [],
45380
45380
  "exports": [],
45381
45381
  "inputs": {},
45382
- "bytes": 334960
45382
+ "bytes": 336011
45383
45383
  },
45384
45384
  "dist/cjs/components/ErrorMessage/index.js": {
45385
45385
  "imports": [
@@ -48001,7 +48001,7 @@
48001
48001
  "imports": [],
48002
48002
  "exports": [],
48003
48003
  "inputs": {},
48004
- "bytes": 334985
48004
+ "bytes": 336036
48005
48005
  },
48006
48006
  "dist/cjs/components/DateField/DateField.js": {
48007
48007
  "imports": [
@@ -49751,7 +49751,7 @@
49751
49751
  "imports": [],
49752
49752
  "exports": [],
49753
49753
  "inputs": {},
49754
- "bytes": 335001
49754
+ "bytes": 336052
49755
49755
  },
49756
49756
  "dist/cjs/components/DateField/index.js": {
49757
49757
  "imports": [
@@ -51607,7 +51607,7 @@
51607
51607
  "imports": [],
51608
51608
  "exports": [],
51609
51609
  "inputs": {},
51610
- "bytes": 335015
51610
+ "bytes": 336066
51611
51611
  },
51612
51612
  "dist/cjs/components/Combobox/Combobox.js": {
51613
51613
  "imports": [
@@ -53459,7 +53459,7 @@
53459
53459
  "imports": [],
53460
53460
  "exports": [],
53461
53461
  "inputs": {},
53462
- "bytes": 335070
53462
+ "bytes": 336121
53463
53463
  },
53464
53464
  "dist/cjs/components/Combobox/index.js": {
53465
53465
  "imports": [
@@ -55286,7 +55286,7 @@
55286
55286
  "imports": [],
55287
55287
  "exports": [],
55288
55288
  "inputs": {},
55289
- "bytes": 335003
55289
+ "bytes": 336054
55290
55290
  },
55291
55291
  "dist/cjs/components/Checkbox/Checkbox.js": {
55292
55292
  "imports": [
@@ -57036,7 +57036,7 @@
57036
57036
  "imports": [],
57037
57037
  "exports": [],
57038
57038
  "inputs": {},
57039
- "bytes": 334954
57039
+ "bytes": 336005
57040
57040
  },
57041
57041
  "dist/cjs/components/Checkbox/CheckboxGroup.js": {
57042
57042
  "imports": [
@@ -58786,7 +58786,7 @@
58786
58786
  "imports": [],
58787
58787
  "exports": [],
58788
58788
  "inputs": {},
58789
- "bytes": 334965
58789
+ "bytes": 336016
58790
58790
  },
58791
58791
  "dist/cjs/components/Checkbox/index.js": {
58792
58792
  "imports": [
@@ -61241,7 +61241,7 @@
61241
61241
  "imports": [],
61242
61242
  "exports": [],
61243
61243
  "inputs": {},
61244
- "bytes": 335012
61244
+ "bytes": 336063
61245
61245
  },
61246
61246
  "dist/cjs/components/AddressLookup/AddressLookup.js": {
61247
61247
  "imports": [
@@ -63028,7 +63028,7 @@
63028
63028
  "imports": [],
63029
63029
  "exports": [],
63030
63030
  "inputs": {},
63031
- "bytes": 337018
63031
+ "bytes": 338069
63032
63032
  },
63033
63033
  "dist/cjs/components/AddressLookup/index.js": {
63034
63034
  "imports": [
@@ -1595,4 +1595,4 @@ export {
1595
1595
  ExpandableText,
1596
1596
  MaskedField
1597
1597
  };
1598
- //# sourceMappingURL=chunk-ASLEVOVU.js.map
1598
+ //# sourceMappingURL=chunk-MXQ4PJF4.js.map
@@ -19,7 +19,7 @@ import {
19
19
  } from "@floating-ui/react";
20
20
  import { cross } from "@simplybusiness/icons";
21
21
  import classNames from "classnames/dedupe";
22
- import { cloneElement, useRef, useState } from "react";
22
+ import { cloneElement, useCallback, useEffect, useRef, useState } from "react";
23
23
  import { useWindowEvent } from "@simplybusiness/mobius-hooks";
24
24
  import "@simplybusiness/mobius/src/components/Popover/Popover.css";
25
25
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -27,6 +27,7 @@ var OFFSET_FROM_CONTENT_DEFAULT = 10;
27
27
  var Popover = (props) => {
28
28
  const { trigger, children, onOpen, onClose, className } = props;
29
29
  const arrowRef = useRef(null);
30
+ const floatingContainerRef = useRef(null);
30
31
  const [isOpen, setIsOpen] = useState(false);
31
32
  const { refs, floatingStyles, context } = useFloating({
32
33
  open: isOpen,
@@ -58,6 +59,25 @@ var Popover = (props) => {
58
59
  "mobius-popover__container",
59
60
  className
60
61
  );
62
+ const setFloatingRef = useCallback(
63
+ (node) => {
64
+ refs.setFloating(node);
65
+ floatingContainerRef.current = node;
66
+ },
67
+ [refs]
68
+ );
69
+ useEffect(() => {
70
+ const el = floatingContainerRef.current;
71
+ if (!el) return;
72
+ const preventLabelActivation = (e) => {
73
+ const target = e.target;
74
+ if (!target.closest("a[href], input, select, textarea")) {
75
+ e.preventDefault();
76
+ }
77
+ };
78
+ el.addEventListener("click", preventLabelActivation);
79
+ return () => el.removeEventListener("click", preventLabelActivation);
80
+ }, [isOpen]);
61
81
  const toggleVisibility = () => {
62
82
  if (isOpen) {
63
83
  setIsOpen(false);
@@ -89,7 +109,7 @@ var Popover = (props) => {
89
109
  "div",
90
110
  {
91
111
  className: containerClasses,
92
- ref: refs.setFloating,
112
+ ref: setFloatingRef,
93
113
  style: floatingStyles,
94
114
  ...getFloatingProps(),
95
115
  children: [
@@ -132,4 +152,4 @@ var Popover = (props) => {
132
152
  export {
133
153
  Popover
134
154
  };
135
- //# sourceMappingURL=chunk-IS74FB4O.js.map
155
+ //# sourceMappingURL=chunk-O5YEU5TG.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/Popover/Popover.tsx"],
4
+ "sourcesContent": ["import {\n FloatingArrow,\n arrow,\n autoUpdate,\n flip,\n offset,\n shift,\n useDismiss,\n useFloating,\n useInteractions,\n} from \"@floating-ui/react\";\nimport { cross } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport type { ReactElement, ReactNode, RefAttributes } from \"react\";\nimport { cloneElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { useWindowEvent } from \"@simplybusiness/mobius-hooks\";\nimport type { DOMProps } from \"../../types\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport \"./Popover.css\";\n\nexport type PopoverElementType = HTMLDivElement;\n\nexport interface PopoverProps\n extends DOMProps, RefAttributes<PopoverElementType> {\n children?: ReactNode;\n trigger: ReactElement;\n /** Callback that fires each time the accordion is opened */\n onOpen?: () => void;\n /** Callback that fires each time the accordion is closed */\n onClose?: () => void;\n /** Custom class name for setting specific CSS */\n className?: string;\n}\n\nconst OFFSET_FROM_CONTENT_DEFAULT = 10;\n\nexport const Popover = (props: PopoverProps) => {\n const { trigger, children, onOpen, onClose, className } = props;\n const arrowRef = useRef(null);\n const floatingContainerRef = useRef<HTMLDivElement | null>(null);\n const [isOpen, setIsOpen] = useState(false);\n const { refs, floatingStyles, context } = useFloating({\n open: isOpen,\n onOpenChange: setIsOpen,\n whileElementsMounted: autoUpdate,\n middleware: [\n arrow({\n element: arrowRef,\n }),\n offset(OFFSET_FROM_CONTENT_DEFAULT),\n shift(),\n flip(),\n ],\n });\n const dismiss = useDismiss(context, {\n bubbles: true,\n outsidePress: (event: MouseEvent) => {\n // Prevent 'onClose' from firing when clicking the toggle to close\n const toggle = refs.reference.current as HTMLElement;\n const isToggleClick = !toggle?.contains(event.target as HTMLElement);\n if (isToggleClick) {\n onClose?.();\n }\n return true;\n },\n });\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n\n const containerClasses = classNames(\n \"mobius\",\n \"mobius-popover__container\",\n className,\n );\n\n const setFloatingRef = useCallback(\n (node: HTMLDivElement | null) => {\n refs.setFloating(node);\n floatingContainerRef.current = node;\n },\n [refs],\n );\n\n // Native listener to prevent clicks inside the popover from activating\n // interactive ancestors. Must be native because React's onClick fires\n // too late via delegation.\n useEffect(() => {\n const el = floatingContainerRef.current;\n if (!el) return;\n\n const preventLabelActivation = (e: Event) => {\n const target = e.target as HTMLElement;\n // Allow default behavior for interactive elements (links, inputs, etc.)\n // so they remain functional inside the popover.\n if (!target.closest(\"a[href], input, select, textarea\")) {\n e.preventDefault();\n }\n };\n el.addEventListener(\"click\", preventLabelActivation);\n return () => el.removeEventListener(\"click\", preventLabelActivation);\n }, [isOpen]);\n\n const toggleVisibility = () => {\n if (isOpen) {\n setIsOpen(false);\n onClose?.();\n return;\n }\n\n setIsOpen(true);\n onOpen?.();\n };\n\n const triggerComponent = cloneElement(trigger, {\n ref: refs.setReference,\n className: classNames(\n (trigger.props as { className?: string }).className,\n \"mobius-popover__toggle\",\n ),\n onClick: toggleVisibility,\n ...getReferenceProps(),\n } as Record<string, unknown>);\n\n useWindowEvent(\"keydown\", e => {\n if (e.key === \"Escape\") {\n onClose?.();\n e.preventDefault();\n e.stopPropagation();\n }\n });\n\n return (\n <>\n {triggerComponent}\n {isOpen && (\n <div\n className={containerClasses}\n ref={setFloatingRef}\n style={floatingStyles}\n {...getFloatingProps()}\n >\n <div className=\"mobius-popover\">\n <header className=\"mobius-popover__header\">\n <Button\n type=\"button\"\n className=\"mobius-popover__close-button\"\n onClick={toggleVisibility}\n aria-label=\"Close\"\n variant=\"ghost\"\n >\n <Icon\n icon={cross}\n size=\"md\"\n className=\"mobius-popover__close-icon\"\n />\n </Button>\n </header>\n <div className=\"mobius-popover__body\">{children}</div>\n </div>\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={20}\n className=\"mobius-popover__arrow-icon\"\n />\n </div>\n )}\n </>\n );\n};\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  AddressLookup
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import "../../chunk-VVL4B2KD.js";
6
6
  import "../../chunk-EDSRI6SV.js";
@@ -66,7 +66,7 @@ import "../../chunk-KLXMVFIR.js";
66
66
  import "../../chunk-SFJHSRUT.js";
67
67
  import "../../chunk-MOTQYCHH.js";
68
68
  import "../../chunk-ZZBOR5WE.js";
69
- import "../../chunk-IS74FB4O.js";
69
+ import "../../chunk-O5YEU5TG.js";
70
70
  import "../../chunk-F6UWB5K2.js";
71
71
  import "../../chunk-FD3JTY5L.js";
72
72
  import "../../chunk-STMV644L.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  AddressLookup
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import {
6
6
  LoqateAddressLookupService
@@ -68,7 +68,7 @@ import "../../chunk-KLXMVFIR.js";
68
68
  import "../../chunk-SFJHSRUT.js";
69
69
  import "../../chunk-MOTQYCHH.js";
70
70
  import "../../chunk-ZZBOR5WE.js";
71
- import "../../chunk-IS74FB4O.js";
71
+ import "../../chunk-O5YEU5TG.js";
72
72
  import "../../chunk-F6UWB5K2.js";
73
73
  import "../../chunk-FD3JTY5L.js";
74
74
  import "../../chunk-STMV644L.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Checkbox
4
- } from "../../chunk-ASLEVOVU.js";
4
+ } from "../../chunk-MXQ4PJF4.js";
5
5
  import "../../chunk-6GPWZS57.js";
6
6
  import "../../chunk-VVL4B2KD.js";
7
7
  import "../../chunk-EDSRI6SV.js";
@@ -67,7 +67,7 @@ import "../../chunk-KLXMVFIR.js";
67
67
  import "../../chunk-SFJHSRUT.js";
68
68
  import "../../chunk-MOTQYCHH.js";
69
69
  import "../../chunk-ZZBOR5WE.js";
70
- import "../../chunk-IS74FB4O.js";
70
+ import "../../chunk-O5YEU5TG.js";
71
71
  import "../../chunk-F6UWB5K2.js";
72
72
  import "../../chunk-FD3JTY5L.js";
73
73
  import "../../chunk-STMV644L.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  CheckboxGroup
4
- } from "../../chunk-ASLEVOVU.js";
4
+ } from "../../chunk-MXQ4PJF4.js";
5
5
  import "../../chunk-6GPWZS57.js";
6
6
  import "../../chunk-VVL4B2KD.js";
7
7
  import "../../chunk-EDSRI6SV.js";
@@ -67,7 +67,7 @@ import "../../chunk-KLXMVFIR.js";
67
67
  import "../../chunk-SFJHSRUT.js";
68
68
  import "../../chunk-MOTQYCHH.js";
69
69
  import "../../chunk-ZZBOR5WE.js";
70
- import "../../chunk-IS74FB4O.js";
70
+ import "../../chunk-O5YEU5TG.js";
71
71
  import "../../chunk-F6UWB5K2.js";
72
72
  import "../../chunk-FD3JTY5L.js";
73
73
  import "../../chunk-STMV644L.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Checkbox,
3
3
  CheckboxGroup
4
- } from "../../chunk-ASLEVOVU.js";
4
+ } from "../../chunk-MXQ4PJF4.js";
5
5
  import "../../chunk-6GPWZS57.js";
6
6
  import "../../chunk-VVL4B2KD.js";
7
7
  import "../../chunk-EDSRI6SV.js";
@@ -67,7 +67,7 @@ import "../../chunk-KLXMVFIR.js";
67
67
  import "../../chunk-SFJHSRUT.js";
68
68
  import "../../chunk-MOTQYCHH.js";
69
69
  import "../../chunk-ZZBOR5WE.js";
70
- import "../../chunk-IS74FB4O.js";
70
+ import "../../chunk-O5YEU5TG.js";
71
71
  import "../../chunk-F6UWB5K2.js";
72
72
  import "../../chunk-FD3JTY5L.js";
73
73
  import "../../chunk-STMV644L.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Combobox
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import "../../chunk-VVL4B2KD.js";
6
6
  import "../../chunk-EDSRI6SV.js";
@@ -66,7 +66,7 @@ import "../../chunk-KLXMVFIR.js";
66
66
  import "../../chunk-SFJHSRUT.js";
67
67
  import "../../chunk-MOTQYCHH.js";
68
68
  import "../../chunk-ZZBOR5WE.js";
69
- import "../../chunk-IS74FB4O.js";
69
+ import "../../chunk-O5YEU5TG.js";
70
70
  import "../../chunk-F6UWB5K2.js";
71
71
  import "../../chunk-FD3JTY5L.js";
72
72
  import "../../chunk-STMV644L.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Combobox
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import "../../chunk-VVL4B2KD.js";
6
6
  import "../../chunk-EDSRI6SV.js";
@@ -68,7 +68,7 @@ import "../../chunk-KLXMVFIR.js";
68
68
  import "../../chunk-SFJHSRUT.js";
69
69
  import "../../chunk-MOTQYCHH.js";
70
70
  import "../../chunk-ZZBOR5WE.js";
71
- import "../../chunk-IS74FB4O.js";
71
+ import "../../chunk-O5YEU5TG.js";
72
72
  import "../../chunk-F6UWB5K2.js";
73
73
  import "../../chunk-FD3JTY5L.js";
74
74
  import "../../chunk-STMV644L.js";
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  DateField,
4
4
  MIN_MAX_ERROR
5
- } from "../../chunk-ASLEVOVU.js";
5
+ } from "../../chunk-MXQ4PJF4.js";
6
6
  import "../../chunk-6GPWZS57.js";
7
7
  import "../../chunk-VVL4B2KD.js";
8
8
  import "../../chunk-EDSRI6SV.js";
@@ -68,7 +68,7 @@ import "../../chunk-KLXMVFIR.js";
68
68
  import "../../chunk-SFJHSRUT.js";
69
69
  import "../../chunk-MOTQYCHH.js";
70
70
  import "../../chunk-ZZBOR5WE.js";
71
- import "../../chunk-IS74FB4O.js";
71
+ import "../../chunk-O5YEU5TG.js";
72
72
  import "../../chunk-F6UWB5K2.js";
73
73
  import "../../chunk-FD3JTY5L.js";
74
74
  import "../../chunk-STMV644L.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  DateField,
3
3
  MIN_MAX_ERROR
4
- } from "../../chunk-ASLEVOVU.js";
4
+ } from "../../chunk-MXQ4PJF4.js";
5
5
  import "../../chunk-6GPWZS57.js";
6
6
  import "../../chunk-VVL4B2KD.js";
7
7
  import "../../chunk-EDSRI6SV.js";
@@ -70,7 +70,7 @@ import "../../chunk-KLXMVFIR.js";
70
70
  import "../../chunk-SFJHSRUT.js";
71
71
  import "../../chunk-MOTQYCHH.js";
72
72
  import "../../chunk-ZZBOR5WE.js";
73
- import "../../chunk-IS74FB4O.js";
73
+ import "../../chunk-O5YEU5TG.js";
74
74
  import "../../chunk-F6UWB5K2.js";
75
75
  import "../../chunk-FD3JTY5L.js";
76
76
  import "../../chunk-STMV644L.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ErrorMessage
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import "../../chunk-VVL4B2KD.js";
6
6
  import "../../chunk-EDSRI6SV.js";
@@ -66,7 +66,7 @@ import "../../chunk-KLXMVFIR.js";
66
66
  import "../../chunk-SFJHSRUT.js";
67
67
  import "../../chunk-MOTQYCHH.js";
68
68
  import "../../chunk-ZZBOR5WE.js";
69
- import "../../chunk-IS74FB4O.js";
69
+ import "../../chunk-O5YEU5TG.js";
70
70
  import "../../chunk-F6UWB5K2.js";
71
71
  import "../../chunk-FD3JTY5L.js";
72
72
  import "../../chunk-STMV644L.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ErrorMessage
3
- } from "../../chunk-ASLEVOVU.js";
3
+ } from "../../chunk-MXQ4PJF4.js";
4
4
  import "../../chunk-6GPWZS57.js";
5
5
  import "../../chunk-VVL4B2KD.js";
6
6
  import "../../chunk-EDSRI6SV.js";
@@ -66,7 +66,7 @@ import "../../chunk-KLXMVFIR.js";
66
66
  import "../../chunk-SFJHSRUT.js";
67
67
  import "../../chunk-MOTQYCHH.js";
68
68
  import "../../chunk-ZZBOR5WE.js";
69
- import "../../chunk-IS74FB4O.js";
69
+ import "../../chunk-O5YEU5TG.js";
70
70
  import "../../chunk-F6UWB5K2.js";
71
71
  import "../../chunk-FD3JTY5L.js";
72
72
  import "../../chunk-STMV644L.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  ExpandableText
4
- } from "../../chunk-ASLEVOVU.js";
4
+ } from "../../chunk-MXQ4PJF4.js";
5
5
  import "../../chunk-6GPWZS57.js";
6
6
  import "../../chunk-VVL4B2KD.js";
7
7
  import "../../chunk-EDSRI6SV.js";
@@ -67,7 +67,7 @@ import "../../chunk-KLXMVFIR.js";
67
67
  import "../../chunk-SFJHSRUT.js";
68
68
  import "../../chunk-MOTQYCHH.js";
69
69
  import "../../chunk-ZZBOR5WE.js";
70
- import "../../chunk-IS74FB4O.js";
70
+ import "../../chunk-O5YEU5TG.js";
71
71
  import "../../chunk-F6UWB5K2.js";
72
72
  import "../../chunk-FD3JTY5L.js";
73
73
  import "../../chunk-STMV644L.js";