@nexara/nativeflow 0.1.13 → 0.1.14
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/commonjs/components/CheckBox/CheckBox.js +22 -22
- package/lib/commonjs/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.js +3 -2
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib/commonjs/components/Menu/Menu.js +3 -1
- package/lib/commonjs/components/Menu/Menu.js.map +1 -1
- package/lib/commonjs/components/Portal/Portal.js +13 -6
- package/lib/commonjs/components/Portal/Portal.js.map +1 -1
- package/lib/commonjs/components/Portal/PortalProvider.js +3 -1
- package/lib/commonjs/components/Portal/PortalProvider.js.map +1 -1
- package/lib/module/components/CheckBox/CheckBox.js +23 -23
- package/lib/module/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +4 -3
- package/lib/module/components/Dialog/Dialog.js.map +1 -1
- package/lib/module/components/Menu/Menu.js +4 -2
- package/lib/module/components/Menu/Menu.js.map +1 -1
- package/lib/module/components/Portal/Portal.js +14 -7
- package/lib/module/components/Portal/Portal.js.map +1 -1
- package/lib/module/components/Portal/PortalProvider.js +4 -2
- package/lib/module/components/Portal/PortalProvider.js.map +1 -1
- package/lib/typescript/commonjs/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Portal/Portal.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Portal/PortalProvider.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/dialog.type.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/menu.type.d.ts +1 -0
- package/lib/typescript/commonjs/src/types/menu.type.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Portal/Portal.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Portal/PortalProvider.d.ts.map +1 -1
- package/lib/typescript/module/src/types/dialog.type.d.ts +1 -1
- package/lib/typescript/module/src/types/menu.type.d.ts +1 -0
- package/lib/typescript/module/src/types/menu.type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CheckBox/CheckBox.tsx +12 -9
- package/src/components/Dialog/Dialog.tsx +9 -6
- package/src/components/Menu/Menu.tsx +6 -4
- package/src/components/Portal/Portal.tsx +16 -8
- package/src/components/Portal/PortalProvider.tsx +7 -5
- package/src/types/dialog.type.ts +1 -1
- package/src/types/menu.type.ts +2 -0
|
@@ -24,7 +24,6 @@ const CheckBox = ({
|
|
|
24
24
|
fScale = 'xs',
|
|
25
25
|
fs,
|
|
26
26
|
ff,
|
|
27
|
-
// size = 22,
|
|
28
27
|
size = 20,
|
|
29
28
|
iconSize,
|
|
30
29
|
containerStyle,
|
|
@@ -73,34 +72,35 @@ const CheckBox = ({
|
|
|
73
72
|
onPress?.(!isChecked);
|
|
74
73
|
}
|
|
75
74
|
};
|
|
76
|
-
return (
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Check, {
|
|
89
|
-
color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
|
|
90
|
-
size: (0, _index3.verticalScale)(iconSize)
|
|
91
|
-
})
|
|
75
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
|
|
76
|
+
style: [STYLES.CONTAINER, containerStyle],
|
|
77
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
78
|
+
onPressIn: () => animateScale(0.8),
|
|
79
|
+
onPressOut: () => animateScale(1),
|
|
80
|
+
onPress: onUserClick,
|
|
81
|
+
disabled: disabled,
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
83
|
+
style: [STYLES.CHECKBOX_PARENT_CONT, dynamicMainContStyles, checkBoxStyle, animatedStyle],
|
|
84
|
+
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Check, {
|
|
85
|
+
color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
|
|
86
|
+
size: (0, _index3.verticalScale)(iconSize)
|
|
92
87
|
})
|
|
93
|
-
})
|
|
88
|
+
})
|
|
89
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
90
|
+
onPressIn: () => animateScale(0.8),
|
|
91
|
+
onPressOut: () => animateScale(1),
|
|
92
|
+
onPress: onUserClick,
|
|
93
|
+
disabled: disabled,
|
|
94
|
+
children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
94
95
|
style: labelStyle,
|
|
95
96
|
fs: fs,
|
|
96
97
|
ff: ff,
|
|
97
98
|
color: textColor,
|
|
98
99
|
fScale: fScale,
|
|
99
100
|
children: label
|
|
100
|
-
})
|
|
101
|
-
})
|
|
102
|
-
|
|
103
|
-
);
|
|
101
|
+
})
|
|
102
|
+
})]
|
|
103
|
+
});
|
|
104
104
|
};
|
|
105
105
|
var _default = exports.default = CheckBox;
|
|
106
106
|
const Styles = () => _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","useState","useEffect","STYLES","useMemo","Styles","scaleVal","useRef","Animated","Value","current","colors","useTheme","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","verticalScale","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","jsxs","StyledView","style","CONTAINER","children","jsx","TouchableWithoutFeedback","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","Check","color","onPrimary","StyledText","_default","exports","StyleSheet","create","flexDirection","gap","horizontalScale","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"../../../../src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyC,IAAAM,WAAA,GAAAN,OAAA;AAIzC,MAAMO,QAA2B,GAAGA,CAAC;EACjCC,OAAO,GAAG,QAAQ;EAClBC,SAAS,GAAG,KAAK;EACjBC,YAAY,GAAG,KAAK;EACpBC,aAAa;EACbC,eAAe,GAAG,aAAa;EAC/BC,SAAS;EACTC,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,UAAU;EAClBC,MAAM,GAAG,IAAI;EACbC,EAAE;EACFC,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","useState","useEffect","STYLES","useMemo","Styles","scaleVal","useRef","Animated","Value","current","colors","useTheme","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","verticalScale","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","jsxs","StyledView","style","CONTAINER","children","jsx","TouchableWithoutFeedback","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","Check","color","onPrimary","TouchableOpacity","StyledText","_default","exports","StyleSheet","create","flexDirection","gap","horizontalScale","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"../../../../src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,11 +18,12 @@ const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
18
18
|
size = 'lg',
|
|
19
19
|
fullScreen,
|
|
20
20
|
backdropColor,
|
|
21
|
-
|
|
21
|
+
portalKey,
|
|
22
22
|
onClose,
|
|
23
23
|
containerStyle,
|
|
24
24
|
children
|
|
25
25
|
}, ref) => {
|
|
26
|
+
const uniqueId = (0, _react.useId)();
|
|
26
27
|
const [dialogVisible, setDialogVisible] = (0, _react.useState)(false);
|
|
27
28
|
const scale = (0, _react.useRef)(new _reactNative.Animated.Value(0.9)).current;
|
|
28
29
|
const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
@@ -89,7 +90,7 @@ const Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
89
90
|
};
|
|
90
91
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
91
92
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
|
|
92
|
-
name:
|
|
93
|
+
name: portalKey ?? `dialog-${uniqueId}`,
|
|
93
94
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
94
95
|
style: [STYLES.BACKDROP_CONT, backdropAnimatedStyles],
|
|
95
96
|
pointerEvents: dialogVisible ? 'auto' : 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_Portal","_interopRequireDefault","_index2","_index3","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","forwardRef","variant","size","fullScreen","backdropColor","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_Portal","_interopRequireDefault","_index2","_index3","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","forwardRef","variant","size","fullScreen","backdropColor","portalKey","onClose","containerStyle","children","ref","uniqueId","useId","dialogVisible","setDialogVisible","useState","scale","useRef","Animated","Value","current","opacity","theme","useTheme","useEffect","timing","toValue","duration","useNativeDriver","start","spring","damping","stiffness","handler","BackHandler","addEventListener","hardwareBackPress","remove","useImperativeHandle","open","close","backdropAnimatedStyles","backgroundColor","colors","background","backdrop","modalContAnimatedStyles","transform","dynamicModalContStyles","minHeight","maxHeight","width","dialogSizes","elevated","borderColor","border","borderRadius","verticalScale","renderChildrenWithVariant","React","Children","map","child","isValidElement","cloneElement","handleStartShouldSetResponder","Keyboard","dismiss","jsx","Fragment","name","View","style","STYLES","BACKDROP_CONT","pointerEvents","onStartShouldSetResponder","MODAL_CONT","_default","exports","StyleSheet","create","position","top","bottom","left","right","justifyContent","alignItems","borderWidth"],"sourceRoot":"../../../../src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,12 +19,14 @@ const Menu = ({
|
|
|
19
19
|
anchor,
|
|
20
20
|
disableBuiltInState = false,
|
|
21
21
|
isOpen = false,
|
|
22
|
+
portalKey,
|
|
22
23
|
onRequestOpen,
|
|
23
24
|
onRequestClose,
|
|
24
25
|
onSelect,
|
|
25
26
|
style,
|
|
26
27
|
children
|
|
27
28
|
}) => {
|
|
29
|
+
const uniqueKey = (0, _react.useId)();
|
|
28
30
|
const [isVisible, setIsVisible] = (0, _react.useState)(false);
|
|
29
31
|
const anchorLayoutRef = (0, _react.useRef)({
|
|
30
32
|
pageY: 0,
|
|
@@ -107,7 +109,7 @@ const Menu = ({
|
|
|
107
109
|
};
|
|
108
110
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
109
111
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
|
|
110
|
-
name:
|
|
112
|
+
name: portalKey ?? `menu-${uniqueKey}`,
|
|
111
113
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
112
114
|
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
113
115
|
transform: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_Portal","_interopRequireDefault","_calculations","_ResponsiveCalculations","_index2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Menu","placement","anchor","disableBuiltInState","isOpen","onRequestOpen","onRequestClose","onSelect","style","children","isVisible","setIsVisible","useState","anchorLayoutRef","useRef","pageY","pageX","height","width","menuLayoutRef","buttonRef","animatedScaleRef","Animated","Value","current","theme","useTheme","positions","useCallback","positionCalculations","STYLES","useMemo","Styles","useEffect","timing","toValue","duration","useNativeDriver","start","measureLayout","Promise","resolve","measure","_x","_y","onOpen","onClose","renderChildren","jsx","ScrollView","React","Children","toArray","map","child","isValidElement","cloneElement","onPress","props","name","scale","Number","pointerEvent","dynamicStyles","left","top","backgroundColor","colors","background","elevated","menuAnimatedStyle","transform","opacity","jsxs","Fragment","Pressable","StyleSheet","absoluteFill","pointerEvents","View","onStartShouldSetResponder","MENU_CONT","onLayout","nativeEvent","layout","StyledView","ref","alignSelf","_default","exports","create","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderRadius","maxHeight","minWidth","horizontalScale","paddingVertical","verticalScale"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,uBAAA,GAAAN,OAAA;AAEA,IAAAO,OAAA,GAAAP,OAAA;AAAuC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAI,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAU,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEvC,MAAMgB,IAAmB,GAAGA,CAAC;EACzBC,SAAS,GAAG,KAAK;EACjBC,MAAM;EACNC,mBAAmB,GAAG,KAAK;EAC3BC,MAAM,GAAG,KAAK;EACdC,aAAa;EACbC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1D,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAoB;IAAEC,KAAK,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EAC9F,MAAMC,aAAa,GAAG,IAAAL,aAAM,EAAkB;IAAEG,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EACtE,MAAME,SAAS,GAAG,IAAAN,aAAM,EAAO,IAAK,CAAC;EACrC,MAAMO,gBAAgB,GAAG,IAAAP,aAAM,EAAC,IAAIQ,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC9D,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_Portal","_interopRequireDefault","_calculations","_ResponsiveCalculations","_index2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Menu","placement","anchor","disableBuiltInState","isOpen","portalKey","onRequestOpen","onRequestClose","onSelect","style","children","uniqueKey","useId","isVisible","setIsVisible","useState","anchorLayoutRef","useRef","pageY","pageX","height","width","menuLayoutRef","buttonRef","animatedScaleRef","Animated","Value","current","theme","useTheme","positions","useCallback","positionCalculations","STYLES","useMemo","Styles","useEffect","timing","toValue","duration","useNativeDriver","start","measureLayout","Promise","resolve","measure","_x","_y","onOpen","onClose","renderChildren","jsx","ScrollView","React","Children","toArray","map","child","isValidElement","cloneElement","onPress","props","name","scale","Number","pointerEvent","dynamicStyles","left","top","backgroundColor","colors","background","elevated","menuAnimatedStyle","transform","opacity","jsxs","Fragment","Pressable","StyleSheet","absoluteFill","pointerEvents","View","onStartShouldSetResponder","MENU_CONT","onLayout","nativeEvent","layout","StyledView","ref","alignSelf","_default","exports","create","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderRadius","maxHeight","minWidth","horizontalScale","paddingVertical","verticalScale"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,16 +15,23 @@ const Portal = ({
|
|
|
15
15
|
addComponent,
|
|
16
16
|
removeComponent
|
|
17
17
|
} = (0, _react.useContext)(_PortalContext.default);
|
|
18
|
-
const uniqueId = (0, _react.
|
|
19
|
-
(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
const uniqueId = name ?? (0, _react.useId)();
|
|
19
|
+
// const uniqueId = useRef(name ?? `portal_${Math.random() * 50}`).current;
|
|
20
|
+
|
|
21
|
+
// useEffect(() => {
|
|
22
|
+
// return () => removeComponent(uniqueId);
|
|
23
|
+
// }, []);
|
|
24
|
+
|
|
25
|
+
// useEffect(() => {
|
|
26
|
+
// addComponent({ name: uniqueId, component: children });
|
|
27
|
+
// }, [children]);
|
|
28
|
+
(0, _react.useLayoutEffect)(() => {
|
|
23
29
|
addComponent({
|
|
24
30
|
name: uniqueId,
|
|
25
31
|
component: children
|
|
26
32
|
});
|
|
27
|
-
|
|
33
|
+
return () => removeComponent(uniqueId);
|
|
34
|
+
}, [children, uniqueId]);
|
|
28
35
|
return null;
|
|
29
36
|
};
|
|
30
37
|
var _default = exports.default = Portal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_PortalContext","_interopRequireDefault","e","__esModule","default","Portal","children","name","addComponent","removeComponent","useContext","PortalContext","uniqueId","
|
|
1
|
+
{"version":3,"names":["_react","require","_PortalContext","_interopRequireDefault","e","__esModule","default","Portal","children","name","addComponent","removeComponent","useContext","PortalContext","uniqueId","useId","useLayoutEffect","component","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Portal/Portal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA4C,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5C,MAAMG,MAA6B,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EAC1D,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAG,IAAAC,iBAAU,EAACC,sBAAa,CAAC;EACnE,MAAMC,QAAQ,GAAGL,IAAI,IAAI,IAAAM,YAAK,EAAC,CAAC;EAChC;;EAEA;EACA;EACA;;EAEA;EACA;EACA;EACA,IAAAC,sBAAe,EAAC,MAAM;IAClBN,YAAY,CAAC;MACTD,IAAI,EAAEK,QAAQ;MACdG,SAAS,EAAET;IACf,CAAC,CAAC;IACF,OAAO,MAAMG,eAAe,CAACG,QAAQ,CAAC;EAC1C,CAAC,EAAE,CAACN,QAAQ,EAAEM,QAAQ,CAAC,CAAC;EAExB,OAAO,IAAI;AACf,CAAC;AAAA,IAAAI,QAAA,GAAAC,OAAA,CAAAb,OAAA,GACcC,MAAM","ignoreList":[]}
|
|
@@ -38,7 +38,9 @@ const PortalProvider = ({
|
|
|
38
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
39
39
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PortalContext.default.Provider, {
|
|
40
40
|
value: values,
|
|
41
|
-
children: [children, Object.entries(components).map(([_name, Component]) =>
|
|
41
|
+
children: [children, Object.entries(components).map(([_name, Component]) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
42
|
+
children: Component
|
|
43
|
+
}, _name))]
|
|
42
44
|
})
|
|
43
45
|
});
|
|
44
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PortalProvider","children","components","setComponents","useState","addComponent","useCallback","name","component","prevComponents","removeComponent","newComponents","values","useMemo","jsx","Fragment","jsxs","Provider","value","entries","map","_name","Component","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Portal/PortalProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAQ5C,MAAMgB,cAA6C,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAEpE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAkC,CAAC,CAAC,CAAC;EAEjF,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,CAAC;IAAEC,IAAI;IAAEC;EAAmB,CAAC,KAAK;IAC/DL,aAAa,CAACM,cAAc,KAAK;MAC7B,GAAGA,cAAc;MACjB,CAACF,IAAI,GAAGC;IACZ,CAAC,CAAC,CAAC;EACP,CAAC,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PortalProvider","children","components","setComponents","useState","addComponent","useCallback","name","component","prevComponents","removeComponent","newComponents","values","useMemo","jsx","Fragment","jsxs","Provider","value","entries","map","_name","Component","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Portal/PortalProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
4
|
-
import { StyleSheet, TouchableWithoutFeedback, Animated } from "react-native";
|
|
4
|
+
import { StyleSheet, TouchableWithoutFeedback, Animated, TouchableOpacity } from "react-native";
|
|
5
5
|
import { StyledText, StyledView } from "../StyledComponents/index.js";
|
|
6
6
|
import { useTheme } from "../../hooks/index.js";
|
|
7
7
|
import { horizontalScale, verticalScale } from "../../helpers/index.js";
|
|
@@ -20,7 +20,6 @@ const CheckBox = ({
|
|
|
20
20
|
fScale = 'xs',
|
|
21
21
|
fs,
|
|
22
22
|
ff,
|
|
23
|
-
// size = 22,
|
|
24
23
|
size = 20,
|
|
25
24
|
iconSize,
|
|
26
25
|
containerStyle,
|
|
@@ -69,34 +68,35 @@ const CheckBox = ({
|
|
|
69
68
|
onPress?.(!isChecked);
|
|
70
69
|
}
|
|
71
70
|
};
|
|
72
|
-
return (
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/_jsx(Check, {
|
|
85
|
-
color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
|
|
86
|
-
size: verticalScale(iconSize)
|
|
87
|
-
})
|
|
71
|
+
return /*#__PURE__*/_jsxs(StyledView, {
|
|
72
|
+
style: [STYLES.CONTAINER, containerStyle],
|
|
73
|
+
children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
74
|
+
onPressIn: () => animateScale(0.8),
|
|
75
|
+
onPressOut: () => animateScale(1),
|
|
76
|
+
onPress: onUserClick,
|
|
77
|
+
disabled: disabled,
|
|
78
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
79
|
+
style: [STYLES.CHECKBOX_PARENT_CONT, dynamicMainContStyles, checkBoxStyle, animatedStyle],
|
|
80
|
+
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/_jsx(Check, {
|
|
81
|
+
color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
|
|
82
|
+
size: verticalScale(iconSize)
|
|
88
83
|
})
|
|
89
|
-
})
|
|
84
|
+
})
|
|
85
|
+
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
86
|
+
onPressIn: () => animateScale(0.8),
|
|
87
|
+
onPressOut: () => animateScale(1),
|
|
88
|
+
onPress: onUserClick,
|
|
89
|
+
disabled: disabled,
|
|
90
|
+
children: label && /*#__PURE__*/_jsx(StyledText, {
|
|
90
91
|
style: labelStyle,
|
|
91
92
|
fs: fs,
|
|
92
93
|
ff: ff,
|
|
93
94
|
color: textColor,
|
|
94
95
|
fScale: fScale,
|
|
95
96
|
children: label
|
|
96
|
-
})
|
|
97
|
-
})
|
|
98
|
-
|
|
99
|
-
);
|
|
97
|
+
})
|
|
98
|
+
})]
|
|
99
|
+
});
|
|
100
100
|
};
|
|
101
101
|
export default CheckBox;
|
|
102
102
|
const Styles = () => StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useMemo","useRef","useState","StyleSheet","TouchableWithoutFeedback","Animated","StyledText","StyledView","useTheme","horizontalScale","verticalScale","Check","jsx","_jsx","jsxs","_jsxs","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","STYLES","Styles","scaleVal","Value","current","colors","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","style","CONTAINER","children","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","color","onPrimary","create","flexDirection","gap","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"../../../../src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAiB,OAAO;AACrE,SAASC,UAAU,EAAEC,wBAAwB,EAAEC,QAAQ,
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useRef","useState","StyleSheet","TouchableWithoutFeedback","Animated","TouchableOpacity","StyledText","StyledView","useTheme","horizontalScale","verticalScale","Check","jsx","_jsx","jsxs","_jsxs","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","STYLES","Styles","scaleVal","Value","current","colors","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","style","CONTAINER","children","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","color","onPrimary","create","flexDirection","gap","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"../../../../src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { cloneElement, forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
|
|
3
|
+
import React, { cloneElement, forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from 'react';
|
|
4
4
|
import { Keyboard, BackHandler, StyleSheet, Animated } from 'react-native';
|
|
5
5
|
import { dialogSizes } from "../../constants/index.js";
|
|
6
6
|
import Portal from "../Portal/Portal.js";
|
|
@@ -12,11 +12,12 @@ const Dialog = /*#__PURE__*/forwardRef(({
|
|
|
12
12
|
size = 'lg',
|
|
13
13
|
fullScreen,
|
|
14
14
|
backdropColor,
|
|
15
|
-
|
|
15
|
+
portalKey,
|
|
16
16
|
onClose,
|
|
17
17
|
containerStyle,
|
|
18
18
|
children
|
|
19
19
|
}, ref) => {
|
|
20
|
+
const uniqueId = useId();
|
|
20
21
|
const [dialogVisible, setDialogVisible] = useState(false);
|
|
21
22
|
const scale = useRef(new Animated.Value(0.9)).current;
|
|
22
23
|
const opacity = useRef(new Animated.Value(0)).current;
|
|
@@ -83,7 +84,7 @@ const Dialog = /*#__PURE__*/forwardRef(({
|
|
|
83
84
|
};
|
|
84
85
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
85
86
|
children: /*#__PURE__*/_jsx(Portal, {
|
|
86
|
-
name:
|
|
87
|
+
name: portalKey ?? `dialog-${uniqueId}`,
|
|
87
88
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
88
89
|
style: [STYLES.BACKDROP_CONT, backdropAnimatedStyles],
|
|
89
90
|
pointerEvents: dialogVisible ? 'auto' : 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","cloneElement","forwardRef","useEffect","useImperativeHandle","useRef","useState","Keyboard","BackHandler","StyleSheet","Animated","dialogSizes","Portal","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Dialog","variant","size","fullScreen","backdropColor","
|
|
1
|
+
{"version":3,"names":["React","cloneElement","forwardRef","useEffect","useId","useImperativeHandle","useRef","useState","Keyboard","BackHandler","StyleSheet","Animated","dialogSizes","Portal","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Dialog","variant","size","fullScreen","backdropColor","portalKey","onClose","containerStyle","children","ref","uniqueId","dialogVisible","setDialogVisible","scale","Value","current","opacity","theme","timing","toValue","duration","useNativeDriver","start","spring","damping","stiffness","handler","addEventListener","hardwareBackPress","remove","open","close","backdropAnimatedStyles","backgroundColor","colors","background","backdrop","modalContAnimatedStyles","transform","dynamicModalContStyles","minHeight","maxHeight","width","elevated","borderColor","border","default","borderRadius","renderChildrenWithVariant","Children","map","child","isValidElement","handleStartShouldSetResponder","dismiss","name","View","style","STYLES","BACKDROP_CONT","pointerEvents","onStartShouldSetResponder","MODAL_CONT","create","position","top","bottom","left","right","justifyContent","alignItems","borderWidth"],"sourceRoot":"../../../../src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
|
|
3
|
+
import React, { useState, useRef, useCallback, useEffect, useMemo, useId } from "react";
|
|
4
4
|
import { StyleSheet, Pressable, ScrollView, Animated } from "react-native";
|
|
5
5
|
import { StyledView } from "../StyledComponents/index.js";
|
|
6
6
|
import Portal from "../Portal/Portal.js";
|
|
@@ -13,12 +13,14 @@ const Menu = ({
|
|
|
13
13
|
anchor,
|
|
14
14
|
disableBuiltInState = false,
|
|
15
15
|
isOpen = false,
|
|
16
|
+
portalKey,
|
|
16
17
|
onRequestOpen,
|
|
17
18
|
onRequestClose,
|
|
18
19
|
onSelect,
|
|
19
20
|
style,
|
|
20
21
|
children
|
|
21
22
|
}) => {
|
|
23
|
+
const uniqueKey = useId();
|
|
22
24
|
const [isVisible, setIsVisible] = useState(false);
|
|
23
25
|
const anchorLayoutRef = useRef({
|
|
24
26
|
pageY: 0,
|
|
@@ -101,7 +103,7 @@ const Menu = ({
|
|
|
101
103
|
};
|
|
102
104
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
103
105
|
children: [/*#__PURE__*/_jsx(Portal, {
|
|
104
|
-
name:
|
|
106
|
+
name: portalKey ?? `menu-${uniqueKey}`,
|
|
105
107
|
children: /*#__PURE__*/_jsx(Pressable, {
|
|
106
108
|
style: [StyleSheet.absoluteFill, {
|
|
107
109
|
transform: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useRef","useCallback","useEffect","useMemo","StyleSheet","Pressable","ScrollView","Animated","StyledView","Portal","positionCalculations","horizontalScale","verticalScale","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Menu","placement","anchor","disableBuiltInState","isOpen","onRequestOpen","onRequestClose","onSelect","style","children","isVisible","setIsVisible","anchorLayoutRef","pageY","pageX","height","width","menuLayoutRef","buttonRef","animatedScaleRef","Value","current","theme","positions","STYLES","Styles","timing","toValue","duration","useNativeDriver","start","measureLayout","Promise","resolve","measure","_x","_y","onOpen","onClose","renderChildren","Children","toArray","map","child","isValidElement","cloneElement","onPress","props","name","scale","Number","pointerEvent","dynamicStyles","left","top","backgroundColor","colors","background","elevated","menuAnimatedStyle","transform","opacity","absoluteFill","pointerEvents","View","onStartShouldSetResponder","MENU_CONT","onLayout","nativeEvent","layout","ref","alignSelf","create","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderRadius","maxHeight","minWidth","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,
|
|
1
|
+
{"version":3,"names":["React","useState","useRef","useCallback","useEffect","useMemo","useId","StyleSheet","Pressable","ScrollView","Animated","StyledView","Portal","positionCalculations","horizontalScale","verticalScale","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Menu","placement","anchor","disableBuiltInState","isOpen","portalKey","onRequestOpen","onRequestClose","onSelect","style","children","uniqueKey","isVisible","setIsVisible","anchorLayoutRef","pageY","pageX","height","width","menuLayoutRef","buttonRef","animatedScaleRef","Value","current","theme","positions","STYLES","Styles","timing","toValue","duration","useNativeDriver","start","measureLayout","Promise","resolve","measure","_x","_y","onOpen","onClose","renderChildren","Children","toArray","map","child","isValidElement","cloneElement","onPress","props","name","scale","Number","pointerEvent","dynamicStyles","left","top","backgroundColor","colors","background","elevated","menuAnimatedStyle","transform","opacity","absoluteFill","pointerEvents","View","onStartShouldSetResponder","MENU_CONT","onLayout","nativeEvent","layout","ref","alignSelf","create","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderRadius","maxHeight","minWidth","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useContext,
|
|
3
|
+
import { useContext, useId, useLayoutEffect } from "react";
|
|
4
4
|
import PortalContext from "./PortalContext.js";
|
|
5
5
|
const Portal = ({
|
|
6
6
|
children,
|
|
@@ -10,16 +10,23 @@ const Portal = ({
|
|
|
10
10
|
addComponent,
|
|
11
11
|
removeComponent
|
|
12
12
|
} = useContext(PortalContext);
|
|
13
|
-
const uniqueId =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
const uniqueId = name ?? useId();
|
|
14
|
+
// const uniqueId = useRef(name ?? `portal_${Math.random() * 50}`).current;
|
|
15
|
+
|
|
16
|
+
// useEffect(() => {
|
|
17
|
+
// return () => removeComponent(uniqueId);
|
|
18
|
+
// }, []);
|
|
19
|
+
|
|
20
|
+
// useEffect(() => {
|
|
21
|
+
// addComponent({ name: uniqueId, component: children });
|
|
22
|
+
// }, [children]);
|
|
23
|
+
useLayoutEffect(() => {
|
|
18
24
|
addComponent({
|
|
19
25
|
name: uniqueId,
|
|
20
26
|
component: children
|
|
21
27
|
});
|
|
22
|
-
|
|
28
|
+
return () => removeComponent(uniqueId);
|
|
29
|
+
}, [children, uniqueId]);
|
|
23
30
|
return null;
|
|
24
31
|
};
|
|
25
32
|
export default Portal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useContext","
|
|
1
|
+
{"version":3,"names":["useContext","useId","useLayoutEffect","PortalContext","Portal","children","name","addComponent","removeComponent","uniqueId","component"],"sourceRoot":"../../../../src","sources":["components/Portal/Portal.tsx"],"mappings":";;AAAA,SAAgBA,UAAU,EAAEC,KAAK,EAAEC,eAAe,QAAQ,OAAO;AACjE,OAAOC,aAAa,MAAM,oBAAiB;AAM3C,MAAMC,MAA6B,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EAC1D,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGR,UAAU,CAACG,aAAa,CAAC;EACnE,MAAMM,QAAQ,GAAGH,IAAI,IAAIL,KAAK,CAAC,CAAC;EAChC;;EAEA;EACA;EACA;;EAEA;EACA;EACA;EACAC,eAAe,CAAC,MAAM;IAClBK,YAAY,CAAC;MACTD,IAAI,EAAEG,QAAQ;MACdC,SAAS,EAAEL;IACf,CAAC,CAAC;IACF,OAAO,MAAMG,eAAe,CAACC,QAAQ,CAAC;EAC1C,CAAC,EAAE,CAACJ,QAAQ,EAAEI,QAAQ,CAAC,CAAC;EAExB,OAAO,IAAI;AACf,CAAC;AACD,eAAeL,MAAM","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useMemo, useState } from "react";
|
|
4
4
|
import PortalContext from "./PortalContext.js";
|
|
5
|
-
import {
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
6
|
const PortalProvider = ({
|
|
7
7
|
children
|
|
8
8
|
}) => {
|
|
@@ -32,7 +32,9 @@ const PortalProvider = ({
|
|
|
32
32
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
33
33
|
children: /*#__PURE__*/_jsxs(PortalContext.Provider, {
|
|
34
34
|
value: values,
|
|
35
|
-
children: [children, Object.entries(components).map(([_name, Component]) =>
|
|
35
|
+
children: [children, Object.entries(components).map(([_name, Component]) => /*#__PURE__*/_jsx(React.Fragment, {
|
|
36
|
+
children: Component
|
|
37
|
+
}, _name))]
|
|
36
38
|
})
|
|
37
39
|
});
|
|
38
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useState","PortalContext","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useState","PortalContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PortalProvider","children","components","setComponents","addComponent","name","component","prevComponents","removeComponent","newComponents","values","Provider","value","Object","entries","map","_name","Component"],"sourceRoot":"../../../../src","sources":["components/Portal/PortalProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,OAAOC,aAAa,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAQ5C,MAAMC,cAA6C,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAEpE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGX,QAAQ,CAAkC,CAAC,CAAC,CAAC;EAEjF,MAAMY,YAAY,GAAGd,WAAW,CAAC,CAAC;IAAEe,IAAI;IAAEC;EAAmB,CAAC,KAAK;IAC/DH,aAAa,CAACI,cAAc,KAAK;MAC7B,GAAGA,cAAc;MACjB,CAACF,IAAI,GAAGC;IACZ,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,eAAe,GAAGlB,WAAW,CAAEe,IAAY,IAAK;IAClDF,aAAa,CAACI,cAAc,IAAI;MAC5B,MAAME,aAAa,GAAG;QAAE,GAAGF;MAAe,CAAC;MAC3C,OAAOE,aAAa,CAACJ,IAAI,CAAC;MAC1B,OAAOI,aAAa;IACxB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,MAAM,GAAGnB,OAAO,CAAC,OAAO;IAAEa,YAAY;IAAEI;EAAgB,CAAC,CAAC,EAAE,EAAE,CAAC;EACrE,oBAAQb,IAAA,CAAAI,SAAA;IAAAE,QAAA,eACJJ,KAAA,CAACJ,aAAa,CAACkB,QAAQ;MAACC,KAAK,EAAEF,MAAO;MAAAT,QAAA,GACjCA,QAAQ,EACRY,MAAM,CAACC,OAAO,CAACZ,UAAU,CAAC,CAACa,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,SAAS,CAAC,kBAC/CtB,IAAA,CAACN,KAAK,CAACS,QAAQ;QAAAG,QAAA,EACVgB;MAAS,GADOD,KAEL,CACnB,CAAC;IAAA,CACkB;EAAC,CAC3B,CAAC;AAEP,CAAC;AACD,eAAehB,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA+F/B,CAAA;AACD,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAMjH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAK/D,QAAA,MAAM,MAAM,oFAiGV,CAAC;AACH,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqD,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqD,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AAOlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAiHvB,CAAA;AACD,eAAe,IAAI,CAAC;AACpB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,UAAU,WAAW;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB;AACD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqBjC,CAAA;AACD,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BjD,CAAA;AACD,eAAe,cAAc,CAAC"}
|
|
@@ -15,7 +15,7 @@ export type DialogProps = {
|
|
|
15
15
|
fullScreen?: boolean;
|
|
16
16
|
/** Background color of the backdrop */
|
|
17
17
|
backdropColor?: string;
|
|
18
|
-
|
|
18
|
+
portalKey?: string;
|
|
19
19
|
/** Callback function triggered when the dialog is closed */
|
|
20
20
|
onClose?: () => void;
|
|
21
21
|
/** Custom styles for the dialog container */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA+F/B,CAAA;AACD,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAMjH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAK/D,QAAA,MAAM,MAAM,oFAiGV,CAAC;AACH,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqD,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqD,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AAOlG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAiHvB,CAAA;AACD,eAAe,IAAI,CAAC;AACpB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,UAAU,WAAW;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB;AACD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqBjC,CAAA;AACD,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Portal/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,UAAU,mBAAmB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BjD,CAAA;AACD,eAAe,cAAc,CAAC"}
|
|
@@ -15,7 +15,7 @@ export type DialogProps = {
|
|
|
15
15
|
fullScreen?: boolean;
|
|
16
16
|
/** Background color of the backdrop */
|
|
17
17
|
backdropColor?: string;
|
|
18
|
-
|
|
18
|
+
portalKey?: string;
|
|
19
19
|
/** Callback function triggered when the dialog is closed */
|
|
20
20
|
onClose?: () => void;
|
|
21
21
|
/** Custom styles for the dialog container */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../../../src/types/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAErB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;CACrC,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAAG;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexara/nativeflow",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.",
|
|
5
5
|
"source": "./src/index.ts",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useMemo, useRef, useState, type FC } from "react";
|
|
2
|
-
import { StyleSheet, TouchableWithoutFeedback, Animated, type ViewStyle } from "react-native";
|
|
2
|
+
import { StyleSheet, TouchableWithoutFeedback, Animated, type ViewStyle, TouchableOpacity } from "react-native";
|
|
3
3
|
import { StyledText, StyledView } from "../StyledComponents";
|
|
4
4
|
import { useTheme } from "../../hooks";
|
|
5
5
|
import { horizontalScale, verticalScale } from "../../helpers";
|
|
@@ -20,7 +20,6 @@ const CheckBox: FC<CheckBoxProps> = ({
|
|
|
20
20
|
fScale = 'xs',
|
|
21
21
|
fs,
|
|
22
22
|
ff,
|
|
23
|
-
// size = 22,
|
|
24
23
|
size = 20,
|
|
25
24
|
iconSize,
|
|
26
25
|
containerStyle,
|
|
@@ -72,7 +71,6 @@ const CheckBox: FC<CheckBoxProps> = ({
|
|
|
72
71
|
}
|
|
73
72
|
};
|
|
74
73
|
return (
|
|
75
|
-
// <StyledView>
|
|
76
74
|
<StyledView style={[STYLES.CONTAINER, containerStyle]}>
|
|
77
75
|
|
|
78
76
|
<TouchableWithoutFeedback
|
|
@@ -91,13 +89,18 @@ const CheckBox: FC<CheckBoxProps> = ({
|
|
|
91
89
|
}
|
|
92
90
|
</Animated.View>
|
|
93
91
|
</TouchableWithoutFeedback>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
92
|
+
<TouchableOpacity
|
|
93
|
+
onPressIn={() => animateScale(0.8)}
|
|
94
|
+
onPressOut={() => animateScale(1)}
|
|
95
|
+
onPress={onUserClick}
|
|
96
|
+
disabled={disabled}
|
|
97
|
+
>
|
|
98
|
+
{
|
|
99
|
+
label &&
|
|
100
|
+
<StyledText style={labelStyle} fs={fs} ff={ff} color={textColor} fScale={fScale}>{label}</StyledText>
|
|
101
|
+
}
|
|
102
|
+
</TouchableOpacity>
|
|
99
103
|
</StyledView>
|
|
100
|
-
// </StyledView>
|
|
101
104
|
)
|
|
102
105
|
}
|
|
103
106
|
export default CheckBox;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { cloneElement, forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
|
|
1
|
+
import React, { cloneElement, forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from 'react';
|
|
2
2
|
import type { ReactElement } from "react";
|
|
3
3
|
import { Keyboard, BackHandler, StyleSheet, Animated } from 'react-native';
|
|
4
4
|
import type { ViewStyle } from 'react-native';
|
|
@@ -14,12 +14,13 @@ const Dialog = forwardRef<DialogRefProps, DialogProps>(({
|
|
|
14
14
|
size = 'lg',
|
|
15
15
|
fullScreen,
|
|
16
16
|
backdropColor,
|
|
17
|
-
|
|
17
|
+
portalKey,
|
|
18
18
|
onClose,
|
|
19
19
|
containerStyle,
|
|
20
20
|
children,
|
|
21
21
|
}, ref) => {
|
|
22
22
|
|
|
23
|
+
const uniqueId = useId();
|
|
23
24
|
const [dialogVisible, setDialogVisible] = useState(false);
|
|
24
25
|
const scale = useRef(new Animated.Value(0.9)).current;
|
|
25
26
|
const opacity = useRef(new Animated.Value(0)).current;
|
|
@@ -56,7 +57,7 @@ const Dialog = forwardRef<DialogRefProps, DialogProps>(({
|
|
|
56
57
|
|
|
57
58
|
const backdropAnimatedStyles = {
|
|
58
59
|
opacity: opacity,
|
|
59
|
-
backgroundColor:
|
|
60
|
+
backgroundColor: backdropColor ?? theme?.colors.background.backdrop,
|
|
60
61
|
};
|
|
61
62
|
const modalContAnimatedStyles = {
|
|
62
63
|
transform: [{ scale }],
|
|
@@ -66,8 +67,8 @@ const Dialog = forwardRef<DialogRefProps, DialogProps>(({
|
|
|
66
67
|
minHeight: fullScreen ? '100%' : 'auto',
|
|
67
68
|
maxHeight: fullScreen ? '100%' : '80%',
|
|
68
69
|
width: `${dialogSizes[size]}%`,
|
|
69
|
-
backgroundColor:theme?.colors.background.elevated,
|
|
70
|
-
borderColor:
|
|
70
|
+
backgroundColor: theme?.colors.background.elevated,
|
|
71
|
+
borderColor: theme?.colors.border.default,
|
|
71
72
|
borderRadius: verticalScale(40)
|
|
72
73
|
};
|
|
73
74
|
|
|
@@ -88,7 +89,9 @@ const Dialog = forwardRef<DialogRefProps, DialogProps>(({
|
|
|
88
89
|
};
|
|
89
90
|
|
|
90
91
|
return (<>
|
|
91
|
-
<Portal
|
|
92
|
+
<Portal
|
|
93
|
+
name={portalKey ?? `dialog-${uniqueId}`}
|
|
94
|
+
>
|
|
92
95
|
<Animated.View
|
|
93
96
|
style={[STYLES.BACKDROP_CONT, backdropAnimatedStyles]}
|
|
94
97
|
pointerEvents={dialogVisible ? 'auto' : 'none'}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState, useRef, useCallback, useEffect, useMemo, type FC, } from "react";
|
|
1
|
+
import React, { useState, useRef, useCallback, useEffect, useMemo, type FC, useId, } from "react";
|
|
2
2
|
import { StyleSheet, Pressable, View, ScrollView, Animated } from "react-native";
|
|
3
3
|
import { StyledView } from "../StyledComponents";
|
|
4
4
|
import Portal from "../Portal/Portal";
|
|
@@ -13,18 +13,20 @@ const Menu: FC<MenuProps> = ({
|
|
|
13
13
|
anchor,
|
|
14
14
|
disableBuiltInState = false,
|
|
15
15
|
isOpen = false,
|
|
16
|
+
portalKey,
|
|
16
17
|
onRequestOpen,
|
|
17
18
|
onRequestClose,
|
|
18
19
|
onSelect,
|
|
19
20
|
style,
|
|
20
21
|
children
|
|
21
22
|
}) => {
|
|
23
|
+
const uniqueKey = useId();
|
|
22
24
|
const [isVisible, setIsVisible] = useState<boolean>(false);
|
|
23
25
|
const anchorLayoutRef = useRef<anchorLayoutTypes>({ pageY: 0, pageX: 0, height: 0, width: 0 });
|
|
24
26
|
const menuLayoutRef = useRef<menuLayoutTypes>({ height: 0, width: 0 });
|
|
25
27
|
const buttonRef = useRef<View>(null!);
|
|
26
28
|
const animatedScaleRef = useRef(new Animated.Value(1)).current;
|
|
27
|
-
const theme
|
|
29
|
+
const theme = useTheme();
|
|
28
30
|
|
|
29
31
|
const positions = (useCallback(() => (positionCalculations(anchorLayoutRef.current, menuLayoutRef.current, placement)), [menuLayoutRef, anchorLayoutRef, placement]))();
|
|
30
32
|
const STYLES = useMemo(Styles, []);
|
|
@@ -97,7 +99,7 @@ const Menu: FC<MenuProps> = ({
|
|
|
97
99
|
|
|
98
100
|
return (<>
|
|
99
101
|
<Portal
|
|
100
|
-
name=
|
|
102
|
+
name={portalKey ?? `menu-${uniqueKey}`}
|
|
101
103
|
>
|
|
102
104
|
<Pressable
|
|
103
105
|
style={[StyleSheet.absoluteFill, { transform: [{ scale }] }]}
|
|
@@ -115,7 +117,7 @@ const Menu: FC<MenuProps> = ({
|
|
|
115
117
|
|
|
116
118
|
<StyledView>
|
|
117
119
|
<StyledView ref={buttonRef} onLayout={measureLayout} alignSelf='flex-start'>
|
|
118
|
-
{anchor && React.isValidElement<{ onPress: () => void }>(anchor) && React.cloneElement(anchor, { onPress: onOpen})}
|
|
120
|
+
{anchor && React.isValidElement<{ onPress: () => void }>(anchor) && React.cloneElement(anchor, { onPress: onOpen })}
|
|
119
121
|
</StyledView>
|
|
120
122
|
</StyledView>
|
|
121
123
|
</>)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useContext,
|
|
1
|
+
import React, { useContext, useId, useLayoutEffect } from "react";
|
|
2
2
|
import PortalContext from "./PortalContext";
|
|
3
3
|
|
|
4
4
|
interface PortalProps {
|
|
@@ -7,15 +7,23 @@ interface PortalProps {
|
|
|
7
7
|
}
|
|
8
8
|
const Portal: React.FC<PortalProps> = ({ children, name }) => {
|
|
9
9
|
const { addComponent, removeComponent } = useContext(PortalContext);
|
|
10
|
-
const uniqueId =
|
|
10
|
+
const uniqueId = name ?? useId();
|
|
11
|
+
// const uniqueId = useRef(name ?? `portal_${Math.random() * 50}`).current;
|
|
11
12
|
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
|
|
14
|
-
}, []);
|
|
13
|
+
// useEffect(() => {
|
|
14
|
+
// return () => removeComponent(uniqueId);
|
|
15
|
+
// }, []);
|
|
15
16
|
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
|
|
18
|
-
}, [children]);
|
|
17
|
+
// useEffect(() => {
|
|
18
|
+
// addComponent({ name: uniqueId, component: children });
|
|
19
|
+
// }, [children]);
|
|
20
|
+
useLayoutEffect(() => {
|
|
21
|
+
addComponent({
|
|
22
|
+
name: uniqueId,
|
|
23
|
+
component: children,
|
|
24
|
+
});
|
|
25
|
+
return () => removeComponent(uniqueId);
|
|
26
|
+
}, [children, uniqueId]);
|
|
19
27
|
|
|
20
28
|
return null;
|
|
21
29
|
}
|
|
@@ -16,21 +16,23 @@ const PortalProvider: React.FC<PortalProviderProps> = ({ children }) => {
|
|
|
16
16
|
...prevComponents,
|
|
17
17
|
[name]: component
|
|
18
18
|
}));
|
|
19
|
-
},[]);
|
|
20
|
-
|
|
19
|
+
}, []);
|
|
20
|
+
|
|
21
21
|
const removeComponent = useCallback((name: string) => {
|
|
22
22
|
setComponents(prevComponents => {
|
|
23
23
|
const newComponents = { ...prevComponents };
|
|
24
24
|
delete newComponents[name];
|
|
25
25
|
return newComponents;
|
|
26
26
|
});
|
|
27
|
-
},[])
|
|
28
|
-
const values = useMemo(()=>({addComponent, removeComponent}), []);
|
|
27
|
+
}, [])
|
|
28
|
+
const values = useMemo(() => ({ addComponent, removeComponent }), []);
|
|
29
29
|
return (<>
|
|
30
30
|
<PortalContext.Provider value={values}>
|
|
31
31
|
{children}
|
|
32
32
|
{Object.entries(components).map(([_name, Component]) => (
|
|
33
|
-
|
|
33
|
+
<React.Fragment key={_name}>
|
|
34
|
+
{Component}
|
|
35
|
+
</React.Fragment>
|
|
34
36
|
))}
|
|
35
37
|
</PortalContext.Provider>
|
|
36
38
|
</>);
|
package/src/types/dialog.type.ts
CHANGED