@cleartrip/ct-design-overlay 5.26.0-SNAPSHOT-native-main.0 → 5.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Overlay.d.ts.map +1 -1
- package/dist/ct-design-overlay.browser.cjs.js +1 -1
- package/dist/ct-design-overlay.browser.cjs.js.map +1 -1
- package/dist/ct-design-overlay.browser.esm.js +1 -1
- package/dist/ct-design-overlay.browser.esm.js.map +1 -1
- package/dist/ct-design-overlay.cjs.js +2 -2
- package/dist/ct-design-overlay.cjs.js.map +1 -1
- package/dist/ct-design-overlay.esm.js +2 -2
- package/dist/ct-design-overlay.esm.js.map +1 -1
- package/dist/ct-design-overlay.umd.js +2 -2
- package/dist/ct-design-overlay.umd.js.map +1 -1
- package/dist/type.d.ts +1 -0
- package/dist/type.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/Overlay.tsx +5 -2
- package/src/type.ts +5 -0
package/dist/Overlay.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../packages/components/Overlay/src/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAatC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../packages/components/Overlay/src/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAatC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2BnC,CAAC;AAGF,eAAe,OAAO,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-theme"),a=require("@cleartrip/ct-design-style-manager");const i=a.makeStyles(()=>({overlay:{display:"flex",width:"100%",height:"100%"}})),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-theme"),a=require("@cleartrip/ct-design-style-manager");const i=a.makeStyles(()=>({overlay:{display:"flex",width:"100%",height:"100%"}})),s=({blur:s,children:l,styleConfig:n,testID:o})=>{const d=t.useTheme(),c=a.useStyles(e=>({overlay:{position:"absolute",top:0,zIndex:e.zIndex.drawer,backgroundColor:s?"rgba(26, 26, 26, 0.6)":"transparent"}}),[s,d.zIndex.drawer]),{root:y=[]}=n||{};return e.jsx(r.Container,{testID:o?`${o}-Overlay`:void 0,styleConfig:{root:[i.overlay,c.overlay,...y]},children:l})};s.displayName="Overlay",exports.Overlay=s;
|
|
2
2
|
//# sourceMappingURL=ct-design-overlay.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-overlay.browser.cjs.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["staticOverlayStyles","makeStyles","overlay","display","width","height","Overlay","blur","children","styleConfig","theme","useTheme","dynamicOverlayStyles","useStyles","position","top","zIndex","drawer","backgroundColor","root","customRootStyles","_jsx","Container","displayName"],"mappings":"oLAMA,MAAMA,EAAsBC,EAAUA,WAAC,KAAO,CAC5CC,QAAS,CACPC,QAAS,OACTC,MAAO,OACPC,OAAQ,WAINC,EAAkC,EAAGC,OAAMC,WAAUC,
|
|
1
|
+
{"version":3,"file":"ct-design-overlay.browser.cjs.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["staticOverlayStyles","makeStyles","overlay","display","width","height","Overlay","blur","children","styleConfig","testID","theme","useTheme","dynamicOverlayStyles","useStyles","position","top","zIndex","drawer","backgroundColor","root","customRootStyles","_jsx","jsx","Container","undefined","displayName"],"mappings":"oLAMA,MAAMA,EAAsBC,EAAUA,WAAC,KAAO,CAC5CC,QAAS,CACPC,QAAS,OACTC,MAAO,OACPC,OAAQ,WAINC,EAAkC,EAAGC,OAAMC,WAAUC,cAAaC,aACtE,MAAMC,EAAQC,EAAAA,WAERC,EAAuBC,YAC1BH,IACQ,CACLT,QAAS,CACPa,SAAU,WACVC,IAAK,EACLC,OAAQN,EAAMM,OAAOC,OACrBC,gBAAiBZ,EAAO,wBAA0B,iBAIxD,CAACA,EAAMI,EAAMM,OAAOC,UAGdE,KAAMC,EAAmB,IAAOZ,GAAe,CAAA,EAEvD,OACEa,EAACC,IAAAC,aACCd,OAAQA,EAAS,GAAGA,iBAAmBe,EACvChB,YAAa,CAAEW,KAAM,CAACpB,EAAoBE,QAASW,EAAqBX,WAAYmB,aAEnFb,KAKPF,EAAQoB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{Container as e}from"@cleartrip/ct-design-container";import{useTheme as t}from"@cleartrip/ct-design-theme";import{makeStyles as o,useStyles as a}from"@cleartrip/ct-design-style-manager";const i=o(()=>({overlay:{display:"flex",width:"100%",height:"100%"}})),n=({blur:o,children:n,styleConfig:l})=>{const d=t(),
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Container as e}from"@cleartrip/ct-design-container";import{useTheme as t}from"@cleartrip/ct-design-theme";import{makeStyles as o,useStyles as a}from"@cleartrip/ct-design-style-manager";const i=o(()=>({overlay:{display:"flex",width:"100%",height:"100%"}})),n=({blur:o,children:n,styleConfig:l,testID:s})=>{const d=t(),c=a(r=>({overlay:{position:"absolute",top:0,zIndex:r.zIndex.drawer,backgroundColor:o?"rgba(26, 26, 26, 0.6)":"transparent"}}),[o,d.zIndex.drawer]),{root:p=[]}=l||{};return r(e,{testID:s?`${s}-Overlay`:void 0,styleConfig:{root:[i.overlay,c.overlay,...p]},children:n})};n.displayName="Overlay";export{n as Overlay};
|
|
2
2
|
//# sourceMappingURL=ct-design-overlay.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-overlay.browser.esm.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["staticOverlayStyles","makeStyles","overlay","display","width","height","Overlay","blur","children","styleConfig","theme","useTheme","dynamicOverlayStyles","useStyles","position","top","zIndex","drawer","backgroundColor","root","customRootStyles","_jsx","Container","displayName"],"mappings":"wOAMA,MAAMA,EAAsBC,EAAW,KAAO,CAC5CC,QAAS,CACPC,QAAS,OACTC,MAAO,OACPC,OAAQ,WAINC,EAAkC,EAAGC,OAAMC,WAAUC,
|
|
1
|
+
{"version":3,"file":"ct-design-overlay.browser.esm.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["staticOverlayStyles","makeStyles","overlay","display","width","height","Overlay","blur","children","styleConfig","testID","theme","useTheme","dynamicOverlayStyles","useStyles","position","top","zIndex","drawer","backgroundColor","root","customRootStyles","_jsx","Container","undefined","displayName"],"mappings":"wOAMA,MAAMA,EAAsBC,EAAW,KAAO,CAC5CC,QAAS,CACPC,QAAS,OACTC,MAAO,OACPC,OAAQ,WAINC,EAAkC,EAAGC,OAAMC,WAAUC,cAAaC,aACtE,MAAMC,EAAQC,IAERC,EAAuBC,EAC1BH,IACQ,CACLT,QAAS,CACPa,SAAU,WACVC,IAAK,EACLC,OAAQN,EAAMM,OAAOC,OACrBC,gBAAiBZ,EAAO,wBAA0B,iBAIxD,CAACA,EAAMI,EAAMM,OAAOC,UAGdE,KAAMC,EAAmB,IAAOZ,GAAe,CAAA,EAEvD,OACEa,EAACC,GACCb,OAAQA,EAAS,GAAGA,iBAAmBc,EACvCf,YAAa,CAAEW,KAAM,CAACpB,EAAoBE,QAASW,EAAqBX,WAAYmB,aAEnFb,KAKPF,EAAQmB,YAAc"}
|
|
@@ -12,7 +12,7 @@ const staticOverlayStyles = ctDesignStyleManager.makeStyles(() => ({
|
|
|
12
12
|
height: '100%',
|
|
13
13
|
},
|
|
14
14
|
}));
|
|
15
|
-
const Overlay = ({ blur, children, styleConfig }) => {
|
|
15
|
+
const Overlay = ({ blur, children, styleConfig, testID }) => {
|
|
16
16
|
const theme = ctDesignTheme.useTheme();
|
|
17
17
|
const dynamicOverlayStyles = ctDesignStyleManager.useStyles((theme) => {
|
|
18
18
|
return {
|
|
@@ -25,7 +25,7 @@ const Overlay = ({ blur, children, styleConfig }) => {
|
|
|
25
25
|
};
|
|
26
26
|
}, [blur, theme.zIndex.drawer]);
|
|
27
27
|
const { root: customRootStyles = [] } = styleConfig || {};
|
|
28
|
-
return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
28
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, { testID: testID ? `${testID}-Overlay` : undefined, styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
29
29
|
};
|
|
30
30
|
Overlay.displayName = 'Overlay';
|
|
31
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-overlay.cjs.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["makeStyles","useTheme","useStyles","_jsx","Container"],"mappings":";;;;;;;AAMA,MAAM,mBAAmB,GAAGA,+BAAU,CAAC,OAAO;AAC5C,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ct-design-overlay.cjs.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["makeStyles","useTheme","useStyles","_jsx","Container"],"mappings":";;;;;;;AAMA,MAAM,mBAAmB,GAAGA,+BAAU,CAAC,OAAO;AAC5C,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAA2B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAI;AAClF,IAAA,MAAM,KAAK,GAAGC,sBAAQ,EAAE,CAAC;AAEzB,IAAA,MAAM,oBAAoB,GAAGC,8BAAS,CACpC,CAAC,KAAK,KAAI;QACR,OAAO;AACL,YAAA,OAAO,EAAE;AACP,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;gBAC3B,eAAe,EAAE,IAAI,GAAG,uBAAuB,GAAG,aAAa;AAChE,aAAA;SACF,CAAC;KACH,EACD,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAC5B,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;AAE1D,IAAA,QACEC,cAAC,CAAAC,2BAAS,IACR,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS,EAChD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,gBAAgB,CAAC,EAAE,YAEtG,QAAQ,EAAA,CACC,EACZ;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -10,7 +10,7 @@ const staticOverlayStyles = makeStyles(() => ({
|
|
|
10
10
|
height: '100%',
|
|
11
11
|
},
|
|
12
12
|
}));
|
|
13
|
-
const Overlay = ({ blur, children, styleConfig }) => {
|
|
13
|
+
const Overlay = ({ blur, children, styleConfig, testID }) => {
|
|
14
14
|
const theme = useTheme();
|
|
15
15
|
const dynamicOverlayStyles = useStyles((theme) => {
|
|
16
16
|
return {
|
|
@@ -23,7 +23,7 @@ const Overlay = ({ blur, children, styleConfig }) => {
|
|
|
23
23
|
};
|
|
24
24
|
}, [blur, theme.zIndex.drawer]);
|
|
25
25
|
const { root: customRootStyles = [] } = styleConfig || {};
|
|
26
|
-
return (jsx(Container, { styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
26
|
+
return (jsx(Container, { testID: testID ? `${testID}-Overlay` : undefined, styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
27
27
|
};
|
|
28
28
|
Overlay.displayName = 'Overlay';
|
|
29
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-overlay.esm.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO;AAC5C,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ct-design-overlay.esm.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO;AAC5C,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,OAAO,GAA2B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAI;AAClF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AAEzB,IAAA,MAAM,oBAAoB,GAAG,SAAS,CACpC,CAAC,KAAK,KAAI;QACR,OAAO;AACL,YAAA,OAAO,EAAE;AACP,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;gBAC3B,eAAe,EAAE,IAAI,GAAG,uBAAuB,GAAG,aAAa;AAChE,aAAA;SACF,CAAC;KACH,EACD,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAC5B,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;AAE1D,IAAA,QACEA,GAAC,CAAA,SAAS,IACR,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS,EAChD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,gBAAgB,CAAC,EAAE,YAEtG,QAAQ,EAAA,CACC,EACZ;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
height: '100%',
|
|
12
12
|
},
|
|
13
13
|
}));
|
|
14
|
-
const Overlay = ({ blur, children, styleConfig }) => {
|
|
14
|
+
const Overlay = ({ blur, children, styleConfig, testID }) => {
|
|
15
15
|
const theme = ctDesignTheme.useTheme();
|
|
16
16
|
const dynamicOverlayStyles = ctDesignStyleManager.useStyles((theme) => {
|
|
17
17
|
return {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
};
|
|
25
25
|
}, [blur, theme.zIndex.drawer]);
|
|
26
26
|
const { root: customRootStyles = [] } = styleConfig || {};
|
|
27
|
-
return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
27
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, { testID: testID ? `${testID}-Overlay` : undefined, styleConfig: { root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }, children: children }));
|
|
28
28
|
};
|
|
29
29
|
Overlay.displayName = 'Overlay';
|
|
30
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-overlay.umd.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["makeStyles","useTheme","useStyles","_jsx","Container"],"mappings":";;;;;;IAMA,MAAM,mBAAmB,GAAGA,+BAAU,CAAC,OAAO;IAC5C,IAAA,OAAO,EAAE;IACP,QAAA,OAAO,EAAE,MAAM;IACf,QAAA,KAAK,EAAE,MAAM;IACb,QAAA,MAAM,EAAE,MAAM;IACf,KAAA;IACF,CAAA,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ct-design-overlay.umd.js","sources":["../packages/components/Overlay/src/Overlay.tsx"],"sourcesContent":[null],"names":["makeStyles","useTheme","useStyles","_jsx","Container"],"mappings":";;;;;;IAMA,MAAM,mBAAmB,GAAGA,+BAAU,CAAC,OAAO;IAC5C,IAAA,OAAO,EAAE;IACP,QAAA,OAAO,EAAE,MAAM;IACf,QAAA,KAAK,EAAE,MAAM;IACb,QAAA,MAAM,EAAE,MAAM;IACf,KAAA;IACF,CAAA,CAAC,CAAC,CAAC;AAEJ,UAAM,OAAO,GAA2B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAI;IAClF,IAAA,MAAM,KAAK,GAAGC,sBAAQ,EAAE,CAAC;IAEzB,IAAA,MAAM,oBAAoB,GAAGC,8BAAS,CACpC,CAAC,KAAK,KAAI;YACR,OAAO;IACL,YAAA,OAAO,EAAE;IACP,gBAAA,QAAQ,EAAE,UAAU;IACpB,gBAAA,GAAG,EAAE,CAAC;IACN,gBAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;oBAC3B,eAAe,EAAE,IAAI,GAAG,uBAAuB,GAAG,aAAa;IAChE,aAAA;aACF,CAAC;SACH,EACD,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAC5B,CAAC;QAEF,MAAM,EAAE,IAAI,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,EAAE,CAAC;IAE1D,IAAA,QACEC,cAAC,CAAAC,2BAAS,IACR,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS,EAChD,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,gBAAgB,CAAC,EAAE,YAEtG,QAAQ,EAAA,CACC,EACZ;IACJ,EAAE;IAEF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;;;;;"}
|
package/dist/type.d.ts
CHANGED
package/dist/type.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Overlay/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Overlay/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IAKF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-overlay",
|
|
3
|
-
"version": "5.26.0
|
|
3
|
+
"version": "5.26.0",
|
|
4
4
|
"description": "Overlay Component",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "./dist/ct-design-overlay.cjs.js",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@emotion/react": "^11.14.0",
|
|
28
28
|
"@emotion/styled": "^11.14.0",
|
|
29
|
-
"@cleartrip/ct-design-container": "5.26.0
|
|
30
|
-
"@cleartrip/ct-design-hooks": "5.26.0
|
|
31
|
-
"@cleartrip/ct-design-theme": "5.26.0
|
|
32
|
-
"@cleartrip/ct-design-
|
|
33
|
-
"@cleartrip/ct-design-
|
|
29
|
+
"@cleartrip/ct-design-container": "5.26.0",
|
|
30
|
+
"@cleartrip/ct-design-hooks": "5.26.0",
|
|
31
|
+
"@cleartrip/ct-design-theme": "5.26.0",
|
|
32
|
+
"@cleartrip/ct-design-style-manager": "5.26.0",
|
|
33
|
+
"@cleartrip/ct-design-types": "5.26.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@emotion/babel-plugin": "^11.12.0"
|
package/src/Overlay.tsx
CHANGED
|
@@ -12,7 +12,7 @@ const staticOverlayStyles = makeStyles(() => ({
|
|
|
12
12
|
},
|
|
13
13
|
}));
|
|
14
14
|
|
|
15
|
-
const Overlay: React.FC<OverlayProps> = ({ blur, children, styleConfig }) => {
|
|
15
|
+
const Overlay: React.FC<OverlayProps> = ({ blur, children, styleConfig, testID }) => {
|
|
16
16
|
const theme = useTheme();
|
|
17
17
|
|
|
18
18
|
const dynamicOverlayStyles = useStyles(
|
|
@@ -32,7 +32,10 @@ const Overlay: React.FC<OverlayProps> = ({ blur, children, styleConfig }) => {
|
|
|
32
32
|
const { root: customRootStyles = [] } = styleConfig || {};
|
|
33
33
|
|
|
34
34
|
return (
|
|
35
|
-
<Container
|
|
35
|
+
<Container
|
|
36
|
+
testID={testID ? `${testID}-Overlay` : undefined}
|
|
37
|
+
styleConfig={{ root: [staticOverlayStyles.overlay, dynamicOverlayStyles.overlay, ...customRootStyles] }}
|
|
38
|
+
>
|
|
36
39
|
{children}
|
|
37
40
|
</Container>
|
|
38
41
|
);
|