bootstrap-rn 0.4.6 → 0.4.7
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/lib/module/Context.js.map +1 -1
- package/lib/module/Provider.js +3 -7
- package/lib/module/Provider.js.map +1 -1
- package/lib/module/components/Body.js +8 -1
- package/lib/module/components/Body.js.map +1 -1
- package/lib/module/components/buttons/Button.js +10 -8
- package/lib/module/components/buttons/Button.js.map +1 -1
- package/lib/module/components/close/CloseButton.js +7 -3
- package/lib/module/components/close/CloseButton.js.map +1 -1
- package/lib/module/components/collapse/useCollapse.js +2 -3
- package/lib/module/components/collapse/useCollapse.js.map +1 -1
- package/lib/module/components/dropdown/Dropdown.js +1 -2
- package/lib/module/components/dropdown/Dropdown.js.map +1 -1
- package/lib/module/components/dropdown/DropdownContext.js.map +1 -1
- package/lib/module/components/dropdown/DropdownMenu.js +33 -59
- package/lib/module/components/dropdown/DropdownMenu.js.map +1 -1
- package/lib/module/components/dropdown/useDismissDropdown.js +5 -4
- package/lib/module/components/dropdown/useDismissDropdown.js.map +1 -1
- package/lib/module/components/dropdown/useDropdown.js +35 -11
- package/lib/module/components/dropdown/useDropdown.js.map +1 -1
- package/lib/module/components/dropdown/useToggleDropdown.js +4 -6
- package/lib/module/components/dropdown/useToggleDropdown.js.map +1 -1
- package/lib/module/components/forms/FormCheckInput.js +1 -1
- package/lib/module/components/forms/Input.js +1 -1
- package/lib/module/components/forms/internals/PickerNative.js +1 -1
- package/lib/module/components/forms/internals/PickerNative.js.map +1 -1
- package/lib/module/components/helpers/BackdropHandler.js +6 -92
- package/lib/module/components/helpers/BackdropHandler.js.map +1 -1
- package/lib/module/components/helpers/BackdropHandler.web.js +8 -0
- package/lib/module/components/helpers/BackdropHandler.web.js.map +1 -0
- package/lib/module/components/helpers/Dialog.js +29 -0
- package/lib/module/components/helpers/Dialog.js.map +1 -0
- package/lib/module/components/helpers/Dialog.web.js +117 -0
- package/lib/module/components/helpers/Dialog.web.js.map +1 -0
- package/lib/module/components/helpers/Portal.js +5 -0
- package/lib/module/components/helpers/Portal.js.map +1 -0
- package/lib/module/components/helpers/Portal.web.js +16 -0
- package/lib/module/components/helpers/Portal.web.js.map +1 -0
- package/lib/module/components/helpers/PortalHost.js +5 -0
- package/lib/module/components/helpers/PortalHost.js.map +1 -0
- package/lib/module/components/helpers/PortalHost.web.js +15 -0
- package/lib/module/components/helpers/PortalHost.web.js.map +1 -0
- package/lib/module/components/modal/Modal.js +58 -48
- package/lib/module/components/modal/Modal.js.map +1 -1
- package/lib/module/components/modal/ModalContext.js.map +1 -1
- package/lib/module/components/modal/ModalTitle.js +6 -0
- package/lib/module/components/modal/ModalTitle.js.map +1 -1
- package/lib/module/components/modal/useModal.js +4 -13
- package/lib/module/components/modal/useModal.js.map +1 -1
- package/lib/module/components/nav/useTabbable.js +2 -3
- package/lib/module/components/nav/useTabbable.js.map +1 -1
- package/lib/module/components/navbar/NavbarToggler.js +1 -1
- package/lib/module/components/navbar/useNavbar.js +2 -3
- package/lib/module/components/navbar/useNavbar.js.map +1 -1
- package/lib/module/components/offcanvas/Offcanvas.js +84 -82
- package/lib/module/components/offcanvas/Offcanvas.js.map +1 -1
- package/lib/module/components/offcanvas/OffcanvasContext.js.map +1 -1
- package/lib/module/components/offcanvas/OffcanvasTitle.js +6 -0
- package/lib/module/components/offcanvas/OffcanvasTitle.js.map +1 -1
- package/lib/module/components/offcanvas/useOffcanvas.js +6 -14
- package/lib/module/components/offcanvas/useOffcanvas.js.map +1 -1
- package/lib/module/components/pagination/PaginationItem.js +39 -39
- package/lib/module/components/popover/Popover.js +6 -8
- package/lib/module/components/popover/Popover.js.map +1 -1
- package/lib/module/components/popover/PopoverArrow.js +18 -9
- package/lib/module/components/popover/PopoverArrow.js.map +1 -1
- package/lib/module/components/popover/PopoverContext.js.map +1 -1
- package/lib/module/components/popover/injectPopover.js +48 -45
- package/lib/module/components/popover/injectPopover.js.map +1 -1
- package/lib/module/components/tooltip/Tooltip.js +7 -23
- package/lib/module/components/tooltip/Tooltip.js.map +1 -1
- package/lib/module/components/tooltip/TooltipArrow.js +22 -12
- package/lib/module/components/tooltip/TooltipArrow.js.map +1 -1
- package/lib/module/components/tooltip/TooltipContext.js.map +1 -1
- package/lib/module/components/tooltip/injectTooltip.js +46 -42
- package/lib/module/components/tooltip/injectTooltip.js.map +1 -1
- package/lib/module/hooks/useBackgroundNative.js.map +1 -1
- package/lib/module/hooks/useFocusRing.js +13 -0
- package/lib/module/hooks/useFocusRing.js.map +1 -0
- package/lib/module/hooks/useFocusRing.web.js +5 -0
- package/lib/module/hooks/useFocusRing.web.js.map +1 -0
- package/lib/module/hooks/useInteractionState.js +11 -11
- package/lib/module/hooks/useInteractionState.js.map +1 -1
- package/lib/module/hooks/useOverlay.js +121 -0
- package/lib/module/hooks/useOverlay.js.map +1 -0
- package/lib/module/hooks/useOverlay.web.js +113 -0
- package/lib/module/hooks/useOverlay.web.js.map +1 -0
- package/lib/module/hooks/useScrollbarEffects.js +7 -60
- package/lib/module/hooks/useScrollbarEffects.js.map +1 -1
- package/lib/module/hooks/useScrollbarEffects.web.js +59 -0
- package/lib/module/hooks/useScrollbarEffects.web.js.map +1 -0
- package/lib/module/index.js +3 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/style/StyleSheet.js +1 -3
- package/lib/module/style/StyleSheet.js.map +1 -1
- package/lib/module/theme/variables.js +9 -9
- package/lib/module/utils.js +0 -11
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/Context.d.ts +0 -1
- package/lib/typescript/Context.d.ts.map +1 -1
- package/lib/typescript/Provider.d.ts.map +1 -1
- package/lib/typescript/components/Body.d.ts.map +1 -1
- package/lib/typescript/components/Link.d.ts +1 -1
- package/lib/typescript/components/Link.d.ts.map +1 -1
- package/lib/typescript/components/Pressable.d.ts +1 -1
- package/lib/typescript/components/Pressable.d.ts.map +1 -1
- package/lib/typescript/components/TextInput.d.ts +3 -3
- package/lib/typescript/components/TextInput.d.ts.map +1 -1
- package/lib/typescript/components/buttons/Button.d.ts +1 -1
- package/lib/typescript/components/buttons/Button.d.ts.map +1 -1
- package/lib/typescript/components/close/CloseButton.d.ts +1 -1
- package/lib/typescript/components/close/CloseButton.d.ts.map +1 -1
- package/lib/typescript/components/collapse/useCollapse.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/Dropdown.d.ts +0 -1
- package/lib/typescript/components/dropdown/Dropdown.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/DropdownContext.d.ts +14 -3
- package/lib/typescript/components/dropdown/DropdownContext.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/DropdownMenu.d.ts +0 -1
- package/lib/typescript/components/dropdown/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/useDismissDropdown.d.ts +1 -1
- package/lib/typescript/components/dropdown/useDismissDropdown.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/useDropdown.d.ts +38 -4
- package/lib/typescript/components/dropdown/useDropdown.d.ts.map +1 -1
- package/lib/typescript/components/dropdown/useToggleDropdown.d.ts +4 -3
- package/lib/typescript/components/dropdown/useToggleDropdown.d.ts.map +1 -1
- package/lib/typescript/components/forms/Picker.d.ts +1 -1
- package/lib/typescript/components/forms/internals/PickerNative.d.ts +1 -1
- package/lib/typescript/components/forms/internals/PickerNative.d.ts.map +1 -1
- package/lib/typescript/components/forms/internals/PickerWeb.d.ts +1 -1
- package/lib/typescript/components/forms/internals/PickerWeb.d.ts.map +1 -1
- package/lib/typescript/components/helpers/BackdropHandler.d.ts +2 -11
- package/lib/typescript/components/helpers/BackdropHandler.d.ts.map +1 -1
- package/lib/typescript/components/helpers/BackdropHandler.web.d.ts +3 -0
- package/lib/typescript/components/helpers/BackdropHandler.web.d.ts.map +1 -0
- package/lib/typescript/components/helpers/Dialog.d.ts +15 -0
- package/lib/typescript/components/helpers/Dialog.d.ts.map +1 -0
- package/lib/typescript/components/helpers/Dialog.web.d.ts +15 -0
- package/lib/typescript/components/helpers/Dialog.web.d.ts.map +1 -0
- package/lib/typescript/components/helpers/Portal.d.ts +8 -0
- package/lib/typescript/components/helpers/Portal.d.ts.map +1 -0
- package/lib/typescript/components/helpers/Portal.web.d.ts +8 -0
- package/lib/typescript/components/helpers/Portal.web.d.ts.map +1 -0
- package/lib/typescript/components/helpers/PortalHost.d.ts +6 -0
- package/lib/typescript/components/helpers/PortalHost.d.ts.map +1 -0
- package/lib/typescript/components/helpers/PortalHost.web.d.ts +7 -0
- package/lib/typescript/components/helpers/PortalHost.web.d.ts.map +1 -0
- package/lib/typescript/components/list-group/ListGroup.d.ts +1 -1
- package/lib/typescript/components/list-group/ListGroupItemAction.d.ts +1 -1
- package/lib/typescript/components/list-group/ListGroupItemAction.d.ts.map +1 -1
- package/lib/typescript/components/modal/Modal.d.ts +1 -1
- package/lib/typescript/components/modal/Modal.d.ts.map +1 -1
- package/lib/typescript/components/modal/ModalContext.d.ts +1 -0
- package/lib/typescript/components/modal/ModalContext.d.ts.map +1 -1
- package/lib/typescript/components/modal/ModalTitle.d.ts.map +1 -1
- package/lib/typescript/components/modal/useModal.d.ts +2 -1
- package/lib/typescript/components/modal/useModal.d.ts.map +1 -1
- package/lib/typescript/components/nav/Nav.d.ts +1 -1
- package/lib/typescript/components/nav/NavLink.d.ts +1 -1
- package/lib/typescript/components/nav/NavLink.d.ts.map +1 -1
- package/lib/typescript/components/nav/useTabbable.d.ts.map +1 -1
- package/lib/typescript/components/navbar/Navbar.d.ts +2 -2
- package/lib/typescript/components/navbar/NavbarBrand.d.ts +1 -1
- package/lib/typescript/components/navbar/NavbarBrand.d.ts.map +1 -1
- package/lib/typescript/components/navbar/NavbarToggler.d.ts +1 -1
- package/lib/typescript/components/navbar/NavbarToggler.d.ts.map +1 -1
- package/lib/typescript/components/navbar/useNavbar.d.ts.map +1 -1
- package/lib/typescript/components/offcanvas/Offcanvas.d.ts +1 -4
- package/lib/typescript/components/offcanvas/Offcanvas.d.ts.map +1 -1
- package/lib/typescript/components/offcanvas/OffcanvasContext.d.ts +3 -1
- package/lib/typescript/components/offcanvas/OffcanvasContext.d.ts.map +1 -1
- package/lib/typescript/components/offcanvas/OffcanvasTitle.d.ts.map +1 -1
- package/lib/typescript/components/offcanvas/useOffcanvas.d.ts +3 -1
- package/lib/typescript/components/offcanvas/useOffcanvas.d.ts.map +1 -1
- package/lib/typescript/components/popover/Popover.d.ts +3 -4
- package/lib/typescript/components/popover/Popover.d.ts.map +1 -1
- package/lib/typescript/components/popover/PopoverArrow.d.ts.map +1 -1
- package/lib/typescript/components/popover/PopoverContext.d.ts +3 -4
- package/lib/typescript/components/popover/PopoverContext.d.ts.map +1 -1
- package/lib/typescript/components/popover/injectPopover.d.ts +5 -7
- package/lib/typescript/components/popover/injectPopover.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/Tooltip.d.ts +3 -4
- package/lib/typescript/components/tooltip/Tooltip.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/TooltipArrow.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/TooltipContext.d.ts +3 -4
- package/lib/typescript/components/tooltip/TooltipContext.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/injectTooltip.d.ts +5 -7
- package/lib/typescript/components/tooltip/injectTooltip.d.ts.map +1 -1
- package/lib/typescript/hooks/useBackgroundNative.d.ts.map +1 -1
- package/lib/typescript/hooks/useFocusRing.d.ts +3 -0
- package/lib/typescript/hooks/useFocusRing.d.ts.map +1 -0
- package/lib/typescript/hooks/useFocusRing.web.d.ts +3 -0
- package/lib/typescript/hooks/useFocusRing.web.d.ts.map +1 -0
- package/lib/typescript/hooks/useInteractionState.d.ts +7 -7
- package/lib/typescript/hooks/useInteractionState.d.ts.map +1 -1
- package/lib/typescript/hooks/useOverlay.d.ts +64 -0
- package/lib/typescript/hooks/useOverlay.d.ts.map +1 -0
- package/lib/typescript/hooks/useOverlay.web.d.ts +37 -0
- package/lib/typescript/hooks/useOverlay.web.d.ts.map +1 -0
- package/lib/typescript/hooks/useScrollbarEffects.d.ts.map +1 -1
- package/lib/typescript/hooks/useScrollbarEffects.web.d.ts +7 -0
- package/lib/typescript/hooks/useScrollbarEffects.web.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +5 -4
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/style/StyleSheet.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +12 -6
- package/lib/typescript/types.d.ts.map +1 -1
- package/lib/typescript/utils.d.ts +2 -3
- package/lib/typescript/utils.d.ts.map +1 -1
- package/package.json +92 -85
- package/src/Context.ts +37 -38
- package/src/Provider.tsx +61 -66
- package/src/components/Body.tsx +16 -1
- package/src/components/TextInput.tsx +66 -66
- package/src/components/buttons/Button.tsx +381 -379
- package/src/components/close/CloseButton.tsx +142 -138
- package/src/components/collapse/useCollapse.ts +25 -26
- package/src/components/dropdown/Dropdown.tsx +77 -80
- package/src/components/dropdown/DropdownContext.ts +14 -3
- package/src/components/dropdown/DropdownMenu.tsx +243 -284
- package/src/components/dropdown/useDismissDropdown.ts +30 -29
- package/src/components/dropdown/useDropdown.ts +55 -38
- package/src/components/dropdown/useToggleDropdown.ts +31 -32
- package/src/components/forms/FormCheckInput.tsx +268 -268
- package/src/components/forms/Input.tsx +220 -220
- package/src/components/forms/internals/PickerNative.tsx +9 -10
- package/src/components/helpers/BackdropHandler.tsx +5 -119
- package/src/components/helpers/BackdropHandler.web.tsx +6 -0
- package/src/components/helpers/Dialog.tsx +49 -0
- package/src/components/helpers/Dialog.web.tsx +145 -0
- package/src/components/helpers/Portal.tsx +10 -0
- package/src/components/helpers/Portal.web.tsx +22 -0
- package/src/components/helpers/PortalHost.tsx +7 -0
- package/src/components/helpers/PortalHost.web.tsx +14 -0
- package/src/components/modal/Modal.tsx +60 -48
- package/src/components/modal/ModalContext.ts +12 -11
- package/src/components/modal/ModalTitle.tsx +41 -31
- package/src/components/modal/useModal.ts +13 -25
- package/src/components/nav/useTabbable.ts +31 -32
- package/src/components/navbar/NavbarToggler.tsx +130 -130
- package/src/components/navbar/useNavbar.ts +30 -31
- package/src/components/offcanvas/Offcanvas.tsx +91 -92
- package/src/components/offcanvas/OffcanvasContext.ts +13 -11
- package/src/components/offcanvas/OffcanvasTitle.tsx +43 -33
- package/src/components/offcanvas/useOffcanvas.ts +12 -20
- package/src/components/pagination/PaginationItem.tsx +139 -139
- package/src/components/popover/Popover.tsx +87 -90
- package/src/components/popover/PopoverArrow.tsx +22 -6
- package/src/components/popover/PopoverContext.ts +13 -18
- package/src/components/popover/injectPopover.tsx +63 -55
- package/src/components/tooltip/Tooltip.tsx +79 -98
- package/src/components/tooltip/TooltipArrow.tsx +26 -8
- package/src/components/tooltip/TooltipContext.ts +13 -18
- package/src/components/tooltip/injectTooltip.tsx +62 -53
- package/src/hooks/useAction.ts +78 -78
- package/src/hooks/useBackgroundNative.tsx +6 -4
- package/src/hooks/useFocusRing.ts +13 -0
- package/src/hooks/useFocusRing.web.ts +3 -0
- package/src/hooks/useInteractionState.ts +75 -81
- package/src/hooks/useOverlay.ts +197 -0
- package/src/hooks/useOverlay.web.ts +190 -0
- package/src/hooks/useScrollbarEffects.ts +5 -83
- package/src/hooks/useScrollbarEffects.web.ts +83 -0
- package/src/index.ts +5 -5
- package/src/style/StyleSheet.ts +2 -5
- package/src/theme/variables.ts +1420 -1420
- package/src/types.ts +14 -14
- package/src/utils.ts +4 -22
- package/lib/module/components/SafeAreaView.js +0 -42
- package/lib/module/components/SafeAreaView.js.map +0 -1
- package/lib/module/components/helpers/Overlay.js +0 -50
- package/lib/module/components/helpers/Overlay.js.map +0 -1
- package/lib/module/hooks/useIdentifier.js +0 -14
- package/lib/module/hooks/useIdentifier.js.map +0 -1
- package/lib/module/hooks/useTrigger.js +0 -97
- package/lib/module/hooks/useTrigger.js.map +0 -1
- package/lib/typescript/components/SafeAreaView.d.ts +0 -12
- package/lib/typescript/components/SafeAreaView.d.ts.map +0 -1
- package/lib/typescript/components/helpers/Overlay.d.ts +0 -28
- package/lib/typescript/components/helpers/Overlay.d.ts.map +0 -1
- package/lib/typescript/hooks/useIdentifier.d.ts +0 -2
- package/lib/typescript/hooks/useIdentifier.d.ts.map +0 -1
- package/lib/typescript/hooks/useTrigger.d.ts +0 -33
- package/lib/typescript/hooks/useTrigger.d.ts.map +0 -1
- package/src/components/SafeAreaView.tsx +0 -64
- package/src/components/helpers/Overlay.tsx +0 -81
- package/src/hooks/useIdentifier.ts +0 -15
- package/src/hooks/useTrigger.ts +0 -141
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useState, useMemo } from 'react';
|
|
4
|
-
import
|
|
4
|
+
import useFocusRing from './useFocusRing';
|
|
5
5
|
export default function useInteractionState({
|
|
6
6
|
onFocus,
|
|
7
7
|
onBlur,
|
|
@@ -13,8 +13,6 @@ export default function useInteractionState({
|
|
|
13
13
|
}) {
|
|
14
14
|
const [active, setActive] = useState(false);
|
|
15
15
|
const [hover, setHovered] = useState(false);
|
|
16
|
-
|
|
17
|
-
// @ts-expect-error definition is on @react-aria/focus but not on @react-native-aria/focus
|
|
18
16
|
const focusRingProps = useFocusRing({
|
|
19
17
|
autoFocus
|
|
20
18
|
});
|
|
@@ -26,27 +24,29 @@ export default function useInteractionState({
|
|
|
26
24
|
const interactionProps = useMemo(() => ({
|
|
27
25
|
onHoverIn(event) {
|
|
28
26
|
setHovered(true);
|
|
29
|
-
|
|
27
|
+
onHoverIn?.(event);
|
|
30
28
|
},
|
|
31
29
|
onHoverOut(event) {
|
|
32
30
|
setHovered(false);
|
|
33
|
-
|
|
31
|
+
onHoverOut?.(event);
|
|
34
32
|
},
|
|
35
33
|
onFocus(event) {
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
// @ts-expect-error We can use the native event for a web prop here.
|
|
35
|
+
focusProps.onFocus?.(event);
|
|
36
|
+
onFocus?.(event);
|
|
38
37
|
},
|
|
39
38
|
onBlur(event) {
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
// @ts-expect-error We can use the native event for a web prop here.
|
|
40
|
+
focusProps.onBlur?.(event);
|
|
41
|
+
onBlur?.(event);
|
|
42
42
|
},
|
|
43
43
|
onPressIn(event) {
|
|
44
44
|
setActive(true);
|
|
45
|
-
|
|
45
|
+
onPressIn?.(event);
|
|
46
46
|
},
|
|
47
47
|
onPressOut(event) {
|
|
48
48
|
setActive(false);
|
|
49
|
-
|
|
49
|
+
onPressOut?.(event);
|
|
50
50
|
}
|
|
51
51
|
}), [onFocus, onBlur, onHoverIn, onHoverOut, onPressIn, onPressOut, focusProps]);
|
|
52
52
|
const interaction = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useMemo","useFocusRing","useInteractionState","onFocus","onBlur","onHoverIn","onHoverOut","onPressIn","onPressOut","autoFocus","active","setActive","hover","setHovered","focusRingProps","isFocused","focus","isFocusVisible","focusVisible","focusProps","interactionProps","event","interaction"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useInteractionState.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useState","useMemo","useFocusRing","useInteractionState","onFocus","onBlur","onHoverIn","onHoverOut","onPressIn","onPressOut","autoFocus","active","setActive","hover","setHovered","focusRingProps","isFocused","focus","isFocusVisible","focusVisible","focusProps","interactionProps","event","interaction"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useInteractionState.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAOzC,OAAOC,YAAY,MAAM,gBAAgB;AAYzC,eAAe,SAASC,mBAAmBA,CAAC;EAC1CC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACa,KAAK,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMe,cAAc,GAAGb,YAAY,CAAC;IAAEQ;EAAU,CAAC,CAAC;EAElD,MAAM;IACJM,SAAS,EAAEC,KAAK;IAChBC,cAAc,EAAEC,YAAY;IAC5BC;EACF,CAAC,GAAGL,cAAc;EAElB,MAAMM,gBAAgB,GAAGpB,OAAO,CAC9B,OAAO;IACLK,SAASA,CAACgB,KAAiB,EAAE;MAC3BR,UAAU,CAAC,IAAI,CAAC;MAChBR,SAAS,GAAGgB,KAAK,CAAC;IACpB,CAAC;IACDf,UAAUA,CAACe,KAAiB,EAAE;MAC5BR,UAAU,CAAC,KAAK,CAAC;MACjBP,UAAU,GAAGe,KAAK,CAAC;IACrB,CAAC;IACDlB,OAAOA,CAACkB,KAAiB,EAAE;MACzB;MACAF,UAAU,CAAChB,OAAO,GAAGkB,KAAK,CAAC;MAC3BlB,OAAO,GAAGkB,KAAK,CAAC;IAClB,CAAC;IACDjB,MAAMA,CAACiB,KAAgB,EAAE;MACvB;MACAF,UAAU,CAACf,MAAM,GAAGiB,KAAK,CAAC;MAC1BjB,MAAM,GAAGiB,KAAK,CAAC;IACjB,CAAC;IACDd,SAASA,CAACc,KAA4B,EAAE;MACtCV,SAAS,CAAC,IAAI,CAAC;MACfJ,SAAS,GAAGc,KAAK,CAAC;IACpB,CAAC;IACDb,UAAUA,CAACa,KAA4B,EAAE;MACvCV,SAAS,CAAC,KAAK,CAAC;MAChBH,UAAU,GAAGa,KAAK,CAAC;IACrB;EACF,CAAC,CAAC,EACF,CAAClB,OAAO,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEW,UAAU,CAC5E,CAAC;EAED,MAAMG,WAAW,GAAG;IAAEV,KAAK;IAAEI,KAAK;IAAEE,YAAY;IAAER;EAAO,CAAC;EAE1D,OAAO;IAAEY,WAAW;IAAEF;EAAiB,CAAC;AAC1C","ignoreList":[]}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { useRelativePosition } from '@rn-primitives/hooks';
|
|
5
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
+
import useControlledState from "./useControlledState.js";
|
|
7
|
+
const transformAlign = align => {
|
|
8
|
+
if (align === 'top') {
|
|
9
|
+
return 'start';
|
|
10
|
+
}
|
|
11
|
+
if (align === 'bottom') {
|
|
12
|
+
return 'end';
|
|
13
|
+
}
|
|
14
|
+
return align;
|
|
15
|
+
};
|
|
16
|
+
const getNativePlacement = placement => {
|
|
17
|
+
// Currently on native only top and bottom is supported.
|
|
18
|
+
if (placement !== 'top') {
|
|
19
|
+
return 'bottom';
|
|
20
|
+
}
|
|
21
|
+
return placement;
|
|
22
|
+
};
|
|
23
|
+
export default function useOverlay({
|
|
24
|
+
defaultVisible,
|
|
25
|
+
controlledVisible,
|
|
26
|
+
onToggle,
|
|
27
|
+
offset,
|
|
28
|
+
align,
|
|
29
|
+
placement
|
|
30
|
+
}) {
|
|
31
|
+
const identifier = useId();
|
|
32
|
+
const triggerRef = useRef(null);
|
|
33
|
+
const contentRef = useRef(null);
|
|
34
|
+
const [triggerPosition, setTriggerPosition] = useState(null);
|
|
35
|
+
const [contentLayout, setContentLayout] = useState(null);
|
|
36
|
+
const [arrowLayout, setArrowLayout] = useState(null);
|
|
37
|
+
const handleToggle = useCallback(value => {
|
|
38
|
+
if (value) {
|
|
39
|
+
triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
|
|
40
|
+
setTriggerPosition({
|
|
41
|
+
width,
|
|
42
|
+
pageX,
|
|
43
|
+
pageY,
|
|
44
|
+
height
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
} else {
|
|
48
|
+
setTriggerPosition(null);
|
|
49
|
+
setContentLayout(null);
|
|
50
|
+
setArrowLayout(null);
|
|
51
|
+
}
|
|
52
|
+
onToggle?.(value);
|
|
53
|
+
}, [onToggle]);
|
|
54
|
+
const [visible, setVisible] = useControlledState(defaultVisible, controlledVisible, handleToggle);
|
|
55
|
+
const insets = useSafeAreaInsets();
|
|
56
|
+
const nativePlacement = getNativePlacement(placement);
|
|
57
|
+
|
|
58
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
59
|
+
const positionStyle = useRelativePosition({
|
|
60
|
+
avoidCollisions: true,
|
|
61
|
+
triggerPosition,
|
|
62
|
+
contentLayout,
|
|
63
|
+
insets,
|
|
64
|
+
align: transformAlign(align),
|
|
65
|
+
alignOffset: 0,
|
|
66
|
+
side: nativePlacement,
|
|
67
|
+
sideOffset: offset
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
// Note: We do not use hover and focus trigger, so the trigger is always press.
|
|
71
|
+
const getTriggerProps = useCallback(props => ({
|
|
72
|
+
onPress: event => {
|
|
73
|
+
setVisible(value => !value);
|
|
74
|
+
props.onPress?.(event);
|
|
75
|
+
}
|
|
76
|
+
}), []);
|
|
77
|
+
const getContentProps = useCallback(props => ({
|
|
78
|
+
onLayout: event => {
|
|
79
|
+
setContentLayout(event.nativeEvent.layout);
|
|
80
|
+
props.onLayout?.(event);
|
|
81
|
+
}
|
|
82
|
+
}), []);
|
|
83
|
+
const getArrowProps = useCallback(props => ({
|
|
84
|
+
onLayout: event => {
|
|
85
|
+
setArrowLayout(event.nativeEvent.layout);
|
|
86
|
+
props.onLayout?.(event);
|
|
87
|
+
}
|
|
88
|
+
}), []);
|
|
89
|
+
const arrowStyle = useMemo(() => {
|
|
90
|
+
if (!contentLayout || !arrowLayout || !triggerPosition) {
|
|
91
|
+
return null;
|
|
92
|
+
}
|
|
93
|
+
const triggerCenter = triggerPosition.pageX + triggerPosition.width / 2;
|
|
94
|
+
const contentCenter = contentLayout.x + contentLayout.width / 2;
|
|
95
|
+
const shift = triggerCenter - contentCenter;
|
|
96
|
+
return contentLayout ? {
|
|
97
|
+
left: contentLayout.width / 2 - arrowLayout.width / 2 + shift
|
|
98
|
+
} : null;
|
|
99
|
+
}, [contentLayout, arrowLayout, triggerPosition]);
|
|
100
|
+
return useMemo(() => ({
|
|
101
|
+
identifier,
|
|
102
|
+
visible,
|
|
103
|
+
setVisible,
|
|
104
|
+
placement: nativePlacement,
|
|
105
|
+
trigger: {
|
|
106
|
+
ref: triggerRef,
|
|
107
|
+
getProps: getTriggerProps
|
|
108
|
+
},
|
|
109
|
+
content: {
|
|
110
|
+
ref: contentRef,
|
|
111
|
+
getProps: getContentProps,
|
|
112
|
+
style: positionStyle
|
|
113
|
+
},
|
|
114
|
+
arrow: {
|
|
115
|
+
ref: null,
|
|
116
|
+
getProps: getArrowProps,
|
|
117
|
+
style: arrowStyle
|
|
118
|
+
}
|
|
119
|
+
}), [visible, placement, positionStyle, arrowStyle]);
|
|
120
|
+
}
|
|
121
|
+
//# sourceMappingURL=useOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useId","useMemo","useRef","useState","useRelativePosition","useSafeAreaInsets","useControlledState","transformAlign","align","getNativePlacement","placement","useOverlay","defaultVisible","controlledVisible","onToggle","offset","identifier","triggerRef","contentRef","triggerPosition","setTriggerPosition","contentLayout","setContentLayout","arrowLayout","setArrowLayout","handleToggle","value","current","measure","_x","_y","width","height","pageX","pageY","visible","setVisible","insets","nativePlacement","positionStyle","avoidCollisions","alignOffset","side","sideOffset","getTriggerProps","props","onPress","event","getContentProps","onLayout","nativeEvent","layout","getArrowProps","arrowStyle","triggerCenter","contentCenter","x","shift","left","trigger","ref","getProps","content","style","arrow"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useOverlay.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useId, useMemo, useRef } from 'react';
|
|
4
|
+
import { I18nManager } from 'react-native';
|
|
5
|
+
import { useFloating, arrow, flip, shift, offset as applyOffset, autoUpdate, useDismiss, useClick, useFocus, useHover, useInteractions } from '@floating-ui/react';
|
|
6
|
+
import useControlledState from "./useControlledState.js";
|
|
7
|
+
import { optional } from "../utils.js";
|
|
8
|
+
const transformPlacement = placement => {
|
|
9
|
+
if (placement === 'start') {
|
|
10
|
+
return I18nManager.isRTL ? 'right' : 'left';
|
|
11
|
+
}
|
|
12
|
+
if (placement === 'end') {
|
|
13
|
+
return I18nManager.isRTL ? 'left' : 'right';
|
|
14
|
+
}
|
|
15
|
+
return placement;
|
|
16
|
+
};
|
|
17
|
+
const getAlignedPlacement = (placement, align) => {
|
|
18
|
+
const transformedPlacement = transformPlacement(placement);
|
|
19
|
+
if (align === 'center') {
|
|
20
|
+
return transformedPlacement;
|
|
21
|
+
}
|
|
22
|
+
return `${transformedPlacement}-${align}`;
|
|
23
|
+
};
|
|
24
|
+
const transformReferenceProps = handle => props => {
|
|
25
|
+
const {
|
|
26
|
+
onClick,
|
|
27
|
+
...referenceProps
|
|
28
|
+
} = handle(props);
|
|
29
|
+
return {
|
|
30
|
+
...referenceProps,
|
|
31
|
+
onPress: onClick
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default function useOverlay({
|
|
35
|
+
defaultVisible,
|
|
36
|
+
controlledVisible,
|
|
37
|
+
onToggle: handleToggle,
|
|
38
|
+
offset,
|
|
39
|
+
align,
|
|
40
|
+
placement,
|
|
41
|
+
trigger = 'press'
|
|
42
|
+
}) {
|
|
43
|
+
const identifier = useId();
|
|
44
|
+
const [visible, setVisible] = useControlledState(defaultVisible, controlledVisible, handleToggle);
|
|
45
|
+
const arrowRef = useRef(null);
|
|
46
|
+
const alignedPlacement = getAlignedPlacement(placement, align);
|
|
47
|
+
const floating = useFloating({
|
|
48
|
+
open: visible,
|
|
49
|
+
onOpenChange: setVisible,
|
|
50
|
+
placement: alignedPlacement,
|
|
51
|
+
middleware: [arrow({
|
|
52
|
+
element: arrowRef
|
|
53
|
+
}), applyOffset({
|
|
54
|
+
mainAxis: offset
|
|
55
|
+
}), flip({
|
|
56
|
+
fallbackPlacements: placement === 'top' || placement === 'bottom' ? [getAlignedPlacement('top', align), getAlignedPlacement('bottom', align), 'right', 'left'] : [getAlignedPlacement('right', align), getAlignedPlacement('left', align), 'top', 'bottom']
|
|
57
|
+
}), shift()],
|
|
58
|
+
whileElementsMounted: autoUpdate
|
|
59
|
+
});
|
|
60
|
+
const interactions = trigger.split(' ');
|
|
61
|
+
const click = useClick(floating.context, {
|
|
62
|
+
enabled: interactions.includes('press')
|
|
63
|
+
});
|
|
64
|
+
const focus = useFocus(floating.context, {
|
|
65
|
+
enabled: interactions.includes('focus')
|
|
66
|
+
});
|
|
67
|
+
const hover = useHover(floating.context, {
|
|
68
|
+
enabled: interactions.includes('hover')
|
|
69
|
+
});
|
|
70
|
+
const dismiss = useDismiss(floating.context);
|
|
71
|
+
const {
|
|
72
|
+
getReferenceProps,
|
|
73
|
+
getFloatingProps
|
|
74
|
+
} = useInteractions([click, focus, hover, dismiss]);
|
|
75
|
+
const arrowTransformStyle = useMemo(() => {
|
|
76
|
+
const arrowData = floating.context.middlewareData.arrow;
|
|
77
|
+
const shiftData = floating.context.middlewareData.shift;
|
|
78
|
+
if (!arrowData || !arrowData.x && !arrowData.y) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
const side = floating.placement.split('-')[0];
|
|
82
|
+
const isVerticalSide = side === 'top' || side === 'bottom';
|
|
83
|
+
const x = isVerticalSide ? (arrowData.x || 0) - (shiftData?.x || 0) : 0;
|
|
84
|
+
const y = !isVerticalSide ? (arrowData.y || 0) - (shiftData?.y || 0) : 0;
|
|
85
|
+
return `translate(${x < 0 ? 0 : x}px, ${y < 0 ? 0 : y}px)`;
|
|
86
|
+
}, [floating.context.middlewareData.arrow, floating.context.middlewareData.shift, floating.placement]);
|
|
87
|
+
return useMemo(() => ({
|
|
88
|
+
identifier,
|
|
89
|
+
visible,
|
|
90
|
+
setVisible,
|
|
91
|
+
placement: floating.placement.split('-')[0],
|
|
92
|
+
trigger: {
|
|
93
|
+
ref: floating.refs.setReference,
|
|
94
|
+
getProps: transformReferenceProps(getReferenceProps)
|
|
95
|
+
},
|
|
96
|
+
content: {
|
|
97
|
+
ref: floating.refs.setFloating,
|
|
98
|
+
getProps: getFloatingProps,
|
|
99
|
+
style: floating.floatingStyles
|
|
100
|
+
},
|
|
101
|
+
arrow: {
|
|
102
|
+
ref: arrowRef,
|
|
103
|
+
getProps: () => {},
|
|
104
|
+
style: {
|
|
105
|
+
position: 'absolute',
|
|
106
|
+
...optional(arrowTransformStyle !== null, {
|
|
107
|
+
transform: arrowTransformStyle
|
|
108
|
+
})
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}), [visible, floating.placement, floating.floatingStyles, arrowTransformStyle]);
|
|
112
|
+
}
|
|
113
|
+
//# sourceMappingURL=useOverlay.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useId","useMemo","useRef","I18nManager","useFloating","arrow","flip","shift","offset","applyOffset","autoUpdate","useDismiss","useClick","useFocus","useHover","useInteractions","useControlledState","optional","transformPlacement","placement","isRTL","getAlignedPlacement","align","transformedPlacement","transformReferenceProps","handle","props","onClick","referenceProps","onPress","useOverlay","defaultVisible","controlledVisible","onToggle","handleToggle","trigger","identifier","visible","setVisible","arrowRef","alignedPlacement","floating","open","onOpenChange","middleware","element","mainAxis","fallbackPlacements","whileElementsMounted","interactions","split","click","context","enabled","includes","focus","hover","dismiss","getReferenceProps","getFloatingProps","arrowTransformStyle","arrowData","middlewareData","shiftData","x","y","side","isVerticalSide","ref","refs","setReference","getProps","content","setFloating","style","floatingStyles","position","transform"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useOverlay.web.ts"],"mappings":";;AAAA,SAAyBA,KAAK,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9D,SAASC,WAAW,QAAQ,cAAc;AAC1C,SACEC,WAAW,EACXC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,MAAM,IAAIC,WAAW,EACrBC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,eAAe,QAGV,oBAAoB;AAC3B,OAAOC,kBAAkB,MAAM,yBAAsB;AAOrD,SAASC,QAAQ,QAAQ,aAAU;AAYnC,MAAMC,kBAAkB,GAAIC,SAA2B,IAAK;EAC1D,IAAIA,SAAS,KAAK,OAAO,EAAE;IACzB,OAAOhB,WAAW,CAACiB,KAAK,GAAG,OAAO,GAAG,MAAM;EAC7C;EAEA,IAAID,SAAS,KAAK,KAAK,EAAE;IACvB,OAAOhB,WAAW,CAACiB,KAAK,GAAG,MAAM,GAAG,OAAO;EAC7C;EAEA,OAAOD,SAAS;AAClB,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAC1BF,SAA2B,EAC3BG,KAAuB,KACpB;EACH,MAAMC,oBAAoB,GAAGL,kBAAkB,CAACC,SAAS,CAAC;EAE1D,IAAIG,KAAK,KAAK,QAAQ,EAAE;IACtB,OAAOC,oBAAoB;EAC7B;EAEA,OAAO,GAAGA,oBAAoB,IAAID,KAAK,EAAE;AAC3C,CAAC;AAED,MAAME,uBAAuB,GAC1BC,MAAkD,IAClDC,KAAqC,IAAK;EACzC,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAe,CAAC,GAAGH,MAAM,CAACC,KAAK,CAAC;EAEpD,OAAO;IAAE,GAAGE,cAAc;IAAEC,OAAO,EAAEF;EAAQ,CAAC;AAChD,CAAC;AAEH,eAAe,SAASG,UAAUA,CAAC;EACjCC,cAAc;EACdC,iBAAiB;EACjBC,QAAQ,EAAEC,YAAY;EACtB1B,MAAM;EACNc,KAAK;EACLH,SAAS;EACTgB,OAAO,GAAG;AACO,CAAC,EAAE;EACpB,MAAMC,UAAU,GAAGpC,KAAK,CAAC,CAAC;EAE1B,MAAM,CAACqC,OAAO,EAAEC,UAAU,CAAC,GAAGtB,kBAAkB,CAC9Ce,cAAc,EACdC,iBAAiB,EACjBE,YACF,CAAC;EAED,MAAMK,QAAQ,GAAGrC,MAAM,CAAC,IAAI,CAAC;EAC7B,MAAMsC,gBAAgB,GAAGnB,mBAAmB,CAACF,SAAS,EAAEG,KAAK,CAAC;EAE9D,MAAMmB,QAAQ,GAAGrC,WAAW,CAAC;IAC3BsC,IAAI,EAAEL,OAAO;IACbM,YAAY,EAAEL,UAAU;IACxBnB,SAAS,EAAEqB,gBAAgB;IAC3BI,UAAU,EAAE,CACVvC,KAAK,CAAC;MACJwC,OAAO,EAAEN;IACX,CAAC,CAAC,EACF9B,WAAW,CAAC;MAAEqC,QAAQ,EAAEtC;IAAO,CAAC,CAAC,EACjCF,IAAI,CAAC;MACHyC,kBAAkB,EAChB5B,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,QAAQ,GACzC,CACEE,mBAAmB,CAAC,KAAK,EAAEC,KAAK,CAAC,EACjCD,mBAAmB,CAAC,QAAQ,EAAEC,KAAK,CAAC,EACpC,OAAO,EACP,MAAM,CACP,GACD,CACED,mBAAmB,CAAC,OAAO,EAAEC,KAAK,CAAC,EACnCD,mBAAmB,CAAC,MAAM,EAAEC,KAAK,CAAC,EAClC,KAAK,EACL,QAAQ;IAElB,CAAC,CAAC,EACFf,KAAK,CAAC,CAAC,CACR;IACDyC,oBAAoB,EAAEtC;EACxB,CAAC,CAAC;EAEF,MAAMuC,YAAY,GAAGd,OAAO,CAACe,KAAK,CAAC,GAAG,CAAC;EAEvC,MAAMC,KAAK,GAAGvC,QAAQ,CAAC6B,QAAQ,CAACW,OAAO,EAAE;IACvCC,OAAO,EAAEJ,YAAY,CAACK,QAAQ,CAAC,OAAO;EACxC,CAAC,CAAC;EAEF,MAAMC,KAAK,GAAG1C,QAAQ,CAAC4B,QAAQ,CAACW,OAAO,EAAE;IACvCC,OAAO,EAAEJ,YAAY,CAACK,QAAQ,CAAC,OAAO;EACxC,CAAC,CAAC;EACF,MAAME,KAAK,GAAG1C,QAAQ,CAAC2B,QAAQ,CAACW,OAAO,EAAE;IACvCC,OAAO,EAAEJ,YAAY,CAACK,QAAQ,CAAC,OAAO;EACxC,CAAC,CAAC;EACF,MAAMG,OAAO,GAAG9C,UAAU,CAAC8B,QAAQ,CAACW,OAAO,CAAC;EAE5C,MAAM;IAAEM,iBAAiB;IAAEC;EAAiB,CAAC,GAAG5C,eAAe,CAAC,CAC9DoC,KAAK,EACLI,KAAK,EACLC,KAAK,EACLC,OAAO,CACR,CAAC;EAEF,MAAMG,mBAAmB,GAAG3D,OAAO,CAAC,MAAM;IACxC,MAAM4D,SAAS,GAAGpB,QAAQ,CAACW,OAAO,CAACU,cAAc,CAACzD,KAAK;IACvD,MAAM0D,SAAS,GAAGtB,QAAQ,CAACW,OAAO,CAACU,cAAc,CAACvD,KAAK;IAEvD,IAAI,CAACsD,SAAS,IAAK,CAACA,SAAS,CAACG,CAAC,IAAI,CAACH,SAAS,CAACI,CAAE,EAAE;MAChD,OAAO,IAAI;IACb;IAEA,MAAMC,IAAI,GAAGzB,QAAQ,CAACtB,SAAS,CAAC+B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAA6B;IACzE,MAAMiB,cAAc,GAAGD,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ;IAE1D,MAAMF,CAAC,GAAGG,cAAc,GAAG,CAACN,SAAS,CAACG,CAAC,IAAI,CAAC,KAAKD,SAAS,EAAEC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC;IACvE,MAAMC,CAAC,GAAG,CAACE,cAAc,GAAG,CAACN,SAAS,CAACI,CAAC,IAAI,CAAC,KAAKF,SAAS,EAAEE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC;IAExE,OAAO,aAAaD,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,CAAC,OAAOC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,CAAC,KAAK;EAC5D,CAAC,EAAE,CACDxB,QAAQ,CAACW,OAAO,CAACU,cAAc,CAACzD,KAAK,EACrCoC,QAAQ,CAACW,OAAO,CAACU,cAAc,CAACvD,KAAK,EACrCkC,QAAQ,CAACtB,SAAS,CACnB,CAAC;EAEF,OAAOlB,OAAO,CACZ,OAAO;IACLmC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVnB,SAAS,EAAEsB,QAAQ,CAACtB,SAAS,CAAC+B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAA6B;IACvEf,OAAO,EAAE;MACPiC,GAAG,EAAE3B,QAAQ,CAAC4B,IAAI,CAACC,YAAY;MAC/BC,QAAQ,EAAE/C,uBAAuB,CAACkC,iBAAiB;IACrD,CAAC;IACDc,OAAO,EAAE;MACPJ,GAAG,EAAE3B,QAAQ,CAAC4B,IAAI,CAACI,WAAW;MAC9BF,QAAQ,EAAEZ,gBAAgB;MAC1Be,KAAK,EAAEjC,QAAQ,CAACkC;IAClB,CAAC;IACDtE,KAAK,EAAE;MACL+D,GAAG,EAAE7B,QAAQ;MACbgC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;MAClBG,KAAK,EAAE;QACLE,QAAQ,EAAE,UAAU;QACpB,GAAG3D,QAAQ,CAAC2C,mBAAmB,KAAK,IAAI,EAAE;UACxCiB,SAAS,EAAEjB;QACb,CAAC;MACH;IACF;EACF,CAAC,CAAC,EACF,CAACvB,OAAO,EAAEI,QAAQ,CAACtB,SAAS,EAAEsB,QAAQ,CAACkC,cAAc,EAAEf,mBAAmB,CAC5E,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,66 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export default function useScrollbarEffects(elements) {
|
|
10
|
-
if (Platform.OS !== 'web') {
|
|
11
|
-
return useMemo(() => ({
|
|
12
|
-
hide() {},
|
|
13
|
-
show() {}
|
|
14
|
-
}), []);
|
|
15
|
-
}
|
|
16
|
-
const state = useRef({
|
|
17
|
-
counter: 0,
|
|
18
|
-
elements: [],
|
|
19
|
-
originalWidths: [],
|
|
20
|
-
originalBodyOverflow: ''
|
|
21
|
-
});
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
export default function useScrollbarEffects(
|
|
5
|
+
// @ts-expect-error Argument elements is used on the web only.
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
|
+
elements) {
|
|
22
8
|
return useMemo(() => ({
|
|
23
|
-
hide() {
|
|
24
|
-
|
|
25
|
-
if (state.current.counter !== 1) {
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
const rect = document.body.getBoundingClientRect();
|
|
29
|
-
const isBodyOverflowing = rect.left + rect.right < window.innerWidth;
|
|
30
|
-
|
|
31
|
-
// Set body and fixed elements padding adjustments.
|
|
32
|
-
const fixedElements = elements.filter(ref => ref.current).map(ref => ref.current);
|
|
33
|
-
|
|
34
|
-
// @ts-expect-error fixedElements should be of type HTMLElement[]
|
|
35
|
-
state.current.elements = [document.body, ...fixedElements];
|
|
36
|
-
state.current.originalWidths = state.current.elements.map(el => el.style.width || '');
|
|
37
|
-
state.current.originalBodyOverflow = document.body.style.overflow || '';
|
|
38
|
-
if (isBodyOverflowing) {
|
|
39
|
-
const scrollbarWidth = computeScrollbarWidth();
|
|
40
|
-
state.current.elements.forEach(el => {
|
|
41
|
-
// eslint-disable-next-line no-param-reassign
|
|
42
|
-
el.style.width = `calc(100% - ${scrollbarWidth}px)`;
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
// Add "overflow: hidden" to body element.
|
|
47
|
-
document.body.style.overflow = 'hidden';
|
|
48
|
-
},
|
|
49
|
-
show() {
|
|
50
|
-
state.current.counter -= 1;
|
|
51
|
-
if (state.current.counter !== 0) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// Remove "overflow: hidden" from body element.
|
|
56
|
-
document.body.style.overflow = state.current.originalBodyOverflow;
|
|
57
|
-
|
|
58
|
-
// Reset body padding adjustments.
|
|
59
|
-
state.current.elements.forEach((el, key) => {
|
|
60
|
-
// eslint-disable-next-line no-param-reassign
|
|
61
|
-
el.style.width = state.current.originalWidths[key] || '';
|
|
62
|
-
});
|
|
63
|
-
}
|
|
9
|
+
hide() {},
|
|
10
|
+
show() {}
|
|
64
11
|
}), []);
|
|
65
12
|
}
|
|
66
13
|
//# sourceMappingURL=useScrollbarEffects.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useMemo","useScrollbarEffects","elements","hide","show"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useScrollbarEffects.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAmB,OAAO;AAG1C,eAAe,SAASC,mBAAmBA;AACzC;AACA;AACAC,QAAqC,EACrC;EACA,OAAOF,OAAO,CACZ,OAAO;IACLG,IAAIA,CAAA,EAAG,CAAC,CAAC;IACTC,IAAIA,CAAA,EAAG,CAAC;EACV,CAAC,CAAC,EACF,EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRef, useMemo } from 'react';
|
|
4
|
+
const computeScrollbarWidth = () => {
|
|
5
|
+
const documentWidth = document.documentElement.clientWidth;
|
|
6
|
+
return Math.abs(window.innerWidth - documentWidth);
|
|
7
|
+
};
|
|
8
|
+
export default function useScrollbarEffects(elements) {
|
|
9
|
+
const state = useRef({
|
|
10
|
+
counter: 0,
|
|
11
|
+
elements: [],
|
|
12
|
+
originalWidths: [],
|
|
13
|
+
originalBodyOverflow: ''
|
|
14
|
+
});
|
|
15
|
+
return useMemo(() => ({
|
|
16
|
+
hide() {
|
|
17
|
+
state.current.counter += 1;
|
|
18
|
+
if (state.current.counter !== 1) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
const rect = document.body.getBoundingClientRect();
|
|
22
|
+
const isBodyOverflowing = rect.left + rect.right < window.innerWidth;
|
|
23
|
+
|
|
24
|
+
// Set body and fixed elements padding adjustments.
|
|
25
|
+
const fixedElements = elements.filter(ref => ref.current).map(ref => ref.current);
|
|
26
|
+
|
|
27
|
+
// @ts-expect-error fixedElements should be of type HTMLElement[]
|
|
28
|
+
state.current.elements = [document.body, ...fixedElements];
|
|
29
|
+
state.current.originalWidths = state.current.elements.map(el => el.style.width || '');
|
|
30
|
+
state.current.originalBodyOverflow = document.body.style.overflow || '';
|
|
31
|
+
if (isBodyOverflowing) {
|
|
32
|
+
const scrollbarWidth = computeScrollbarWidth();
|
|
33
|
+
state.current.elements.forEach(el => {
|
|
34
|
+
// eslint-disable-next-line no-param-reassign
|
|
35
|
+
el.style.width = `calc(100% - ${scrollbarWidth}px)`;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// Add "overflow: hidden" to body element.
|
|
40
|
+
document.body.style.overflow = 'hidden';
|
|
41
|
+
},
|
|
42
|
+
show() {
|
|
43
|
+
state.current.counter -= 1;
|
|
44
|
+
if (state.current.counter !== 0) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Remove "overflow: hidden" from body element.
|
|
49
|
+
document.body.style.overflow = state.current.originalBodyOverflow;
|
|
50
|
+
|
|
51
|
+
// Reset body padding adjustments.
|
|
52
|
+
state.current.elements.forEach((el, key) => {
|
|
53
|
+
// eslint-disable-next-line no-param-reassign
|
|
54
|
+
el.style.width = state.current.originalWidths[key] || '';
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}), []);
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=useScrollbarEffects.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useMemo","computeScrollbarWidth","documentWidth","document","documentElement","clientWidth","Math","abs","window","innerWidth","useScrollbarEffects","elements","state","counter","originalWidths","originalBodyOverflow","hide","current","rect","body","getBoundingClientRect","isBodyOverflowing","left","right","fixedElements","filter","ref","map","el","style","width","overflow","scrollbarWidth","forEach","show","key"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useScrollbarEffects.web.ts"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,OAAO,QAAmB,OAAO;AAUlD,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAMC,aAAa,GAAGC,QAAQ,CAACC,eAAe,CAACC,WAAW;EAC1D,OAAOC,IAAI,CAACC,GAAG,CAACC,MAAM,CAACC,UAAU,GAAGP,aAAa,CAAC;AACpD,CAAC;AAED,eAAe,SAASQ,mBAAmBA,CACzCC,QAAqC,EACrC;EACA,MAAMC,KAAK,GAAGb,MAAM,CAAwB;IAC1Cc,OAAO,EAAE,CAAC;IACVF,QAAQ,EAAE,EAAE;IACZG,cAAc,EAAE,EAAE;IAClBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,OAAOf,OAAO,CACZ,OAAO;IACLgB,IAAIA,CAAA,EAAG;MACLJ,KAAK,CAACK,OAAO,CAACJ,OAAO,IAAI,CAAC;MAE1B,IAAID,KAAK,CAACK,OAAO,CAACJ,OAAO,KAAK,CAAC,EAAE;QAC/B;MACF;MAEA,MAAMK,IAAI,GAAGf,QAAQ,CAACgB,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAClD,MAAMC,iBAAiB,GAAGH,IAAI,CAACI,IAAI,GAAGJ,IAAI,CAACK,KAAK,GAAGf,MAAM,CAACC,UAAU;;MAEpE;MACA,MAAMe,aAAa,GAAGb,QAAQ,CAC3Bc,MAAM,CAAEC,GAAG,IAAKA,GAAG,CAACT,OAAO,CAAC,CAC5BU,GAAG,CAAED,GAAG,IAAKA,GAAG,CAACT,OAAO,CAAC;;MAE5B;MACAL,KAAK,CAACK,OAAO,CAACN,QAAQ,GAAG,CAACR,QAAQ,CAACgB,IAAI,EAAE,GAAGK,aAAa,CAAC;MAE1DZ,KAAK,CAACK,OAAO,CAACH,cAAc,GAAGF,KAAK,CAACK,OAAO,CAACN,QAAQ,CAACgB,GAAG,CACtDC,EAAE,IAAKA,EAAE,CAACC,KAAK,CAACC,KAAK,IAAI,EAC5B,CAAC;MAEDlB,KAAK,CAACK,OAAO,CAACF,oBAAoB,GAAGZ,QAAQ,CAACgB,IAAI,CAACU,KAAK,CAACE,QAAQ,IAAI,EAAE;MAEvE,IAAIV,iBAAiB,EAAE;QACrB,MAAMW,cAAc,GAAG/B,qBAAqB,CAAC,CAAC;QAE9CW,KAAK,CAACK,OAAO,CAACN,QAAQ,CAACsB,OAAO,CAAEL,EAAE,IAAK;UACrC;UACAA,EAAE,CAACC,KAAK,CAACC,KAAK,GAAG,eAAeE,cAAc,KAAK;QACrD,CAAC,CAAC;MACJ;;MAEA;MACA7B,QAAQ,CAACgB,IAAI,CAACU,KAAK,CAACE,QAAQ,GAAG,QAAQ;IACzC,CAAC;IACDG,IAAIA,CAAA,EAAG;MACLtB,KAAK,CAACK,OAAO,CAACJ,OAAO,IAAI,CAAC;MAE1B,IAAID,KAAK,CAACK,OAAO,CAACJ,OAAO,KAAK,CAAC,EAAE;QAC/B;MACF;;MAEA;MACAV,QAAQ,CAACgB,IAAI,CAACU,KAAK,CAACE,QAAQ,GAAGnB,KAAK,CAACK,OAAO,CAACF,oBAAoB;;MAEjE;MACAH,KAAK,CAACK,OAAO,CAACN,QAAQ,CAACsB,OAAO,CAAC,CAACL,EAAE,EAAEO,GAAG,KAAK;QAC1C;QACAP,EAAE,CAACC,KAAK,CAACC,KAAK,GAAGlB,KAAK,CAACK,OAAO,CAACH,cAAc,CAACqB,GAAG,CAAC,IAAI,EAAE;MAC1D,CAAC,CAAC;IACJ;EACF,CAAC,CAAC,EACF,EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { PortalProvider } from '@react-native-aria/overlays';
|
|
4
3
|
import css from "./style/css.js";
|
|
5
4
|
import makeUtilities from "./style/makeUtilities.js";
|
|
6
5
|
import makeTheme from "./style/makeTheme.js";
|
|
@@ -10,7 +9,7 @@ import Provider from "./Provider.js";
|
|
|
10
9
|
import useFixedElement from "./hooks/useFixedElement.js";
|
|
11
10
|
import useMedia from "./hooks/useMedia.js";
|
|
12
11
|
import useStyle from "./hooks/useStyle.js";
|
|
13
|
-
export { css, Context, makeUtilities, makeTheme,
|
|
12
|
+
export { css, Context, makeUtilities, makeTheme, Provider, StyleSheet, useFixedElement, useMedia, useStyle };
|
|
14
13
|
export * from "./theme/functions.js";
|
|
15
14
|
export * from "./types.js";
|
|
16
15
|
|
|
@@ -56,13 +55,14 @@ export { default as Placeholders } from "./components/placeholders/Placeholders.
|
|
|
56
55
|
export { default as Popover } from "./components/popover/Popover.js";
|
|
57
56
|
export { default as Progress } from "./components/progress/Progress.js";
|
|
58
57
|
export { default as Paragraph } from "./components/type/Paragraph.js";
|
|
58
|
+
export { default as Portal } from './components/helpers/Portal';
|
|
59
|
+
export { default as PortalHost } from './components/helpers/PortalHost';
|
|
59
60
|
export { default as Pressable } from "./components/Pressable.js";
|
|
60
61
|
export { default as Pagination } from "./components/pagination/Pagination.js";
|
|
61
62
|
export { default as Radio } from "./components/forms/Radio.js";
|
|
62
63
|
export { default as Row } from "./components/grid/Row.js";
|
|
63
64
|
export { default as Switch } from "./components/forms/Switch.js";
|
|
64
65
|
export { default as Spinner } from "./components/spinners/Spinner.js";
|
|
65
|
-
export { default as SafeAreaView } from "./components/SafeAreaView.js";
|
|
66
66
|
export { default as ScrollView } from "./components/ScrollView.js";
|
|
67
67
|
export { default as Tab } from "./components/nav/Tab.js";
|
|
68
68
|
export { default as Toast } from "./components/toasts/Toast.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["css","makeUtilities","makeTheme","StyleSheet","Context","Provider","useFixedElement","useMedia","useStyle","default","Alert","Badge","Breadcrumb","ButtonGroup","ButtonToolbar","Button","Blockquote","Body","Card","Caret","CloseButton","Collapse","Container","Checkbox","Col","Code","Dropdown","DisplayHeading","Feedback","FormCheck","FormLabel","FormText","Heading","Input","injectPopover","injectTooltip","Image","ImageBackground","Label","ListGroup","Link","Modal","Nav","Navbar","Offcanvas","Picker","Placeholders","Popover","Progress","Paragraph","Portal","PortalHost","Pressable","Pagination","Radio","Row","Switch","Spinner","ScrollView","Tab","Toast","ToastContainer","Tooltip","Text","TextInput","View"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -36,11 +36,9 @@ const createSheet = sheet => {
|
|
|
36
36
|
},
|
|
37
37
|
ownKeys: target => target.keys,
|
|
38
38
|
getOwnPropertyDescriptor(target, name) {
|
|
39
|
-
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
40
|
-
const proxy = this;
|
|
41
39
|
return {
|
|
42
40
|
get value() {
|
|
43
|
-
return
|
|
41
|
+
return target.stateless[name] || target.stateful[name] || undefined;
|
|
44
42
|
},
|
|
45
43
|
configurable: true,
|
|
46
44
|
enumerable: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BaseStyleSheet","activeKey","themes","sheets","createSheet","sheet","Error","theme","statelessSource","statefulSource","Object","entries","source","forEach","key","style","value","Proxy","keys","stateless","create","stateful","get","target","prop","undefined","ownKeys","getOwnPropertyDescriptor","name","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BaseStyleSheet","activeKey","themes","sheets","createSheet","sheet","Error","theme","statelessSource","statefulSource","Object","entries","source","forEach","key","style","value","Proxy","keys","stateless","create","stateful","get","target","prop","undefined","ownKeys","getOwnPropertyDescriptor","name","configurable","enumerable","has","indexOf","absoluteFill","absoluteFillObject","hairlineWidth","cache","active","assign","push","build","_","i"],"sourceRoot":"..\\..\\..\\src","sources":["style/StyleSheet.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -910,15 +910,15 @@ add(t => calculate(t['input-padding-y-lg'], '*', 2), t => t['input-height-border
|
|
|
910
910
|
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
|
911
911
|
// of components dependent on the z-axis and are designed to all work together.
|
|
912
912
|
|
|
913
|
-
$zindex-dropdown: 1000;
|
|
914
|
-
$zindex-sticky: 1020;
|
|
915
|
-
$zindex-fixed: 1030;
|
|
916
|
-
$zindex-offcanvas-backdrop: 1040;
|
|
917
|
-
$zindex-offcanvas: 1045;
|
|
918
|
-
$zindex-modal-backdrop: 1050;
|
|
919
|
-
$zindex-modal: 1055;
|
|
920
|
-
$zindex-popover: 1070;
|
|
921
|
-
$zindex-tooltip: 1080;
|
|
913
|
+
// $zindex-dropdown: 1000;
|
|
914
|
+
// $zindex-sticky: 1020;
|
|
915
|
+
// $zindex-fixed: 1030;
|
|
916
|
+
// $zindex-offcanvas-backdrop: 1040;
|
|
917
|
+
// $zindex-offcanvas: 1045;
|
|
918
|
+
// $zindex-modal-backdrop: 1050;
|
|
919
|
+
// $zindex-modal: 1055;
|
|
920
|
+
// $zindex-popover: 1070;
|
|
921
|
+
// $zindex-tooltip: 1080;
|
|
922
922
|
|
|
923
923
|
// Navs
|
|
924
924
|
|
package/lib/module/utils.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { I18nManager } from 'react-native';
|
|
4
3
|
export function each(source, apply) {
|
|
5
4
|
return Object.entries(source).map(([key, value]) => {
|
|
6
5
|
const resolve = typeof value === 'function' ? value : () => value;
|
|
@@ -42,14 +41,4 @@ export function optional(condition, value) {
|
|
|
42
41
|
export function getElementId(identifier, name) {
|
|
43
42
|
return `${identifier}${name ? `-${name}` : ''}`;
|
|
44
43
|
}
|
|
45
|
-
export function transformPlacement(placement) {
|
|
46
|
-
switch (placement) {
|
|
47
|
-
case 'left':
|
|
48
|
-
return I18nManager.isRTL ? 'end' : 'start';
|
|
49
|
-
case 'right':
|
|
50
|
-
return I18nManager.isRTL ? 'start' : 'end';
|
|
51
|
-
default:
|
|
52
|
-
return placement;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
44
|
//# sourceMappingURL=utils.js.map
|
package/lib/module/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["each","source","apply","Object","entries","map","key","value","resolve","reduce","carry","item","assign","normalize","makeProxy","name","keys","result","t","makeArray","length","callback","Array","from","_","i","getStyles","styles","filter","concatRefs","refs","element","forEach","ref","current","optional","condition","undefined","getElementId","identifier"],"sourceRoot":"..\\..\\src","sources":["utils.ts"],"mappings":";;AAEA,OAAO,SAASA,IAAIA,CAGlBC,MAAS,EACTC,KAIwB,EACxB;EACA,OAAOC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CAC1BI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IACrB,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,GAAG,MAAMA,KAAK;IACjE,OAAOL,KAAK,CAACI,GAAG,EAAEE,OAAO,CAAC;EAC5B,CAAC,CAAC,CACDC,MAAM,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAKR,MAAM,CAACS,MAAM,CAACF,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5D;AAEA,OAAO,SAASE,SAASA,CAACN,KAAe,EAAE;EACzC,OAAOA,KAAK,CAACE,MAAM,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAKR,MAAM,CAACS,MAAM,CAACF,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACtE;AAEA,OAAO,SAASG,SAASA,CACvBC,IAAY,EACZC,IAAO,EACP;EACA,OAAOA,IAAI,CAACP,MAAM,CAChB,CAACQ,MAAM,EAAEX,GAAG,MAAM;IAChB,GAAGW,MAAM;IACT,CAACX,GAAG,GAAIY,CAAiB,IAAKA,CAAC,CAACH,IAAI,CAAC,CAACT,GAAG;EAC3C,CAAC,CAAC,EACF,CAAC,CACH,CAAC;AACH;AAEA,OAAO,SAASa,SAASA,CAACC,MAAc,EAAEC,QAAmC,EAAE;EAC7E,OAAOC,KAAK,CAACC,IAAI,CAAC;IAAEH;EAAO,CAAC,EAAE,CAACI,CAAC,EAAEC,CAAC,KAAKJ,QAAQ,CAACI,CAAC,CAAC,CAAC;AACtD;AAIA,OAAO,SAASC,SAASA,CACvBC,MAAqC,EACrCX,IAAwB,EACxB;EACA,OAAOA,IAAI,CACRY,MAAM,CAAEtB,GAAmB,IAAe,CAAC,CAACA,GAAG,CAAC,CAChDD,GAAG,CAAEC,GAAG,IAAKqB,MAAM,CAACrB,GAAG,CAAC,CAAC;AAC9B;AAEA,OAAO,SAASuB,UAAUA,CACxB,GAAGC,IAAkC,EACvB;EACd,OAAQC,OAAO,IAAK;IAClBD,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;MACpB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAACF,OAAO,CAAC;MACd,CAAC,MAAM,IAAIE,GAAG,EAAE;QACd;QACAA,GAAG,CAACC,OAAO,GAAGH,OAAO;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;AACH;AAEA,OAAO,SAASI,QAAQA,CAACC,SAAkB,EAAE7B,KAAa,EAAE;EAC1D,OAAO6B,SAAS,GAAG7B,KAAK,GAAG8B,SAAS;AACtC;AAEA,OAAO,SAASC,YAAYA,CAACC,UAAkB,EAAExB,IAAY,EAAE;EAC7D,OAAO,GAAGwB,UAAU,GAAGxB,IAAI,GAAG,IAAIA,IAAI,EAAE,GAAG,EAAE,EAAE;AACjD","ignoreList":[]}
|