@cleartrip/ct-design-safe-area-container 5.21.0 → 5.22.0-SNAPSHOT-native-main.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ct-design-safe-area-container.browser.cjs.js.map +1 -1
- package/dist/ct-design-safe-area-container.browser.esm.js +1 -1
- package/dist/ct-design-safe-area-container.browser.esm.js.map +1 -1
- package/dist/ct-design-safe-area-container.cjs.js +3 -2
- package/dist/ct-design-safe-area-container.cjs.js.map +1 -1
- package/dist/ct-design-safe-area-container.esm.js +4 -3
- package/dist/ct-design-safe-area-container.esm.js.map +1 -1
- package/dist/ct-design-safe-area-container.umd.js +3 -2
- package/dist/ct-design-safe-area-container.umd.js.map +1 -1
- package/dist/provider/context.d.ts +4 -0
- package/dist/provider/context.d.ts.map +1 -0
- package/dist/provider/index.d.ts +2 -3
- package/dist/provider/index.d.ts.map +1 -1
- package/dist/provider/index.native.d.ts +2 -3
- package/dist/provider/index.native.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/provider/context.ts +7 -0
- package/src/provider/hooks.ts +1 -1
- package/src/provider/index.native.tsx +4 -4
- package/src/provider/index.tsx +3 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-safe-area-container.browser.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/
|
|
1
|
+
{"version":3,"file":"ct-design-safe-area-container.browser.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/context.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts"],"sourcesContent":[null,null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","containerStyles","useStyles","root","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","DEFAULT_INSETS","SafeAreaContext","createContext","useContext","handleInsets","useEffect"],"mappings":"yHAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,MACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAAkBC,EAAAA,UACtB,KAAO,CACLC,KAAMpB,EAA2B,CAAEC,aAErC,CAACA,KAGKmB,KAAMC,EAAmB,IAAOJ,GAAe,CAAA,EAEjDK,EAAmBC,EAAAA,kBACvB,CAACL,EAAgBE,QAASC,GAC1B,CAACH,EAAgBE,KAAMC,IAGzB,OAAOG,EAAAA,WAAKC,UAAWH,EAAmBN,SAAAA,KAG5CD,EAAkBW,YAAc,oBCjCzB,MAAMC,EAAiC,CAAA,EAEjCC,EAAkBC,EAAaA,cAAsB,CAAE5B,OAAQ0B,mFCUf,EAAGX,cACvDA,oECD2B,KAClC,MAAMf,OAAEA,GAAW6B,EAAUA,WAAsBF,GACnD,OAAO3B,mCAQ8B,KACrC,MAAM8B,aAAEA,GAAiBD,EAAUA,WAAsBF,GACzD,OAAOG,uBAnBkB,IAAMD,EAAUA,WAAsBF,2DA2B7B,CAACxB,EAAcU,KACjD,MAAMiB,aAAEA,GAAiBD,EAAUA,WAAsBF,GAEzDI,EAAAA,UAAU,KACRD,SAAAA,EAAe,CAAE3B,MAAKU,WACf,KACLiB,SAAAA,EAAeJ,KAEhB,CAACI,EAAc3B,EAAKU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{useStyles as o,useWebMergeStyles as n}from"@cleartrip/ct-design-style-manager";import{
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useStyles as o,useWebMergeStyles as n}from"@cleartrip/ct-design-style-manager";import{createContext as e,useContext as r,useEffect as i}from"react";const s=({insets:t})=>{var o,n,e;return{paddingTop:null!==(o=t.top)&&void 0!==o?o:0,paddingBottom:0,paddingLeft:null!==(n=t.left)&&void 0!==n?n:0,paddingRight:null!==(e=t.right)&&void 0!==e?e:0,flex:1}},l=()=>({top:0,bottom:0,left:0,right:0}),a=({children:e,styleConfig:r={}})=>{const i={top:0,bottom:0,left:0,right:0},l=o(()=>({root:s({insets:i})}),[i]),{root:a=[]}=r||{},d=n([l.root,...a],[l.root,a]);return t("div",{className:d,children:e})};a.displayName="SafeAreaContainer";const d={},p=e({insets:d}),c=()=>r(p),m=()=>{const{insets:t}=r(p);return t},g=()=>{const{handleInsets:t}=r(p);return t},f=(t,o)=>{const{handleInsets:n}=r(p);i(()=>(null==n||n({top:t,bottom:o}),()=>{null==n||n(d)}),[n,t,o])},u=({children:t})=>t;export{a as SafeAreaContainer,p as SafeAreaContext,u as SafeAreaProvider,s as getSafeAreaContainerStyles,m as useGetSafeAreaInsets,g as useHandleSafeAreaInsets,c as useSafeArea,l as useSafeAreaInset,f as useSetSafeAreaInsets};
|
|
2
2
|
//# sourceMappingURL=ct-design-safe-area-container.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-safe-area-container.browser.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","containerStyles","useStyles","root","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","
|
|
1
|
+
{"version":3,"file":"ct-design-safe-area-container.browser.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/context.ts","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["getSafeAreaContainerStyles","insets","paddingTop","_a","top","paddingBottom","paddingLeft","_b","left","paddingRight","_c","right","flex","useSafeAreaInset","bottom","SafeAreaContainer","children","styleConfig","containerStyles","useStyles","root","customRootStyles","mergedRootStyles","useWebMergeStyles","_jsx","className","displayName","DEFAULT_INSETS","SafeAreaContext","createContext","useSafeArea","useContext","useGetSafeAreaInsets","useHandleSafeAreaInsets","handleInsets","useSetSafeAreaInsets","useEffect","SafeAreaProvider"],"mappings":"yMAWaA,EAA6B,EAAGC,uBAC3C,MAAO,CACLC,mBAAYC,EAAAF,EAAOG,mBAAO,EAC1BC,cAAe,EACfC,oBAAaC,EAAAN,EAAOO,oBAAQ,EAC5BC,qBAAcC,EAAAT,EAAOU,qBAAS,EAC9BC,KAAM,ICTJC,EAAmB,KAChB,CACLT,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,ICILI,EAAkD,EAAGC,WAAUC,cAAc,CAAE,MACnF,MAAMhB,EDTC,CACLG,IAAK,EACLU,OAAQ,EACRN,KAAM,EACNG,MAAO,GCOHO,EAAkBC,EACtB,KAAO,CACLC,KAAMpB,EAA2B,CAAEC,aAErC,CAACA,KAGKmB,KAAMC,EAAmB,IAAOJ,GAAe,CAAA,EAEjDK,EAAmBC,EACvB,CAACL,EAAgBE,QAASC,GAC1B,CAACH,EAAgBE,KAAMC,IAGzB,OAAOG,SAAKC,UAAWH,EAAmBN,SAAAA,KAG5CD,EAAkBW,YAAc,oBCjCzB,MAAMC,EAAiC,CAAA,EAEjCC,EAAkBC,EAAmC,CAAE5B,OAAQ0B,ICG/DG,EAAc,IAAMC,EAAgCH,GAOpDI,EAAuB,KAClC,MAAM/B,OAAEA,GAAW8B,EAAgCH,GACnD,OAAO3B,GAQIgC,EAA0B,KACrC,MAAMC,aAAEA,GAAiBH,EAAgCH,GACzD,OAAOM,GAQIC,EAAuB,CAAC/B,EAAcU,KACjD,MAAMoB,aAAEA,GAAiBH,EAAgCH,GAEzDQ,EAAU,KACRF,SAAAA,EAAe,CAAE9B,MAAKU,WACf,KACLoB,SAAAA,EAAeP,KAEhB,CAACO,EAAc9B,EAAKU,KC5BZuB,EAAgD,EAAGrB,cACvDA"}
|
|
@@ -35,6 +35,9 @@ const SafeAreaContainer = ({ children, styleConfig = {} }) => {
|
|
|
35
35
|
};
|
|
36
36
|
SafeAreaContainer.displayName = 'SafeAreaContainer';
|
|
37
37
|
|
|
38
|
+
const DEFAULT_INSETS = {};
|
|
39
|
+
const SafeAreaContext = react.createContext({ insets: DEFAULT_INSETS });
|
|
40
|
+
|
|
38
41
|
const useSafeArea = () => react.useContext(SafeAreaContext);
|
|
39
42
|
const useGetSafeAreaInsets = () => {
|
|
40
43
|
const { insets } = react.useContext(SafeAreaContext);
|
|
@@ -54,8 +57,6 @@ const useSetSafeAreaInsets = (top, bottom) => {
|
|
|
54
57
|
}, [handleInsets, top, bottom]);
|
|
55
58
|
};
|
|
56
59
|
|
|
57
|
-
const DEFAULT_INSETS = {};
|
|
58
|
-
const SafeAreaContext = react.createContext({ insets: DEFAULT_INSETS });
|
|
59
60
|
const SafeAreaProvider = ({ children }) => {
|
|
60
61
|
return children;
|
|
61
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-safe-area-container.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","
|
|
1
|
+
{"version":3,"file":"ct-design-safe-area-container.cjs.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/context.ts","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","createContext","useContext","useEffect"],"mappings":";;;;;;MAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;IACnF,OAAO;AACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;AAC3B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;AAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;AAC/B,QAAA,IAAI,EAAE,CAAC;KACR,CAAC;AACJ;;ACXM,MAAA,gBAAgB,GAAG,MAA+B;IACtD,OAAO;AACL,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT,CAAC;AACJ;;ACEM,MAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;AACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;AAElC,IAAA,MAAM,eAAe,GAAGA,8BAAS,CAC/B,OAAO;AACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;AAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAGC,sCAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;AAEF,IAAA,OAAOC,wBAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AAC5D,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;ACjC5C,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,MAAM,eAAe,GAAGC,mBAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE;;ACG/E,MAAA,WAAW,GAAG,MAAMC,gBAAU,CAAsB,eAAe,EAAE;AAO3E,MAAM,oBAAoB,GAAG,MAAqB;IACvD,MAAM,EAAE,MAAM,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;AACpE,IAAA,OAAO,MAAM,CAAC;AAChB,EAAE;AAOK,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;AAC1E,IAAA,OAAO,YAAY,CAAC;AACtB,EAAE;MAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;IACpE,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IAE1EC,eAAS,CAAC,MAAK;QACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;AAChC,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;AACjC,SAAC,CAAC;KACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAClC;;MC7Ba,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
|
|
3
|
-
import { useContext, useEffect
|
|
3
|
+
import { createContext, useContext, useEffect } from 'react';
|
|
4
4
|
|
|
5
5
|
const getSafeAreaContainerStyles = ({ insets }) => {
|
|
6
6
|
var _a, _b, _c;
|
|
@@ -33,6 +33,9 @@ const SafeAreaContainer = ({ children, styleConfig = {} }) => {
|
|
|
33
33
|
};
|
|
34
34
|
SafeAreaContainer.displayName = 'SafeAreaContainer';
|
|
35
35
|
|
|
36
|
+
const DEFAULT_INSETS = {};
|
|
37
|
+
const SafeAreaContext = createContext({ insets: DEFAULT_INSETS });
|
|
38
|
+
|
|
36
39
|
const useSafeArea = () => useContext(SafeAreaContext);
|
|
37
40
|
const useGetSafeAreaInsets = () => {
|
|
38
41
|
const { insets } = useContext(SafeAreaContext);
|
|
@@ -52,8 +55,6 @@ const useSetSafeAreaInsets = (top, bottom) => {
|
|
|
52
55
|
}, [handleInsets, top, bottom]);
|
|
53
56
|
};
|
|
54
57
|
|
|
55
|
-
const DEFAULT_INSETS = {};
|
|
56
|
-
const SafeAreaContext = createContext({ insets: DEFAULT_INSETS });
|
|
57
58
|
const SafeAreaProvider = ({ children }) => {
|
|
58
59
|
return children;
|
|
59
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-safe-area-container.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["_jsx"],"mappings":";;;;MAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;IACnF,OAAO;AACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;AAC3B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;AAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;AAC/B,QAAA,IAAI,EAAE,CAAC;KACR,CAAC;AACJ;;ACXM,MAAA,gBAAgB,GAAG,MAA+B;IACtD,OAAO;AACL,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT,CAAC;AACJ;;ACEM,MAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;AACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;AAElC,IAAA,MAAM,eAAe,GAAG,SAAS,CAC/B,OAAO;AACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;AAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAG,iBAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;AAEF,IAAA,OAAOA,aAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AAC5D,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;
|
|
1
|
+
{"version":3,"file":"ct-design-safe-area-container.esm.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/context.ts","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["_jsx"],"mappings":";;;;MAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;IACnF,OAAO;AACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;AAC3B,QAAA,aAAa,EAAE,CAAC;AAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;AAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;AAC/B,QAAA,IAAI,EAAE,CAAC;KACR,CAAC;AACJ;;ACXM,MAAA,gBAAgB,GAAG,MAA+B;IACtD,OAAO;AACL,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT,CAAC;AACJ;;ACEM,MAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;AACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;AAElC,IAAA,MAAM,eAAe,GAAG,SAAS,CAC/B,OAAO;AACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;AAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,MAAM,gBAAgB,GAAG,iBAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;AAEF,IAAA,OAAOA,aAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;AAC5D,EAAE;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;ACjC5C,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,MAAM,eAAe,GAAG,aAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE;;ACG/E,MAAA,WAAW,GAAG,MAAM,UAAU,CAAsB,eAAe,EAAE;AAO3E,MAAM,oBAAoB,GAAG,MAAqB;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;AACpE,IAAA,OAAO,MAAM,CAAC;AAChB,EAAE;AAOK,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;AAC1E,IAAA,OAAO,YAAY,CAAC;AACtB,EAAE;MAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAsB,eAAe,CAAC,CAAC;IAE1E,SAAS,CAAC,MAAK;QACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;AAChC,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;AACjC,SAAC,CAAC;KACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AAClC;;MC7Ba,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}
|
|
@@ -35,6 +35,9 @@
|
|
|
35
35
|
};
|
|
36
36
|
SafeAreaContainer.displayName = 'SafeAreaContainer';
|
|
37
37
|
|
|
38
|
+
const DEFAULT_INSETS = {};
|
|
39
|
+
const SafeAreaContext = react.createContext({ insets: DEFAULT_INSETS });
|
|
40
|
+
|
|
38
41
|
const useSafeArea = () => react.useContext(SafeAreaContext);
|
|
39
42
|
const useGetSafeAreaInsets = () => {
|
|
40
43
|
const { insets } = react.useContext(SafeAreaContext);
|
|
@@ -54,8 +57,6 @@
|
|
|
54
57
|
}, [handleInsets, top, bottom]);
|
|
55
58
|
};
|
|
56
59
|
|
|
57
|
-
const DEFAULT_INSETS = {};
|
|
58
|
-
const SafeAreaContext = react.createContext({ insets: DEFAULT_INSETS });
|
|
59
60
|
const SafeAreaProvider = ({ children }) => {
|
|
60
61
|
return children;
|
|
61
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-safe-area-container.umd.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","
|
|
1
|
+
{"version":3,"file":"ct-design-safe-area-container.umd.js","sources":["../packages/components/SafeAreaContainer/src/style.ts","../packages/components/SafeAreaContainer/src/hooks/useSafeAreaInset/index.ts","../packages/components/SafeAreaContainer/src/SafeAreaContainer.tsx","../packages/components/SafeAreaContainer/src/provider/context.ts","../packages/components/SafeAreaContainer/src/provider/hooks.ts","../packages/components/SafeAreaContainer/src/provider/index.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["useStyles","useWebMergeStyles","_jsx","createContext","useContext","useEffect"],"mappings":";;;;;;UAWa,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;;QACnF,OAAO;IACL,QAAA,UAAU,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,GAAG,mCAAI,CAAC;IAC3B,QAAA,aAAa,EAAE,CAAC;IAChB,QAAA,WAAW,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,IAAI,mCAAI,CAAC;IAC7B,QAAA,YAAY,EAAE,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,mCAAI,CAAC;IAC/B,QAAA,IAAI,EAAE,CAAC;SACR,CAAC;IACJ;;ACXM,UAAA,gBAAgB,GAAG,MAA+B;QACtD,OAAO;IACL,QAAA,GAAG,EAAE,CAAC;IACN,QAAA,MAAM,EAAE,CAAC;IACT,QAAA,IAAI,EAAE,CAAC;IACP,QAAA,KAAK,EAAE,CAAC;SACT,CAAC;IACJ;;ACEM,UAAA,iBAAiB,GAAiC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,KAAI;IACzF,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,IAAA,MAAM,eAAe,GAAGA,8BAAS,CAC/B,OAAO;IACL,QAAA,IAAI,EAAE,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7C,KAAA,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;QAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;QAE1D,MAAM,gBAAgB,GAAGC,sCAAiB,CACxC,CAAC,eAAe,CAAC,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAC3C,CAAC,eAAe,CAAC,IAAI,EAAE,gBAAgB,CAAC,CACzC,CAAC;IAEF,IAAA,OAAOC,wBAAK,SAAS,EAAE,gBAAgB,EAAG,QAAA,EAAA,QAAQ,GAAO,CAAC;IAC5D,EAAE;IAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;ICjC5C,MAAM,cAAc,GAAmB,EAAE,CAAC;AAE1C,UAAM,eAAe,GAAGC,mBAAa,CAAsB,EAAE,MAAM,EAAE,cAAc,EAAE;;ACG/E,UAAA,WAAW,GAAG,MAAMC,gBAAU,CAAsB,eAAe,EAAE;AAO3E,UAAM,oBAAoB,GAAG,MAAqB;QACvD,MAAM,EAAE,MAAM,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IACpE,IAAA,OAAO,MAAM,CAAC;IAChB,EAAE;AAOK,UAAM,uBAAuB,GAAG,MAAK;QAC1C,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;IAC1E,IAAA,OAAO,YAAY,CAAC;IACtB,EAAE;UAOW,oBAAoB,GAAG,CAAC,GAAY,EAAE,MAAe,KAAI;QACpE,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAU,CAAsB,eAAe,CAAC,CAAC;QAE1EC,eAAS,CAAC,MAAK;YACb,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC,QAAA,OAAO,MAAK;IACV,YAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,cAAc,CAAC,CAAC;IACjC,SAAC,CAAC;SACH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAClC;;UC7Ba,gBAAgB,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAI;IAC5E,IAAA,OAAO,QAAQ,CAAC;IAClB;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../packages/components/SafeAreaContainer/src/provider/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEnE,eAAO,MAAM,cAAc,EAAE,cAAmB,CAAC;AAEjD,eAAO,MAAM,eAAe,8CAAiE,CAAC"}
|
package/dist/provider/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ISafeAreaProvider
|
|
3
|
-
export
|
|
4
|
-
export declare const SafeAreaContext: React.Context<SafeAreaContextType>;
|
|
2
|
+
import type { ISafeAreaProvider } from '../type';
|
|
3
|
+
export { DEFAULT_INSETS, SafeAreaContext } from './context';
|
|
5
4
|
export declare const SafeAreaProvider: React.FC<ISafeAreaProvider>;
|
|
6
5
|
export { useSafeArea, useGetSafeAreaInsets, useHandleSafeAreaInsets, useSetSafeAreaInsets } from './hooks';
|
|
7
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/SafeAreaContainer/src/provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/SafeAreaContainer/src/provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAY5D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAExD,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ISafeAreaProvider
|
|
3
|
-
export
|
|
4
|
-
export declare const SafeAreaContext: React.Context<SafeAreaContextType>;
|
|
2
|
+
import type { ISafeAreaProvider } from '../type';
|
|
3
|
+
export { DEFAULT_INSETS, SafeAreaContext } from './context';
|
|
5
4
|
export declare const SafeAreaProvider: React.FC<ISafeAreaProvider>;
|
|
6
5
|
export { useSafeArea, useGetSafeAreaInsets, useHandleSafeAreaInsets, useSetSafeAreaInsets } from './hooks';
|
|
7
6
|
//# sourceMappingURL=index.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../packages/components/SafeAreaContainer/src/provider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../packages/components/SafeAreaContainer/src/provider/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAIjE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAY5D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYxD,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-safe-area-container",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.22.0-SNAPSHOT-native-main.1",
|
|
4
4
|
"description": "SafeAreaContainer component — applies device safe-area insets via the ct-design-style-manager hooks on web and React Native.",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "./dist/ct-design-safe-area-container.cjs.js",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@cleartrip/ct-design-style-manager": "5.
|
|
28
|
-
"@cleartrip/ct-design-theme": "5.
|
|
29
|
-
"@cleartrip/ct-design-types": "5.
|
|
27
|
+
"@cleartrip/ct-design-style-manager": "5.22.0-SNAPSHOT-native-main.1",
|
|
28
|
+
"@cleartrip/ct-design-theme": "5.22.0-SNAPSHOT-native-main.1",
|
|
29
|
+
"@cleartrip/ct-design-types": "5.22.0-SNAPSHOT-native-main.1"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@emotion/babel-plugin": "^11.12.0"
|
package/src/provider/hooks.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
2
|
|
|
3
3
|
import { SafeAreaProvider as _SafeAreaProvider } from 'react-native-safe-area-context';
|
|
4
4
|
|
|
5
|
-
import type { ISafeAreaProvider,
|
|
5
|
+
import type { ISafeAreaProvider, SafeAreaInsets } from '../type';
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
import { DEFAULT_INSETS, SafeAreaContext } from './context';
|
|
8
8
|
|
|
9
|
-
export
|
|
9
|
+
export { DEFAULT_INSETS, SafeAreaContext } from './context';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Web build of SafeAreaProvider.
|
package/src/provider/index.tsx
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import type { ISafeAreaProvider
|
|
3
|
+
import type { ISafeAreaProvider } from '../type';
|
|
4
4
|
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
export const SafeAreaContext = createContext<SafeAreaContextType>({ insets: DEFAULT_INSETS });
|
|
5
|
+
export { DEFAULT_INSETS, SafeAreaContext } from './context';
|
|
8
6
|
|
|
9
7
|
/**
|
|
10
8
|
* Web build of SafeAreaProvider.
|