@cambly/syntax-core 10.3.0 → 10.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.cjs +7 -5
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/Avatar/Avatar.js +5 -3
- package/dist/AvatarGroup/AvatarGroup.cjs +6 -4
- package/dist/AvatarGroup/AvatarGroup.js +4 -2
- package/dist/Badge/Badge.cjs +7 -5
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +5 -3
- package/dist/Box/Box.cjs +5 -3
- package/dist/Box/Box.js +3 -1
- package/dist/Button/Button.cjs +9 -7
- package/dist/Button/Button.js +8 -6
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Card/Card.cjs +6 -4
- package/dist/Card/Card.js +4 -2
- package/dist/Checkbox/Checkbox.cjs +4 -4
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +3 -3
- package/dist/Chip/Chip.cjs +7 -5
- package/dist/Chip/Chip.css +14 -7
- package/dist/Chip/Chip.css.map +1 -1
- package/dist/Chip/Chip.d.ts +6 -0
- package/dist/Chip/Chip.js +6 -4
- package/dist/Dialog/Dialog.cjs +18 -0
- package/dist/Dialog/Dialog.cjs.map +1 -0
- package/dist/Dialog/Dialog.css +872 -0
- package/dist/Dialog/Dialog.css.map +1 -0
- package/dist/Dialog/Dialog.d.ts +35 -0
- package/dist/Dialog/Dialog.js +18 -0
- package/dist/Dialog/Dialog.js.map +1 -0
- package/dist/Dialog/ModalDialog.cjs +28 -0
- package/dist/Dialog/ModalDialog.cjs.map +1 -0
- package/dist/Dialog/ModalDialog.css +1886 -0
- package/dist/Dialog/ModalDialog.css.map +1 -0
- package/dist/Dialog/ModalDialog.d.ts +59 -0
- package/dist/Dialog/ModalDialog.js +28 -0
- package/dist/Dialog/ModalDialog.js.map +1 -0
- package/dist/Heading/Heading.cjs +3 -3
- package/dist/Heading/Heading.d.ts +2 -2
- package/dist/Heading/Heading.js +2 -2
- package/dist/IconButton/IconButton.cjs +3 -3
- package/dist/IconButton/IconButton.js +2 -2
- package/dist/LinkButton/LinkButton.cjs +4 -4
- package/dist/LinkButton/LinkButton.js +3 -3
- package/dist/Modal/Layer.cjs +6 -4
- package/dist/Modal/Layer.js +4 -2
- package/dist/Modal/Modal.cjs +10 -8
- package/dist/Modal/Modal.js +8 -6
- package/dist/Popover/Popover.cjs +30 -0
- package/dist/Popover/Popover.cjs.map +1 -0
- package/dist/Popover/Popover.css +1893 -0
- package/dist/Popover/Popover.css.map +1 -0
- package/dist/Popover/Popover.d.ts +70 -0
- package/dist/Popover/Popover.js +30 -0
- package/dist/Popover/Popover.js.map +1 -0
- package/dist/RadioButton/RadioButton.cjs +4 -4
- package/dist/RadioButton/RadioButton.d.ts +4 -2
- package/dist/RadioButton/RadioButton.js +3 -3
- package/dist/RichSelect/RichSelectBox.cjs +40 -0
- package/dist/RichSelect/RichSelectBox.cjs.map +1 -0
- package/dist/RichSelect/RichSelectBox.css +2121 -0
- package/dist/RichSelect/RichSelectBox.css.map +1 -0
- package/dist/RichSelect/RichSelectBox.d.ts +56 -0
- package/dist/RichSelect/RichSelectBox.js +40 -0
- package/dist/RichSelect/RichSelectBox.js.map +1 -0
- package/dist/RichSelect/RichSelectChip.cjs +18 -0
- package/dist/RichSelect/RichSelectChip.cjs.map +1 -0
- package/dist/RichSelect/RichSelectChip.css +1915 -0
- package/dist/RichSelect/RichSelectChip.css.map +1 -0
- package/dist/RichSelect/RichSelectChip.d.ts +8 -0
- package/dist/RichSelect/RichSelectChip.js +18 -0
- package/dist/RichSelect/RichSelectChip.js.map +1 -0
- package/dist/RichSelect/RichSelectItem.cjs +11 -0
- package/dist/RichSelect/RichSelectItem.cjs.map +1 -0
- package/dist/RichSelect/RichSelectItem.css +6 -0
- package/dist/RichSelect/RichSelectItem.css.map +1 -0
- package/dist/RichSelect/RichSelectItem.d.ts +20 -0
- package/dist/RichSelect/RichSelectItem.js +11 -0
- package/dist/RichSelect/RichSelectItem.js.map +1 -0
- package/dist/RichSelect/RichSelectList.cjs +48 -0
- package/dist/RichSelect/RichSelectList.cjs.map +1 -0
- package/dist/RichSelect/RichSelectList.css +2335 -0
- package/dist/RichSelect/RichSelectList.css.map +1 -0
- package/dist/RichSelect/RichSelectList.d.ts +78 -0
- package/dist/RichSelect/RichSelectList.js +48 -0
- package/dist/RichSelect/RichSelectList.js.map +1 -0
- package/dist/RichSelect/RichSelectRadioButton.cjs +16 -0
- package/dist/RichSelect/RichSelectRadioButton.cjs.map +1 -0
- package/dist/RichSelect/RichSelectRadioButton.css +324 -0
- package/dist/RichSelect/RichSelectRadioButton.css.map +1 -0
- package/dist/RichSelect/RichSelectRadioButton.d.ts +11 -0
- package/dist/RichSelect/RichSelectRadioButton.js +16 -0
- package/dist/RichSelect/RichSelectRadioButton.js.map +1 -0
- package/dist/RichSelect/RichSelectSection.cjs +14 -0
- package/dist/RichSelect/RichSelectSection.cjs.map +1 -0
- package/dist/RichSelect/RichSelectSection.css +601 -0
- package/dist/RichSelect/RichSelectSection.css.map +1 -0
- package/dist/RichSelect/RichSelectSection.d.ts +11 -0
- package/dist/RichSelect/RichSelectSection.js +14 -0
- package/dist/RichSelect/RichSelectSection.js.map +1 -0
- package/dist/SelectList/SelectList.cjs +5 -4
- package/dist/SelectList/SelectList.js +4 -3
- package/dist/TapArea/TapArea.cjs +2 -2
- package/dist/TapArea/TapArea.d.ts +11 -12
- package/dist/TapArea/TapArea.js +1 -1
- package/dist/TextArea/TextArea.cjs +7 -5
- package/dist/TextArea/TextArea.js +6 -4
- package/dist/TextField/TextField.cjs +7 -5
- package/dist/TextField/TextField.js +6 -4
- package/dist/Tooltip/Tooltip.cjs +22 -0
- package/dist/Tooltip/Tooltip.cjs.map +1 -0
- package/dist/Tooltip/Tooltip.css +941 -0
- package/dist/Tooltip/Tooltip.css.map +1 -0
- package/dist/Tooltip/Tooltip.d.ts +71 -0
- package/dist/Tooltip/Tooltip.js +22 -0
- package/dist/Tooltip/Tooltip.js.map +1 -0
- package/dist/Typography/Typography.cjs +2 -2
- package/dist/Typography/Typography.d.ts +13 -8
- package/dist/Typography/Typography.js +1 -1
- package/dist/__chunks/{GPS2XNQI.js → 2R4YCOYE.js} +10 -10
- package/dist/__chunks/2RCQTGOZ.cjs +39 -0
- package/dist/__chunks/2RCQTGOZ.cjs.map +1 -0
- package/dist/__chunks/3BBDCRDO.js +9 -0
- package/dist/__chunks/3BBDCRDO.js.map +1 -0
- package/dist/__chunks/{ERJ5XXDH.js → 3UQRZ3IQ.js} +4 -4
- package/dist/__chunks/4EXO6IHD.cjs +17 -0
- package/dist/__chunks/4EXO6IHD.cjs.map +1 -0
- package/dist/__chunks/4PLE46VU.cjs +63 -0
- package/dist/__chunks/4PLE46VU.cjs.map +1 -0
- package/dist/__chunks/55HJFY7V.js +268 -0
- package/dist/__chunks/55HJFY7V.js.map +1 -0
- package/dist/__chunks/{CY6YL5T4.cjs → 5SMR5MWY.cjs} +1 -1
- package/dist/__chunks/5TKLFG5Y.cjs +210 -0
- package/dist/__chunks/5TKLFG5Y.cjs.map +1 -0
- package/dist/__chunks/5WNFAQGY.cjs +7 -0
- package/dist/__chunks/5WNFAQGY.cjs.map +1 -0
- package/dist/__chunks/5ZDZZL2P.js +63 -0
- package/dist/__chunks/5ZDZZL2P.js.map +1 -0
- package/dist/__chunks/652STTPK.js +7 -0
- package/dist/__chunks/652STTPK.js.map +1 -0
- package/dist/__chunks/{XZYDKAQV.js → AGEHF4UW.js} +3 -3
- package/dist/__chunks/ARBLKS7D.js +17 -0
- package/dist/__chunks/ARBLKS7D.js.map +1 -0
- package/dist/__chunks/{F3ZST4RL.js → B2TFERTM.js} +8 -4
- package/dist/__chunks/B2TFERTM.js.map +1 -0
- package/dist/__chunks/{RZPCI2UU.cjs → DMCLLEN5.cjs} +9 -9
- package/dist/__chunks/DMCLLEN5.cjs.map +1 -0
- package/dist/__chunks/DNTOWEIQ.js +39 -0
- package/dist/__chunks/DNTOWEIQ.js.map +1 -0
- package/dist/__chunks/{2JWMSFS7.js → E4BJX2H5.js} +2 -2
- package/dist/__chunks/{PF7Q2EGN.cjs → EWCLQBKV.cjs} +8 -8
- package/dist/__chunks/{XBWCYGQ2.cjs → FMHIHCQS.cjs} +5 -5
- package/dist/__chunks/{C5IESDXE.cjs → FMSBGH2I.cjs} +8 -8
- package/dist/__chunks/FMSI35YS.cjs +52 -0
- package/dist/__chunks/FMSI35YS.cjs.map +1 -0
- package/dist/__chunks/{CEWOAFV2.cjs → FZ5HWA3S.cjs} +3 -3
- package/dist/__chunks/{XLVKNLN7.cjs → GOSWBV5D.cjs} +3 -3
- package/dist/__chunks/GYI2PBXY.cjs +52 -0
- package/dist/__chunks/GYI2PBXY.cjs.map +1 -0
- package/dist/__chunks/{G6TO2NCY.js → HEJ3LVZG.js} +2 -2
- package/dist/__chunks/{3VUMTAUX.js → HOGVXDTO.js} +4 -4
- package/dist/__chunks/{NHSTGALH.cjs → HR5QOB3U.cjs} +14 -14
- package/dist/__chunks/IJVFSOXU.cjs +84 -0
- package/dist/__chunks/IJVFSOXU.cjs.map +1 -0
- package/dist/__chunks/JHAV5OTQ.js +210 -0
- package/dist/__chunks/JHAV5OTQ.js.map +1 -0
- package/dist/__chunks/{37CQV3RS.js → JIXNBF5N.js} +34 -26
- package/dist/__chunks/JIXNBF5N.js.map +1 -0
- package/dist/__chunks/JKXOZUCV.js +52 -0
- package/dist/__chunks/JKXOZUCV.js.map +1 -0
- package/dist/__chunks/JQ6POHCA.js +82 -0
- package/dist/__chunks/JQ6POHCA.js.map +1 -0
- package/dist/__chunks/{GPWBSPBL.js → JUUIXL6A.js} +3 -3
- package/dist/__chunks/{FOTKCGZZ.js → JWFHLI33.js} +3 -3
- package/dist/__chunks/{GBJX7OPK.cjs → JYDZTZIK.cjs} +6 -6
- package/dist/__chunks/{IFJ2YOEG.cjs → K77KFPIV.cjs} +3 -3
- package/dist/__chunks/{YGVUSAB6.cjs → KCYZNZBO.cjs} +7 -7
- package/dist/__chunks/KMIZI5PW.js +7 -0
- package/dist/__chunks/KMIZI5PW.js.map +1 -0
- package/dist/__chunks/{REM5SMMZ.js → LCZ57HZU.js} +3 -3
- package/dist/__chunks/{N3EZP6VG.cjs → LDFTT3OI.cjs} +4 -4
- package/dist/__chunks/{EXYF6BLV.cjs → LMCK5YO5.cjs} +5 -4
- package/dist/__chunks/LMCK5YO5.cjs.map +1 -0
- package/dist/__chunks/M2T7D4DC.js +33 -0
- package/dist/__chunks/M2T7D4DC.js.map +1 -0
- package/dist/__chunks/M7BTHQDK.cjs +268 -0
- package/dist/__chunks/M7BTHQDK.cjs.map +1 -0
- package/dist/__chunks/NDJRETMM.cjs +33 -0
- package/dist/__chunks/NDJRETMM.cjs.map +1 -0
- package/dist/__chunks/{X74O4HUS.js → NRTSRS2D.js} +4 -3
- package/dist/__chunks/NRTSRS2D.js.map +1 -0
- package/dist/__chunks/{BSFWQWVJ.js → PEKXH4DM.js} +2 -2
- package/dist/__chunks/PJIXYQPE.js +164 -0
- package/dist/__chunks/PJIXYQPE.js.map +1 -0
- package/dist/__chunks/PTWXXDFF.js +7 -0
- package/dist/__chunks/PTWXXDFF.js.map +1 -0
- package/dist/__chunks/{CGUZFFJ2.cjs → PZYWUTMW.cjs} +33 -25
- package/dist/__chunks/PZYWUTMW.cjs.map +1 -0
- package/dist/__chunks/QJI4G5FP.cjs +82 -0
- package/dist/__chunks/QJI4G5FP.cjs.map +1 -0
- package/dist/__chunks/QNBZ64IE.cjs +143 -0
- package/dist/__chunks/QNBZ64IE.cjs.map +1 -0
- package/dist/__chunks/{CWNH5WDG.cjs → QQWCNTE4.cjs} +12 -9
- package/dist/__chunks/QQWCNTE4.cjs.map +1 -0
- package/dist/__chunks/{THEUR2KP.cjs → RAVU4WEO.cjs} +9 -9
- package/dist/__chunks/RFHPSEBF.cjs +30 -0
- package/dist/__chunks/RFHPSEBF.cjs.map +1 -0
- package/dist/__chunks/{CQ2HIJ62.js → STT27BTU.js} +2 -2
- package/dist/__chunks/SXTAJU6N.cjs +9 -0
- package/dist/__chunks/SXTAJU6N.cjs.map +1 -0
- package/dist/__chunks/{PYNS67IV.js → TJHCYMPV.js} +1 -1
- package/dist/__chunks/TPP3XWDC.cjs +159 -0
- package/dist/__chunks/TPP3XWDC.cjs.map +1 -0
- package/dist/__chunks/UYBMLRXR.js +159 -0
- package/dist/__chunks/UYBMLRXR.js.map +1 -0
- package/dist/__chunks/{BSWWGQAS.js → V3ZO4D37.js} +2 -2
- package/dist/__chunks/{UNIBFDXV.js → VBSJSA3B.js} +10 -7
- package/dist/__chunks/VBSJSA3B.js.map +1 -0
- package/dist/__chunks/VMARHE5B.cjs +7 -0
- package/dist/__chunks/VMARHE5B.cjs.map +1 -0
- package/dist/__chunks/VY7MJTPK.js +143 -0
- package/dist/__chunks/VY7MJTPK.js.map +1 -0
- package/dist/__chunks/{JMKXHLVZ.cjs → W7CSNF2M.cjs} +3 -3
- package/dist/__chunks/{MZWEO42B.js → WX2IEICF.js} +6 -6
- package/dist/__chunks/WX2IEICF.js.map +1 -0
- package/dist/__chunks/XFFSBU7E.js +84 -0
- package/dist/__chunks/XFFSBU7E.js.map +1 -0
- package/dist/__chunks/XKDASN7N.js +30 -0
- package/dist/__chunks/XKDASN7N.js.map +1 -0
- package/dist/__chunks/{TKYRBLSM.js → XT2JUTU3.js} +9 -9
- package/dist/__chunks/Y6L6EOCB.js +52 -0
- package/dist/__chunks/Y6L6EOCB.js.map +1 -0
- package/dist/__chunks/{3F5U7W73.cjs → YBP5BNDH.cjs} +3 -3
- package/dist/__chunks/ZDMSFZS3.cjs +7 -0
- package/dist/__chunks/ZDMSFZS3.cjs.map +1 -0
- package/dist/__chunks/ZG64UIHG.cjs +164 -0
- package/dist/__chunks/ZG64UIHG.cjs.map +1 -0
- package/dist/__chunks/{ARYAYAXH.cjs → ZX5KONS2.cjs} +8 -4
- package/dist/__chunks/ZX5KONS2.cjs.map +1 -0
- package/dist/index.cjs +63 -34
- package/dist/index.css +82 -7
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +13 -0
- package/dist/index.js +72 -43
- package/dist/react-aria-utils/OverlayVisibility.cjs +8 -0
- package/dist/react-aria-utils/OverlayVisibility.cjs.map +1 -0
- package/dist/react-aria-utils/OverlayVisibility.d.ts +21 -0
- package/dist/react-aria-utils/OverlayVisibility.js +8 -0
- package/dist/react-aria-utils/OverlayVisibility.js.map +1 -0
- package/dist/react-aria-utils/Triggerable.cjs +9 -0
- package/dist/react-aria-utils/Triggerable.cjs.map +1 -0
- package/dist/react-aria-utils/Triggerable.css +7 -0
- package/dist/react-aria-utils/Triggerable.css.map +1 -0
- package/dist/react-aria-utils/Triggerable.d.ts +14 -0
- package/dist/react-aria-utils/Triggerable.js +9 -0
- package/dist/react-aria-utils/Triggerable.js.map +1 -0
- package/dist/react-aria-utils/placement.cjs +8 -0
- package/dist/react-aria-utils/placement.cjs.map +1 -0
- package/dist/react-aria-utils/placement.d.ts +6 -0
- package/dist/react-aria-utils/placement.js +8 -0
- package/dist/react-aria-utils/placement.js.map +1 -0
- package/dist/react-aria-utils/useDomRefSyntheticEventBridge.cjs +8 -0
- package/dist/react-aria-utils/useDomRefSyntheticEventBridge.cjs.map +1 -0
- package/dist/react-aria-utils/useDomRefSyntheticEventBridge.d.ts +7 -0
- package/dist/react-aria-utils/useDomRefSyntheticEventBridge.js +8 -0
- package/dist/react-aria-utils/useDomRefSyntheticEventBridge.js.map +1 -0
- package/package.json +6 -2
- package/dist/__chunks/37CQV3RS.js.map +0 -1
- package/dist/__chunks/ARYAYAXH.cjs.map +0 -1
- package/dist/__chunks/CGUZFFJ2.cjs.map +0 -1
- package/dist/__chunks/CWNH5WDG.cjs.map +0 -1
- package/dist/__chunks/EXYF6BLV.cjs.map +0 -1
- package/dist/__chunks/F3ZST4RL.js.map +0 -1
- package/dist/__chunks/MZWEO42B.js.map +0 -1
- package/dist/__chunks/RZPCI2UU.cjs.map +0 -1
- package/dist/__chunks/UNIBFDXV.js.map +0 -1
- package/dist/__chunks/X74O4HUS.js.map +0 -1
- /package/dist/__chunks/{GPS2XNQI.js.map → 2R4YCOYE.js.map} +0 -0
- /package/dist/__chunks/{ERJ5XXDH.js.map → 3UQRZ3IQ.js.map} +0 -0
- /package/dist/__chunks/{CY6YL5T4.cjs.map → 5SMR5MWY.cjs.map} +0 -0
- /package/dist/__chunks/{XZYDKAQV.js.map → AGEHF4UW.js.map} +0 -0
- /package/dist/__chunks/{2JWMSFS7.js.map → E4BJX2H5.js.map} +0 -0
- /package/dist/__chunks/{PF7Q2EGN.cjs.map → EWCLQBKV.cjs.map} +0 -0
- /package/dist/__chunks/{XBWCYGQ2.cjs.map → FMHIHCQS.cjs.map} +0 -0
- /package/dist/__chunks/{C5IESDXE.cjs.map → FMSBGH2I.cjs.map} +0 -0
- /package/dist/__chunks/{CEWOAFV2.cjs.map → FZ5HWA3S.cjs.map} +0 -0
- /package/dist/__chunks/{XLVKNLN7.cjs.map → GOSWBV5D.cjs.map} +0 -0
- /package/dist/__chunks/{G6TO2NCY.js.map → HEJ3LVZG.js.map} +0 -0
- /package/dist/__chunks/{3VUMTAUX.js.map → HOGVXDTO.js.map} +0 -0
- /package/dist/__chunks/{NHSTGALH.cjs.map → HR5QOB3U.cjs.map} +0 -0
- /package/dist/__chunks/{GPWBSPBL.js.map → JUUIXL6A.js.map} +0 -0
- /package/dist/__chunks/{FOTKCGZZ.js.map → JWFHLI33.js.map} +0 -0
- /package/dist/__chunks/{GBJX7OPK.cjs.map → JYDZTZIK.cjs.map} +0 -0
- /package/dist/__chunks/{IFJ2YOEG.cjs.map → K77KFPIV.cjs.map} +0 -0
- /package/dist/__chunks/{YGVUSAB6.cjs.map → KCYZNZBO.cjs.map} +0 -0
- /package/dist/__chunks/{REM5SMMZ.js.map → LCZ57HZU.js.map} +0 -0
- /package/dist/__chunks/{N3EZP6VG.cjs.map → LDFTT3OI.cjs.map} +0 -0
- /package/dist/__chunks/{BSFWQWVJ.js.map → PEKXH4DM.js.map} +0 -0
- /package/dist/__chunks/{THEUR2KP.cjs.map → RAVU4WEO.cjs.map} +0 -0
- /package/dist/__chunks/{CQ2HIJ62.js.map → STT27BTU.js.map} +0 -0
- /package/dist/__chunks/{PYNS67IV.js.map → TJHCYMPV.js.map} +0 -0
- /package/dist/__chunks/{BSWWGQAS.js.map → V3ZO4D37.js.map} +0 -0
- /package/dist/__chunks/{JMKXHLVZ.cjs.map → W7CSNF2M.cjs.map} +0 -0
- /package/dist/__chunks/{TKYRBLSM.js.map → XT2JUTU3.js.map} +0 -0
- /package/dist/__chunks/{3F5U7W73.cjs.map → YBP5BNDH.cjs.map} +0 -0
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ModalDialog_default
|
|
3
|
+
} from "./UYBMLRXR.js";
|
|
4
|
+
import {
|
|
5
|
+
Dialog_default
|
|
6
|
+
} from "./XFFSBU7E.js";
|
|
7
|
+
import {
|
|
8
|
+
layout_module_default
|
|
9
|
+
} from "./PTWXXDFF.js";
|
|
10
|
+
import {
|
|
11
|
+
Box_module_default
|
|
12
|
+
} from "./KMIZI5PW.js";
|
|
13
|
+
import {
|
|
14
|
+
syntaxToReactAriaPlacement
|
|
15
|
+
} from "./ARBLKS7D.js";
|
|
16
|
+
import {
|
|
17
|
+
Triggerable_default
|
|
18
|
+
} from "./JQ6POHCA.js";
|
|
19
|
+
import {
|
|
20
|
+
OverlayVisibility
|
|
21
|
+
} from "./XKDASN7N.js";
|
|
22
|
+
import {
|
|
23
|
+
__objRest,
|
|
24
|
+
__spreadProps,
|
|
25
|
+
__spreadValues
|
|
26
|
+
} from "./LULBCTQR.js";
|
|
27
|
+
|
|
28
|
+
// src/Popover/Popover.tsx
|
|
29
|
+
import { forwardRef } from "react";
|
|
30
|
+
import classNames from "classnames";
|
|
31
|
+
import { mergeProps } from "react-aria";
|
|
32
|
+
import {
|
|
33
|
+
Popover as ReactAriaPopover,
|
|
34
|
+
MenuTrigger as ReactAriaMenuTrigger,
|
|
35
|
+
composeRenderProps
|
|
36
|
+
} from "react-aria-components";
|
|
37
|
+
|
|
38
|
+
// css-module:../Box/margin.module.css#css-module
|
|
39
|
+
var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "marginBottom-11": "_marginBottom-11_1whn1_6", "marginBottom-10": "_marginBottom-10_1whn1_10", "marginBottom-9": "_marginBottom-9_1whn1_14", "marginBottom-8": "_marginBottom-8_1whn1_18", "marginBottom-7": "_marginBottom-7_1whn1_22", "marginBottom-6": "_marginBottom-6_1whn1_26", "marginBottom-5": "_marginBottom-5_1whn1_30", "marginBottom-4": "_marginBottom-4_1whn1_34", "marginBottom-3": "_marginBottom-3_1whn1_38", "marginBottom-2": "_marginBottom-2_1whn1_42", "marginBottom-1": "_marginBottom-1_1whn1_2", "marginBottom0": "_marginBottom0_1whn1_50", "marginBottom1": "_marginBottom1_1whn1_54", "marginBottom2": "_marginBottom2_1whn1_58", "marginBottom3": "_marginBottom3_1whn1_62", "marginBottom4": "_marginBottom4_1whn1_66", "marginBottom5": "_marginBottom5_1whn1_70", "marginBottom6": "_marginBottom6_1whn1_74", "marginBottom7": "_marginBottom7_1whn1_78", "marginBottom8": "_marginBottom8_1whn1_82", "marginBottom9": "_marginBottom9_1whn1_86", "marginBottom10": "_marginBottom10_1whn1_90", "marginBottom11": "_marginBottom11_1whn1_94", "marginBottom12": "_marginBottom12_1whn1_98", "marginBottomauto": "_marginBottomauto_1whn1_102", "marginEnd-12": "_marginEnd-12_1whn1_107", "marginEnd-11": "_marginEnd-11_1whn1_111", "marginEnd-10": "_marginEnd-10_1whn1_115", "marginEnd-9": "_marginEnd-9_1whn1_119", "marginEnd-8": "_marginEnd-8_1whn1_123", "marginEnd-7": "_marginEnd-7_1whn1_127", "marginEnd-6": "_marginEnd-6_1whn1_131", "marginEnd-5": "_marginEnd-5_1whn1_135", "marginEnd-4": "_marginEnd-4_1whn1_139", "marginEnd-3": "_marginEnd-3_1whn1_143", "marginEnd-2": "_marginEnd-2_1whn1_147", "marginEnd-1": "_marginEnd-1_1whn1_107", "marginEnd0": "_marginEnd0_1whn1_155", "marginEnd1": "_marginEnd1_1whn1_159", "marginEnd2": "_marginEnd2_1whn1_163", "marginEnd3": "_marginEnd3_1whn1_167", "marginEnd4": "_marginEnd4_1whn1_171", "marginEnd5": "_marginEnd5_1whn1_175", "marginEnd6": "_marginEnd6_1whn1_179", "marginEnd7": "_marginEnd7_1whn1_183", "marginEnd8": "_marginEnd8_1whn1_187", "marginEnd9": "_marginEnd9_1whn1_191", "marginEnd10": "_marginEnd10_1whn1_195", "marginEnd11": "_marginEnd11_1whn1_199", "marginEnd12": "_marginEnd12_1whn1_203", "marginEndauto": "_marginEndauto_1whn1_207", "marginStart-12": "_marginStart-12_1whn1_212", "marginStart-11": "_marginStart-11_1whn1_216", "marginStart-10": "_marginStart-10_1whn1_220", "marginStart-9": "_marginStart-9_1whn1_224", "marginStart-8": "_marginStart-8_1whn1_228", "marginStart-7": "_marginStart-7_1whn1_232", "marginStart-6": "_marginStart-6_1whn1_236", "marginStart-5": "_marginStart-5_1whn1_240", "marginStart-4": "_marginStart-4_1whn1_244", "marginStart-3": "_marginStart-3_1whn1_248", "marginStart-2": "_marginStart-2_1whn1_252", "marginStart-1": "_marginStart-1_1whn1_212", "marginStart0": "_marginStart0_1whn1_260", "marginStart1": "_marginStart1_1whn1_264", "marginStart2": "_marginStart2_1whn1_268", "marginStart3": "_marginStart3_1whn1_272", "marginStart4": "_marginStart4_1whn1_276", "marginStart5": "_marginStart5_1whn1_280", "marginStart6": "_marginStart6_1whn1_284", "marginStart7": "_marginStart7_1whn1_288", "marginStart8": "_marginStart8_1whn1_292", "marginStart9": "_marginStart9_1whn1_296", "marginStart10": "_marginStart10_1whn1_300", "marginStart11": "_marginStart11_1whn1_304", "marginStart12": "_marginStart12_1whn1_308", "marginStartauto": "_marginStartauto_1whn1_312", "marginTop-12": "_marginTop-12_1whn1_317", "marginTop-11": "_marginTop-11_1whn1_321", "marginTop-10": "_marginTop-10_1whn1_325", "marginTop-9": "_marginTop-9_1whn1_329", "marginTop-8": "_marginTop-8_1whn1_333", "marginTop-7": "_marginTop-7_1whn1_337", "marginTop-6": "_marginTop-6_1whn1_341", "marginTop-5": "_marginTop-5_1whn1_345", "marginTop-4": "_marginTop-4_1whn1_349", "marginTop-3": "_marginTop-3_1whn1_353", "marginTop-2": "_marginTop-2_1whn1_357", "marginTop-1": "_marginTop-1_1whn1_317", "marginTop0": "_marginTop0_1whn1_365", "marginTop1": "_marginTop1_1whn1_369", "marginTop2": "_marginTop2_1whn1_373", "marginTop3": "_marginTop3_1whn1_377", "marginTop4": "_marginTop4_1whn1_381", "marginTop5": "_marginTop5_1whn1_385", "marginTop6": "_marginTop6_1whn1_389", "marginTop7": "_marginTop7_1whn1_393", "marginTop8": "_marginTop8_1whn1_397", "marginTop9": "_marginTop9_1whn1_401", "marginTop10": "_marginTop10_1whn1_405", "marginTop11": "_marginTop11_1whn1_409", "marginTop12": "_marginTop12_1whn1_413", "marginTopauto": "_marginTopauto_1whn1_417", "marginBottom-12Small": "_marginBottom-12Small_1whn1_423", "marginBottom-11Small": "_marginBottom-11Small_1whn1_427", "marginBottom-10Small": "_marginBottom-10Small_1whn1_431", "marginBottom-9Small": "_marginBottom-9Small_1whn1_435", "marginBottom-8Small": "_marginBottom-8Small_1whn1_439", "marginBottom-7Small": "_marginBottom-7Small_1whn1_443", "marginBottom-6Small": "_marginBottom-6Small_1whn1_447", "marginBottom-5Small": "_marginBottom-5Small_1whn1_451", "marginBottom-4Small": "_marginBottom-4Small_1whn1_455", "marginBottom-3Small": "_marginBottom-3Small_1whn1_459", "marginBottom-2Small": "_marginBottom-2Small_1whn1_463", "marginBottom-1Small": "_marginBottom-1Small_1whn1_467", "marginBottom0Small": "_marginBottom0Small_1whn1_471", "marginBottom1Small": "_marginBottom1Small_1whn1_475", "marginBottom2Small": "_marginBottom2Small_1whn1_479", "marginBottom3Small": "_marginBottom3Small_1whn1_483", "marginBottom4Small": "_marginBottom4Small_1whn1_487", "marginBottom5Small": "_marginBottom5Small_1whn1_491", "marginBottom6Small": "_marginBottom6Small_1whn1_495", "marginBottom7Small": "_marginBottom7Small_1whn1_499", "marginBottom8Small": "_marginBottom8Small_1whn1_503", "marginBottom9Small": "_marginBottom9Small_1whn1_507", "marginBottom10Small": "_marginBottom10Small_1whn1_511", "marginBottom11Small": "_marginBottom11Small_1whn1_515", "marginBottom12Small": "_marginBottom12Small_1whn1_519", "marginBottomautoSmall": "_marginBottomautoSmall_1whn1_523", "marginEnd-12Small": "_marginEnd-12Small_1whn1_527", "marginEnd-11Small": "_marginEnd-11Small_1whn1_531", "marginEnd-10Small": "_marginEnd-10Small_1whn1_535", "marginEnd-9Small": "_marginEnd-9Small_1whn1_539", "marginEnd-8Small": "_marginEnd-8Small_1whn1_543", "marginEnd-7Small": "_marginEnd-7Small_1whn1_547", "marginEnd-6Small": "_marginEnd-6Small_1whn1_551", "marginEnd-5Small": "_marginEnd-5Small_1whn1_555", "marginEnd-4Small": "_marginEnd-4Small_1whn1_559", "marginEnd-3Small": "_marginEnd-3Small_1whn1_563", "marginEnd-2Small": "_marginEnd-2Small_1whn1_567", "marginEnd-1Small": "_marginEnd-1Small_1whn1_571", "marginEnd0Small": "_marginEnd0Small_1whn1_575", "marginEnd1Small": "_marginEnd1Small_1whn1_579", "marginEnd2Small": "_marginEnd2Small_1whn1_583", "marginEnd3Small": "_marginEnd3Small_1whn1_587", "marginEnd4Small": "_marginEnd4Small_1whn1_591", "marginEnd5Small": "_marginEnd5Small_1whn1_595", "marginEnd6Small": "_marginEnd6Small_1whn1_599", "marginEnd7Small": "_marginEnd7Small_1whn1_603", "marginEnd8Small": "_marginEnd8Small_1whn1_607", "marginEnd9Small": "_marginEnd9Small_1whn1_611", "marginEnd10Small": "_marginEnd10Small_1whn1_615", "marginEnd11Small": "_marginEnd11Small_1whn1_619", "marginEnd12Small": "_marginEnd12Small_1whn1_623", "marginEndautoSmall": "_marginEndautoSmall_1whn1_627", "marginStart-12Small": "_marginStart-12Small_1whn1_631", "marginStart-11Small": "_marginStart-11Small_1whn1_635", "marginStart-10Small": "_marginStart-10Small_1whn1_639", "marginStart-9Small": "_marginStart-9Small_1whn1_643", "marginStart-8Small": "_marginStart-8Small_1whn1_647", "marginStart-7Small": "_marginStart-7Small_1whn1_651", "marginStart-6Small": "_marginStart-6Small_1whn1_655", "marginStart-5Small": "_marginStart-5Small_1whn1_659", "marginStart-4Small": "_marginStart-4Small_1whn1_663", "marginStart-3Small": "_marginStart-3Small_1whn1_667", "marginStart-2Small": "_marginStart-2Small_1whn1_671", "marginStart-1Small": "_marginStart-1Small_1whn1_675", "marginStart0Small": "_marginStart0Small_1whn1_679", "marginStart1Small": "_marginStart1Small_1whn1_683", "marginStart2Small": "_marginStart2Small_1whn1_687", "marginStart3Small": "_marginStart3Small_1whn1_691", "marginStart4Small": "_marginStart4Small_1whn1_695", "marginStart5Small": "_marginStart5Small_1whn1_699", "marginStart6Small": "_marginStart6Small_1whn1_703", "marginStart7Small": "_marginStart7Small_1whn1_707", "marginStart8Small": "_marginStart8Small_1whn1_711", "marginStart9Small": "_marginStart9Small_1whn1_715", "marginStart10Small": "_marginStart10Small_1whn1_719", "marginStart11Small": "_marginStart11Small_1whn1_723", "marginStart12Small": "_marginStart12Small_1whn1_727", "marginStartautoSmall": "_marginStartautoSmall_1whn1_731", "marginTop-12Small": "_marginTop-12Small_1whn1_735", "marginTop-11Small": "_marginTop-11Small_1whn1_739", "marginTop-10Small": "_marginTop-10Small_1whn1_743", "marginTop-9Small": "_marginTop-9Small_1whn1_747", "marginTop-8Small": "_marginTop-8Small_1whn1_751", "marginTop-7Small": "_marginTop-7Small_1whn1_755", "marginTop-6Small": "_marginTop-6Small_1whn1_759", "marginTop-5Small": "_marginTop-5Small_1whn1_763", "marginTop-4Small": "_marginTop-4Small_1whn1_767", "marginTop-3Small": "_marginTop-3Small_1whn1_771", "marginTop-2Small": "_marginTop-2Small_1whn1_775", "marginTop-1Small": "_marginTop-1Small_1whn1_779", "marginTop0Small": "_marginTop0Small_1whn1_783", "marginTop1Small": "_marginTop1Small_1whn1_787", "marginTop2Small": "_marginTop2Small_1whn1_791", "marginTop3Small": "_marginTop3Small_1whn1_795", "marginTop4Small": "_marginTop4Small_1whn1_799", "marginTop5Small": "_marginTop5Small_1whn1_803", "marginTop6Small": "_marginTop6Small_1whn1_807", "marginTop7Small": "_marginTop7Small_1whn1_811", "marginTop8Small": "_marginTop8Small_1whn1_815", "marginTop9Small": "_marginTop9Small_1whn1_819", "marginTop10Small": "_marginTop10Small_1whn1_823", "marginTop11Small": "_marginTop11Small_1whn1_827", "marginTop12Small": "_marginTop12Small_1whn1_831", "marginTopautoSmall": "_marginTopautoSmall_1whn1_835", "marginBottom-12Large": "_marginBottom-12Large_1whn1_842", "marginBottom-11Large": "_marginBottom-11Large_1whn1_846", "marginBottom-10Large": "_marginBottom-10Large_1whn1_850", "marginBottom-9Large": "_marginBottom-9Large_1whn1_854", "marginBottom-8Large": "_marginBottom-8Large_1whn1_858", "marginBottom-7Large": "_marginBottom-7Large_1whn1_862", "marginBottom-6Large": "_marginBottom-6Large_1whn1_866", "marginBottom-5Large": "_marginBottom-5Large_1whn1_870", "marginBottom-4Large": "_marginBottom-4Large_1whn1_874", "marginBottom-3Large": "_marginBottom-3Large_1whn1_878", "marginBottom-2Large": "_marginBottom-2Large_1whn1_882", "marginBottom-1Large": "_marginBottom-1Large_1whn1_886", "marginBottom0Large": "_marginBottom0Large_1whn1_890", "marginBottom1Large": "_marginBottom1Large_1whn1_894", "marginBottom2Large": "_marginBottom2Large_1whn1_898", "marginBottom3Large": "_marginBottom3Large_1whn1_902", "marginBottom4Large": "_marginBottom4Large_1whn1_906", "marginBottom5Large": "_marginBottom5Large_1whn1_910", "marginBottom6Large": "_marginBottom6Large_1whn1_914", "marginBottom7Large": "_marginBottom7Large_1whn1_918", "marginBottom8Large": "_marginBottom8Large_1whn1_922", "marginBottom9Large": "_marginBottom9Large_1whn1_926", "marginBottom10Large": "_marginBottom10Large_1whn1_930", "marginBottom11Large": "_marginBottom11Large_1whn1_934", "marginBottom12Large": "_marginBottom12Large_1whn1_938", "marginBottomautoLarge": "_marginBottomautoLarge_1whn1_942", "marginEnd-12Large": "_marginEnd-12Large_1whn1_946", "marginEnd-11Large": "_marginEnd-11Large_1whn1_950", "marginEnd-10Large": "_marginEnd-10Large_1whn1_954", "marginEnd-9Large": "_marginEnd-9Large_1whn1_958", "marginEnd-8Large": "_marginEnd-8Large_1whn1_962", "marginEnd-7Large": "_marginEnd-7Large_1whn1_966", "marginEnd-6Large": "_marginEnd-6Large_1whn1_970", "marginEnd-5Large": "_marginEnd-5Large_1whn1_974", "marginEnd-4Large": "_marginEnd-4Large_1whn1_978", "marginEnd-3Large": "_marginEnd-3Large_1whn1_982", "marginEnd-2Large": "_marginEnd-2Large_1whn1_986", "marginEnd-1Large": "_marginEnd-1Large_1whn1_990", "marginEnd0Large": "_marginEnd0Large_1whn1_994", "marginEnd1Large": "_marginEnd1Large_1whn1_998", "marginEnd2Large": "_marginEnd2Large_1whn1_1002", "marginEnd3Large": "_marginEnd3Large_1whn1_1006", "marginEnd4Large": "_marginEnd4Large_1whn1_1010", "marginEnd5Large": "_marginEnd5Large_1whn1_1014", "marginEnd6Large": "_marginEnd6Large_1whn1_1018", "marginEnd7Large": "_marginEnd7Large_1whn1_1022", "marginEnd8Large": "_marginEnd8Large_1whn1_1026", "marginEnd9Large": "_marginEnd9Large_1whn1_1030", "marginEnd10Large": "_marginEnd10Large_1whn1_1034", "marginEnd11Large": "_marginEnd11Large_1whn1_1038", "marginEnd12Large": "_marginEnd12Large_1whn1_1042", "marginEndautoLarge": "_marginEndautoLarge_1whn1_1046", "marginStart-12Large": "_marginStart-12Large_1whn1_1050", "marginStart-11Large": "_marginStart-11Large_1whn1_1054", "marginStart-10Large": "_marginStart-10Large_1whn1_1058", "marginStart-9Large": "_marginStart-9Large_1whn1_1062", "marginStart-8Large": "_marginStart-8Large_1whn1_1066", "marginStart-7Large": "_marginStart-7Large_1whn1_1070", "marginStart-6Large": "_marginStart-6Large_1whn1_1074", "marginStart-5Large": "_marginStart-5Large_1whn1_1078", "marginStart-4Large": "_marginStart-4Large_1whn1_1082", "marginStart-3Large": "_marginStart-3Large_1whn1_1086", "marginStart-2Large": "_marginStart-2Large_1whn1_1090", "marginStart-1Large": "_marginStart-1Large_1whn1_1094", "marginStart0Large": "_marginStart0Large_1whn1_1098", "marginStart1Large": "_marginStart1Large_1whn1_1102", "marginStart2Large": "_marginStart2Large_1whn1_1106", "marginStart3Large": "_marginStart3Large_1whn1_1110", "marginStart4Large": "_marginStart4Large_1whn1_1114", "marginStart5Large": "_marginStart5Large_1whn1_1118", "marginStart6Large": "_marginStart6Large_1whn1_1122", "marginStart7Large": "_marginStart7Large_1whn1_1126", "marginStart8Large": "_marginStart8Large_1whn1_1130", "marginStart9Large": "_marginStart9Large_1whn1_1134", "marginStart10Large": "_marginStart10Large_1whn1_1138", "marginStart11Large": "_marginStart11Large_1whn1_1142", "marginStart12Large": "_marginStart12Large_1whn1_1146", "marginStartautoLarge": "_marginStartautoLarge_1whn1_1150", "marginTop-12Large": "_marginTop-12Large_1whn1_1154", "marginTop-11Large": "_marginTop-11Large_1whn1_1158", "marginTop-10Large": "_marginTop-10Large_1whn1_1162", "marginTop-9Large": "_marginTop-9Large_1whn1_1166", "marginTop-8Large": "_marginTop-8Large_1whn1_1170", "marginTop-7Large": "_marginTop-7Large_1whn1_1174", "marginTop-6Large": "_marginTop-6Large_1whn1_1178", "marginTop-5Large": "_marginTop-5Large_1whn1_1182", "marginTop-4Large": "_marginTop-4Large_1whn1_1186", "marginTop-3Large": "_marginTop-3Large_1whn1_1190", "marginTop-2Large": "_marginTop-2Large_1whn1_1194", "marginTop-1Large": "_marginTop-1Large_1whn1_1198", "marginTop0Large": "_marginTop0Large_1whn1_1202", "marginTop1Large": "_marginTop1Large_1whn1_1206", "marginTop2Large": "_marginTop2Large_1whn1_1210", "marginTop3Large": "_marginTop3Large_1whn1_1214", "marginTop4Large": "_marginTop4Large_1whn1_1218", "marginTop5Large": "_marginTop5Large_1whn1_1222", "marginTop6Large": "_marginTop6Large_1whn1_1226", "marginTop7Large": "_marginTop7Large_1whn1_1230", "marginTop8Large": "_marginTop8Large_1whn1_1234", "marginTop9Large": "_marginTop9Large_1whn1_1238", "marginTop10Large": "_marginTop10Large_1whn1_1242", "marginTop11Large": "_marginTop11Large_1whn1_1246", "marginTop12Large": "_marginTop12Large_1whn1_1250", "marginTopautoLarge": "_marginTopautoLarge_1whn1_1254" };
|
|
40
|
+
|
|
41
|
+
// src/Popover/Popover.tsx
|
|
42
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
43
|
+
var AriaPopover = forwardRef(
|
|
44
|
+
function AriaPopover2(_a, ref) {
|
|
45
|
+
var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = __objRest(_b, ["children", "onChangeContentVisibility"]);
|
|
46
|
+
return /* @__PURE__ */ jsx(
|
|
47
|
+
ReactAriaPopover,
|
|
48
|
+
__spreadProps(__spreadValues({
|
|
49
|
+
ref
|
|
50
|
+
}, mergeProps(
|
|
51
|
+
{
|
|
52
|
+
offset: 8,
|
|
53
|
+
containerPadding: 16,
|
|
54
|
+
className: classNames([
|
|
55
|
+
Box_module_default.box,
|
|
56
|
+
Box_module_default.flex,
|
|
57
|
+
Box_module_default.column,
|
|
58
|
+
layout_module_default.fullMaxWidth,
|
|
59
|
+
layout_module_default.fullMaxHeight,
|
|
60
|
+
layout_module_default.visibilityVisible,
|
|
61
|
+
// workaround react-aria layout bug: containerPadding on right side of window not being applied
|
|
62
|
+
margin_module_default.marginEnd4
|
|
63
|
+
])
|
|
64
|
+
},
|
|
65
|
+
otherProps
|
|
66
|
+
)), {
|
|
67
|
+
children: composeRenderProps(
|
|
68
|
+
childrenProp,
|
|
69
|
+
(children, { isEntering, isExiting }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
70
|
+
/* @__PURE__ */ jsx(
|
|
71
|
+
OverlayVisibility,
|
|
72
|
+
{
|
|
73
|
+
isEntering,
|
|
74
|
+
isExiting,
|
|
75
|
+
onChange: onChangeContentVisibility
|
|
76
|
+
}
|
|
77
|
+
),
|
|
78
|
+
children
|
|
79
|
+
] })
|
|
80
|
+
)
|
|
81
|
+
})
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
var Popover = forwardRef(function Popover2(props, ref) {
|
|
86
|
+
const {
|
|
87
|
+
"data-testid": dataTestId,
|
|
88
|
+
accessibilityLabel,
|
|
89
|
+
accessibilityCloseLabel,
|
|
90
|
+
children,
|
|
91
|
+
content,
|
|
92
|
+
disabled,
|
|
93
|
+
initialOpen,
|
|
94
|
+
modal: modalProp,
|
|
95
|
+
onOpenChange,
|
|
96
|
+
onChangeContentVisibility,
|
|
97
|
+
open,
|
|
98
|
+
placement = "bottom"
|
|
99
|
+
} = props;
|
|
100
|
+
const modal = !children || modalProp;
|
|
101
|
+
const modalNode = /* @__PURE__ */ jsx(
|
|
102
|
+
ModalDialog_default,
|
|
103
|
+
{
|
|
104
|
+
accessibilityLabel,
|
|
105
|
+
accessibilityCloseLabel,
|
|
106
|
+
"data-testid": dataTestId,
|
|
107
|
+
initialOpen,
|
|
108
|
+
onChangeContentVisibility,
|
|
109
|
+
onOpenChange,
|
|
110
|
+
open,
|
|
111
|
+
children: content
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
const popoverNode = /* @__PURE__ */ jsx(
|
|
115
|
+
AriaPopover,
|
|
116
|
+
{
|
|
117
|
+
placement: syntaxToReactAriaPlacement(placement),
|
|
118
|
+
onChangeContentVisibility,
|
|
119
|
+
children: /* @__PURE__ */ jsx(Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
|
|
120
|
+
}
|
|
121
|
+
);
|
|
122
|
+
if (!children)
|
|
123
|
+
return modalNode;
|
|
124
|
+
return /* @__PURE__ */ jsxs(
|
|
125
|
+
ReactAriaMenuTrigger,
|
|
126
|
+
{
|
|
127
|
+
defaultOpen: initialOpen,
|
|
128
|
+
isOpen: open,
|
|
129
|
+
onOpenChange,
|
|
130
|
+
children: [
|
|
131
|
+
/* @__PURE__ */ jsx(Triggerable_default, { disabled, ref, children }),
|
|
132
|
+
modal ? modalNode : popoverNode
|
|
133
|
+
]
|
|
134
|
+
}
|
|
135
|
+
);
|
|
136
|
+
});
|
|
137
|
+
var Popover_default = Popover;
|
|
138
|
+
|
|
139
|
+
export {
|
|
140
|
+
AriaPopover,
|
|
141
|
+
Popover_default
|
|
142
|
+
};
|
|
143
|
+
//# sourceMappingURL=VY7MJTPK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Popover/Popover.tsx","css-module:../Box/margin.module.css#css-module"],"sourcesContent":["import React, { type ReactNode, forwardRef, type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { mergeProps } from \"react-aria\";\nimport {\n Popover as ReactAriaPopover,\n type PopoverProps as ReactAriaPopoverProps,\n MenuTrigger as ReactAriaMenuTrigger,\n composeRenderProps,\n} from \"react-aria-components\";\nimport Triggerable, {\n type OverlayHandlerRef,\n} from \"../react-aria-utils/Triggerable\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport Dialog from \"../Dialog/Dialog\";\nimport ModalDialog from \"../Dialog/ModalDialog\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport marginStyles from \"../Box/margin.module.css\";\nimport {\n type Placement,\n syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\ntype PopoverProps = {\n /** Test id for the floating dialog */\n \"data-testid\"?: string;\n /** Optional aria-label for the popover (content element) */\n accessibilityLabel?: string;\n /** Optional aria-label for the close button (trigger element) when displayed as ModalDialog */\n accessibilityCloseLabel?: string;\n /** Optional trigger element */\n children?: ReactElement;\n /** Content to be shown inside the popover. */\n content: ReactNode;\n /** If set to true the popover trigger will be disabled */\n disabled?: boolean;\n /** If set to true the popover be open after mount / the first time it renders */\n initialOpen?: boolean;\n /** Optional boolean to control whether popover content is rendered as a modal */\n modal?: boolean;\n /** Optional handler for change of visibility for popover content, for control */\n onOpenChange?: (open: boolean) => void;\n /** Optional handler for change of visibility for popover content, for analytics timing */\n onChangeContentVisibility?: (visible: boolean) => void;\n /** Optional boolean to control open state of popover externally */\n open?: boolean;\n /**\n * Location of the popover content relative to anchor element\n * @defaultValue \"bottom\"\n */\n placement?: Placement;\n};\n\ntype AriaPopoverProps = {\n \"data-testid\"?: string;\n /** Optional handler for change of visibility for overlaid content, for analytics timing */\n onChangeContentVisibility?: (visible: boolean) => void;\n} & ReactAriaPopoverProps;\n/**\n * AriaPopover: This component extends Popover from react-aria-components\n * It applies syntax styles and adds aadditional props:\n * - data-testid\n * - onContentChangeVisibility\n */\nexport const AriaPopover = forwardRef<HTMLElement, AriaPopoverProps>(\n function AriaPopover(\n { children: childrenProp, onChangeContentVisibility, ...otherProps },\n ref,\n ): ReactElement {\n return (\n <ReactAriaPopover\n ref={ref}\n {...mergeProps(\n {\n offset: 8,\n containerPadding: 16,\n className: classNames([\n boxStyles.box,\n boxStyles.flex,\n boxStyles.column,\n layoutStyles.fullMaxWidth,\n layoutStyles.fullMaxHeight,\n layoutStyles.visibilityVisible,\n // workaround react-aria layout bug: containerPadding on right side of window not being applied\n marginStyles.marginEnd4,\n ]),\n },\n otherProps,\n )}\n >\n {composeRenderProps(\n childrenProp,\n (children, { isEntering, isExiting }) => (\n <>\n <OverlayVisibility\n isEntering={isEntering}\n isExiting={isExiting}\n onChange={onChangeContentVisibility}\n />\n {children}\n </>\n ),\n )}\n </ReactAriaPopover>\n );\n },\n);\n\n/**\n * [Popover](https://cambly-syntax.vercel.app/?path=/docs/components-popover--docs) displays contextual information on hover or focus.\n *\n * Popover content is hidden by default and shown on click or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n <Popover\n placement=\"bottom-start\"\n initialOpen\n content={(\n <Box padding={2} maxWidth={400}>\n ... some content goes here\n </Box>\n )}\n >\n <Button text=\"Trigger me\" />\n </Popover>\n ```\n */\nconst Popover = forwardRef<OverlayHandlerRef, PopoverProps>(function Popover(\n props,\n ref,\n): ReactElement {\n const {\n \"data-testid\": dataTestId,\n accessibilityLabel,\n accessibilityCloseLabel,\n children,\n content,\n disabled,\n initialOpen,\n modal: modalProp,\n onOpenChange,\n onChangeContentVisibility,\n open,\n placement = \"bottom\",\n } = props;\n\n const modal = !children || modalProp;\n\n const modalNode = (\n <ModalDialog\n accessibilityLabel={accessibilityLabel}\n accessibilityCloseLabel={accessibilityCloseLabel}\n data-testid={dataTestId}\n initialOpen={initialOpen}\n onChangeContentVisibility={onChangeContentVisibility}\n onOpenChange={onOpenChange}\n open={open}\n >\n {content}\n </ModalDialog>\n );\n\n const popoverNode = (\n <AriaPopover\n placement={syntaxToReactAriaPlacement(placement)}\n onChangeContentVisibility={onChangeContentVisibility}\n >\n <Dialog accessibilityLabel={accessibilityLabel} data-testid={dataTestId}>\n {content}\n </Dialog>\n </AriaPopover>\n );\n\n if (!children) return modalNode;\n return (\n <ReactAriaMenuTrigger\n defaultOpen={initialOpen}\n isOpen={open}\n onOpenChange={onOpenChange}\n >\n {\n <Triggerable disabled={disabled} ref={ref}>\n {children}\n </Triggerable>\n }\n {modal ? modalNode : popoverNode}\n </ReactAriaMenuTrigger>\n );\n});\n\nexport default Popover;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css\"; export default {\"marginBottom-12\":\"_marginBottom-12_1whn1_2\",\"marginBottom-11\":\"_marginBottom-11_1whn1_6\",\"marginBottom-10\":\"_marginBottom-10_1whn1_10\",\"marginBottom-9\":\"_marginBottom-9_1whn1_14\",\"marginBottom-8\":\"_marginBottom-8_1whn1_18\",\"marginBottom-7\":\"_marginBottom-7_1whn1_22\",\"marginBottom-6\":\"_marginBottom-6_1whn1_26\",\"marginBottom-5\":\"_marginBottom-5_1whn1_30\",\"marginBottom-4\":\"_marginBottom-4_1whn1_34\",\"marginBottom-3\":\"_marginBottom-3_1whn1_38\",\"marginBottom-2\":\"_marginBottom-2_1whn1_42\",\"marginBottom-1\":\"_marginBottom-1_1whn1_2\",\"marginBottom0\":\"_marginBottom0_1whn1_50\",\"marginBottom1\":\"_marginBottom1_1whn1_54\",\"marginBottom2\":\"_marginBottom2_1whn1_58\",\"marginBottom3\":\"_marginBottom3_1whn1_62\",\"marginBottom4\":\"_marginBottom4_1whn1_66\",\"marginBottom5\":\"_marginBottom5_1whn1_70\",\"marginBottom6\":\"_marginBottom6_1whn1_74\",\"marginBottom7\":\"_marginBottom7_1whn1_78\",\"marginBottom8\":\"_marginBottom8_1whn1_82\",\"marginBottom9\":\"_marginBottom9_1whn1_86\",\"marginBottom10\":\"_marginBottom10_1whn1_90\",\"marginBottom11\":\"_marginBottom11_1whn1_94\",\"marginBottom12\":\"_marginBottom12_1whn1_98\",\"marginBottomauto\":\"_marginBottomauto_1whn1_102\",\"marginEnd-12\":\"_marginEnd-12_1whn1_107\",\"marginEnd-11\":\"_marginEnd-11_1whn1_111\",\"marginEnd-10\":\"_marginEnd-10_1whn1_115\",\"marginEnd-9\":\"_marginEnd-9_1whn1_119\",\"marginEnd-8\":\"_marginEnd-8_1whn1_123\",\"marginEnd-7\":\"_marginEnd-7_1whn1_127\",\"marginEnd-6\":\"_marginEnd-6_1whn1_131\",\"marginEnd-5\":\"_marginEnd-5_1whn1_135\",\"marginEnd-4\":\"_marginEnd-4_1whn1_139\",\"marginEnd-3\":\"_marginEnd-3_1whn1_143\",\"marginEnd-2\":\"_marginEnd-2_1whn1_147\",\"marginEnd-1\":\"_marginEnd-1_1whn1_107\",\"marginEnd0\":\"_marginEnd0_1whn1_155\",\"marginEnd1\":\"_marginEnd1_1whn1_159\",\"marginEnd2\":\"_marginEnd2_1whn1_163\",\"marginEnd3\":\"_marginEnd3_1whn1_167\",\"marginEnd4\":\"_marginEnd4_1whn1_171\",\"marginEnd5\":\"_marginEnd5_1whn1_175\",\"marginEnd6\":\"_marginEnd6_1whn1_179\",\"marginEnd7\":\"_marginEnd7_1whn1_183\",\"marginEnd8\":\"_marginEnd8_1whn1_187\",\"marginEnd9\":\"_marginEnd9_1whn1_191\",\"marginEnd10\":\"_marginEnd10_1whn1_195\",\"marginEnd11\":\"_marginEnd11_1whn1_199\",\"marginEnd12\":\"_marginEnd12_1whn1_203\",\"marginEndauto\":\"_marginEndauto_1whn1_207\",\"marginStart-12\":\"_marginStart-12_1whn1_212\",\"marginStart-11\":\"_marginStart-11_1whn1_216\",\"marginStart-10\":\"_marginStart-10_1whn1_220\",\"marginStart-9\":\"_marginStart-9_1whn1_224\",\"marginStart-8\":\"_marginStart-8_1whn1_228\",\"marginStart-7\":\"_marginStart-7_1whn1_232\",\"marginStart-6\":\"_marginStart-6_1whn1_236\",\"marginStart-5\":\"_marginStart-5_1whn1_240\",\"marginStart-4\":\"_marginStart-4_1whn1_244\",\"marginStart-3\":\"_marginStart-3_1whn1_248\",\"marginStart-2\":\"_marginStart-2_1whn1_252\",\"marginStart-1\":\"_marginStart-1_1whn1_212\",\"marginStart0\":\"_marginStart0_1whn1_260\",\"marginStart1\":\"_marginStart1_1whn1_264\",\"marginStart2\":\"_marginStart2_1whn1_268\",\"marginStart3\":\"_marginStart3_1whn1_272\",\"marginStart4\":\"_marginStart4_1whn1_276\",\"marginStart5\":\"_marginStart5_1whn1_280\",\"marginStart6\":\"_marginStart6_1whn1_284\",\"marginStart7\":\"_marginStart7_1whn1_288\",\"marginStart8\":\"_marginStart8_1whn1_292\",\"marginStart9\":\"_marginStart9_1whn1_296\",\"marginStart10\":\"_marginStart10_1whn1_300\",\"marginStart11\":\"_marginStart11_1whn1_304\",\"marginStart12\":\"_marginStart12_1whn1_308\",\"marginStartauto\":\"_marginStartauto_1whn1_312\",\"marginTop-12\":\"_marginTop-12_1whn1_317\",\"marginTop-11\":\"_marginTop-11_1whn1_321\",\"marginTop-10\":\"_marginTop-10_1whn1_325\",\"marginTop-9\":\"_marginTop-9_1whn1_329\",\"marginTop-8\":\"_marginTop-8_1whn1_333\",\"marginTop-7\":\"_marginTop-7_1whn1_337\",\"marginTop-6\":\"_marginTop-6_1whn1_341\",\"marginTop-5\":\"_marginTop-5_1whn1_345\",\"marginTop-4\":\"_marginTop-4_1whn1_349\",\"marginTop-3\":\"_marginTop-3_1whn1_353\",\"marginTop-2\":\"_marginTop-2_1whn1_357\",\"marginTop-1\":\"_marginTop-1_1whn1_317\",\"marginTop0\":\"_marginTop0_1whn1_365\",\"marginTop1\":\"_marginTop1_1whn1_369\",\"marginTop2\":\"_marginTop2_1whn1_373\",\"marginTop3\":\"_marginTop3_1whn1_377\",\"marginTop4\":\"_marginTop4_1whn1_381\",\"marginTop5\":\"_marginTop5_1whn1_385\",\"marginTop6\":\"_marginTop6_1whn1_389\",\"marginTop7\":\"_marginTop7_1whn1_393\",\"marginTop8\":\"_marginTop8_1whn1_397\",\"marginTop9\":\"_marginTop9_1whn1_401\",\"marginTop10\":\"_marginTop10_1whn1_405\",\"marginTop11\":\"_marginTop11_1whn1_409\",\"marginTop12\":\"_marginTop12_1whn1_413\",\"marginTopauto\":\"_marginTopauto_1whn1_417\",\"marginBottom-12Small\":\"_marginBottom-12Small_1whn1_423\",\"marginBottom-11Small\":\"_marginBottom-11Small_1whn1_427\",\"marginBottom-10Small\":\"_marginBottom-10Small_1whn1_431\",\"marginBottom-9Small\":\"_marginBottom-9Small_1whn1_435\",\"marginBottom-8Small\":\"_marginBottom-8Small_1whn1_439\",\"marginBottom-7Small\":\"_marginBottom-7Small_1whn1_443\",\"marginBottom-6Small\":\"_marginBottom-6Small_1whn1_447\",\"marginBottom-5Small\":\"_marginBottom-5Small_1whn1_451\",\"marginBottom-4Small\":\"_marginBottom-4Small_1whn1_455\",\"marginBottom-3Small\":\"_marginBottom-3Small_1whn1_459\",\"marginBottom-2Small\":\"_marginBottom-2Small_1whn1_463\",\"marginBottom-1Small\":\"_marginBottom-1Small_1whn1_467\",\"marginBottom0Small\":\"_marginBottom0Small_1whn1_471\",\"marginBottom1Small\":\"_marginBottom1Small_1whn1_475\",\"marginBottom2Small\":\"_marginBottom2Small_1whn1_479\",\"marginBottom3Small\":\"_marginBottom3Small_1whn1_483\",\"marginBottom4Small\":\"_marginBottom4Small_1whn1_487\",\"marginBottom5Small\":\"_marginBottom5Small_1whn1_491\",\"marginBottom6Small\":\"_marginBottom6Small_1whn1_495\",\"marginBottom7Small\":\"_marginBottom7Small_1whn1_499\",\"marginBottom8Small\":\"_marginBottom8Small_1whn1_503\",\"marginBottom9Small\":\"_marginBottom9Small_1whn1_507\",\"marginBottom10Small\":\"_marginBottom10Small_1whn1_511\",\"marginBottom11Small\":\"_marginBottom11Small_1whn1_515\",\"marginBottom12Small\":\"_marginBottom12Small_1whn1_519\",\"marginBottomautoSmall\":\"_marginBottomautoSmall_1whn1_523\",\"marginEnd-12Small\":\"_marginEnd-12Small_1whn1_527\",\"marginEnd-11Small\":\"_marginEnd-11Small_1whn1_531\",\"marginEnd-10Small\":\"_marginEnd-10Small_1whn1_535\",\"marginEnd-9Small\":\"_marginEnd-9Small_1whn1_539\",\"marginEnd-8Small\":\"_marginEnd-8Small_1whn1_543\",\"marginEnd-7Small\":\"_marginEnd-7Small_1whn1_547\",\"marginEnd-6Small\":\"_marginEnd-6Small_1whn1_551\",\"marginEnd-5Small\":\"_marginEnd-5Small_1whn1_555\",\"marginEnd-4Small\":\"_marginEnd-4Small_1whn1_559\",\"marginEnd-3Small\":\"_marginEnd-3Small_1whn1_563\",\"marginEnd-2Small\":\"_marginEnd-2Small_1whn1_567\",\"marginEnd-1Small\":\"_marginEnd-1Small_1whn1_571\",\"marginEnd0Small\":\"_marginEnd0Small_1whn1_575\",\"marginEnd1Small\":\"_marginEnd1Small_1whn1_579\",\"marginEnd2Small\":\"_marginEnd2Small_1whn1_583\",\"marginEnd3Small\":\"_marginEnd3Small_1whn1_587\",\"marginEnd4Small\":\"_marginEnd4Small_1whn1_591\",\"marginEnd5Small\":\"_marginEnd5Small_1whn1_595\",\"marginEnd6Small\":\"_marginEnd6Small_1whn1_599\",\"marginEnd7Small\":\"_marginEnd7Small_1whn1_603\",\"marginEnd8Small\":\"_marginEnd8Small_1whn1_607\",\"marginEnd9Small\":\"_marginEnd9Small_1whn1_611\",\"marginEnd10Small\":\"_marginEnd10Small_1whn1_615\",\"marginEnd11Small\":\"_marginEnd11Small_1whn1_619\",\"marginEnd12Small\":\"_marginEnd12Small_1whn1_623\",\"marginEndautoSmall\":\"_marginEndautoSmall_1whn1_627\",\"marginStart-12Small\":\"_marginStart-12Small_1whn1_631\",\"marginStart-11Small\":\"_marginStart-11Small_1whn1_635\",\"marginStart-10Small\":\"_marginStart-10Small_1whn1_639\",\"marginStart-9Small\":\"_marginStart-9Small_1whn1_643\",\"marginStart-8Small\":\"_marginStart-8Small_1whn1_647\",\"marginStart-7Small\":\"_marginStart-7Small_1whn1_651\",\"marginStart-6Small\":\"_marginStart-6Small_1whn1_655\",\"marginStart-5Small\":\"_marginStart-5Small_1whn1_659\",\"marginStart-4Small\":\"_marginStart-4Small_1whn1_663\",\"marginStart-3Small\":\"_marginStart-3Small_1whn1_667\",\"marginStart-2Small\":\"_marginStart-2Small_1whn1_671\",\"marginStart-1Small\":\"_marginStart-1Small_1whn1_675\",\"marginStart0Small\":\"_marginStart0Small_1whn1_679\",\"marginStart1Small\":\"_marginStart1Small_1whn1_683\",\"marginStart2Small\":\"_marginStart2Small_1whn1_687\",\"marginStart3Small\":\"_marginStart3Small_1whn1_691\",\"marginStart4Small\":\"_marginStart4Small_1whn1_695\",\"marginStart5Small\":\"_marginStart5Small_1whn1_699\",\"marginStart6Small\":\"_marginStart6Small_1whn1_703\",\"marginStart7Small\":\"_marginStart7Small_1whn1_707\",\"marginStart8Small\":\"_marginStart8Small_1whn1_711\",\"marginStart9Small\":\"_marginStart9Small_1whn1_715\",\"marginStart10Small\":\"_marginStart10Small_1whn1_719\",\"marginStart11Small\":\"_marginStart11Small_1whn1_723\",\"marginStart12Small\":\"_marginStart12Small_1whn1_727\",\"marginStartautoSmall\":\"_marginStartautoSmall_1whn1_731\",\"marginTop-12Small\":\"_marginTop-12Small_1whn1_735\",\"marginTop-11Small\":\"_marginTop-11Small_1whn1_739\",\"marginTop-10Small\":\"_marginTop-10Small_1whn1_743\",\"marginTop-9Small\":\"_marginTop-9Small_1whn1_747\",\"marginTop-8Small\":\"_marginTop-8Small_1whn1_751\",\"marginTop-7Small\":\"_marginTop-7Small_1whn1_755\",\"marginTop-6Small\":\"_marginTop-6Small_1whn1_759\",\"marginTop-5Small\":\"_marginTop-5Small_1whn1_763\",\"marginTop-4Small\":\"_marginTop-4Small_1whn1_767\",\"marginTop-3Small\":\"_marginTop-3Small_1whn1_771\",\"marginTop-2Small\":\"_marginTop-2Small_1whn1_775\",\"marginTop-1Small\":\"_marginTop-1Small_1whn1_779\",\"marginTop0Small\":\"_marginTop0Small_1whn1_783\",\"marginTop1Small\":\"_marginTop1Small_1whn1_787\",\"marginTop2Small\":\"_marginTop2Small_1whn1_791\",\"marginTop3Small\":\"_marginTop3Small_1whn1_795\",\"marginTop4Small\":\"_marginTop4Small_1whn1_799\",\"marginTop5Small\":\"_marginTop5Small_1whn1_803\",\"marginTop6Small\":\"_marginTop6Small_1whn1_807\",\"marginTop7Small\":\"_marginTop7Small_1whn1_811\",\"marginTop8Small\":\"_marginTop8Small_1whn1_815\",\"marginTop9Small\":\"_marginTop9Small_1whn1_819\",\"marginTop10Small\":\"_marginTop10Small_1whn1_823\",\"marginTop11Small\":\"_marginTop11Small_1whn1_827\",\"marginTop12Small\":\"_marginTop12Small_1whn1_831\",\"marginTopautoSmall\":\"_marginTopautoSmall_1whn1_835\",\"marginBottom-12Large\":\"_marginBottom-12Large_1whn1_842\",\"marginBottom-11Large\":\"_marginBottom-11Large_1whn1_846\",\"marginBottom-10Large\":\"_marginBottom-10Large_1whn1_850\",\"marginBottom-9Large\":\"_marginBottom-9Large_1whn1_854\",\"marginBottom-8Large\":\"_marginBottom-8Large_1whn1_858\",\"marginBottom-7Large\":\"_marginBottom-7Large_1whn1_862\",\"marginBottom-6Large\":\"_marginBottom-6Large_1whn1_866\",\"marginBottom-5Large\":\"_marginBottom-5Large_1whn1_870\",\"marginBottom-4Large\":\"_marginBottom-4Large_1whn1_874\",\"marginBottom-3Large\":\"_marginBottom-3Large_1whn1_878\",\"marginBottom-2Large\":\"_marginBottom-2Large_1whn1_882\",\"marginBottom-1Large\":\"_marginBottom-1Large_1whn1_886\",\"marginBottom0Large\":\"_marginBottom0Large_1whn1_890\",\"marginBottom1Large\":\"_marginBottom1Large_1whn1_894\",\"marginBottom2Large\":\"_marginBottom2Large_1whn1_898\",\"marginBottom3Large\":\"_marginBottom3Large_1whn1_902\",\"marginBottom4Large\":\"_marginBottom4Large_1whn1_906\",\"marginBottom5Large\":\"_marginBottom5Large_1whn1_910\",\"marginBottom6Large\":\"_marginBottom6Large_1whn1_914\",\"marginBottom7Large\":\"_marginBottom7Large_1whn1_918\",\"marginBottom8Large\":\"_marginBottom8Large_1whn1_922\",\"marginBottom9Large\":\"_marginBottom9Large_1whn1_926\",\"marginBottom10Large\":\"_marginBottom10Large_1whn1_930\",\"marginBottom11Large\":\"_marginBottom11Large_1whn1_934\",\"marginBottom12Large\":\"_marginBottom12Large_1whn1_938\",\"marginBottomautoLarge\":\"_marginBottomautoLarge_1whn1_942\",\"marginEnd-12Large\":\"_marginEnd-12Large_1whn1_946\",\"marginEnd-11Large\":\"_marginEnd-11Large_1whn1_950\",\"marginEnd-10Large\":\"_marginEnd-10Large_1whn1_954\",\"marginEnd-9Large\":\"_marginEnd-9Large_1whn1_958\",\"marginEnd-8Large\":\"_marginEnd-8Large_1whn1_962\",\"marginEnd-7Large\":\"_marginEnd-7Large_1whn1_966\",\"marginEnd-6Large\":\"_marginEnd-6Large_1whn1_970\",\"marginEnd-5Large\":\"_marginEnd-5Large_1whn1_974\",\"marginEnd-4Large\":\"_marginEnd-4Large_1whn1_978\",\"marginEnd-3Large\":\"_marginEnd-3Large_1whn1_982\",\"marginEnd-2Large\":\"_marginEnd-2Large_1whn1_986\",\"marginEnd-1Large\":\"_marginEnd-1Large_1whn1_990\",\"marginEnd0Large\":\"_marginEnd0Large_1whn1_994\",\"marginEnd1Large\":\"_marginEnd1Large_1whn1_998\",\"marginEnd2Large\":\"_marginEnd2Large_1whn1_1002\",\"marginEnd3Large\":\"_marginEnd3Large_1whn1_1006\",\"marginEnd4Large\":\"_marginEnd4Large_1whn1_1010\",\"marginEnd5Large\":\"_marginEnd5Large_1whn1_1014\",\"marginEnd6Large\":\"_marginEnd6Large_1whn1_1018\",\"marginEnd7Large\":\"_marginEnd7Large_1whn1_1022\",\"marginEnd8Large\":\"_marginEnd8Large_1whn1_1026\",\"marginEnd9Large\":\"_marginEnd9Large_1whn1_1030\",\"marginEnd10Large\":\"_marginEnd10Large_1whn1_1034\",\"marginEnd11Large\":\"_marginEnd11Large_1whn1_1038\",\"marginEnd12Large\":\"_marginEnd12Large_1whn1_1042\",\"marginEndautoLarge\":\"_marginEndautoLarge_1whn1_1046\",\"marginStart-12Large\":\"_marginStart-12Large_1whn1_1050\",\"marginStart-11Large\":\"_marginStart-11Large_1whn1_1054\",\"marginStart-10Large\":\"_marginStart-10Large_1whn1_1058\",\"marginStart-9Large\":\"_marginStart-9Large_1whn1_1062\",\"marginStart-8Large\":\"_marginStart-8Large_1whn1_1066\",\"marginStart-7Large\":\"_marginStart-7Large_1whn1_1070\",\"marginStart-6Large\":\"_marginStart-6Large_1whn1_1074\",\"marginStart-5Large\":\"_marginStart-5Large_1whn1_1078\",\"marginStart-4Large\":\"_marginStart-4Large_1whn1_1082\",\"marginStart-3Large\":\"_marginStart-3Large_1whn1_1086\",\"marginStart-2Large\":\"_marginStart-2Large_1whn1_1090\",\"marginStart-1Large\":\"_marginStart-1Large_1whn1_1094\",\"marginStart0Large\":\"_marginStart0Large_1whn1_1098\",\"marginStart1Large\":\"_marginStart1Large_1whn1_1102\",\"marginStart2Large\":\"_marginStart2Large_1whn1_1106\",\"marginStart3Large\":\"_marginStart3Large_1whn1_1110\",\"marginStart4Large\":\"_marginStart4Large_1whn1_1114\",\"marginStart5Large\":\"_marginStart5Large_1whn1_1118\",\"marginStart6Large\":\"_marginStart6Large_1whn1_1122\",\"marginStart7Large\":\"_marginStart7Large_1whn1_1126\",\"marginStart8Large\":\"_marginStart8Large_1whn1_1130\",\"marginStart9Large\":\"_marginStart9Large_1whn1_1134\",\"marginStart10Large\":\"_marginStart10Large_1whn1_1138\",\"marginStart11Large\":\"_marginStart11Large_1whn1_1142\",\"marginStart12Large\":\"_marginStart12Large_1whn1_1146\",\"marginStartautoLarge\":\"_marginStartautoLarge_1whn1_1150\",\"marginTop-12Large\":\"_marginTop-12Large_1whn1_1154\",\"marginTop-11Large\":\"_marginTop-11Large_1whn1_1158\",\"marginTop-10Large\":\"_marginTop-10Large_1whn1_1162\",\"marginTop-9Large\":\"_marginTop-9Large_1whn1_1166\",\"marginTop-8Large\":\"_marginTop-8Large_1whn1_1170\",\"marginTop-7Large\":\"_marginTop-7Large_1whn1_1174\",\"marginTop-6Large\":\"_marginTop-6Large_1whn1_1178\",\"marginTop-5Large\":\"_marginTop-5Large_1whn1_1182\",\"marginTop-4Large\":\"_marginTop-4Large_1whn1_1186\",\"marginTop-3Large\":\"_marginTop-3Large_1whn1_1190\",\"marginTop-2Large\":\"_marginTop-2Large_1whn1_1194\",\"marginTop-1Large\":\"_marginTop-1Large_1whn1_1198\",\"marginTop0Large\":\"_marginTop0Large_1whn1_1202\",\"marginTop1Large\":\"_marginTop1Large_1whn1_1206\",\"marginTop2Large\":\"_marginTop2Large_1whn1_1210\",\"marginTop3Large\":\"_marginTop3Large_1whn1_1214\",\"marginTop4Large\":\"_marginTop4Large_1whn1_1218\",\"marginTop5Large\":\"_marginTop5Large_1whn1_1222\",\"marginTop6Large\":\"_marginTop6Large_1whn1_1226\",\"marginTop7Large\":\"_marginTop7Large_1whn1_1230\",\"marginTop8Large\":\"_marginTop8Large_1whn1_1234\",\"marginTop9Large\":\"_marginTop9Large_1whn1_1238\",\"marginTop10Large\":\"_marginTop10Large_1whn1_1242\",\"marginTop11Large\":\"_marginTop11Large_1whn1_1246\",\"marginTop12Large\":\"_marginTop12Large_1whn1_1250\",\"marginTopautoLarge\":\"_marginTopautoLarge_1whn1_1254\"}"],"mappings":"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","names":["AriaPopover","Popover"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
|
|
4
4
|
|
|
5
5
|
// src/AvatarGroup/AvatarGroup.tsx
|
|
6
6
|
|
|
@@ -19,7 +19,7 @@ function AvatarGroup({
|
|
|
19
19
|
children
|
|
20
20
|
}) {
|
|
21
21
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
22
|
-
|
|
22
|
+
_5SMR5MWYcjs.Box_default,
|
|
23
23
|
{
|
|
24
24
|
display: "flex",
|
|
25
25
|
justifyContent: orientation === "standard" ? "start" : "end",
|
|
@@ -38,4 +38,4 @@ AvatarGroup.displayName = "AvatarGroup";
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
|
|
41
|
-
//# sourceMappingURL=
|
|
41
|
+
//# sourceMappingURL=W7CSNF2M.cjs.map
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SelectOption_default
|
|
3
3
|
} from "./HOUO3WV6.js";
|
|
4
|
+
import {
|
|
5
|
+
ColorBaseDestructive700,
|
|
6
|
+
ColorBaseGray800
|
|
7
|
+
} from "./3BBDCRDO.js";
|
|
4
8
|
import {
|
|
5
9
|
Focus_module_default
|
|
6
10
|
} from "./2O6FDRTF.js";
|
|
7
11
|
import {
|
|
8
12
|
Typography_default
|
|
9
|
-
} from "./
|
|
13
|
+
} from "./B2TFERTM.js";
|
|
10
14
|
import {
|
|
11
15
|
useIsHydrated
|
|
12
16
|
} from "./YJ7YDIGB.js";
|
|
@@ -21,10 +25,6 @@ import {
|
|
|
21
25
|
} from "react";
|
|
22
26
|
import classNames from "classnames";
|
|
23
27
|
|
|
24
|
-
// ../syntax-design-tokens/dist/js/index.js
|
|
25
|
-
var ColorBaseDestructive700 = "#d32a4b";
|
|
26
|
-
var ColorBaseGray800 = "#353535";
|
|
27
|
-
|
|
28
28
|
// css-module:./SelectList.module.css#css-module
|
|
29
29
|
var SelectList_module_default = { "selectContainer": "_selectContainer_3ifov_1", "opacityOverlay": "_opacityOverlay_3ifov_7", "outerTextContainer": "_outerTextContainer_3ifov_11", "selectWrapper": "_selectWrapper_3ifov_16", "selectBox": "_selectBox_3ifov_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_3ifov_37", "unselected": "_unselected_3ifov_42", "selected": "_selected_3ifov_46", "arrowIcon": "_arrowIcon_3ifov_50", "sm": "_sm_3ifov_64", "md": "_md_3ifov_70", "lg": "_lg_3ifov_76", "selectError": "_selectError_3ifov_82" };
|
|
30
30
|
|
|
@@ -124,4 +124,4 @@ SelectList.Option = SelectOption_default;
|
|
|
124
124
|
export {
|
|
125
125
|
SelectList
|
|
126
126
|
};
|
|
127
|
-
//# sourceMappingURL=
|
|
127
|
+
//# sourceMappingURL=WX2IEICF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n type ReactNode,\n useId,\n useState,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n ColorBaseDestructive700,\n ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n sm: 20,\n md: 24,\n lg: 24,\n} as const;\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n children,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n errorText,\n helperText,\n id,\n label,\n onChange,\n onClick,\n placeholderText,\n selectedValue = \"\",\n size = \"md\",\n}: {\n /**\n * One or more SelectList.Option components.\n */\n children: ReactNode;\n /**\n * Test id for the select element\n */\n \"data-testid\"?: string;\n /**\n * true if the select dropdown is disabled\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Callback to be called when select is clicked\n */\n onClick?: React.MouseEventHandler<HTMLSelectElement>;\n /**\n * Text shown below select box if there is an input error.\n */\n errorText?: string;\n /**\n * Text shown below select box\n */\n helperText?: string;\n /**\n * Id of the select element\n */\n id?: string;\n /**\n * Text shown above select box\n */\n label: string;\n /**\n * The callback to be called when an option is selected\n */\n onChange: React.ChangeEventHandler<HTMLSelectElement>;\n /**\n * Text showing in select box if no option has been chosen.\n * We should always have a placeholder unless there is a default option selected\n */\n placeholderText?: string;\n /**\n * Value of the currently selected option\n */\n selectedValue?: string;\n /**\n * Size of the select box\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n const reactId = useId();\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const selectId = id ?? reactId;\n const { isFocusVisible } = useFocusVisible();\n const [isFocused, setIsFocused] = useState(false);\n\n return (\n <div\n className={classNames(styles.selectContainer, {\n [styles.opacityOverlay]: disabled,\n })}\n >\n {label && (\n <label htmlFor={selectId} className={styles.outerTextContainer}>\n <Typography size={100} color=\"gray700\">\n {label}\n </Typography>\n </label>\n )}\n <div className={styles.selectWrapper}>\n <select\n id={selectId}\n data-testid={dataTestId}\n disabled={disabled}\n className={classNames(styles.selectBox, styles[size], {\n [styles.unselected]: !selectedValue && !errorText,\n [styles.selected]: selectedValue && !errorText,\n [styles.selectError]: errorText,\n [focusStyles.accessibilityOutlineFocus]:\n isFocused && isFocusVisible, // for focus keyboard\n [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n })}\n onChange={onChange}\n onClick={onClick}\n value={\n placeholderText && !selectedValue ? placeholderText : selectedValue\n }\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n >\n {placeholderText && (\n <option disabled value={placeholderText}>\n {placeholderText}\n </option>\n )}\n {children}\n </select>\n <div className={styles.arrowIcon}>\n <svg\n focusable=\"false\"\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n width={iconSize[size]}\n >\n <path\n fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n />\n </svg>\n </div>\n </div>\n {(helperText || errorText) && (\n <div className={styles.outerTextContainer}>\n <Typography\n size={100}\n color={errorText ? \"destructive-primary\" : \"gray700\"}\n >\n {errorText ? errorText : helperText}\n </Typography>\n </div>\n )}\n </div>\n );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_3ifov_1\",\"opacityOverlay\":\"_opacityOverlay_3ifov_7\",\"outerTextContainer\":\"_outerTextContainer_3ifov_11\",\"selectWrapper\":\"_selectWrapper_3ifov_16\",\"selectBox\":\"_selectBox_3ifov_21\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_3ifov_37\",\"unselected\":\"_unselected_3ifov_42\",\"selected\":\"_selected_3ifov_46\",\"arrowIcon\":\"_arrowIcon_3ifov_50\",\"sm\":\"_sm_3ifov_64\",\"md\":\"_md_3ifov_70\",\"lg\":\"_lg_3ifov_76\",\"selectError\":\"_selectError_3ifov_82\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACN6E,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,sBAAqB,gCAA+B,iBAAgB,2BAA0B,aAAY,uBAAsB,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,eAAc,wBAAuB;;;ADgHvkB,cAMF,YANE;AA9FV,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKe,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAwDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UAAU,WAAW,0BAAO,oBAC1C,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,IAAI,GAAG;AAAA,gBACpD,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,WAAW,GAAG;AAAA,gBACtB,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO,SAAS,IAAI;AAAA,cAEpB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,SAAI,WAAW,0BAAO,oBACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS;","names":[]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import {
|
|
2
|
+
layout_module_default
|
|
3
|
+
} from "./PTWXXDFF.js";
|
|
4
|
+
import {
|
|
5
|
+
padding_module_default
|
|
6
|
+
} from "./652STTPK.js";
|
|
7
|
+
import {
|
|
8
|
+
Box_module_default
|
|
9
|
+
} from "./KMIZI5PW.js";
|
|
10
|
+
import {
|
|
11
|
+
rounding_module_default
|
|
12
|
+
} from "./TPMQI44L.js";
|
|
13
|
+
import {
|
|
14
|
+
colors_module_default
|
|
15
|
+
} from "./ERXGNP37.js";
|
|
16
|
+
|
|
17
|
+
// src/Dialog/Dialog.tsx
|
|
18
|
+
import React, {
|
|
19
|
+
forwardRef,
|
|
20
|
+
useContext
|
|
21
|
+
} from "react";
|
|
22
|
+
|
|
23
|
+
// css-module:../elevation/elevation.module.css#css-module
|
|
24
|
+
var elevation_module_default = { "elevation400BoxShadow": "_elevation400BoxShadow_vw6sp_1" };
|
|
25
|
+
|
|
26
|
+
// css-module:./Dialog.module.css#css-module
|
|
27
|
+
var Dialog_module_default = { "dialog": "_dialog_1bme6_1" };
|
|
28
|
+
|
|
29
|
+
// src/Dialog/Dialog.tsx
|
|
30
|
+
import { Dialog as ReactAriaDialog } from "react-aria-components";
|
|
31
|
+
import classNames from "classnames";
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
33
|
+
var sizeToRounding = {
|
|
34
|
+
sm: "lg",
|
|
35
|
+
md: "lg",
|
|
36
|
+
lg: "xl"
|
|
37
|
+
};
|
|
38
|
+
var sizeToPadding = {
|
|
39
|
+
sm: 4,
|
|
40
|
+
md: 5,
|
|
41
|
+
lg: 6
|
|
42
|
+
};
|
|
43
|
+
var DialogContext = React.createContext({});
|
|
44
|
+
var Dialog = forwardRef(function Dialog2(props, ref) {
|
|
45
|
+
const {
|
|
46
|
+
"data-testid": dataTestId,
|
|
47
|
+
accessibilityLabel,
|
|
48
|
+
children,
|
|
49
|
+
size = "md"
|
|
50
|
+
} = props;
|
|
51
|
+
const { padding } = useContext(DialogContext);
|
|
52
|
+
return /* @__PURE__ */ jsx(
|
|
53
|
+
ReactAriaDialog,
|
|
54
|
+
{
|
|
55
|
+
ref,
|
|
56
|
+
"data-testid": dataTestId,
|
|
57
|
+
"aria-label": accessibilityLabel,
|
|
58
|
+
className: classNames([
|
|
59
|
+
Box_module_default.box,
|
|
60
|
+
Box_module_default.flex,
|
|
61
|
+
Box_module_default.column,
|
|
62
|
+
Box_module_default.gap4,
|
|
63
|
+
Box_module_default.relative,
|
|
64
|
+
Box_module_default.overflowauto,
|
|
65
|
+
colors_module_default.whiteBackgroundColor,
|
|
66
|
+
padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
|
|
67
|
+
padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
|
|
68
|
+
rounding_module_default[`rounding${sizeToRounding[size]}`],
|
|
69
|
+
elevation_module_default.elevation400BoxShadow,
|
|
70
|
+
layout_module_default.fullMaxHeight,
|
|
71
|
+
layout_module_default.visibilityVisible,
|
|
72
|
+
Dialog_module_default.dialog
|
|
73
|
+
]),
|
|
74
|
+
children
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
});
|
|
78
|
+
var Dialog_default = Dialog;
|
|
79
|
+
|
|
80
|
+
export {
|
|
81
|
+
DialogContext,
|
|
82
|
+
Dialog_default
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=XFFSBU7E.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"sourcesContent":["import React, {\n type ReactNode,\n forwardRef,\n type ReactElement,\n useContext,\n type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\ntype DialogRounding = \"lg\" | \"xl\";\nexport type DialogProps = {\n /** Test id for the floating dialog */\n \"data-testid\"?: string;\n /** aria-label for the dialog */\n accessibilityLabel?: string;\n /** Content to be shown inside the dialog. */\n children?: ReactNode;\n /** Optional size of the dialog box */\n size?: DialogSize;\n};\n\nconst sizeToRounding: Record<DialogSize, DialogRounding> = {\n sm: \"lg\",\n md: \"lg\",\n lg: \"xl\",\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n sm: 4,\n md: 5,\n lg: 6,\n};\n\ntype DialogContextType = {\n /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n <Dialog accessibilityLabel=\"Select some options\">\n <Box padding={2} maxWidth={400}>\n ... some content goes here\n </Box>\n </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n props,\n ref,\n): ReactElement {\n const {\n \"data-testid\": dataTestId,\n accessibilityLabel,\n children,\n size = \"md\",\n } = props;\n\n const { padding } = useContext(DialogContext);\n\n return (\n <ReactAriaDialog\n ref={ref}\n data-testid={dataTestId}\n // first thing screen reader reads\n // e.g. \"<this was the label prop>, dialog, 4 items...\"\n aria-label={accessibilityLabel}\n className={classNames([\n boxStyles.box,\n boxStyles.flex,\n boxStyles.column,\n boxStyles.gap4,\n boxStyles.relative,\n boxStyles.overflowauto,\n colorStyles.whiteBackgroundColor,\n paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n roundingStyles[`rounding${sizeToRounding[size]}`],\n elevationStyles.elevation400BoxShadow,\n layoutStyles.fullMaxHeight,\n layoutStyles.visibilityVisible,\n styles.dialog,\n ])}\n >\n {children}\n </ReactAriaDialog>\n );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1bme6_1\"}"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AA4DnB;AA5CJ,IAAM,iBAAqD;AAAA,EACzD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe,WAAW,eAAe,IAAI,GAAG;AAAA,QAChD,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ;","names":["Dialog"]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// src/react-aria-utils/OverlayVisibility.tsx
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
function OverlayVisibility({
|
|
4
|
+
onChange,
|
|
5
|
+
isEntering,
|
|
6
|
+
isExiting
|
|
7
|
+
}) {
|
|
8
|
+
const onChangeRef = useRef(onChange);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
onChangeRef.current = onChange;
|
|
11
|
+
}, [onChange]);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (isEntering)
|
|
14
|
+
return () => {
|
|
15
|
+
var _a;
|
|
16
|
+
return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, true);
|
|
17
|
+
};
|
|
18
|
+
if (isExiting)
|
|
19
|
+
return () => {
|
|
20
|
+
var _a;
|
|
21
|
+
return (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, false);
|
|
22
|
+
};
|
|
23
|
+
}, [isEntering, isExiting]);
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export {
|
|
28
|
+
OverlayVisibility
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=XKDASN7N.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/react-aria-utils/OverlayVisibility.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * The react-aria-components Tooltip, Popover, Modal and ModalOverlay\n * components render with `isEntering` and `isExiting` bools from\n * listening to css animations events on the element.\n *\n * These bits are only available through children-as-function render props.\n *\n * Since these bits are not available through any context,\n * this component is a helper to fire a handler when content visibility\n * has changed _after_ animations have finished.\n */\nexport default function OverlayVisibility({\n onChange,\n isEntering,\n isExiting,\n}: {\n /** Optional handler for change of visibility for popover content */\n onChange?: (visible: boolean) => void;\n /** Whether the content is entering (animating) */\n isEntering?: boolean;\n /** Whether the content is exiting (animating) */\n isExiting?: boolean;\n}): null {\n const onChangeRef = useRef(onChange);\n useEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n\n // fire visibility change handler when animation steps finish\n useEffect(() => {\n if (isEntering) return () => onChangeRef.current?.(true);\n if (isExiting) return () => onChangeRef.current?.(false);\n }, [isEntering, isExiting]);\n\n return null;\n}\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAanB,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACF,GAOS;AACP,QAAM,cAAc,OAAO,QAAQ;AACnC,YAAU,MAAM;AACd,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,QAAQ,CAAC;AAGb,YAAU,MAAM;AACd,QAAI;AAAY,aAAO,MAAG;AAhC9B;AAgCiC,iCAAY,YAAZ,qCAAsB;AAAA;AACnD,QAAI;AAAW,aAAO,MAAG;AAjC7B;AAiCgC,iCAAY,YAAZ,qCAAsB;AAAA;AAAA,EACpD,GAAG,CAAC,YAAY,SAAS,CAAC;AAE1B,SAAO;AACT;","names":[]}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Heading_default
|
|
3
|
+
} from "./PEKXH4DM.js";
|
|
4
|
+
import {
|
|
5
|
+
StopScroll
|
|
6
|
+
} from "./AFINOME7.js";
|
|
1
7
|
import {
|
|
2
8
|
Layer
|
|
3
|
-
} from "./
|
|
9
|
+
} from "./E4BJX2H5.js";
|
|
4
10
|
import {
|
|
5
11
|
FocusTrap
|
|
6
12
|
} from "./42YPEAFS.js";
|
|
7
|
-
import {
|
|
8
|
-
Heading_default
|
|
9
|
-
} from "./BSFWQWVJ.js";
|
|
10
13
|
import {
|
|
11
14
|
Box_default
|
|
12
|
-
} from "./
|
|
13
|
-
import {
|
|
14
|
-
StopScroll
|
|
15
|
-
} from "./AFINOME7.js";
|
|
15
|
+
} from "./TJHCYMPV.js";
|
|
16
16
|
|
|
17
17
|
// src/Modal/Modal.tsx
|
|
18
18
|
import classnames from "classnames";
|
|
@@ -107,4 +107,4 @@ Modal.displayName = "Modal";
|
|
|
107
107
|
export {
|
|
108
108
|
Modal
|
|
109
109
|
};
|
|
110
|
-
//# sourceMappingURL=
|
|
110
|
+
//# sourceMappingURL=XT2JUTU3.js.map
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import {
|
|
2
|
+
useIsHydrated
|
|
3
|
+
} from "./YJ7YDIGB.js";
|
|
4
|
+
|
|
5
|
+
// src/RichSelect/RichSelectItem.tsx
|
|
6
|
+
import {
|
|
7
|
+
forwardRef,
|
|
8
|
+
createContext,
|
|
9
|
+
useEffect,
|
|
10
|
+
useContext
|
|
11
|
+
} from "react";
|
|
12
|
+
import {
|
|
13
|
+
ListBoxItem as ReactAriaListBoxItem
|
|
14
|
+
} from "react-aria-components";
|
|
15
|
+
|
|
16
|
+
// css-module:./RichSelect.module.css#css-module
|
|
17
|
+
var RichSelect_module_default = { "richSelectItem": "_richSelectItem_8ycz0_1", "richSelectBox": "_richSelectBox_8ycz0_2" };
|
|
18
|
+
|
|
19
|
+
// src/RichSelect/RichSelectItem.tsx
|
|
20
|
+
import { jsx } from "react/jsx-runtime";
|
|
21
|
+
var RichSelectItemContext = createContext({});
|
|
22
|
+
var RichSelectItem_default = forwardRef(function RichSelectItem(props, ref) {
|
|
23
|
+
const {
|
|
24
|
+
"data-testid": dataTestId,
|
|
25
|
+
value,
|
|
26
|
+
label,
|
|
27
|
+
disabled: disabledProp = false,
|
|
28
|
+
children
|
|
29
|
+
} = props;
|
|
30
|
+
const isHydrated = useIsHydrated();
|
|
31
|
+
const disabled = !isHydrated || disabledProp;
|
|
32
|
+
const { disableKey } = useContext(RichSelectItemContext);
|
|
33
|
+
useEffect(() => disableKey == null ? void 0 : disableKey(value, disabled), [disableKey, disabled, value]);
|
|
34
|
+
return /* @__PURE__ */ jsx(
|
|
35
|
+
ReactAriaListBoxItem,
|
|
36
|
+
{
|
|
37
|
+
id: value,
|
|
38
|
+
textValue: label,
|
|
39
|
+
className: RichSelect_module_default.richSelectItem,
|
|
40
|
+
"data-testid": dataTestId,
|
|
41
|
+
ref,
|
|
42
|
+
children
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
export {
|
|
48
|
+
RichSelect_module_default,
|
|
49
|
+
RichSelectItemContext,
|
|
50
|
+
RichSelectItem_default
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=Y6L6EOCB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/RichSelect/RichSelectItem.tsx","css-module:./RichSelect.module.css#css-module"],"sourcesContent":["import React, {\n forwardRef,\n type ReactElement,\n createContext,\n useEffect,\n useContext,\n} from \"react\";\nimport {\n ListBoxItem as ReactAriaListBoxItem,\n type ListBoxItemRenderProps,\n} from \"react-aria-components\";\nimport styles from \"./RichSelect.module.css\";\nimport { type Key } from \"react-aria\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nexport type RichSelectItemProps = {\n \"data-testid\"?: string;\n value: string;\n label: string;\n name?: string;\n disabled?: boolean;\n};\n\nexport const RichSelectItemContext = createContext<{\n disableKey?: (key: Key, value: boolean) => void;\n}>({});\n\nexport default forwardRef<\n HTMLDivElement,\n RichSelectItemProps & {\n /** The children of the component. A function may be provided to alter the children based on component state. */\n children?:\n | string\n | ReactElement\n | ((values: ListBoxItemRenderProps) => ReactElement);\n }\n>(function RichSelectItem(props, ref): ReactElement {\n const {\n \"data-testid\": dataTestId,\n value,\n label,\n disabled: disabledProp = false,\n children,\n } = props;\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n\n const { disableKey } = useContext(RichSelectItemContext);\n useEffect(() => disableKey?.(value, disabled), [disableKey, disabled, value]);\n return (\n <ReactAriaListBoxItem\n id={value}\n textValue={label}\n className={styles.richSelectItem}\n data-testid={dataTestId}\n ref={ref}\n >\n {children}\n </ReactAriaListBoxItem>\n );\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RichSelect/RichSelect.module.css\"; export default {\"richSelectItem\":\"_richSelectItem_8ycz0_1\",\"richSelectBox\":\"_richSelectBox_8ycz0_2\"}"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,eAAe;AAAA,OAEV;;;ACV6F,IAAO,4BAAQ,EAAC,kBAAiB,2BAA0B,iBAAgB,yBAAwB;;;ADkDnM;AA3BG,IAAM,wBAAwB,cAElC,CAAC,CAAC;AAEL,IAAO,yBAAQ,WASb,SAAS,eAAe,OAAO,KAAmB;AAClD,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,UAAU,eAAe;AAAA,IACzB;AAAA,EACF,IAAI;AACJ,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAEhC,QAAM,EAAE,WAAW,IAAI,WAAW,qBAAqB;AACvD,YAAU,MAAM,yCAAa,OAAO,WAAW,CAAC,YAAY,UAAU,KAAK,CAAC;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW,0BAAO;AAAA,MAClB,eAAa;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
|
|
4
4
|
|
|
5
5
|
// src/Modal/Layer.tsx
|
|
6
6
|
var _reactdom = require('react-dom');
|
|
@@ -11,7 +11,7 @@ function Layer({
|
|
|
11
11
|
}) {
|
|
12
12
|
return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0,
|
|
13
13
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14
|
-
|
|
14
|
+
_5SMR5MWYcjs.Box_default,
|
|
15
15
|
{
|
|
16
16
|
"data-testid": "syntax-layer",
|
|
17
17
|
position: "fixed",
|
|
@@ -28,4 +28,4 @@ function Layer({
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
exports.Layer = Layer;
|
|
31
|
-
//# sourceMappingURL=
|
|
31
|
+
//# sourceMappingURL=YBP5BNDH.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../layout.module.css#css-module
|
|
2
|
+
var layout_module_default = { "fullWidth": "_fullWidth_1ey57_1", "fullMaxWidth": "_fullMaxWidth_1ey57_5", "fullMaxHeight": "_fullMaxHeight_1ey57_9", "visibilityVisible": "_visibilityVisible_1ey57_13" };
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
exports.layout_module_default = layout_module_default;
|
|
7
|
+
//# sourceMappingURL=ZDMSFZS3.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["css-module:../layout.module.css#css-module"],"names":[],"mappings":";AAAqF,IAAO,wBAAQ,EAAC,aAAY,sBAAqB,gBAAe,yBAAwB,iBAAgB,0BAAyB,qBAAoB,8BAA6B","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/layout.module.css\"; export default {\"fullWidth\":\"_fullWidth_1ey57_1\",\"fullMaxWidth\":\"_fullMaxWidth_1ey57_5\",\"fullMaxHeight\":\"_fullMaxHeight_1ey57_9\",\"visibilityVisible\":\"_visibilityVisible_1ey57_13\"}"]}
|