@cleartrip/ct-design-container 5.21.0-SNAPSHOT-native-main.1 → 5.21.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/Container.d.ts.map +1 -1
- package/dist/ct-design-container.browser.cjs.js +1 -1
- package/dist/ct-design-container.browser.cjs.js.map +1 -1
- package/dist/ct-design-container.browser.esm.js +1 -1
- package/dist/ct-design-container.browser.esm.js.map +1 -1
- package/dist/ct-design-container.cjs.js +30 -2
- package/dist/ct-design-container.cjs.js.map +1 -1
- package/dist/ct-design-container.esm.js +31 -3
- package/dist/ct-design-container.esm.js.map +1 -1
- package/dist/ct-design-container.umd.js +30 -2
- package/dist/ct-design-container.umd.js.map +1 -1
- package/dist/type.d.ts +1 -1
- package/dist/type.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/Container.tsx +44 -1
- package/src/type.ts +4 -1
package/dist/Container.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/Container.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAQ,YAAY,EAAE,MAAM,QAAQ,CAAC;AAuCxD,QAAA,MAAM,SAAS,qGA6Hd,CAAC;AAGF,eAAe,SAAS,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),n=require("react"),t=require("@cleartrip/ct-design-style-manager");const o=t.makeStyles(()=>({root:{display:"flex",flexDirection:"column"}}))
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),n=require("react"),t=require("@cleartrip/ct-design-style-manager");const o=t.makeStyles(()=>({root:{display:"flex",flexDirection:"column",pointerEvents:"auto"}}));const i=n.forwardRef(({id:i,as:r="div",children:l,styleConfig:u,onClick:a,onLayout:c,onMouseEnter:s,onMouseLeave:d,onTransitionEnd:v,onTouchStart:h,onTouchEnd:E,onTouchCancel:g,onTouchMove:p,pointerEvents:y,hitSlop:C,hapticEnabled:f,hapticVariant:m,hapticRepeat:x},L)=>{const T=n.useRef(null),b=n.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.focus()},[]),R=n.useCallback(e=>{var n;const t=null===(n=T.current)||void 0===n?void 0:n.getBoundingClientRect();t&&(null==e||e({x:t.x,y:t.y,width:t.width,height:t.height}))},[]),k=n.useCallback((e,n,t)=>{var o;null===(o=T.current)||void 0===o||o.addEventListener(e,n,t)},[]),M=n.useCallback((e,n,t)=>{var o;null===(o=T.current)||void 0===o||o.removeEventListener(e,n,t)},[]);n.useImperativeHandle(L,()=>{var e;return{focus:b,getBoundingRectWithCallback:R,getElementRef:()=>T,style:(null===(e=T.current)||void 0===e?void 0:e.style)||{},classList:{add:e=>{var n;null===(n=T.current)||void 0===n||n.classList.add(e)}},measure:e=>{var n;null===(n=T.current)||void 0===n||n.getBoundingClientRect()},addEventListener:k,removeEventListener:M}},[b,R,k,M]);const{root:B=[]}=u||{},S=n.useMemo(()=>null==y?null:function(e){return"box-none"===e?{pointerEvents:"none","& > *":{pointerEvents:"auto"}}:"box-only"===e?{pointerEvents:"auto","& > *":{pointerEvents:"none"}}:"none"===e?{pointerEvents:"none"}:{pointerEvents:"auto"}}(y),[y]),w=t.useWebMergeStyles([o.root,...B,...S?[S]:[]],[B,S]);return n.useLayoutEffect(()=>{var e,n,t,o,i,r,l,u;null==c||c({layout:{height:null!==(n=null===(e=T.current)||void 0===e?void 0:e.clientHeight)&&void 0!==n?n:0,width:null!==(o=null===(t=T.current)||void 0===t?void 0:t.clientWidth)&&void 0!==o?o:0,x:null!==(r=null===(i=T.current)||void 0===i?void 0:i.getBoundingClientRect().x)&&void 0!==r?r:0,y:null!==(u=null===(l=T.current)||void 0===l?void 0:l.getBoundingClientRect().y)&&void 0!==u?u:0}})},[c]),e.jsx(r,{id:i,ref:T,className:w,onClick:a,onMouseEnter:s,onMouseLeave:d,onTransitionEnd:v,onTouchStart:h,onTouchEnd:E,onTouchCancel:g,onTouchMove:p,children:l})});i.displayName="Container",exports.Container=i;
|
|
2
2
|
//# sourceMappingURL=ct-design-container.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ct-design-container.browser.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","pointerEvents","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","hitSlop","_hitSlop","hapticEnabled","_hapticEnabled","hapticVariant","_hapticVariant","hapticRepeat","_hapticRepeat","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","pointerEventsStyle","useMemo","getPointerEventsStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as n}from"react/jsx-runtime";import{forwardRef as e,useRef as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{forwardRef as e,useRef as t,useCallback as o,useImperativeHandle as i,useMemo as r,useLayoutEffect as l}from"react";import{makeStyles as u,useWebMergeStyles as c}from"@cleartrip/ct-design-style-manager";const d=u(()=>({root:{display:"flex",flexDirection:"column",pointerEvents:"auto"}}));const a=e(({id:e,as:u="div",children:a,styleConfig:v,onClick:s,onLayout:h,onMouseEnter:p,onMouseLeave:E,onTransitionEnd:g,onTouchStart:m,onTouchEnd:y,onTouchCancel:f,onTouchMove:C,pointerEvents:x,hitSlop:T,hapticEnabled:L,hapticVariant:R,hapticRepeat:M},B)=>{const b=t(null),k=o(()=>{var n;null===(n=b.current)||void 0===n||n.focus()},[]),w=o(n=>{var e;const t=null===(e=b.current)||void 0===e?void 0:e.getBoundingClientRect();t&&(null==n||n({x:t.x,y:t.y,width:t.width,height:t.height}))},[]),S=o((n,e,t)=>{var o;null===(o=b.current)||void 0===o||o.addEventListener(n,e,t)},[]),N=o((n,e,t)=>{var o;null===(o=b.current)||void 0===o||o.removeEventListener(n,e,t)},[]);i(B,()=>{var n;return{focus:k,getBoundingRectWithCallback:w,getElementRef:()=>b,style:(null===(n=b.current)||void 0===n?void 0:n.style)||{},classList:{add:n=>{var e;null===(e=b.current)||void 0===e||e.classList.add(n)}},measure:n=>{var e;null===(e=b.current)||void 0===e||e.getBoundingClientRect()},addEventListener:S,removeEventListener:N}},[k,w,S,N]);const{root:W=[]}=v||{},j=r(()=>null==x?null:function(n){return"box-none"===n?{pointerEvents:"none","& > *":{pointerEvents:"auto"}}:"box-only"===n?{pointerEvents:"auto","& > *":{pointerEvents:"none"}}:"none"===n?{pointerEvents:"none"}:{pointerEvents:"auto"}}(x),[x]),D=c([d.root,...W,...j?[j]:[]],[W,j]);return l(()=>{var n,e,t,o,i,r,l,u;null==h||h({layout:{height:null!==(e=null===(n=b.current)||void 0===n?void 0:n.clientHeight)&&void 0!==e?e:0,width:null!==(o=null===(t=b.current)||void 0===t?void 0:t.clientWidth)&&void 0!==o?o:0,x:null!==(r=null===(i=b.current)||void 0===i?void 0:i.getBoundingClientRect().x)&&void 0!==r?r:0,y:null!==(u=null===(l=b.current)||void 0===l?void 0:l.getBoundingClientRect().y)&&void 0!==u?u:0}})},[h]),n(u,{id:e,ref:b,className:D,onClick:s,onMouseEnter:p,onMouseLeave:E,onTransitionEnd:g,onTouchStart:m,onTouchEnd:y,onTouchCancel:f,onTouchMove:C,children:a})});a.displayName="Container";export{a as Container};
|
|
2
2
|
//# sourceMappingURL=ct-design-container.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ct-design-container.browser.esm.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["staticContainerStyles","makeStyles","root","display","flexDirection","pointerEvents","Container","forwardRef","id","as","ContainerAs","children","styleConfig","onClick","onLayout","onMouseEnter","onMouseLeave","onTransitionEnd","onTouchStart","onTouchEnd","onTouchCancel","onTouchMove","hitSlop","_hitSlop","hapticEnabled","_hapticEnabled","hapticVariant","_hapticVariant","hapticRepeat","_hapticRepeat","forwardedRef","localRef","useRef","handleFocus","useCallback","_a","current","focus","handleGetBoundingRect","callback","rect","getBoundingClientRect","x","y","width","height","handleAddEventListener","type","listener","options","addEventListener","handleRemoveEventListener","removeEventListener","useImperativeHandle","getBoundingRectWithCallback","getElementRef","style","classList","add","className","measure","_callback","rootStyles","pointerEventsStyle","useMemo","getPointerEventsStyles","mergedRootStyles","useWebMergeStyles","useLayoutEffect","layout","clientHeight","_b","_c","clientWidth","_d","_f","_e","_h","_g","_jsx","ref","displayName"],"mappings":"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"}
|
|
@@ -9,10 +9,33 @@ const staticContainerStyles = ctDesignStyleManager.makeStyles(() => {
|
|
|
9
9
|
root: {
|
|
10
10
|
display: 'flex',
|
|
11
11
|
flexDirection: 'column',
|
|
12
|
+
pointerEvents: 'auto',
|
|
12
13
|
},
|
|
13
14
|
};
|
|
14
15
|
});
|
|
15
|
-
|
|
16
|
+
function getPointerEventsStyles(pointerEvents) {
|
|
17
|
+
if (pointerEvents === 'box-none') {
|
|
18
|
+
return {
|
|
19
|
+
pointerEvents: 'none',
|
|
20
|
+
'& > *': {
|
|
21
|
+
pointerEvents: 'auto',
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
if (pointerEvents === 'box-only') {
|
|
26
|
+
return {
|
|
27
|
+
pointerEvents: 'auto',
|
|
28
|
+
'& > *': {
|
|
29
|
+
pointerEvents: 'none',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
if (pointerEvents === 'none') {
|
|
34
|
+
return { pointerEvents: 'none' };
|
|
35
|
+
}
|
|
36
|
+
return { pointerEvents: 'auto' };
|
|
37
|
+
}
|
|
38
|
+
const Container = react.forwardRef(({ id, as: ContainerAs = 'div', children, styleConfig, onClick, onLayout, onMouseEnter, onMouseLeave, onTransitionEnd, onTouchStart, onTouchEnd, onTouchCancel, onTouchMove, pointerEvents, hitSlop: _hitSlop, hapticEnabled: _hapticEnabled, hapticVariant: _hapticVariant, hapticRepeat: _hapticRepeat, }, forwardedRef) => {
|
|
16
39
|
const localRef = react.useRef(null);
|
|
17
40
|
const handleFocus = react.useCallback(() => {
|
|
18
41
|
var _a;
|
|
@@ -60,7 +83,12 @@ const Container = react.forwardRef(({ id, as: ContainerAs = 'div', children, sty
|
|
|
60
83
|
});
|
|
61
84
|
}, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
|
|
62
85
|
const { root: rootStyles = [] } = styleConfig || {};
|
|
63
|
-
const
|
|
86
|
+
const pointerEventsStyle = react.useMemo(() => {
|
|
87
|
+
if (pointerEvents == null)
|
|
88
|
+
return null;
|
|
89
|
+
return getPointerEventsStyles(pointerEvents);
|
|
90
|
+
}, [pointerEvents]);
|
|
91
|
+
const mergedRootStyles = ctDesignStyleManager.useWebMergeStyles([staticContainerStyles.root, ...rootStyles, ...(pointerEventsStyle ? [pointerEventsStyle] : [])], [rootStyles, pointerEventsStyle]);
|
|
64
92
|
react.useLayoutEffect(() => {
|
|
65
93
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
66
94
|
onLayout === null || onLayout === void 0 ? void 0 : onLayout({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["makeStyles","forwardRef","useRef","useCallback","useImperativeHandle","useWebMergeStyles","useLayoutEffect","_jsx"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ct-design-container.cjs.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["makeStyles","forwardRef","useRef","useCallback","useImperativeHandle","useMemo","useWebMergeStyles","useLayoutEffect","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef, useRef, useCallback, useImperativeHandle, useLayoutEffect } from 'react';
|
|
2
|
+
import { forwardRef, useRef, useCallback, useImperativeHandle, useMemo, useLayoutEffect } from 'react';
|
|
3
3
|
import { makeStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
|
|
4
4
|
|
|
5
5
|
const staticContainerStyles = makeStyles(() => {
|
|
@@ -7,10 +7,33 @@ const staticContainerStyles = makeStyles(() => {
|
|
|
7
7
|
root: {
|
|
8
8
|
display: 'flex',
|
|
9
9
|
flexDirection: 'column',
|
|
10
|
+
pointerEvents: 'auto',
|
|
10
11
|
},
|
|
11
12
|
};
|
|
12
13
|
});
|
|
13
|
-
|
|
14
|
+
function getPointerEventsStyles(pointerEvents) {
|
|
15
|
+
if (pointerEvents === 'box-none') {
|
|
16
|
+
return {
|
|
17
|
+
pointerEvents: 'none',
|
|
18
|
+
'& > *': {
|
|
19
|
+
pointerEvents: 'auto',
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
if (pointerEvents === 'box-only') {
|
|
24
|
+
return {
|
|
25
|
+
pointerEvents: 'auto',
|
|
26
|
+
'& > *': {
|
|
27
|
+
pointerEvents: 'none',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
if (pointerEvents === 'none') {
|
|
32
|
+
return { pointerEvents: 'none' };
|
|
33
|
+
}
|
|
34
|
+
return { pointerEvents: 'auto' };
|
|
35
|
+
}
|
|
36
|
+
const Container = forwardRef(({ id, as: ContainerAs = 'div', children, styleConfig, onClick, onLayout, onMouseEnter, onMouseLeave, onTransitionEnd, onTouchStart, onTouchEnd, onTouchCancel, onTouchMove, pointerEvents, hitSlop: _hitSlop, hapticEnabled: _hapticEnabled, hapticVariant: _hapticVariant, hapticRepeat: _hapticRepeat, }, forwardedRef) => {
|
|
14
37
|
const localRef = useRef(null);
|
|
15
38
|
const handleFocus = useCallback(() => {
|
|
16
39
|
var _a;
|
|
@@ -58,7 +81,12 @@ const Container = forwardRef(({ id, as: ContainerAs = 'div', children, styleConf
|
|
|
58
81
|
});
|
|
59
82
|
}, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
|
|
60
83
|
const { root: rootStyles = [] } = styleConfig || {};
|
|
61
|
-
const
|
|
84
|
+
const pointerEventsStyle = useMemo(() => {
|
|
85
|
+
if (pointerEvents == null)
|
|
86
|
+
return null;
|
|
87
|
+
return getPointerEventsStyles(pointerEvents);
|
|
88
|
+
}, [pointerEvents]);
|
|
89
|
+
const mergedRootStyles = useWebMergeStyles([staticContainerStyles.root, ...rootStyles, ...(pointerEventsStyle ? [pointerEventsStyle] : [])], [rootStyles, pointerEventsStyle]);
|
|
62
90
|
useLayoutEffect(() => {
|
|
63
91
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
64
92
|
onLayout === null || onLayout === void 0 ? void 0 : onLayout({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.esm.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ct-design-container.esm.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -9,10 +9,33 @@
|
|
|
9
9
|
root: {
|
|
10
10
|
display: 'flex',
|
|
11
11
|
flexDirection: 'column',
|
|
12
|
+
pointerEvents: 'auto',
|
|
12
13
|
},
|
|
13
14
|
};
|
|
14
15
|
});
|
|
15
|
-
|
|
16
|
+
function getPointerEventsStyles(pointerEvents) {
|
|
17
|
+
if (pointerEvents === 'box-none') {
|
|
18
|
+
return {
|
|
19
|
+
pointerEvents: 'none',
|
|
20
|
+
'& > *': {
|
|
21
|
+
pointerEvents: 'auto',
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
if (pointerEvents === 'box-only') {
|
|
26
|
+
return {
|
|
27
|
+
pointerEvents: 'auto',
|
|
28
|
+
'& > *': {
|
|
29
|
+
pointerEvents: 'none',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
if (pointerEvents === 'none') {
|
|
34
|
+
return { pointerEvents: 'none' };
|
|
35
|
+
}
|
|
36
|
+
return { pointerEvents: 'auto' };
|
|
37
|
+
}
|
|
38
|
+
const Container = react.forwardRef(({ id, as: ContainerAs = 'div', children, styleConfig, onClick, onLayout, onMouseEnter, onMouseLeave, onTransitionEnd, onTouchStart, onTouchEnd, onTouchCancel, onTouchMove, pointerEvents, hitSlop: _hitSlop, hapticEnabled: _hapticEnabled, hapticVariant: _hapticVariant, hapticRepeat: _hapticRepeat, }, forwardedRef) => {
|
|
16
39
|
const localRef = react.useRef(null);
|
|
17
40
|
const handleFocus = react.useCallback(() => {
|
|
18
41
|
var _a;
|
|
@@ -60,7 +83,12 @@
|
|
|
60
83
|
});
|
|
61
84
|
}, [handleFocus, handleGetBoundingRect, handleAddEventListener, handleRemoveEventListener]);
|
|
62
85
|
const { root: rootStyles = [] } = styleConfig || {};
|
|
63
|
-
const
|
|
86
|
+
const pointerEventsStyle = react.useMemo(() => {
|
|
87
|
+
if (pointerEvents == null)
|
|
88
|
+
return null;
|
|
89
|
+
return getPointerEventsStyles(pointerEvents);
|
|
90
|
+
}, [pointerEvents]);
|
|
91
|
+
const mergedRootStyles = ctDesignStyleManager.useWebMergeStyles([staticContainerStyles.root, ...rootStyles, ...(pointerEventsStyle ? [pointerEventsStyle] : [])], [rootStyles, pointerEventsStyle]);
|
|
64
92
|
react.useLayoutEffect(() => {
|
|
65
93
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
66
94
|
onLayout === null || onLayout === void 0 ? void 0 : onLayout({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-container.umd.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["makeStyles","forwardRef","useRef","useCallback","useImperativeHandle","useWebMergeStyles","useLayoutEffect","_jsx"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ct-design-container.umd.js","sources":["../packages/components/Container/src/Container.tsx"],"sourcesContent":[null],"names":["makeStyles","forwardRef","useRef","useCallback","useImperativeHandle","useMemo","useWebMergeStyles","useLayoutEffect","_jsx"],"mappings":"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"}
|
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/Container/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAOlC,aAAa,CAAC,EAAE,OAAO,CAAC;IASxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAQ9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IAIrD,EAAE,CAAC,EAAE,MAAM,CAAC;IAIZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI3B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,GAAG,GAAG,MAAM,CAAC;IAI3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAI1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;YACd,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,CAAC;KACH,KAAK,IAAI,CAAC;IAIX,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IAIF,YAAY,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAI9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAIzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAK7B,OAAO,CAAC,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Container/src/type.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cleartrip/ct-design-container",
|
|
3
|
-
"version": "5.21.0
|
|
3
|
+
"version": "5.21.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "./dist/ct-design-container.cjs.js",
|
|
@@ -24,15 +24,15 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@cleartrip/ct-design-
|
|
28
|
-
"@cleartrip/ct-design-
|
|
29
|
-
"@cleartrip/ct-design-
|
|
30
|
-
"@cleartrip/ct-design-
|
|
31
|
-
"@cleartrip/ct-design-
|
|
27
|
+
"@cleartrip/ct-design-style-manager": "5.21.0",
|
|
28
|
+
"@cleartrip/ct-design-common-utils": "5.21.0",
|
|
29
|
+
"@cleartrip/ct-design-conditional-wrap": "5.21.0",
|
|
30
|
+
"@cleartrip/ct-design-theme": "5.21.0",
|
|
31
|
+
"@cleartrip/ct-design-event-propagation": "5.21.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@emotion/babel-plugin": "^11.12.0",
|
|
35
|
-
"@cleartrip/ct-design-types": "5.21.0
|
|
35
|
+
"@cleartrip/ct-design-types": "5.21.0"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": ">=16.8.0",
|
package/src/Container.tsx
CHANGED
|
@@ -5,9 +5,11 @@ import {
|
|
|
5
5
|
useCallback,
|
|
6
6
|
useImperativeHandle,
|
|
7
7
|
useLayoutEffect,
|
|
8
|
+
useMemo,
|
|
8
9
|
useRef,
|
|
9
10
|
} from 'react';
|
|
10
11
|
import { makeStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
|
|
12
|
+
import type { Styles } from '@cleartrip/ct-design-types';
|
|
11
13
|
import { IContainer, Rect, ContainerRef } from './type';
|
|
12
14
|
|
|
13
15
|
// Added below to sync with RN as flexDirection is mostly used as column
|
|
@@ -16,10 +18,37 @@ const staticContainerStyles = makeStyles(() => {
|
|
|
16
18
|
root: {
|
|
17
19
|
display: 'flex',
|
|
18
20
|
flexDirection: 'column',
|
|
21
|
+
// Explicit `auto` so descendants stay hittable under `box-none` ancestors (RNW parity).
|
|
22
|
+
pointerEvents: 'auto',
|
|
19
23
|
},
|
|
20
24
|
};
|
|
21
25
|
});
|
|
22
26
|
|
|
27
|
+
/** Map RN `pointerEvents` to CSS styles for the container root. */
|
|
28
|
+
function getPointerEventsStyles(pointerEvents: NonNullable<IContainer['pointerEvents']>): Styles {
|
|
29
|
+
if (pointerEvents === 'box-none') {
|
|
30
|
+
return {
|
|
31
|
+
pointerEvents: 'none',
|
|
32
|
+
// Re-enable hit testing on descendants; each Container also sets `auto` by default.
|
|
33
|
+
'& > *': {
|
|
34
|
+
pointerEvents: 'auto',
|
|
35
|
+
},
|
|
36
|
+
} as Styles;
|
|
37
|
+
}
|
|
38
|
+
if (pointerEvents === 'box-only') {
|
|
39
|
+
return {
|
|
40
|
+
pointerEvents: 'auto',
|
|
41
|
+
'& > *': {
|
|
42
|
+
pointerEvents: 'none',
|
|
43
|
+
},
|
|
44
|
+
} as Styles;
|
|
45
|
+
}
|
|
46
|
+
if (pointerEvents === 'none') {
|
|
47
|
+
return { pointerEvents: 'none' };
|
|
48
|
+
}
|
|
49
|
+
return { pointerEvents: 'auto' };
|
|
50
|
+
}
|
|
51
|
+
|
|
23
52
|
const Container = forwardRef<ContainerRef, IContainer>(
|
|
24
53
|
(
|
|
25
54
|
{
|
|
@@ -36,6 +65,12 @@ const Container = forwardRef<ContainerRef, IContainer>(
|
|
|
36
65
|
onTouchEnd,
|
|
37
66
|
onTouchCancel,
|
|
38
67
|
onTouchMove,
|
|
68
|
+
pointerEvents,
|
|
69
|
+
// Native-only — strip so they never land on the DOM node
|
|
70
|
+
hitSlop: _hitSlop,
|
|
71
|
+
hapticEnabled: _hapticEnabled,
|
|
72
|
+
hapticVariant: _hapticVariant,
|
|
73
|
+
hapticRepeat: _hapticRepeat,
|
|
39
74
|
},
|
|
40
75
|
forwardedRef,
|
|
41
76
|
) => {
|
|
@@ -100,7 +135,15 @@ const Container = forwardRef<ContainerRef, IContainer>(
|
|
|
100
135
|
|
|
101
136
|
const { root: rootStyles = [] } = styleConfig || {};
|
|
102
137
|
|
|
103
|
-
const
|
|
138
|
+
const pointerEventsStyle = useMemo(() => {
|
|
139
|
+
if (pointerEvents == null) return null;
|
|
140
|
+
return getPointerEventsStyles(pointerEvents);
|
|
141
|
+
}, [pointerEvents]);
|
|
142
|
+
|
|
143
|
+
const mergedRootStyles = useWebMergeStyles(
|
|
144
|
+
[staticContainerStyles.root, ...rootStyles, ...(pointerEventsStyle ? [pointerEventsStyle] : [])],
|
|
145
|
+
[rootStyles, pointerEventsStyle],
|
|
146
|
+
);
|
|
104
147
|
|
|
105
148
|
useLayoutEffect(() => {
|
|
106
149
|
onLayout?.({
|
package/src/type.ts
CHANGED
|
@@ -101,10 +101,13 @@ export interface IContainer extends HapticFeedbackProps {
|
|
|
101
101
|
};
|
|
102
102
|
/**
|
|
103
103
|
* Sets the pointer events for the container.
|
|
104
|
+
* Web maps RN values to CSS `pointer-events`. Each Container defaults to `auto` so
|
|
105
|
+
* children stay hittable under `box-none` overlays; `box-none` skips the root in hit
|
|
106
|
+
* testing while re-enabling direct children.
|
|
104
107
|
* @example
|
|
105
108
|
* <Component pointerEvents="box-none" />
|
|
106
109
|
*/
|
|
107
|
-
pointerEvents?: 'box-none' | 'box-only' | 'auto';
|
|
110
|
+
pointerEvents?: 'box-none' | 'box-only' | 'auto' | 'none';
|
|
108
111
|
}
|
|
109
112
|
|
|
110
113
|
export interface Rect {
|