bootstrap-rn 0.4.3 → 0.4.5
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/components/Body.js +4 -2
- package/lib/module/components/Body.js.map +1 -1
- package/lib/module/components/SafeAreaView.js +44 -0
- package/lib/module/components/SafeAreaView.js.map +1 -0
- package/lib/module/components/close/CloseButton.js +1 -1
- package/lib/module/components/close/CloseButton.js.map +1 -1
- package/lib/module/components/forms/internals/FormCheckInputNative.js +1 -1
- package/lib/module/components/forms/internals/FormCheckInputNative.js.map +1 -1
- package/lib/module/components/forms/internals/FormCheckInputWeb.js +4 -2
- package/lib/module/components/forms/internals/FormCheckInputWeb.js.map +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/forms/internals/PickerWeb.js +5 -2
- package/lib/module/components/forms/internals/PickerWeb.js.map +1 -1
- package/lib/module/components/helpers/Overlay.js +2 -13
- package/lib/module/components/helpers/Overlay.js.map +1 -1
- package/lib/module/components/modal/Modal.js +5 -2
- package/lib/module/components/modal/Modal.js.map +1 -1
- package/lib/module/components/navbar/NavbarToggler.js +1 -1
- package/lib/module/components/navbar/NavbarToggler.js.map +1 -1
- package/lib/module/components/offcanvas/Offcanvas.js +65 -66
- package/lib/module/components/offcanvas/Offcanvas.js.map +1 -1
- package/lib/module/components/popover/PopoverArrow.js +28 -0
- package/lib/module/components/popover/PopoverArrow.js.map +1 -1
- package/lib/module/components/tooltip/TooltipArrow.js +16 -0
- package/lib/module/components/tooltip/TooltipArrow.js.map +1 -1
- package/lib/module/hooks/useBackground.js +4 -78
- package/lib/module/hooks/useBackground.js.map +1 -1
- package/lib/module/hooks/{useBackground.native.js → useBackgroundNative.js} +2 -2
- package/lib/module/hooks/useBackgroundNative.js.map +1 -0
- package/lib/module/hooks/useBackgroundWeb.js +81 -0
- package/lib/module/hooks/useBackgroundWeb.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/Body.d.ts +2 -2
- package/lib/typescript/components/Body.d.ts.map +1 -1
- package/lib/typescript/components/SafeAreaView.d.ts +13 -0
- package/lib/typescript/components/SafeAreaView.d.ts.map +1 -0
- package/lib/typescript/components/forms/internals/FormCheckInputWeb.d.ts.map +1 -1
- package/lib/typescript/components/forms/internals/PickerNative.d.ts.map +1 -1
- package/lib/typescript/components/forms/internals/PickerWeb.d.ts.map +1 -1
- package/lib/typescript/components/helpers/Overlay.d.ts.map +1 -1
- package/lib/typescript/components/modal/Modal.d.ts.map +1 -1
- package/lib/typescript/components/offcanvas/Offcanvas.d.ts.map +1 -1
- package/lib/typescript/components/popover/PopoverArrow.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/TooltipArrow.d.ts.map +1 -1
- package/lib/typescript/hooks/useBackground.d.ts +4 -5
- package/lib/typescript/hooks/useBackground.d.ts.map +1 -1
- package/lib/typescript/hooks/{useBackground.native.d.ts → useBackgroundNative.d.ts} +2 -2
- package/lib/typescript/hooks/useBackgroundNative.d.ts.map +1 -0
- package/lib/typescript/hooks/useBackgroundWeb.d.ts +6 -0
- package/lib/typescript/hooks/useBackgroundWeb.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +87 -85
- package/src/components/Body.tsx +68 -58
- package/src/components/SafeAreaView.tsx +71 -0
- package/src/components/forms/internals/FormCheckInputWeb.tsx +79 -78
- package/src/components/forms/internals/PickerNative.tsx +3 -2
- package/src/components/forms/internals/PickerWeb.tsx +85 -78
- package/src/components/helpers/Overlay.tsx +2 -13
- package/src/components/modal/Modal.tsx +241 -234
- package/src/components/offcanvas/Offcanvas.tsx +247 -245
- package/src/components/popover/PopoverArrow.tsx +192 -164
- package/src/components/tooltip/TooltipArrow.tsx +118 -102
- package/src/hooks/useBackground.tsx +4 -122
- package/src/hooks/{useBackground.native.tsx → useBackgroundNative.tsx} +1 -1
- package/src/hooks/useBackgroundWeb.tsx +123 -0
- package/src/index.ts +3 -0
- package/src/style/transform/index.ts +245 -245
- package/src/theme/variables.ts +1420 -1420
- package/lib/module/hooks/useBackground.native.js.map +0 -1
- package/lib/typescript/hooks/useBackground.native.d.ts.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from 'react';
|
|
4
|
-
import { SafeAreaView as BaseSafeAreaView } from 'react-native';
|
|
5
4
|
import StyleSheet from "../style/StyleSheet.js";
|
|
6
5
|
import css from "../style/css.js";
|
|
7
6
|
import { getStyles } from "../utils.js";
|
|
8
7
|
import TextStyleContext from "../style/TextStyleContext.js";
|
|
9
8
|
import useMedia from "../hooks/useMedia.js";
|
|
10
9
|
import useStyle from "../hooks/useStyle.js";
|
|
10
|
+
import SafeAreaView from "./SafeAreaView.js";
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
12
|
const styles = StyleSheet.create({
|
|
13
13
|
body: css`
|
|
@@ -23,6 +23,7 @@ const styles = StyleSheet.create({
|
|
|
23
23
|
const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
24
24
|
const {
|
|
25
25
|
children,
|
|
26
|
+
edges = ['top', 'left', 'right'],
|
|
26
27
|
style,
|
|
27
28
|
textStyle,
|
|
28
29
|
styleName,
|
|
@@ -38,9 +39,10 @@ const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
38
39
|
media
|
|
39
40
|
})
|
|
40
41
|
}), [resolveTextStyle, media]);
|
|
41
|
-
return /*#__PURE__*/_jsx(
|
|
42
|
+
return /*#__PURE__*/_jsx(SafeAreaView, {
|
|
42
43
|
...elementProps,
|
|
43
44
|
ref: ref,
|
|
45
|
+
edges: edges,
|
|
44
46
|
style: resolveStyle({
|
|
45
47
|
media
|
|
46
48
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","css","getStyles","TextStyleContext","useMedia","useStyle","SafeAreaView","jsx","_jsx","styles","create","body","Body","forwardRef","props","ref","children","edges","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,YAAY,MAGZ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIxB,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,gBAAGd,KAAK,CAACe,UAAU,CAA6B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxE,MAAM;IACJC,QAAQ;IACRC,KAAK,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;IAChCC,KAAK;IACLC,SAAS;IACTC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,OAAO,GAAGpB,SAAS,CAACO,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;EAC3C,MAAMc,WAAW,GAAGrB,SAAS,CAACO,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAEtD,MAAMe,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EAExB,MAAMqB,YAAY,GAAGpB,QAAQ,CAAC,CAACiB,OAAO,EAAEJ,KAAK,CAAC,EAAEE,SAAS,CAAC;EAC1D,MAAMM,gBAAgB,GAAGrB,QAAQ,CAAC,CAACkB,WAAW,EAAEJ,SAAS,CAAC,CAAC;EAE3D,MAAMQ,YAAY,GAAG5B,OAAO,CAC1B,OAAO;IACLmB,KAAK,EAAEQ,gBAAgB,CAAC;MAAEF;IAAM,CAAC;EACnC,CAAC,CAAC,EACF,CAACE,gBAAgB,EAAEF,KAAK,CAC1B,CAAC;EAED,oBACEhB,IAAA,CAACF,YAAY;IAAA,GACPe,YAAY;IAChBN,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEO,YAAY,CAAC;MAAED;IAAM,CAAC,CAAE;IAAAR,QAAA,eAE/BR,IAAA,CAACL,gBAAgB,CAACyB,QAAQ;MAACC,KAAK,EAAEF,YAAa;MAAAX,QAAA,EAC5CA;IAAQ,CACgB;EAAC,CAChB,CAAC;AAEnB,CAAC,CAAC;AAEFJ,IAAI,CAACkB,WAAW,GAAG,MAAM;AAEzB,eAAelB,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useContext, useMemo } from 'react';
|
|
4
|
+
import { Platform, View } from 'react-native';
|
|
5
|
+
import { SafeAreaView as NativeSafeAreaView } from 'react-native-safe-area-context';
|
|
6
|
+
import TextStyleContext from "../style/TextStyleContext.js";
|
|
7
|
+
import useMedia from "../hooks/useMedia.js";
|
|
8
|
+
import useStyle from "../hooks/useStyle.js";
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const BaseSafeAreaView = Platform.OS === 'android' || Platform.OS === 'ios' ? NativeSafeAreaView : View;
|
|
11
|
+
const SafeAreaView = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
children,
|
|
14
|
+
style,
|
|
15
|
+
textStyle,
|
|
16
|
+
styleName,
|
|
17
|
+
...elementProps
|
|
18
|
+
} = props;
|
|
19
|
+
const media = useMedia();
|
|
20
|
+
const context = useContext(TextStyleContext);
|
|
21
|
+
const resolveStyle = useStyle(style, styleName);
|
|
22
|
+
const resolveTextStyle = useStyle([context?.style, textStyle]);
|
|
23
|
+
const hasTextStyle = context?.style || textStyle;
|
|
24
|
+
const contextValue = useMemo(() => ({
|
|
25
|
+
style: resolveTextStyle({
|
|
26
|
+
media
|
|
27
|
+
}),
|
|
28
|
+
hasAncestor: context?.hasTextAncestor
|
|
29
|
+
}), [resolveTextStyle, media, context]);
|
|
30
|
+
return /*#__PURE__*/_jsx(BaseSafeAreaView, {
|
|
31
|
+
...elementProps,
|
|
32
|
+
ref: ref,
|
|
33
|
+
style: resolveStyle({
|
|
34
|
+
media
|
|
35
|
+
}),
|
|
36
|
+
children: hasTextStyle ? /*#__PURE__*/_jsx(TextStyleContext.Provider, {
|
|
37
|
+
value: contextValue,
|
|
38
|
+
children: children
|
|
39
|
+
}) : children
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
SafeAreaView.displayName = 'SafeAreaView';
|
|
43
|
+
export default SafeAreaView;
|
|
44
|
+
//# sourceMappingURL=SafeAreaView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useContext","useMemo","Platform","View","SafeAreaView","NativeSafeAreaView","TextStyleContext","useMedia","useStyle","jsx","_jsx","BaseSafeAreaView","OS","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","media","context","resolveStyle","resolveTextStyle","hasTextStyle","contextValue","hasAncestor","hasTextAncestor","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/SafeAreaView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SACEC,YAAY,IAAIC,kBAAkB,QAE7B,gCAAgC;AACvC,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBzC,MAAMC,gBAAgB,GACpBT,QAAQ,CAACU,EAAE,KAAK,SAAS,IAAIV,QAAQ,CAACU,EAAE,KAAK,KAAK,GAC9CP,kBAAkB,GAClBF,IAAI;AAEV,MAAMC,YAAY,gBAAGL,KAAK,CAACc,UAAU,CACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAExE,MAAMO,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,OAAO,GAAGtB,UAAU,CAACM,gBAAgB,CAAC;EAE5C,MAAMiB,YAAY,GAAGf,QAAQ,CAACS,KAAK,EAAEE,SAAS,CAAC;EAC/C,MAAMK,gBAAgB,GAAGhB,QAAQ,CAAC,CAACc,OAAO,EAAEL,KAAK,EAAEC,SAAS,CAAC,CAAC;EAE9D,MAAMO,YAAY,GAAGH,OAAO,EAAEL,KAAK,IAAIC,SAAS;EAEhD,MAAMQ,YAAY,GAAGzB,OAAO,CAC1B,OAAO;IACLgB,KAAK,EAAEO,gBAAgB,CAAC;MAAEH;IAAM,CAAC,CAAC;IAClCM,WAAW,EAAEL,OAAO,EAAEM;EACxB,CAAC,CAAC,EACF,CAACJ,gBAAgB,EAAEH,KAAK,EAAEC,OAAO,CACnC,CAAC;EAED,oBACEZ,IAAA,CAACC,gBAAgB;IAAA,GACXS,YAAY;IAChBL,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEM,YAAY,CAAC;MAAEF;IAAM,CAAC,CAAE;IAAAL,QAAA,EAE9BS,YAAY,gBACXf,IAAA,CAACJ,gBAAgB,CAACuB,QAAQ;MAACC,KAAK,EAAEJ,YAAa;MAAAV,QAAA,EAC5CA;IAAQ,CACgB,CAAC,GAE5BA;EACD,CACe,CAAC;AAEvB,CACF,CAAC;AAEDZ,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ import OffcanvasContext from "../offcanvas/OffcanvasContext.js";
|
|
|
10
10
|
import useMedia from "../../hooks/useMedia.js";
|
|
11
11
|
import useStyle from "../../hooks/useStyle.js";
|
|
12
12
|
import useInteractionState from "../../hooks/useInteractionState.js";
|
|
13
|
-
import useBackground from
|
|
13
|
+
import useBackground from "../../hooks/useBackground.js";
|
|
14
14
|
import { escapeSvg } from "../../theme/functions.js";
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
16
|
const styles = StyleSheet.create({
|
|
@@ -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,
|
|
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,GAAGN,KAAK;EAET,MAAMO,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,MAAMoB,KAAK,GAAG3B,UAAU,CAACK,YAAY,CAAC;EACtC,MAAMuB,SAAS,GAAG5B,UAAU,CAACM,gBAAgB,CAAC;EAE9C,MAAMuB,OAAO,GAAG3B,SAAS,CAACY,MAAM,EAAE,CAChC,YAAY,EACZO,QAAQ,IAAI,qBAAqB;EACjC;EACAM,KAAK,IAAI,0BAA0B;EACnC;EACAC,SAAS,IAAI,8BAA8B,CAC5C,CAAC;EACF,MAAME,WAAW,GAAG5B,SAAS,CAACY,MAAM,EAAE,CAAC,mBAAmB,CAAC,CAAC;EAE5D,MAAMiB,YAAY,GAAGvB,QAAQ,CAAC,CAACqB,OAAO,EAAEP,KAAK,CAAC,EAAEE,SAAS,CAAC;EAE1D,MAAM;IAAEQ,WAAW;IAAEC;EAAiB,CAAC,GAAGxB,mBAAmB,CAACgB,YAAY,CAAC;EAE3E,MAAMS,UAAU,GAAGxB,aAAa,CAC9BqB,YAAY,CAAC;IACXL,KAAK;IACLM;EACF,CAAC,CACH,CAAC;EAED,oBACEnB,IAAA,CAACT,SAAS;IAAA,GACJqB,YAAY;IAAA,GACZQ,gBAAgB;IACpBb,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEY,UAAU,CAACZ,KAAM;IACxBC,SAAS,EAAE,CAACO,WAAW,EAAEP,SAAS,CAAE;IAAAY,QAAA,EAEnCD,UAAU,CAACE;EAAO,CACV,CAAC;AAEhB,CACF,CAAC;AAEDnB,WAAW,CAACoB,WAAW,GAAG,aAAa;AAEvC,eAAepB,WAAW","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import Pressable from "../../Pressable.js";
|
|
5
|
-
import useBackground from
|
|
5
|
+
import useBackground from "../../../hooks/useBackground.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const FormCheckInputNative = /*#__PURE__*/forwardRef((props, ref) => {
|
|
8
8
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Pressable","useBackground","jsx","_jsx","FormCheckInputNative","props","ref","type","value","onValueChange","handleValueChange","onFocus","onBlur","hitSlop","disabled","style","id","inputBackground","role","onPress","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/FormCheckInputNative.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,SAAS,MAAwB,oBAAiB;AACzD,OAAOC,aAAa,MAAM,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Pressable","useBackground","jsx","_jsx","FormCheckInputNative","props","ref","type","value","onValueChange","handleValueChange","onFocus","onBlur","hitSlop","disabled","style","id","inputBackground","role","onPress","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/FormCheckInputNative.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,SAAS,MAAwB,oBAAiB;AACzD,OAAOC,aAAa,MAAM,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzD,MAAMC,oBAAoB,gBAAGL,UAAU,CAGrC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,aAAa,EAAEC,iBAAiB;IAChCC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,OAAO,GAAG,CAAC;IACXC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC;EACF,CAAC,GAAGX,KAAK;EAET,MAAMY,eAAe,GAAGhB,aAAa,CAACc,KAAK,CAAC;EAE5C,oBACEZ,IAAA,CAACH,SAAS;IACRM,GAAG,EAAEA,GAAI;IACTY,IAAI,EAAEX,IAAK;IACX,gBAAcC,KAAM;IACpBW,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIT,iBAAiB,EAAEA,iBAAiB,CAAC,CAACF,KAAK,CAAC;IAClD,CAAE;IACFG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEE,eAAe,CAACF,KAAM;IAC7BC,EAAE,EAAEA,EAAG;IAAAI,QAAA,EAENH,eAAe,CAACI;EAAO,CACf,CAAC;AAEhB,CAAC,CAAC;AAEFjB,oBAAoB,CAACkB,WAAW,GAAG,sBAAsB;AAEzD,eAAelB,oBAAoB","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import React from 'react';
|
|
|
4
4
|
import {
|
|
5
5
|
// @ts-expect-error import is available
|
|
6
6
|
unstable_createElement as createElement, StyleSheet } from 'react-native';
|
|
7
|
-
import useBackground from
|
|
7
|
+
import useBackground from "../../../hooks/useBackground.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
const styles = StyleSheet.create({
|
|
10
10
|
reboot: {
|
|
@@ -44,7 +44,9 @@ const FormCheckInputWeb = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
44
44
|
},
|
|
45
45
|
onFocus: onFocus,
|
|
46
46
|
onBlur: onBlur,
|
|
47
|
-
disabled: disabled
|
|
47
|
+
disabled: disabled
|
|
48
|
+
// @ts-expect-error inputBackground.style should be a ViewStyle here.
|
|
49
|
+
,
|
|
48
50
|
style: inputBackground.style,
|
|
49
51
|
id: id,
|
|
50
52
|
autoFocus: autoFocus
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","unstable_createElement","createElement","StyleSheet","useBackground","jsx","_jsx","styles","create","reboot","flexShrink","margin","Input","forwardRef","style","props","ref","FormCheckInputWeb","type","value","onValueChange","handleValueChange","onFocus","onBlur","disabled","id","autoFocus","inputBackground","checked","onChange","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/FormCheckInputWeb.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB;AACE;AACAC,sBAAsB,IAAIC,aAAa,EACvCC,UAAU,QAEL,cAAc;AACrB,OAAOC,aAAa,MAAM,
|
|
1
|
+
{"version":3,"names":["React","unstable_createElement","createElement","StyleSheet","useBackground","jsx","_jsx","styles","create","reboot","flexShrink","margin","Input","forwardRef","style","props","ref","FormCheckInputWeb","type","value","onValueChange","handleValueChange","onFocus","onBlur","disabled","id","autoFocus","inputBackground","checked","onChange","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/FormCheckInputWeb.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB;AACE;AACAC,sBAAsB,IAAIC,aAAa,EACvCC,UAAU,QAEL,cAAc;AACrB,OAAOC,aAAa,MAAM,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzD,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAaF,MAAMC,KAAK,gBAAGZ,KAAK,CAACa,UAAU,CAC5B,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KACvBd,aAAa,CAAC,OAAO,EAAE;EAAE,GAAGa,KAAK;EAAEC,GAAG;EAAEF,KAAK,EAAE,CAACP,MAAM,CAACE,MAAM,EAAEK,KAAK;AAAE,CAAC,CAC3E,CAAC;AAED,MAAMG,iBAAiB,gBAAGjB,KAAK,CAACa,UAAU,CAGxC,CAACE,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;IACJE,IAAI;IACJC,KAAK;IACLC,aAAa,EAAEC,iBAAiB;IAChCC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,QAAQ,GAAG,KAAK;IAChBV,KAAK;IACLW,EAAE;IACFC;EACF,CAAC,GAAGX,KAAK;EAET,MAAMY,eAAe,GAAGvB,aAAa,CAACU,KAAK,CAAC;EAE5C,oBACER,IAAA,CAACM;EACC;EAAA;IACAI,GAAG,EAAEA,GAAI;IACTE,IAAI,EAAEA,IAAI,KAAK,QAAQ,GAAG,UAAU,GAAGA,IAAK;IAC5CU,OAAO,EAAET,KAAM;IACfU,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAIR,iBAAiB,EAAEA,iBAAiB,CAAC,CAACF,KAAK,CAAC;IAClD,CAAE;IACFG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;IACV;IAAA;IACAV,KAAK,EAAEa,eAAe,CAACb,KAAM;IAC7BW,EAAE,EAAEA,EAAG;IACPC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC,CAAC;AAEFT,iBAAiB,CAACa,WAAW,GAAG,mBAAmB;AAEnD,eAAeb,iBAAiB","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ import css from "../../../style/css.js";
|
|
|
7
7
|
import Pressable from "../../Pressable.js";
|
|
8
8
|
import Text from "../../Text.js";
|
|
9
9
|
import Offcanvas from "../../offcanvas/Offcanvas.js";
|
|
10
|
-
import useBackground from
|
|
10
|
+
import useBackground from "../../../hooks/useBackground.js";
|
|
11
11
|
import PickerNativeContext from "./PickerNativeContext.js";
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
13
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useMemo","StyleSheet","StyleUtils","css","Pressable","Text","Offcanvas","useBackground","PickerNativeContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","styles","create","menu","textStyleKeys","extractTextStyles","style","flattenedStyle","flatten","textStyles","Object","entries","forEach","key","value","includes","getText","children","selectedValue","items","Children","map","child","label","props","selectedItem","find","item","DefaultMenuComponent","onValueChange","handleValueChange","onClose","handleClose","contextValue","placement","visible","onToggle","Body","contentContainerStyle","Provider","PickerNative","forwardRef","ref","onFocus","onBlur","placeholder","placeholderTextColor","disabled","MenuComponent","elementProps","background","setVisible","textStyle","showPlaceholder","undefined","nextValue","handleFocus","event","handleBlur","role","onPress","element","numberOfLines","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerNative.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,SAKEC,UAAU,IAAIC,UAAU,QACnB,cAAc;AACrB,OAAOD,UAAU,MAAM,8BAA2B;AAClD,OAAOE,GAAG,MAAM,uBAAoB;AACpC,OAAOC,SAAS,MAAwB,oBAAiB;AACzD,OAAOC,IAAI,MAAM,eAAY;AAC7B,OAAOC,SAAS,MAAM,8BAA2B;AACjD,OAAOC,aAAa,MAAM,
|
|
1
|
+
{"version":3,"names":["React","useState","useMemo","StyleSheet","StyleUtils","css","Pressable","Text","Offcanvas","useBackground","PickerNativeContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","styles","create","menu","textStyleKeys","extractTextStyles","style","flattenedStyle","flatten","textStyles","Object","entries","forEach","key","value","includes","getText","children","selectedValue","items","Children","map","child","label","props","selectedItem","find","item","DefaultMenuComponent","onValueChange","handleValueChange","onClose","handleClose","contextValue","placement","visible","onToggle","Body","contentContainerStyle","Provider","PickerNative","forwardRef","ref","onFocus","onBlur","placeholder","placeholderTextColor","disabled","MenuComponent","elementProps","background","setVisible","textStyle","showPlaceholder","undefined","nextValue","handleFocus","event","handleBlur","role","onPress","element","numberOfLines","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerNative.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import React, { useMemo, forwardRef } from 'react';
|
|
|
4
4
|
import {
|
|
5
5
|
// @ts-expect-error web only import
|
|
6
6
|
Picker as BasePicker, StyleSheet as StyleUtils } from 'react-native';
|
|
7
|
-
import useBackground from
|
|
7
|
+
import useBackground from "../../../hooks/useBackground.js";
|
|
8
8
|
import PickerWebContext from "./PickerWebContext.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
const PLACEHOLDER = '__PLACEHOLDER__';
|
|
@@ -13,7 +13,10 @@ const getOptionStyle = (style, showPlaceholder) => {
|
|
|
13
13
|
return null;
|
|
14
14
|
}
|
|
15
15
|
const flattenedStyle = StyleUtils.flatten(style);
|
|
16
|
-
|
|
16
|
+
if ('color' in flattenedStyle && flattenedStyle.color !== undefined) {
|
|
17
|
+
return flattenedStyle.color;
|
|
18
|
+
}
|
|
19
|
+
return null;
|
|
17
20
|
};
|
|
18
21
|
const PickerWeb = /*#__PURE__*/forwardRef((props, ref) => {
|
|
19
22
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","forwardRef","Picker","BasePicker","StyleSheet","StyleUtils","useBackground","PickerWebContext","jsx","_jsx","jsxs","_jsxs","PLACEHOLDER","getOptionStyle","style","showPlaceholder","flattenedStyle","flatten","color","PickerWeb","props","ref","children","selectedValue","onValueChange","onFocus","onBlur","placeholder","placeholderTextColor","disabled","elementProps","background","
|
|
1
|
+
{"version":3,"names":["React","useMemo","forwardRef","Picker","BasePicker","StyleSheet","StyleUtils","useBackground","PickerWebContext","jsx","_jsx","jsxs","_jsxs","PLACEHOLDER","getOptionStyle","style","showPlaceholder","flattenedStyle","flatten","color","undefined","PickerWeb","props","ref","children","selectedValue","onValueChange","onFocus","onBlur","placeholder","placeholderTextColor","disabled","elementProps","background","contextValue","optionColor","value","hidden","Provider"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/forms/internals/PickerWeb.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,UAAU,QAAQ,OAAO;AAClD;AACE;AACAC,MAAM,IAAIC,UAAU,EACpBC,UAAU,IAAIC,UAAU,QAEnB,cAAc;AACrB,OAAOC,aAAa,MAAM,iCAA8B;AACxD,OAAOC,gBAAgB,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQlD,MAAMC,WAAW,GAAG,iBAAiB;AAErC,MAAMC,cAAc,GAAGA,CACrBC,KAAgD,EAChDC,eAAwB,KACrB;EACH,IAAI,CAACA,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,MAAMC,cAAc,GAAGX,UAAU,CAACY,OAAO,CAACH,KAAK,CAAC;EAEhD,IAAI,OAAO,IAAIE,cAAc,IAAIA,cAAc,CAACE,KAAK,KAAKC,SAAS,EAAE;IACnE,OAAOH,cAAc,CAACE,KAAK;EAC7B;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAME,SAAS,gBAAGnB,UAAU,CAA+B,CAACoB,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IACJC,QAAQ;IACRC,aAAa;IACbC,aAAa,GAAGA,CAAA,KAAM,CAAC,CAAC;IACxBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,WAAW;IACXC,oBAAoB;IACpBC,QAAQ;IACRhB,KAAK;IACL,GAAGiB;EACL,CAAC,GAAGV,KAAK;EAET,MAAMW,UAAU,GAAG1B,aAAa,CAACQ,KAAK,CAAC;EAEvC,MAAMC,eAAe,GAAGS,aAAa,KAAKL,SAAS,IAAIK,aAAa,KAAK,IAAI;EAE7E,MAAMS,YAAY,GAAGjC,OAAO,CAC1B,OAAO;IACLkC,WAAW,EAAErB,cAAc,CAACmB,UAAU,CAAClB,KAAK,EAAEC,eAAe;EAC/D,CAAC,CAAC,EACF,CAACiB,UAAU,EAAEjB,eAAe,CAC9B,CAAC;EAED,oBACEJ,KAAA,CAACR,UAAU;IAAA,GACL4B,YAAY;IAChBT,GAAG,EAAEA,GAAI;IACTE,aAAa,EAAET,eAAe,GAAGH,WAAW,GAAGY,aAAc;IAC7DC,aAAa,EAAEA,aAAc;IAC7BC,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfG,QAAQ,EAAEA,QAAS;IACnBhB,KAAK,EAAE,CACLkB,UAAU,CAAClB,KAAK,EAChBC,eAAe,IAAI;MAAEG,KAAK,EAAEW;IAAqB,CAAC,CAClD;IAAAN,QAAA,gBAEFd,IAAA;MAAQ0B,KAAK,EAAEvB,WAAY;MAACkB,QAAQ;MAACM,MAAM;MAAAb,QAAA,EACxCK;IAAW,CACN,CAAC,eACTnB,IAAA,CAACF,gBAAgB,CAAC8B,QAAQ;MAACF,KAAK,EAAEF,YAAa;MAAAV,QAAA,EAC5CA;IAAQ,CACgB,CAAC;EAAA,CAClB,CAAC;AAEjB,CAAC,CAAC;AAEF,eAAeH,SAAS","ignoreList":[]}
|
|
@@ -36,22 +36,11 @@ function Overlay({
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
//
|
|
40
|
-
if (Platform.OS === 'android' && StatusBar.currentHeight) {
|
|
41
|
-
if (typeof overlay.overlayProps.style.top === 'number') {
|
|
42
|
-
overlay.overlayProps.style.top -= StatusBar.currentHeight;
|
|
43
|
-
}
|
|
44
|
-
if (typeof overlay.arrowProps.style.top === 'number') {
|
|
45
|
-
overlay.arrowProps.style.top -= StatusBar.currentHeight;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// Workaround for different calculation of height in Android 15
|
|
39
|
+
// Android 15 (edge-to-edge support) adjustments
|
|
50
40
|
// https://github.com/facebook/react-native/issues/47080
|
|
51
41
|
if (Platform.OS === 'android' && Platform.constants.Version >= 35 && StatusBar.currentHeight) {
|
|
52
42
|
if (typeof overlay.overlayProps.style.bottom === 'number') {
|
|
53
|
-
|
|
54
|
-
overlay.overlayProps.style.bottom -= StatusBar.currentHeight + 22;
|
|
43
|
+
overlay.overlayProps.style.bottom -= StatusBar.currentHeight;
|
|
55
44
|
}
|
|
56
45
|
}
|
|
57
46
|
return children(overlay, overlayRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","Platform","StatusBar","useOverlayPosition","Overlay","children","targetRef","placement","offset","arrowOffset","visible","overlayRef","overlay","isOpen","arrowProps","style","top","left","OS","
|
|
1
|
+
{"version":3,"names":["useRef","Platform","StatusBar","useOverlayPosition","Overlay","children","targetRef","placement","offset","arrowOffset","visible","overlayRef","overlay","isOpen","arrowProps","style","top","left","OS","constants","Version","currentHeight","overlayProps","bottom","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/helpers/Overlay.tsx"],"mappings":";;AAAA,SAAgBA,MAAM,QAAmB,OAAO;AAChD,SAASC,QAAQ,EAAEC,SAAS,QAAmB,cAAc;AAC7D,SAASC,kBAAkB,QAAQ,6BAA6B;AA2BhE,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,WAAW,GAAG,CAAC;EACfC;AACY,CAAC,EAAE;EACf,MAAMC,UAAU,GAAGX,MAAM,CAAC,IAAI,CAAC;EAE/B,MAAMY,OAAO,GAAGT,kBAAkB,CAAC;IACjCI,SAAS;IACTD,SAAS;IACTK,UAAU;IACVH,MAAM;IACNK,MAAM,EAAEH;EACV,CAAC,CAAC;;EAEF;EACA,IAAIH,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG;IACnC,IAAI,OAAOJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAE;MACrDL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,IAAIR,WAAW;IAC9C;EACF;EACA,IAAIF,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,OAAO,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI;IACpC,IAAI,OAAOL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpDJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,IAAIP,WAAW;IAC7C;EACF;;EAEA;EACA;EACA,IACER,QAAQ,CAACiB,EAAE,KAAK,SAAS,IACzBjB,QAAQ,CAACkB,SAAS,CAACC,OAAO,IAAI,EAAE,IAChClB,SAAS,CAACmB,aAAa,EACvB;IACA,IAAI,OAAOT,OAAO,CAACU,YAAY,CAACP,KAAK,CAACQ,MAAM,KAAK,QAAQ,EAAE;MACzDX,OAAO,CAACU,YAAY,CAACP,KAAK,CAACQ,MAAM,IAAIrB,SAAS,CAACmB,aAAa;IAC9D;EACF;EAEA,OAAOhB,QAAQ,CAACO,OAAO,EAAED,UAAU,CAAC;AACtC;AAEAP,OAAO,CAACoB,WAAW,GAAG,SAAS;AAE/B,eAAepB,OAAO","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useRef } from 'react';
|
|
4
|
-
import { Modal as BaseModal
|
|
4
|
+
import { Modal as BaseModal } from 'react-native';
|
|
5
5
|
import { OverlayProvider } from '@react-native-aria/overlays';
|
|
6
6
|
import StyleSheet from "../../style/StyleSheet.js";
|
|
7
7
|
import { getStyles } from "../../utils.js";
|
|
@@ -9,6 +9,7 @@ import css from "../../style/css.js";
|
|
|
9
9
|
import ScrollView from "../ScrollView.js";
|
|
10
10
|
import View from "../View.js";
|
|
11
11
|
import BackdropHandler from "../helpers/BackdropHandler.js";
|
|
12
|
+
import SafeAreaView from "../SafeAreaView.js";
|
|
12
13
|
import useModal from "./useModal.js";
|
|
13
14
|
import ModalContext from "./ModalContext.js";
|
|
14
15
|
import ModalHeader from "./ModalHeader.js";
|
|
@@ -146,6 +147,8 @@ const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
146
147
|
};
|
|
147
148
|
return /*#__PURE__*/_jsxs(BaseModal, {
|
|
148
149
|
transparent: true,
|
|
150
|
+
statusBarTranslucent: true,
|
|
151
|
+
navigationBarTranslucent: true,
|
|
149
152
|
visible: visible,
|
|
150
153
|
onRequestClose: handleToggle,
|
|
151
154
|
children: [backdrop && /*#__PURE__*/_jsx(View, {
|
|
@@ -164,7 +167,7 @@ const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
164
167
|
onClose: handleToggle,
|
|
165
168
|
backdrop: backdrop
|
|
166
169
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
167
|
-
style: {
|
|
170
|
+
style: scrollable && {
|
|
168
171
|
flexShrink: 1
|
|
169
172
|
},
|
|
170
173
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","Modal","BaseModal","
|
|
1
|
+
{"version":3,"names":["React","useRef","Modal","BaseModal","OverlayProvider","StyleSheet","getStyles","css","ScrollView","View","BackdropHandler","SafeAreaView","useModal","ModalContext","ModalHeader","ModalTitle","ModalBody","ModalFooter","jsx","_jsx","jsxs","_jsxs","styles","create","forwardRef","props","ref","children","visible","size","backdrop","scrollable","centered","onToggle","handleToggle","style","contentContainerStyle","dialogStyle","contentStyle","textStyle","dialogTextStyle","contentTextStyle","elementProps","dialogRef","modal","backdropClasses","classes","dialogClasses","contentClasses","contentTextClasses","FlexView","centeredStyle","justifyContent","transparent","statusBarTranslucent","navigationBarTranslucent","onRequestClose","undefined","flexGrow","onClose","flexShrink","Provider","value","displayName","Object","assign","Context","Header","Title","Body","Footer"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/Modal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ import NavbarContext from "./NavbarContext.js";
|
|
|
13
13
|
import useMedia from "../../hooks/useMedia.js";
|
|
14
14
|
import useToggleNavbar from "./useToggleNavbar.js";
|
|
15
15
|
import useStyle from "../../hooks/useStyle.js";
|
|
16
|
-
import useBackground from
|
|
16
|
+
import useBackground from "../../hooks/useBackground.js";
|
|
17
17
|
import { escapeSvg } from "../../theme/functions.js";
|
|
18
18
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
19
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","css","Pressable","View","useForcedContext","GRID_BREAKPOINTS","infix","next","getStyles","each","NavbarContext","useMedia","useToggleNavbar","useStyle","useBackground","escapeSvg","jsx","_jsx","styles","create","breakpoint","t","NavbarToggler","forwardRef","props","ref","style","textStyle","iconStyle","elementProps","media","variant","expand","classes","textClasses","iconClasses","resolveIconStyle","background","toggle","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarToggler.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,SAAS,MAA0B,iBAAc;AACxD,OAAOC,IAAI,MAAmB,YAAS;AACvC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,KAAK,EAAEC,IAAI,QAAQ,4BAAyB;AACrD,SAASC,SAAS,EAAEC,IAAI,QAAQ,gBAAa;AAC7C,OAAOC,aAAa,MAAM,oBAAiB;AAC3C,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,eAAe,MAAM,sBAAmB;AAC/C,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,aAAa,MAAM,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","css","Pressable","View","useForcedContext","GRID_BREAKPOINTS","infix","next","getStyles","each","NavbarContext","useMedia","useToggleNavbar","useStyle","useBackground","escapeSvg","jsx","_jsx","styles","create","breakpoint","t","NavbarToggler","forwardRef","props","ref","style","textStyle","iconStyle","elementProps","media","variant","expand","classes","textClasses","iconClasses","resolveIconStyle","background","toggle","children","element","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/NavbarToggler.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useContext, useRef } from 'react';
|
|
4
|
-
import { Modal as BaseModal
|
|
4
|
+
import { Modal as BaseModal } from 'react-native';
|
|
5
5
|
import { OverlayProvider } from '@react-native-aria/overlays';
|
|
6
6
|
import StyleSheet from "../../style/StyleSheet.js";
|
|
7
7
|
import css from "../../style/css.js";
|
|
8
8
|
import BackdropHandler from "../helpers/BackdropHandler.js";
|
|
9
|
+
import SafeAreaView from "../SafeAreaView.js";
|
|
9
10
|
import View from "../View.js";
|
|
10
11
|
import { GRID_BREAKPOINTS } from "../../theme/proxies.js";
|
|
11
12
|
import { infix, next } from "../../theme/breakpoints.js";
|
|
@@ -27,13 +28,6 @@ const styles = StyleSheet.create({
|
|
|
27
28
|
flex-direction: column;
|
|
28
29
|
max-width: 100%;
|
|
29
30
|
// visibility: hidden;
|
|
30
|
-
background-color: $offcanvas-bg-color;
|
|
31
|
-
// background-clip: padding-box;
|
|
32
|
-
@include platform(web) {
|
|
33
|
-
outline-width: 0; // outline: 0;
|
|
34
|
-
}
|
|
35
|
-
// @include box-shadow($offcanvas-box-shadow);
|
|
36
|
-
// @include transition(transform $offcanvas-transition-duration ease-in-out);
|
|
37
31
|
`,
|
|
38
32
|
'.offcanvas --text': css`
|
|
39
33
|
color: $offcanvas-color;
|
|
@@ -45,6 +39,8 @@ const styles = StyleSheet.create({
|
|
|
45
39
|
z-index: $zindex-offcanvas-backdrop;
|
|
46
40
|
width: 100%;
|
|
47
41
|
height: 100%;
|
|
42
|
+
`,
|
|
43
|
+
'.offcanvas-backdrop-inset': css`
|
|
48
44
|
background-color: $offcanvas-backdrop-bg;
|
|
49
45
|
opacity: $offcanvas-backdrop-opacity;
|
|
50
46
|
`,
|
|
@@ -52,63 +48,63 @@ const styles = StyleSheet.create({
|
|
|
52
48
|
top: 0;
|
|
53
49
|
bottom: 0; // added for bootstrap-rn
|
|
54
50
|
left: 0;
|
|
55
|
-
// width: $offcanvas-horizontal-width;
|
|
56
|
-
border-right-width: $offcanvas-border-width;
|
|
57
|
-
border-style: solid;
|
|
58
|
-
border-color: $offcanvas-border-color;
|
|
59
|
-
// transform: translateX(-100%);
|
|
60
51
|
`,
|
|
61
52
|
'.offcanvas-end': css`
|
|
62
53
|
top: 0;
|
|
63
54
|
bottom: 0; // added for bootstrap-rn
|
|
64
55
|
right: 0;
|
|
65
|
-
// width: $offcanvas-horizontal-width;
|
|
66
|
-
border-left-width: $offcanvas-border-width;
|
|
67
|
-
border-style: solid;
|
|
68
|
-
border-color: $offcanvas-border-color;
|
|
69
|
-
// transform: translateX(100%);
|
|
70
56
|
`,
|
|
71
57
|
'.offcanvas-top': css`
|
|
72
58
|
top: 0;
|
|
73
59
|
right: 0;
|
|
74
60
|
left: 0;
|
|
75
|
-
// height: $offcanvas-vertical-height;
|
|
76
|
-
max-height: 100%;
|
|
77
|
-
border-bottom-width: $offcanvas-border-width;
|
|
78
|
-
border-style: solid;
|
|
79
|
-
border-color: $offcanvas-border-color;
|
|
80
|
-
// transform: translateY(-100%);
|
|
81
61
|
`,
|
|
82
62
|
'.offcanvas-bottom': css`
|
|
83
63
|
bottom: 0; // added for bootstrap-rn
|
|
84
64
|
right: 0;
|
|
85
65
|
left: 0;
|
|
86
|
-
// height: $offcanvas-vertical-height;
|
|
87
|
-
max-height: 100%;
|
|
88
|
-
width: 100%;
|
|
89
|
-
border-top-width: $offcanvas-border-width;
|
|
90
|
-
border-style: solid;
|
|
91
|
-
border-color: $offcanvas-border-color;
|
|
92
|
-
// transform: translateY(100%);
|
|
93
66
|
`,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
67
|
+
'.offcanvas-inset': css`
|
|
68
|
+
max-width: 100%; // added for bootstrap-rn
|
|
69
|
+
max-height: 100%; // added for bootstrap-rn
|
|
70
|
+
background-color: $offcanvas-bg-color;
|
|
71
|
+
// background-clip: padding-box;
|
|
72
|
+
@include platform(web) {
|
|
73
|
+
outline-width: 0; // outline: 0;
|
|
74
|
+
}
|
|
75
|
+
// @include box-shadow($offcanvas-box-shadow);
|
|
76
|
+
// @include transition(transform $offcanvas-transition-duration ease-in-out);
|
|
100
77
|
`,
|
|
101
|
-
'.offcanvas-
|
|
78
|
+
'.offcanvas-inset-start': css`
|
|
102
79
|
width: $offcanvas-horizontal-width;
|
|
80
|
+
border-right-width: $offcanvas-border-width;
|
|
81
|
+
border-style: solid;
|
|
82
|
+
border-color: $offcanvas-border-color;
|
|
83
|
+
// transform: translateX(-100%);
|
|
103
84
|
`,
|
|
104
|
-
'.offcanvas-
|
|
85
|
+
'.offcanvas-inset-end': css`
|
|
105
86
|
width: $offcanvas-horizontal-width;
|
|
87
|
+
border-left-width: $offcanvas-border-width;
|
|
88
|
+
border-style: solid;
|
|
89
|
+
border-color: $offcanvas-border-color;
|
|
90
|
+
// transform: translateX(100%);
|
|
106
91
|
`,
|
|
107
|
-
'.offcanvas-
|
|
92
|
+
'.offcanvas-inset-top': css`
|
|
108
93
|
height: $offcanvas-vertical-height;
|
|
94
|
+
max-height: 100%;
|
|
95
|
+
border-bottom-width: $offcanvas-border-width;
|
|
96
|
+
border-style: solid;
|
|
97
|
+
border-color: $offcanvas-border-color;
|
|
98
|
+
// transform: translateY(-100%);
|
|
109
99
|
`,
|
|
110
|
-
'.offcanvas-
|
|
100
|
+
'.offcanvas-inset-bottom': css`
|
|
111
101
|
height: $offcanvas-vertical-height;
|
|
102
|
+
max-height: 100%;
|
|
103
|
+
width: 100%;
|
|
104
|
+
border-top-width: $offcanvas-border-width;
|
|
105
|
+
border-style: solid;
|
|
106
|
+
border-color: $offcanvas-border-color;
|
|
107
|
+
// transform: translateY(100%);
|
|
112
108
|
`,
|
|
113
109
|
// Navbar styles
|
|
114
110
|
...each(GRID_BREAKPOINTS, breakpoint => ({
|
|
@@ -148,8 +144,9 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
148
144
|
const offcanvasRef = useRef(null);
|
|
149
145
|
const offcanvas = useOffcanvas(visible, scroll);
|
|
150
146
|
const backdropClasses = getStyles(styles, ['.offcanvas-backdrop']);
|
|
147
|
+
const backdropInsetClasses = getStyles(styles, ['.offcanvas-backdrop-inset']);
|
|
151
148
|
const classes = getStyles(styles, ['.offcanvas', `.offcanvas-${placement}`, navbar && navbar.expand && `.navbar-expand${navbar.expand === true ? '' : `-${navbar.expand}`} .offcanvas`]);
|
|
152
|
-
const dialogClasses = getStyles(styles, ['.offcanvas-
|
|
149
|
+
const dialogClasses = getStyles(styles, ['.offcanvas-inset', `.offcanvas-inset-${placement}`]);
|
|
153
150
|
const textClasses = getStyles(styles, ['.offcanvas-content --text']);
|
|
154
151
|
|
|
155
152
|
// Render children without modal for navbar.
|
|
@@ -164,39 +161,41 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
164
161
|
}
|
|
165
162
|
return /*#__PURE__*/_jsxs(BaseModal, {
|
|
166
163
|
transparent: true,
|
|
164
|
+
statusBarTranslucent: true,
|
|
165
|
+
navigationBarTranslucent: true,
|
|
167
166
|
visible: navbar ? navbar.expanded : visible,
|
|
168
167
|
onRequestClose: handleToggle,
|
|
169
|
-
children: [
|
|
170
|
-
style:
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
},
|
|
177
|
-
children: [backdrop && /*#__PURE__*/_jsx(View, {
|
|
178
|
-
style: backdropClasses,
|
|
168
|
+
children: [backdrop && /*#__PURE__*/_jsx(SafeAreaView, {
|
|
169
|
+
style: backdropClasses,
|
|
170
|
+
edges: placement !== 'bottom' ? ['top'] : [],
|
|
171
|
+
children: /*#__PURE__*/_jsx(SafeAreaView, {
|
|
172
|
+
style: [{
|
|
173
|
+
flexGrow: 1
|
|
174
|
+
}, backdropInsetClasses],
|
|
179
175
|
children: /*#__PURE__*/_jsx(BackdropHandler, {
|
|
180
176
|
dialogRef: offcanvasRef,
|
|
181
177
|
onClose: handleToggle,
|
|
182
178
|
backdrop: backdrop
|
|
183
179
|
})
|
|
184
|
-
})
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
180
|
+
})
|
|
181
|
+
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
182
|
+
...elementProps,
|
|
183
|
+
ref: concatRefs(offcanvasRef, ref),
|
|
184
|
+
style: [classes, style],
|
|
185
|
+
textStyle: [textClasses, textStyle],
|
|
186
|
+
edges: placement !== 'bottom' ? ['top'] : [],
|
|
187
|
+
children: /*#__PURE__*/_jsx(SafeAreaView, {
|
|
188
|
+
style: [{
|
|
189
|
+
flexGrow: 1
|
|
190
|
+
}, dialogClasses, dialogStyle],
|
|
191
|
+
textStyle: dialogTextStyle,
|
|
192
|
+
children: /*#__PURE__*/_jsx(OffcanvasContext.Provider, {
|
|
193
|
+
value: offcanvas,
|
|
194
|
+
children: /*#__PURE__*/_jsx(OverlayProvider, {
|
|
195
|
+
children: children
|
|
197
196
|
})
|
|
198
197
|
})
|
|
199
|
-
})
|
|
198
|
+
})
|
|
200
199
|
})]
|
|
201
200
|
});
|
|
202
201
|
});
|