bootstrap-rn 0.4.6 → 0.4.8
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/Picker.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 +31 -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 +28 -21
- package/src/Context.ts +37 -38
- package/src/Provider.tsx +61 -66
- package/src/components/Body.tsx +68 -53
- 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/Picker.tsx +1 -1
- 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 +42 -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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Context","createContext","displayName"],"sourceRoot":"..\\..\\src","sources":["Context.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;;AAIzB;;
|
|
1
|
+
{"version":3,"names":["React","Context","createContext","displayName"],"sourceRoot":"..\\..\\src","sources":["Context.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;;AAIzB;;AA4BA,MAAMC,OAAO,gBAAGD,KAAK,CAACE,aAAa,CAAgC,IAAI,CAAC;AAExED,OAAO,CAACE,WAAW,GAAG,oBAAoB;AAE1C,eAAeF,OAAO","ignoreList":[]}
|
package/lib/module/Provider.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo, useRef } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
5
5
|
import useViewport from "./hooks/useViewport.js";
|
|
6
|
-
import useScrollbarEffects from
|
|
6
|
+
import useScrollbarEffects from './hooks/useScrollbarEffects';
|
|
7
7
|
import Context from "./Context.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
function Provider({
|
|
@@ -32,15 +32,11 @@ function Provider({
|
|
|
32
32
|
fixed.splice(index, 1);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
},
|
|
36
|
-
generateKey(prefix) {
|
|
37
|
-
counter.current += 1;
|
|
38
|
-
return `ui-${prefix}-${counter.current}`;
|
|
39
35
|
}
|
|
40
36
|
}), [utilities, modifiers, scrollbars, fixed, viewport, fixed, counter]);
|
|
41
37
|
return /*#__PURE__*/_jsx(Context.Provider, {
|
|
42
38
|
value: context,
|
|
43
|
-
children: /*#__PURE__*/_jsx(
|
|
39
|
+
children: /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
44
40
|
children: children
|
|
45
41
|
})
|
|
46
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","useRef","
|
|
1
|
+
{"version":3,"names":["React","useMemo","useRef","SafeAreaProvider","useViewport","useScrollbarEffects","Context","jsx","_jsx","Provider","children","utilities","modifiers","ssrViewport","viewport","fixed","counter","scrollbars","context","getViewport","addFixedElement","ref","push","remove","index","findIndex","item","splice","value"],"sourceRoot":"..\\..\\src","sources":["Provider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE9C,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,OAAO,MAAqB,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C,SAASC,QAAQA,CAAC;EAChBC,QAAQ;EACRC,SAAS,GAAG,CAAC,CAAC;EACdC,SAAS,GAAG,CAAC,CAAC;EACdC;AACa,CAAC,EAAE;EAChB,MAAMC,QAAQ,GAAGV,WAAW,CAACS,WAAW,CAAC;EAEzC,MAAME,KAAkC,GAAGd,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC;EAEhE,MAAMe,OAAO,GAAGd,MAAM,CAAC,CAAC,CAAC;EAEzB,MAAMe,UAAU,GAAGZ,mBAAmB,CAACU,KAAK,CAAC;EAE7C,MAAMG,OAAO,GAAGjB,OAAO,CACrB,OAAO;IACLU,SAAS;IACTC,SAAS;IACTK,UAAU;IACVF,KAAK;IACLI,WAAWA,CAAA,EAAG;MACZ,OAAOL,QAAQ;IACjB,CAAC;IACDM,eAAeA,CAACC,GAA8B,EAAE;MAC9CN,KAAK,CAACO,IAAI,CAACD,GAAG,CAAC;MAEf,OAAO;QACLE,MAAMA,CAAA,EAAG;UACP,MAAMC,KAAK,GAAGT,KAAK,CAACU,SAAS,CAAEC,IAAI,IAAKA,IAAI,KAAKL,GAAG,CAAC;UAErDN,KAAK,CAACY,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;QACxB;MACF,CAAC;IACH;EACF,CAAC,CAAC,EACF,CAACb,SAAS,EAAEC,SAAS,EAAEK,UAAU,EAAEF,KAAK,EAAED,QAAQ,EAAEC,KAAK,EAAEC,OAAO,CACpE,CAAC;EAED,oBACER,IAAA,CAACF,OAAO,CAACG,QAAQ;IAACmB,KAAK,EAAEV,OAAQ;IAAAR,QAAA,eAC/BF,IAAA,CAACL,gBAAgB;MAAAO,QAAA,EAAEA;IAAQ,CAAmB;EAAC,CAC/B,CAAC;AAEvB;AAEA,eAAeD,QAAQ","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from 'react';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
5
|
import StyleSheet from "../style/StyleSheet.js";
|
|
5
6
|
import css from "../style/css.js";
|
|
6
7
|
import { getStyles } from "../utils.js";
|
|
@@ -31,7 +32,13 @@ const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
31
32
|
const classes = getStyles(styles, ['body']);
|
|
32
33
|
const textClasses = getStyles(styles, ['body --text']);
|
|
33
34
|
const media = useMedia();
|
|
34
|
-
const
|
|
35
|
+
const insets = useSafeAreaInsets();
|
|
36
|
+
const resolveStyle = useStyle([classes, {
|
|
37
|
+
marginTop: insets.top,
|
|
38
|
+
marginBottom: insets.bottom,
|
|
39
|
+
marginRight: insets.right,
|
|
40
|
+
marginLeft: insets.left
|
|
41
|
+
}, style], styleName);
|
|
35
42
|
const resolveTextStyle = useStyle([textClasses, textStyle]);
|
|
36
43
|
const contextValue = useMemo(() => ({
|
|
37
44
|
style: resolveTextStyle({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","StyleSheet","css","getStyles","TextStyleContext","useMedia","useStyle","View","jsx","_jsx","styles","create","body","Body","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","classes","textClasses","media","resolveStyle","resolveTextStyle","contextValue","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/Body.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,wBAAqB;AAC5C,OAAOC,GAAG,MAAM,iBAAc;AAC9B,SAASC,SAAS,QAAQ,aAAU;AACpC,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,IAAI,MAA8B,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,IAAI,EAAEV,GAAG;AACX;AACA;AACA;AACA,GAAG;EACD,aAAa,EAAEA,GAAG;AACpB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMW,IAAI,
|
|
1
|
+
{"version":3,"names":["React","useMemo","useSafeAreaInsets","StyleSheet","css","getStyles","TextStyleContext","useMedia","useStyle","View","jsx","_jsx","styles","create","body","Body","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","classes","textClasses","media","insets","resolveStyle","marginTop","top","marginBottom","bottom","marginRight","right","marginLeft","left","resolveTextStyle","contextValue","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/Body.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,UAAU,MAAM,wBAAqB;AAC5C,OAAOC,GAAG,MAAM,iBAAc;AAC9B,SAASC,SAAS,QAAQ,aAAU;AACpC,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,IAAI,MAA8B,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,IAAI,EAAEV,GAAG;AACX;AACA;AACA;AACA,GAAG;EACD,aAAa,EAAEA,GAAG;AACpB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMW,IAAI,gBAAGf,KAAK,CAACgB,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAExE,MAAMO,OAAO,GAAGnB,SAAS,CAACO,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;EAC3C,MAAMa,WAAW,GAAGpB,SAAS,CAACO,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAEtD,MAAMc,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,MAAMoB,MAAM,GAAGzB,iBAAiB,CAAC,CAAC;EAElC,MAAM0B,YAAY,GAAGpB,QAAQ,CAC3B,CACEgB,OAAO,EACP;IACEK,SAAS,EAAEF,MAAM,CAACG,GAAG;IACrBC,YAAY,EAAEJ,MAAM,CAACK,MAAM;IAC3BC,WAAW,EAAEN,MAAM,CAACO,KAAK;IACzBC,UAAU,EAAER,MAAM,CAACS;EACrB,CAAC,EACDhB,KAAK,CACN,EACDE,SACF,CAAC;EACD,MAAMe,gBAAgB,GAAG7B,QAAQ,CAAC,CAACiB,WAAW,EAAEJ,SAAS,CAAC,CAAC;EAE3D,MAAMiB,YAAY,GAAGrC,OAAO,CAC1B,OAAO;IACLmB,KAAK,EAAEiB,gBAAgB,CAAC;MAAEX;IAAM,CAAC;EACnC,CAAC,CAAC,EACF,CAACW,gBAAgB,EAAEX,KAAK,CAC1B,CAAC;EAED,oBACEf,IAAA,CAACF,IAAI;IAAA,GAAKc,YAAY;IAAEL,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAEQ,YAAY,CAAC;MAAEF;IAAM,CAAC,CAAE;IAAAP,QAAA,eAC/DR,IAAA,CAACL,gBAAgB,CAACiC,QAAQ;MAACC,KAAK,EAAEF,YAAa;MAAAnB,QAAA,EAC5CA;IAAQ,CACgB;EAAC,CACxB,CAAC;AAEX,CAAC,CAAC;AAEFJ,IAAI,CAAC0B,WAAW,GAAG,MAAM;AAEzB,eAAe1B,IAAI","ignoreList":[]}
|
|
@@ -28,16 +28,18 @@ const styles = StyleSheet.create({
|
|
|
28
28
|
border-radius: $btn-border-radius;
|
|
29
29
|
// @include transition($btn-transition);
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
@include platform(web) {
|
|
32
|
+
&:focus-visible {
|
|
33
|
+
outline-style: none; // outline: 0;
|
|
34
|
+
box-shadow: $btn-focus-box-shadow;
|
|
35
|
+
}
|
|
35
36
|
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
&:active {
|
|
38
|
+
// box-shadow: $btn-active-box-shadow;
|
|
38
39
|
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
&:focus-visible {
|
|
41
|
+
box-shadow: $btn-focus-box-shadow; // , $btn-active-box-shadow;
|
|
42
|
+
}
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
45
|
`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","invariant","Pressable","THEME_COLORS","shadeColor","colorContrast","ButtonGroupContext","StyleSheet","css","getStyles","each","useToggleButton","ListContext","jsx","_jsx","styles","create","color","value","t","getVariant","outline","hasSize","group","size","undefined","Button","forwardRef","props","ref","children","active","disabled","style","activeStyle","textStyle","activeTextStyle","elementProps","listItem","classes","first","last","activeClasses","textClasses","activeTextClasses","displayName","Object","assign","useToggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/buttons/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","useContext","invariant","Pressable","THEME_COLORS","shadeColor","colorContrast","ButtonGroupContext","StyleSheet","css","getStyles","each","useToggleButton","ListContext","jsx","_jsx","styles","create","color","value","t","getVariant","outline","hasSize","group","size","undefined","Button","forwardRef","props","ref","children","active","disabled","style","activeStyle","textStyle","activeTextStyle","elementProps","listItem","classes","first","last","activeClasses","textClasses","activeTextClasses","displayName","Object","assign","useToggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/buttons/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -29,7 +29,7 @@ const styles = StyleSheet.create({
|
|
|
29
29
|
background-size: $btn-close-width auto;
|
|
30
30
|
background-repeat: no-repeat;
|
|
31
31
|
border-width: 0; // for button elements
|
|
32
|
-
|
|
32
|
+
border-radius: $border-radius;
|
|
33
33
|
opacity: $btn-close-opacity;
|
|
34
34
|
|
|
35
35
|
&:hover {
|
|
@@ -37,8 +37,10 @@ const styles = StyleSheet.create({
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
&:focus {
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
@include platform(web) {
|
|
41
|
+
outline-style: none; // outline: 0;
|
|
42
|
+
box-shadow: $btn-close-focus-shadow;
|
|
43
|
+
}
|
|
42
44
|
opacity: $btn-close-focus-opacity;
|
|
43
45
|
}
|
|
44
46
|
`,
|
|
@@ -80,6 +82,7 @@ const styles = StyleSheet.create({
|
|
|
80
82
|
});
|
|
81
83
|
const CloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
82
84
|
const {
|
|
85
|
+
hitSlop = 12,
|
|
83
86
|
disabled = false,
|
|
84
87
|
style,
|
|
85
88
|
textStyle,
|
|
@@ -108,6 +111,7 @@ const CloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
108
111
|
...elementProps,
|
|
109
112
|
...interactionProps,
|
|
110
113
|
ref: ref,
|
|
114
|
+
hitSlop: hitSlop,
|
|
111
115
|
disabled: disabled,
|
|
112
116
|
style: background.style,
|
|
113
117
|
textStyle: [textClasses, textStyle],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","css","getStyles","StyleSheet","Pressable","ModalContext","OffcanvasContext","useMedia","useStyle","useInteractionState","useBackground","escapeSvg","jsx","_jsx","styles","create","t","CloseButton","forwardRef","props","ref","disabled","style","textStyle","styleName","elementProps","media","modal","offcanvas","classes","textClasses","resolveStyle","interaction","interactionProps","background","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/close/CloseButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,GAAG,MAAM,oBAAiB;AACjC,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,SAAS,MAAwC,iBAAc;AACtE,OAAOC,YAAY,MAAM,0BAAuB;AAChD,OAAOC,gBAAgB,MAAM,kCAA+B;AAC5D,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,mBAAmB,MAAM,oCAAiC;AACjE,OAAOC,aAAa,MAAM,8BAA2B;AACrD,SAASC,SAAS,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/B,YAAY,EAAEd,GAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAyBe,CAAiB,IAAKL,SAAS,CAACK,CAAC,CAAC,cAAc,CAAC,CAAC;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEf,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,qBAAqB,EAAEA,GAAG;AAC5B;AACA;AACA;AACA,GAAG;EACD;EACA,0BAA0B,EAAEA,GAAG;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD;EACA,8BAA8B,EAAEA,GAAG;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMgB,WAAW,gBAAGlB,KAAK,CAACmB,UAAU,CAClC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IACJC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC,SAAS;IACTC,SAAS;IACT,GAAGC;EACL,CAAC,
|
|
1
|
+
{"version":3,"names":["React","useContext","css","getStyles","StyleSheet","Pressable","ModalContext","OffcanvasContext","useMedia","useStyle","useInteractionState","useBackground","escapeSvg","jsx","_jsx","styles","create","t","CloseButton","forwardRef","props","ref","hitSlop","disabled","style","textStyle","styleName","elementProps","media","modal","offcanvas","classes","textClasses","resolveStyle","interaction","interactionProps","background","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/close/CloseButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
|
-
import useIdentifier from "../../hooks/useIdentifier.js";
|
|
3
|
+
import { useId, useMemo } from 'react';
|
|
5
4
|
import useControlledState from "../../hooks/useControlledState.js";
|
|
6
5
|
export default function useCollapse(defaultVisible, controlledVisible, onToggle) {
|
|
7
|
-
const identifier =
|
|
6
|
+
const identifier = useId();
|
|
8
7
|
const [visible, setVisible] = useControlledState(defaultVisible, controlledVisible, onToggle);
|
|
9
8
|
return useMemo(() => ({
|
|
10
9
|
identifier,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useId","useMemo","useControlledState","useCollapse","defaultVisible","controlledVisible","onToggle","identifier","visible","setVisible"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/collapse/useCollapse.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,OAAO;AACtC,OAAOC,kBAAkB,MAAM,mCAAgC;AAE/D,eAAe,SAASC,WAAWA,CACjCC,cAAuB,EACvBC,iBAA2B,EAC3BC,QAAqB,EACrB;EACA,MAAMC,UAAU,GAAGP,KAAK,CAAC,CAAC;EAE1B,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGP,kBAAkB,CAC9CE,cAAc,EACdC,iBAAiB,EACjBC,QACF,CAAC;EAED,OAAOL,OAAO,CACZ,OAAO;IACLM,UAAU;IACVC,OAAO;IACPC;EACF,CAAC,CAAC,EACF,CAACF,UAAU,EAAEC,OAAO,EAAEC,UAAU,CAClC,CAAC;AACH","ignoreList":[]}
|
|
@@ -30,11 +30,10 @@ const Dropdown = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
30
30
|
direction = 'down',
|
|
31
31
|
center = false,
|
|
32
32
|
display = 'dynamic',
|
|
33
|
-
autoClose = 'outside',
|
|
34
33
|
style,
|
|
35
34
|
...elementProps
|
|
36
35
|
} = props;
|
|
37
|
-
const dropdown = useDropdown(defaultVisible, visible, onToggle, direction, center, display
|
|
36
|
+
const dropdown = useDropdown(defaultVisible, visible, onToggle, direction, center, display);
|
|
38
37
|
const classes = getStyles(styles, ['.dropdown']);
|
|
39
38
|
return /*#__PURE__*/_jsx(View, {
|
|
40
39
|
...elementProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","css","View","getStyles","DropdownContext","DropdownToggle","DropdownMenu","DropdownHeader","DropdownItem","DropdownItemText","DropdownDivider","useDropdown","useDismissDropdown","useToggleDropdown","jsx","_jsx","styles","create","Dropdown","forwardRef","props","ref","children","defaultVisible","visible","onToggle","direction","center","display","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","css","View","getStyles","DropdownContext","DropdownToggle","DropdownMenu","DropdownHeader","DropdownItem","DropdownItemText","DropdownDivider","useDropdown","useDismissDropdown","useToggleDropdown","jsx","_jsx","styles","create","Dropdown","forwardRef","props","ref","children","defaultVisible","visible","onToggle","direction","center","display","style","elementProps","dropdown","classes","Provider","value","displayName","Object","assign","Context","Toggle","Menu","Header","Item","ItemText","Divider","useDismiss","useToggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/Dropdown.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,IAAI,MAA8B,YAAS;AAClD,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,eAAe,MAA6B,sBAAmB;AACtE,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,eAAe,MAAM,sBAAmB;AAC/C,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,kBAAkB,MAAM,yBAAsB;AACrD,OAAOC,iBAAiB,MAAM,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWpD,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/B,WAAW,EAAEhB,GAAG;AAClB;AACA;AACA,CAAC,CAAC;AAEF,MAAMiB,QAAQ,gBAAGnB,KAAK,CAACoB,UAAU,CAAyB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxE,MAAM;IACJC,QAAQ;IACRC,cAAc,GAAG,KAAK;IACtBC,OAAO;IACPC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,SAAS,GAAG,MAAM;IAClBC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,SAAS;IACnBC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAMW,QAAQ,GAAGpB,WAAW,CAC1BY,cAAc,EACdC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,OACF,CAAC;EAED,MAAMI,OAAO,GAAG7B,SAAS,CAACa,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC;EAEhD,oBACED,IAAA,CAACb,IAAI;IAAA,GAAK4B,YAAY;IAAET,GAAG,EAAEA,GAAI;IAACQ,KAAK,EAAE,CAACG,OAAO,EAAEH,KAAK,CAAE;IAAAP,QAAA,eACxDP,IAAA,CAACX,eAAe,CAAC6B,QAAQ;MAACC,KAAK,EAAEH,QAAS;MAAAT,QAAA,EACvCA;IAAQ,CACe;EAAC,CACvB,CAAC;AAEX,CAAC,CAAC;AAEFJ,QAAQ,CAACiB,WAAW,GAAG,UAAU;AAEjC,eAAeC,MAAM,CAACC,MAAM,CAACnB,QAAQ,EAAE;EACrCoB,OAAO,EAAElC,eAAe;EACxBmC,MAAM,EAAElC,cAAc;EACtBmC,IAAI,EAAElC,YAAY;EAClBmC,MAAM,EAAElC,cAAc;EACtBmC,IAAI,EAAElC,YAAY;EAClBmC,QAAQ,EAAElC,gBAAgB;EAC1BmC,OAAO,EAAElC,eAAe;EACxBmC,UAAU,EAAEjC,kBAAkB;EAC9BkC,SAAS,EAAEjC;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","DropdownContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/DropdownContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","DropdownContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/DropdownContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AA2BrC,MAAMC,eAAe,gBAAGD,aAAa,CAA8B,IAAI,CAAC;AAExEC,eAAe,CAACC,WAAW,GAAG,iBAAiB;AAE/C,eAAeD,eAAe","ignoreList":[]}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useContext,
|
|
3
|
+
import React, { useContext, useLayoutEffect } from 'react';
|
|
4
4
|
import { Platform } from 'react-native';
|
|
5
|
-
import { OverlayContainer } from '@react-native-aria/overlays';
|
|
6
5
|
import StyleSheet from "../../style/StyleSheet.js";
|
|
7
6
|
import css from "../../style/css.js";
|
|
8
|
-
import
|
|
9
|
-
import BackdropHandler from
|
|
7
|
+
import Portal from '../helpers/Portal';
|
|
8
|
+
import BackdropHandler from '../helpers/BackdropHandler';
|
|
10
9
|
import View from "../View.js";
|
|
11
10
|
import useMedia from "../../hooks/useMedia.js";
|
|
12
11
|
import { GRID_BREAKPOINTS } from "../../theme/proxies.js";
|
|
13
12
|
import { infix, next } from "../../theme/breakpoints.js";
|
|
14
13
|
import { getStyles, each, concatRefs } from "../../utils.js";
|
|
15
|
-
import { normalizeNumber } from "../../style/math.js";
|
|
16
14
|
import useForcedContext from "../../hooks/useForcedContext.js";
|
|
17
15
|
import NavbarContext from "../navbar/NavbarContext.js";
|
|
18
16
|
import DropdownContext from "./DropdownContext.js";
|
|
@@ -21,7 +19,7 @@ const ALIGNMENT_BREAKPOINTS = [true, 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
|
21
19
|
const styles = StyleSheet.create({
|
|
22
20
|
'.dropdown-menu': css`
|
|
23
21
|
position: absolute;
|
|
24
|
-
z-index: $zindex-dropdown;
|
|
22
|
+
// z-index: $zindex-dropdown;
|
|
25
23
|
// display: none; // none by default, but block on "open" of the menu
|
|
26
24
|
min-width: $dropdown-min-width;
|
|
27
25
|
padding: $dropdown-padding-y $dropdown-padding-x;
|
|
@@ -88,7 +86,7 @@ const styles = StyleSheet.create({
|
|
|
88
86
|
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
|
|
89
87
|
`
|
|
90
88
|
});
|
|
91
|
-
const
|
|
89
|
+
const getAlign = (media, start, end) => {
|
|
92
90
|
const alignEnd = typeof end === 'boolean' ? end : media.up(end);
|
|
93
91
|
if (!alignEnd) {
|
|
94
92
|
return 'start';
|
|
@@ -101,43 +99,34 @@ const getAlignment = (media, start, end) => {
|
|
|
101
99
|
const endIndex = ALIGNMENT_BREAKPOINTS.indexOf(end);
|
|
102
100
|
return startIndex > endIndex ? 'start' : 'end';
|
|
103
101
|
};
|
|
104
|
-
const transformPlacement = (media, direction, start, end) => {
|
|
105
|
-
if (direction === 'up') {
|
|
106
|
-
return `top ${getAlignment(media, start, end)}`;
|
|
107
|
-
}
|
|
108
|
-
if (direction === 'down') {
|
|
109
|
-
return `bottom ${getAlignment(media, start, end)}`;
|
|
110
|
-
}
|
|
111
|
-
return `${direction} top`;
|
|
112
|
-
};
|
|
113
102
|
const DropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
114
103
|
const {
|
|
115
104
|
children,
|
|
116
105
|
start = true,
|
|
117
|
-
right,
|
|
118
106
|
end = false,
|
|
119
107
|
style,
|
|
120
108
|
textStyle,
|
|
121
109
|
...elementProps
|
|
122
110
|
} = props;
|
|
123
|
-
if (right !== undefined) {
|
|
124
|
-
// eslint-disable-next-line no-console
|
|
125
|
-
console.warn('Prop "right" is deprecated, please use "end" instead.');
|
|
126
|
-
}
|
|
127
111
|
const navbar = useContext(NavbarContext);
|
|
128
112
|
const media = useMedia();
|
|
129
|
-
const dialogRef = useRef(null);
|
|
130
113
|
const dropdown = useForcedContext(DropdownContext);
|
|
131
114
|
const {
|
|
132
115
|
identifier,
|
|
133
|
-
toggleRef,
|
|
134
116
|
visible,
|
|
135
117
|
setVisible,
|
|
118
|
+
setAlign,
|
|
136
119
|
direction,
|
|
137
120
|
display,
|
|
138
|
-
|
|
121
|
+
content
|
|
139
122
|
} = dropdown;
|
|
140
|
-
|
|
123
|
+
|
|
124
|
+
// Workaround for setting start / end on DropdownMenu and not on Dropdown.
|
|
125
|
+
const align = getAlign(media, start, end);
|
|
126
|
+
useLayoutEffect(() => {
|
|
127
|
+
setAlign(align);
|
|
128
|
+
}, [align]);
|
|
129
|
+
if (!visible || !align) {
|
|
141
130
|
return null;
|
|
142
131
|
}
|
|
143
132
|
const isStatic = Platform.OS === 'web' && display === 'static';
|
|
@@ -152,15 +141,12 @@ const DropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
152
141
|
if (isStatic || isCollapsedNavbar) {
|
|
153
142
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
154
143
|
children: [!isCollapsedNavbar && /*#__PURE__*/_jsx(BackdropHandler, {
|
|
155
|
-
toggleRef: toggleRef,
|
|
156
|
-
dialogRef: dialogRef,
|
|
157
144
|
onClose: () => {
|
|
158
145
|
setVisible(false);
|
|
159
|
-
}
|
|
160
|
-
autoClose: autoClose
|
|
146
|
+
}
|
|
161
147
|
}), /*#__PURE__*/_jsx(View, {
|
|
162
148
|
...elementProps,
|
|
163
|
-
ref: concatRefs(
|
|
149
|
+
ref: concatRefs(content.ref, ref),
|
|
164
150
|
"aria-labelledby": identifier,
|
|
165
151
|
style: [classes, style],
|
|
166
152
|
textStyle: [textClasses, textStyle],
|
|
@@ -168,36 +154,24 @@ const DropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
168
154
|
})]
|
|
169
155
|
});
|
|
170
156
|
}
|
|
171
|
-
return /*#__PURE__*/
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
ref: concatRefs(overlayRef, ref),
|
|
188
|
-
"aria-labelledby": identifier,
|
|
189
|
-
style: [classes, overlay.overlayProps.style, {
|
|
190
|
-
maxHeight: 'auto',
|
|
191
|
-
opacity: overlay.rendered ? 1 : 0
|
|
192
|
-
}, style],
|
|
193
|
-
textStyle: [textClasses, textStyle],
|
|
194
|
-
children: /*#__PURE__*/_jsx(DropdownContext.Provider, {
|
|
195
|
-
value: dropdown,
|
|
196
|
-
children: children
|
|
197
|
-
})
|
|
198
|
-
})]
|
|
157
|
+
return /*#__PURE__*/_jsxs(Portal, {
|
|
158
|
+
name: identifier,
|
|
159
|
+
children: [/*#__PURE__*/_jsx(BackdropHandler, {
|
|
160
|
+
onClose: () => {
|
|
161
|
+
setVisible(false);
|
|
162
|
+
}
|
|
163
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
164
|
+
...elementProps,
|
|
165
|
+
...content.getProps(elementProps),
|
|
166
|
+
ref: concatRefs(ref, content.ref),
|
|
167
|
+
"aria-labelledby": identifier,
|
|
168
|
+
style: [classes, content.style, style],
|
|
169
|
+
textStyle: [textClasses, textStyle],
|
|
170
|
+
children: /*#__PURE__*/_jsx(DropdownContext.Provider, {
|
|
171
|
+
value: dropdown,
|
|
172
|
+
children: children
|
|
199
173
|
})
|
|
200
|
-
})
|
|
174
|
+
})]
|
|
201
175
|
});
|
|
202
176
|
});
|
|
203
177
|
DropdownMenu.displayName = 'DropdownMenu';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","
|
|
1
|
+
{"version":3,"names":["React","useContext","useLayoutEffect","Platform","StyleSheet","css","Portal","BackdropHandler","View","useMedia","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useForcedContext","NavbarContext","DropdownContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ALIGNMENT_BREAKPOINTS","styles","create","breakpoint","getAlign","media","start","end","alignEnd","up","alignStart","startIndex","indexOf","endIndex","DropdownMenu","forwardRef","props","ref","children","style","textStyle","elementProps","navbar","dropdown","identifier","visible","setVisible","setAlign","direction","display","content","align","isStatic","OS","isCollapsedNavbar","expand","hasStaticStyle","classes","textClasses","onClose","name","getProps","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/DropdownMenu.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,13 +5,14 @@ import useForcedContext from "../../hooks/useForcedContext.js";
|
|
|
5
5
|
import DropdownContext from "./DropdownContext.js";
|
|
6
6
|
export default function useDismissDropdown(props) {
|
|
7
7
|
const context = useForcedContext(DropdownContext);
|
|
8
|
-
const handlePress = useCallback(event => {
|
|
9
|
-
if (props.onPress) props.onPress(event);
|
|
10
|
-
context.setVisible(false);
|
|
11
|
-
}, [context, props.onPress]);
|
|
12
8
|
const {
|
|
9
|
+
onPress,
|
|
13
10
|
...restProps
|
|
14
11
|
} = props;
|
|
12
|
+
const handlePress = useCallback(event => {
|
|
13
|
+
context.setVisible(false);
|
|
14
|
+
onPress?.(event);
|
|
15
|
+
}, [context, onPress]);
|
|
15
16
|
return {
|
|
16
17
|
...restProps,
|
|
17
18
|
onPress: handlePress
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useForcedContext","DropdownContext","useDismissDropdown","props","context","
|
|
1
|
+
{"version":3,"names":["useCallback","useForcedContext","DropdownContext","useDismissDropdown","props","context","onPress","restProps","handlePress","event","setVisible"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/useDismissDropdown.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,eAAe,MAAM,sBAAmB;AAM/C,eAAe,SAASC,kBAAkBA,CACxCC,KAAkC,EAClC;EACA,MAAMC,OAAO,GAAGJ,gBAAgB,CAACC,eAAe,CAAC;EAEjD,MAAM;IAAEI,OAAO;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAEvC,MAAMI,WAAW,GAAGR,WAAW,CAC5BS,KAA4B,IAAK;IAChCJ,OAAO,CAACK,UAAU,CAAC,KAAK,CAAC;IAEzBJ,OAAO,GAAGG,KAAK,CAAC;EAClB,CAAC,EACD,CAACJ,OAAO,EAAEC,OAAO,CACnB,CAAC;EAED,OAAO;IACL,GAAGC,SAAS;IACZD,OAAO,EAAEE;EACX,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,21 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useMemo,
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
import { useMemo, useState } from 'react';
|
|
4
|
+
import StyleSheet from "../../style/StyleSheet.js";
|
|
5
|
+
import useOverlay from '../../hooks/useOverlay';
|
|
6
|
+
import { normalizeNumber } from "../../style/math.js";
|
|
7
|
+
const getPlacement = direction => {
|
|
8
|
+
if (direction === 'up') {
|
|
9
|
+
return 'top';
|
|
10
|
+
}
|
|
11
|
+
if (direction === 'down') {
|
|
12
|
+
return 'bottom';
|
|
13
|
+
}
|
|
14
|
+
return direction;
|
|
15
|
+
};
|
|
16
|
+
export default function useDropdown(defaultVisible, controlledVisible, onToggle, direction, center, display) {
|
|
17
|
+
const [align, setAlign] = useState(null);
|
|
18
|
+
const offset = normalizeNumber(StyleSheet.value('dropdown-spacer'));
|
|
19
|
+
const {
|
|
20
|
+
identifier,
|
|
21
|
+
visible,
|
|
22
|
+
setVisible,
|
|
23
|
+
trigger,
|
|
24
|
+
content
|
|
25
|
+
} = useOverlay({
|
|
26
|
+
defaultVisible,
|
|
27
|
+
controlledVisible,
|
|
28
|
+
onToggle,
|
|
29
|
+
offset,
|
|
30
|
+
align: center ? 'center' : align || 'start',
|
|
31
|
+
placement: getPlacement(direction)
|
|
32
|
+
});
|
|
10
33
|
return useMemo(() => ({
|
|
11
34
|
identifier,
|
|
12
35
|
visible,
|
|
13
36
|
setVisible,
|
|
14
|
-
|
|
37
|
+
align,
|
|
38
|
+
setAlign,
|
|
15
39
|
direction,
|
|
16
|
-
center,
|
|
17
40
|
display,
|
|
18
|
-
|
|
19
|
-
|
|
41
|
+
trigger,
|
|
42
|
+
content
|
|
43
|
+
}), [visible, align, direction, display, trigger, content]);
|
|
20
44
|
}
|
|
21
45
|
//# sourceMappingURL=useDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","
|
|
1
|
+
{"version":3,"names":["useMemo","useState","StyleSheet","useOverlay","normalizeNumber","getPlacement","direction","useDropdown","defaultVisible","controlledVisible","onToggle","center","display","align","setAlign","offset","value","identifier","visible","setVisible","trigger","content","placement"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/useDropdown.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,2BAAwB;AAG/C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,eAAe,QAAQ,qBAAkB;AAElD,MAAMC,YAAY,GAAIC,SAA4B,IAAK;EACrD,IAAIA,SAAS,KAAK,IAAI,EAAE;IACtB,OAAO,KAAK;EACd;EAEA,IAAIA,SAAS,KAAK,MAAM,EAAE;IACxB,OAAO,QAAQ;EACjB;EAEA,OAAOA,SAAS;AAClB,CAAC;AAED,eAAe,SAASC,WAAWA,CACjCC,cAAuB,EACvBC,iBAAsC,EACtCC,QAAoB,EACpBJ,SAA4B,EAC5BK,MAAe,EACfC,OAAe,EACf;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAA0B,IAAI,CAAC;EAEjE,MAAMc,MAAM,GAAGX,eAAe,CAACF,UAAU,CAACc,KAAK,CAAC,iBAAiB,CAAC,CAAC;EAEnE,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,UAAU;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGlB,UAAU,CAAC;IACvEK,cAAc;IACdC,iBAAiB;IACjBC,QAAQ;IACRK,MAAM;IACNF,KAAK,EAAEF,MAAM,GAAG,QAAQ,GAAGE,KAAK,IAAI,OAAO;IAC3CS,SAAS,EAAEjB,YAAY,CAACC,SAAS;EACnC,CAAC,CAAC;EAEF,OAAON,OAAO,CACZ,OAAO;IACLiB,UAAU;IACVC,OAAO;IACPC,UAAU;IACVN,KAAK;IACLC,QAAQ;IACRR,SAAS;IACTM,OAAO;IACPQ,OAAO;IACPC;EACF,CAAC,CAAC,EACF,CAACH,OAAO,EAAEL,KAAK,EAAEP,SAAS,EAAEM,OAAO,EAAEQ,OAAO,EAAEC,OAAO,CACvD,CAAC;AACH","ignoreList":[]}
|
|
@@ -2,21 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
import useForcedContext from "../../hooks/useForcedContext.js";
|
|
4
4
|
import DropdownContext from "./DropdownContext.js";
|
|
5
|
+
import { concatRefs } from "../../utils.js";
|
|
5
6
|
export default function useToggleDropdown(props) {
|
|
6
7
|
const context = useForcedContext(DropdownContext);
|
|
7
8
|
const {
|
|
8
|
-
|
|
9
|
+
ref,
|
|
9
10
|
caret,
|
|
10
11
|
...restProps
|
|
11
12
|
} = props;
|
|
12
13
|
return {
|
|
13
14
|
...restProps,
|
|
15
|
+
...context.trigger.getProps(restProps),
|
|
14
16
|
id: context.identifier,
|
|
15
|
-
ref: context.
|
|
16
|
-
onPress: event => {
|
|
17
|
-
if (handlePress) handlePress(event);
|
|
18
|
-
context.setVisible(!context.visible);
|
|
19
|
-
},
|
|
17
|
+
ref: concatRefs(ref, context.trigger.ref),
|
|
20
18
|
'aria-haspopup': true,
|
|
21
19
|
'aria-expanded': context.visible,
|
|
22
20
|
active: context.visible,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useForcedContext","DropdownContext","useToggleDropdown","props","context","
|
|
1
|
+
{"version":3,"names":["useForcedContext","DropdownContext","concatRefs","useToggleDropdown","props","context","ref","caret","restProps","trigger","getProps","id","identifier","visible","active","undefined","direction"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/dropdown/useToggleDropdown.ts"],"mappings":";;AACA,OAAOA,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,eAAe,MAAM,sBAAmB;AAC/C,SAASC,UAAU,QAAQ,gBAAa;AAUxC,eAAe,SAASC,iBAAiBA,CACvCC,KAAiC,EACjC;EACA,MAAMC,OAAO,GAAGL,gBAAgB,CAACC,eAAe,CAAC;EAEjD,MAAM;IAAEK,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE1C,OAAO;IACL,GAAGI,SAAS;IACZ,GAAGH,OAAO,CAACI,OAAO,CAACC,QAAQ,CAACF,SAAS,CAAC;IACtCG,EAAE,EAAEN,OAAO,CAACO,UAAU;IACtBN,GAAG,EAAEJ,UAAU,CAACI,GAAG,EAAED,OAAO,CAACI,OAAO,CAACH,GAAG,CAAC;IACzC,eAAe,EAAE,IAAI;IACrB,eAAe,EAAED,OAAO,CAACQ,OAAO;IAChCC,MAAM,EAAET,OAAO,CAACQ,OAAO;IACvBN,KAAK,EAAEA,KAAK,KAAKQ,SAAS,GAAG;MAAEC,SAAS,EAAEX,OAAO,CAACW;IAAU,CAAC,GAAGT;EAClE,CAAC;AACH","ignoreList":[]}
|
|
@@ -55,7 +55,7 @@ const styles = StyleSheet.create({
|
|
|
55
55
|
&:focus {
|
|
56
56
|
border-color: $form-check-input-focus-border;
|
|
57
57
|
@include platform(web) {
|
|
58
|
-
outline-
|
|
58
|
+
outline-style: none; // outline: 0;
|
|
59
59
|
box-shadow: $form-check-input-focus-box-shadow;
|
|
60
60
|
}
|
|
61
61
|
}
|