@mustmove/overlay-kit-rn 1.0.69 → 1.0.71
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/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +76 -38
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +64 -27
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -45,6 +45,7 @@ declare const useCurrentOverlay: () => string | null;
|
|
|
45
45
|
declare const useOverlayData: () => Record<string, {
|
|
46
46
|
id: string;
|
|
47
47
|
componentKey: string;
|
|
48
|
+
componentName?: string;
|
|
48
49
|
isOpen: boolean;
|
|
49
50
|
isMounted: boolean;
|
|
50
51
|
controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;
|
|
@@ -93,6 +94,7 @@ declare function experimental_createOverlayContext(): {
|
|
|
93
94
|
useOverlayData: () => Record<string, {
|
|
94
95
|
id: string;
|
|
95
96
|
componentKey: string;
|
|
97
|
+
componentName?: string;
|
|
96
98
|
isOpen: boolean;
|
|
97
99
|
isMounted: boolean;
|
|
98
100
|
controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;
|
|
@@ -103,6 +105,12 @@ declare function experimental_createOverlayContext(): {
|
|
|
103
105
|
|
|
104
106
|
declare function createUseExternalEvents<EventHandlers extends Record<string, (params: any) => void>>(prefix: string): readonly [(events: EventHandlers) => void, <EventKey extends keyof EventHandlers>(event: EventKey) => (...payload: Parameters<EventHandlers[EventKey]>) => void];
|
|
105
107
|
|
|
108
|
+
/**
|
|
109
|
+
* React 컴포넌트나 함수로부터 이름을 추출합니다.
|
|
110
|
+
* 디버깅 목적으로 사용됩니다.
|
|
111
|
+
*/
|
|
112
|
+
declare function getComponentName(controller: any): string;
|
|
113
|
+
|
|
106
114
|
type BottomSheetControllerProps<T = any> = {
|
|
107
115
|
overlayId: string;
|
|
108
116
|
isOpen: boolean;
|
|
@@ -159,4 +167,4 @@ type OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, "close"> & {
|
|
|
159
167
|
type OverlayControllerComponent = FC<OverlayControllerProps>;
|
|
160
168
|
type OverlayAsyncControllerComponent<T> = FC<OverlayAsyncControllerProps<T>>;
|
|
161
169
|
|
|
162
|
-
export { type BottomSheetControllerComponent, type ModalControllerComponent, type OverlayAsyncControllerComponent, type OverlayControllerComponent, OverlayProvider, createUseExternalEvents, experimental_createOverlayContext, overlay, useCurrentOverlay, useOverlayData };
|
|
170
|
+
export { type BottomSheetControllerComponent, type ModalControllerComponent, type OverlayAsyncControllerComponent, type OverlayControllerComponent, OverlayProvider, createUseExternalEvents, experimental_createOverlayContext, getComponentName, overlay, useCurrentOverlay, useOverlayData };
|
package/dist/index.d.ts
CHANGED
|
@@ -45,6 +45,7 @@ declare const useCurrentOverlay: () => string | null;
|
|
|
45
45
|
declare const useOverlayData: () => Record<string, {
|
|
46
46
|
id: string;
|
|
47
47
|
componentKey: string;
|
|
48
|
+
componentName?: string;
|
|
48
49
|
isOpen: boolean;
|
|
49
50
|
isMounted: boolean;
|
|
50
51
|
controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;
|
|
@@ -93,6 +94,7 @@ declare function experimental_createOverlayContext(): {
|
|
|
93
94
|
useOverlayData: () => Record<string, {
|
|
94
95
|
id: string;
|
|
95
96
|
componentKey: string;
|
|
97
|
+
componentName?: string;
|
|
96
98
|
isOpen: boolean;
|
|
97
99
|
isMounted: boolean;
|
|
98
100
|
controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;
|
|
@@ -103,6 +105,12 @@ declare function experimental_createOverlayContext(): {
|
|
|
103
105
|
|
|
104
106
|
declare function createUseExternalEvents<EventHandlers extends Record<string, (params: any) => void>>(prefix: string): readonly [(events: EventHandlers) => void, <EventKey extends keyof EventHandlers>(event: EventKey) => (...payload: Parameters<EventHandlers[EventKey]>) => void];
|
|
105
107
|
|
|
108
|
+
/**
|
|
109
|
+
* React 컴포넌트나 함수로부터 이름을 추출합니다.
|
|
110
|
+
* 디버깅 목적으로 사용됩니다.
|
|
111
|
+
*/
|
|
112
|
+
declare function getComponentName(controller: any): string;
|
|
113
|
+
|
|
106
114
|
type BottomSheetControllerProps<T = any> = {
|
|
107
115
|
overlayId: string;
|
|
108
116
|
isOpen: boolean;
|
|
@@ -159,4 +167,4 @@ type OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, "close"> & {
|
|
|
159
167
|
type OverlayControllerComponent = FC<OverlayControllerProps>;
|
|
160
168
|
type OverlayAsyncControllerComponent<T> = FC<OverlayAsyncControllerProps<T>>;
|
|
161
169
|
|
|
162
|
-
export { type BottomSheetControllerComponent, type ModalControllerComponent, type OverlayAsyncControllerComponent, type OverlayControllerComponent, OverlayProvider, createUseExternalEvents, experimental_createOverlayContext, overlay, useCurrentOverlay, useOverlayData };
|
|
170
|
+
export { type BottomSheetControllerComponent, type ModalControllerComponent, type OverlayAsyncControllerComponent, type OverlayControllerComponent, OverlayProvider, createUseExternalEvents, experimental_createOverlayContext, getComponentName, overlay, useCurrentOverlay, useOverlayData };
|
package/dist/index.js
CHANGED
|
@@ -62,6 +62,7 @@ __export(index_exports, {
|
|
|
62
62
|
OverlayProvider: () => OverlayProvider,
|
|
63
63
|
createUseExternalEvents: () => createUseExternalEvents,
|
|
64
64
|
experimental_createOverlayContext: () => experimental_createOverlayContext,
|
|
65
|
+
getComponentName: () => getComponentName,
|
|
65
66
|
overlay: () => overlay,
|
|
66
67
|
useCurrentOverlay: () => useCurrentOverlay,
|
|
67
68
|
useOverlayData: () => useOverlayData
|
|
@@ -69,7 +70,7 @@ __export(index_exports, {
|
|
|
69
70
|
module.exports = __toCommonJS(index_exports);
|
|
70
71
|
|
|
71
72
|
// src/context/provider/index.tsx
|
|
72
|
-
var
|
|
73
|
+
var import_react8 = require("react");
|
|
73
74
|
|
|
74
75
|
// src/context/provider/content-overlay-controller.tsx
|
|
75
76
|
var import_react = require("react");
|
|
@@ -117,6 +118,7 @@ var ContentBottomSheetController = (0, import_react2.memo)(
|
|
|
117
118
|
const bottomSheetRef = (0, import_react2.useRef)(null);
|
|
118
119
|
const reducedMotion = (0, import_react_native_reanimated.useReducedMotion)();
|
|
119
120
|
const [keyboardHeight, setKeyboardHeight] = (0, import_react2.useState)(0);
|
|
121
|
+
const isKeyboardActiveRef = (0, import_react2.useRef)(false);
|
|
120
122
|
const getZIndex = () => {
|
|
121
123
|
const index = overlayOrderList.indexOf(overlayId);
|
|
122
124
|
return 1e3 + index;
|
|
@@ -145,20 +147,24 @@ var ContentBottomSheetController = (0, import_react2.memo)(
|
|
|
145
147
|
"androidKeyboardInputMode"
|
|
146
148
|
]);
|
|
147
149
|
(0, import_react2.useEffect)(() => {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
}
|
|
161
|
-
|
|
150
|
+
const keyboardWillShowListener = import_react_native.Keyboard.addListener(
|
|
151
|
+
import_react_native.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
|
|
152
|
+
(e) => {
|
|
153
|
+
isKeyboardActiveRef.current = true;
|
|
154
|
+
setKeyboardHeight(e.endCoordinates.height);
|
|
155
|
+
}
|
|
156
|
+
);
|
|
157
|
+
const keyboardWillHideListener = import_react_native.Keyboard.addListener(
|
|
158
|
+
import_react_native.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide",
|
|
159
|
+
() => {
|
|
160
|
+
isKeyboardActiveRef.current = false;
|
|
161
|
+
setKeyboardHeight(0);
|
|
162
|
+
}
|
|
163
|
+
);
|
|
164
|
+
return () => {
|
|
165
|
+
keyboardWillShowListener.remove();
|
|
166
|
+
keyboardWillHideListener.remove();
|
|
167
|
+
};
|
|
162
168
|
}, []);
|
|
163
169
|
(0, import_react2.useEffect)(() => {
|
|
164
170
|
if (isOpen) {
|
|
@@ -171,6 +177,12 @@ var ContentBottomSheetController = (0, import_react2.memo)(
|
|
|
171
177
|
} else {
|
|
172
178
|
}
|
|
173
179
|
}, [isOpen, overlayDispatch, overlayId]);
|
|
180
|
+
const handleClose = (0, import_react2.useCallback)(() => {
|
|
181
|
+
if (isKeyboardActiveRef.current) {
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
overlayDispatch({ type: "CLOSE", overlayId });
|
|
185
|
+
}, [overlayDispatch, overlayId]);
|
|
174
186
|
const renderBackdrop = (0, import_react2.useCallback)(
|
|
175
187
|
(props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
176
188
|
import_bottom_sheet.BottomSheetBackdrop,
|
|
@@ -185,14 +197,8 @@ var ContentBottomSheetController = (0, import_react2.memo)(
|
|
|
185
197
|
),
|
|
186
198
|
[backdropOpacity, overlayDispatch, overlayId]
|
|
187
199
|
);
|
|
188
|
-
const handleSheetChange = (0, import_react2.useCallback)(
|
|
189
|
-
|
|
190
|
-
if (index === -1 && isOpen) {
|
|
191
|
-
overlayDispatch({ type: "CLOSE", overlayId });
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
[isOpen, overlayDispatch, overlayId]
|
|
195
|
-
);
|
|
200
|
+
const handleSheetChange = (0, import_react2.useCallback)((index) => {
|
|
201
|
+
}, []);
|
|
196
202
|
const getLayerIndex = () => {
|
|
197
203
|
return Math.max(0, overlayOrderList.indexOf(overlayId));
|
|
198
204
|
};
|
|
@@ -207,6 +213,7 @@ var ContentBottomSheetController = (0, import_react2.memo)(
|
|
|
207
213
|
keyboardBehavior,
|
|
208
214
|
snapPoints: enableDynamicSizing ? void 0 : snapPoints,
|
|
209
215
|
enablePanDownToClose,
|
|
216
|
+
onClose: handleClose,
|
|
210
217
|
keyboardBlurBehavior,
|
|
211
218
|
backdropComponent: enableBackdrop ? renderBackdrop : void 0,
|
|
212
219
|
backgroundStyle: [
|
|
@@ -474,7 +481,7 @@ var styles = import_react_native2.StyleSheet.create({
|
|
|
474
481
|
});
|
|
475
482
|
|
|
476
483
|
// src/event.ts
|
|
477
|
-
var
|
|
484
|
+
var import_react6 = __toESM(require("react"));
|
|
478
485
|
|
|
479
486
|
// src/utils/create-use-external-events.ts
|
|
480
487
|
var import_react4 = require("react");
|
|
@@ -561,6 +568,32 @@ function randomId() {
|
|
|
561
568
|
return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;
|
|
562
569
|
}
|
|
563
570
|
|
|
571
|
+
// src/utils/get-component-name.ts
|
|
572
|
+
var import_react5 = __toESM(require("react"));
|
|
573
|
+
function getComponentName(controller) {
|
|
574
|
+
var _a, _b;
|
|
575
|
+
if (controller == null ? void 0 : controller.displayName) {
|
|
576
|
+
return controller.displayName;
|
|
577
|
+
}
|
|
578
|
+
if (import_react5.default.isValidElement(controller)) {
|
|
579
|
+
const type = controller.type;
|
|
580
|
+
if (type == null ? void 0 : type.displayName) return type.displayName;
|
|
581
|
+
if ((type == null ? void 0 : type.name) && type.name !== "anonymous") return type.name;
|
|
582
|
+
}
|
|
583
|
+
if (typeof controller === "function") {
|
|
584
|
+
if (controller.name && controller.name !== "anonymous") {
|
|
585
|
+
return controller.name;
|
|
586
|
+
}
|
|
587
|
+
}
|
|
588
|
+
if ((_a = controller == null ? void 0 : controller.type) == null ? void 0 : _a.displayName) {
|
|
589
|
+
return controller.type.displayName;
|
|
590
|
+
}
|
|
591
|
+
if (((_b = controller == null ? void 0 : controller.type) == null ? void 0 : _b.name) && controller.type.name !== "anonymous") {
|
|
592
|
+
return controller.type.name;
|
|
593
|
+
}
|
|
594
|
+
return "Anonymous";
|
|
595
|
+
}
|
|
596
|
+
|
|
564
597
|
// src/event.ts
|
|
565
598
|
function createOverlay(overlayId) {
|
|
566
599
|
const [useOverlayEvent, createEvent] = createUseExternalEvents(
|
|
@@ -571,12 +604,13 @@ function createOverlay(overlayId) {
|
|
|
571
604
|
const overlayId2 = (_a = options == null ? void 0 : options.overlayId) != null ? _a : randomId();
|
|
572
605
|
const componentKey = randomId();
|
|
573
606
|
const overlayType = (_b = options == null ? void 0 : options.overlayType) != null ? _b : "overlay";
|
|
607
|
+
const componentName = getComponentName(controller);
|
|
574
608
|
const dispatchOpenEvent = createEvent("open");
|
|
575
609
|
const _c = options || {}, { overlayId: _, overlayType: __ } = _c, restOptions = __objRest(_c, ["overlayId", "overlayType"]);
|
|
576
610
|
let finalController;
|
|
577
|
-
if (
|
|
611
|
+
if (import_react6.default.isValidElement(controller)) {
|
|
578
612
|
finalController = (props) => {
|
|
579
|
-
return
|
|
613
|
+
return import_react6.default.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
|
|
580
614
|
close: props.close,
|
|
581
615
|
unmount: props.unmount
|
|
582
616
|
}));
|
|
@@ -588,6 +622,7 @@ function createOverlay(overlayId) {
|
|
|
588
622
|
controller: finalController,
|
|
589
623
|
overlayId: overlayId2,
|
|
590
624
|
componentKey,
|
|
625
|
+
componentName,
|
|
591
626
|
overlayType,
|
|
592
627
|
options: restOptions
|
|
593
628
|
});
|
|
@@ -605,8 +640,8 @@ function createOverlay(overlayId) {
|
|
|
605
640
|
overlayProps.unmount();
|
|
606
641
|
};
|
|
607
642
|
const props = __spreadProps(__spreadValues({}, overlayProps), { close: close2, unmount: unmount2 });
|
|
608
|
-
if (
|
|
609
|
-
return
|
|
643
|
+
if (import_react6.default.isValidElement(controller)) {
|
|
644
|
+
return import_react6.default.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
|
|
610
645
|
}
|
|
611
646
|
if (typeof controller === "function") {
|
|
612
647
|
return controller(props);
|
|
@@ -632,13 +667,13 @@ function createOverlay(overlayId) {
|
|
|
632
667
|
}
|
|
633
668
|
|
|
634
669
|
// src/utils/create-safe-context.ts
|
|
635
|
-
var
|
|
670
|
+
var import_react7 = require("react");
|
|
636
671
|
var NullSymbol = Symbol("Null");
|
|
637
672
|
function createSafeContext(displayName) {
|
|
638
|
-
const Context = (0,
|
|
673
|
+
const Context = (0, import_react7.createContext)(NullSymbol);
|
|
639
674
|
Context.displayName = displayName != null ? displayName : "SafeContext";
|
|
640
675
|
function useSafeContext() {
|
|
641
|
-
const context = (0,
|
|
676
|
+
const context = (0, import_react7.useContext)(Context);
|
|
642
677
|
if (context === NullSymbol) {
|
|
643
678
|
const error = new Error(`[${Context.displayName}]: Provider not found.`);
|
|
644
679
|
error.name = "[Error] Context";
|
|
@@ -781,16 +816,17 @@ function createOverlayProvider() {
|
|
|
781
816
|
const _a = createOverlay(overlayId), { useOverlayEvent } = _a, overlay2 = __objRest(_a, ["useOverlayEvent"]);
|
|
782
817
|
const { OverlayContextProvider, useCurrentOverlay: useCurrentOverlay2, useOverlayData: useOverlayData2 } = createOverlaySafeContext();
|
|
783
818
|
function OverlayProvider2({ children }) {
|
|
784
|
-
const [overlayState, overlayDispatch] = (0,
|
|
819
|
+
const [overlayState, overlayDispatch] = (0, import_react8.useReducer)(overlayReducer, {
|
|
785
820
|
current: null,
|
|
786
821
|
overlayOrderList: [],
|
|
787
822
|
overlayData: {}
|
|
788
823
|
});
|
|
789
|
-
const overlayOpen = (0,
|
|
824
|
+
const overlayOpen = (0, import_react8.useCallback)(
|
|
790
825
|
({
|
|
791
826
|
controller,
|
|
792
827
|
overlayId: overlayId2,
|
|
793
828
|
componentKey,
|
|
829
|
+
componentName,
|
|
794
830
|
overlayType = "overlay",
|
|
795
831
|
options
|
|
796
832
|
}) => {
|
|
@@ -799,6 +835,7 @@ function createOverlayProvider() {
|
|
|
799
835
|
overlay: {
|
|
800
836
|
id: overlayId2,
|
|
801
837
|
componentKey,
|
|
838
|
+
componentName,
|
|
802
839
|
isOpen: true,
|
|
803
840
|
isMounted: true,
|
|
804
841
|
controller,
|
|
@@ -809,16 +846,16 @@ function createOverlayProvider() {
|
|
|
809
846
|
},
|
|
810
847
|
[]
|
|
811
848
|
);
|
|
812
|
-
const close = (0,
|
|
849
|
+
const close = (0, import_react8.useCallback)((overlayId2) => {
|
|
813
850
|
overlayDispatch({ type: "CLOSE", overlayId: overlayId2 });
|
|
814
851
|
}, []);
|
|
815
|
-
const unmount = (0,
|
|
852
|
+
const unmount = (0, import_react8.useCallback)((overlayId2) => {
|
|
816
853
|
overlayDispatch({ type: "REMOVE", overlayId: overlayId2 });
|
|
817
854
|
}, []);
|
|
818
|
-
const closeAll = (0,
|
|
855
|
+
const closeAll = (0, import_react8.useCallback)(() => {
|
|
819
856
|
overlayDispatch({ type: "CLOSE_ALL" });
|
|
820
857
|
}, []);
|
|
821
|
-
const unmountAll = (0,
|
|
858
|
+
const unmountAll = (0, import_react8.useCallback)(() => {
|
|
822
859
|
overlayDispatch({ type: "REMOVE_ALL" });
|
|
823
860
|
}, []);
|
|
824
861
|
useOverlayEvent({
|
|
@@ -828,7 +865,7 @@ function createOverlayProvider() {
|
|
|
828
865
|
closeAll,
|
|
829
866
|
unmountAll
|
|
830
867
|
});
|
|
831
|
-
(0,
|
|
868
|
+
(0, import_react8.useEffect)(() => {
|
|
832
869
|
return () => {
|
|
833
870
|
overlayDispatch({ type: "REMOVE_ALL" });
|
|
834
871
|
};
|
|
@@ -946,6 +983,7 @@ function experimental_createOverlayContext() {
|
|
|
946
983
|
OverlayProvider,
|
|
947
984
|
createUseExternalEvents,
|
|
948
985
|
experimental_createOverlayContext,
|
|
986
|
+
getComponentName,
|
|
949
987
|
overlay,
|
|
950
988
|
useCurrentOverlay,
|
|
951
989
|
useOverlayData
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["export * from \"./utils\";\nexport { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } from \"./utils/create-overlay-context\";\nexport type {\n OverlayControllerComponent,\n OverlayAsyncControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nexport type { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nexport type { ModalControllerComponent } from \"./context/provider/modal-controller\";\n","import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider, PortalHost } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n\n {/* Portal hosts for modals, ordered by overlayOrderList index (controls stacking) */}\n {overlayState.overlayOrderList.map((id, idx) => (\n <PortalHost\n key={`overlay-modal-${idx}`}\n name={`overlay-modal-${idx}`}\n />\n ))}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n BottomSheetFooterProps,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\nimport { Portal } from \"@gorhom/portal\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheet>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 1000 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // Android 키보드 높이 감지\n useEffect(() => {\n if (Platform.OS === \"android\") {\n const keyboardDidShowListener = Keyboard.addListener(\n \"keyboardDidShow\",\n (e) => setKeyboardHeight(e.endCoordinates.height)\n );\n const keyboardDidHideListener = Keyboard.addListener(\n \"keyboardDidHide\",\n () => setKeyboardHeight(0)\n );\n\n return () => {\n keyboardDidShowListener.remove();\n keyboardDidHideListener.remove();\n };\n }\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.expand();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n // bottomSheetRef.current?.close();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n // pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, overlayDispatch, overlayId]\n );\n\n // 바텀시트가 완전히 닫혔을 때만 상태 업데이트\n const handleSheetChange = useCallback(\n (index: number) => {\n // index -1은 바텀시트가 완전히 닫힌 상태\n if (index === -1 && isOpen) {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }\n },\n [isOpen, overlayDispatch, overlayId]\n );\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n if (!isOpen) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <BottomSheet\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n // onClose={handleClose} // onChange로 처리하도록 변경\n keyboardBlurBehavior={keyboardBlurBehavior}\n // index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheet>\n </Portal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { Portal } from \"@gorhom/portal\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n // coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n const [mounted, setMounted] = useState<boolean>(isOpen);\n\n useEffect(() => {\n if (isOpen) {\n // ensure mounted before playing open animation\n if (!mounted) setMounted(true);\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n // play close animation, then unmount to avoid touch blocking\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start(() => {\n setMounted(false);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // modal은 bottomSheet보다 앞에 나오도록 더 높은 zIndex 사용\n return 1000 + index;\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n // const isCovered = !!options?.coveredByBottomSheet;\n // const isHidden = isCovered;\n\n if (!mounted) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <View\n style={[styles.absoluteContainer]}\n pointerEvents={isOpen ? \"box-none\" : \"none\"}\n importantForAccessibility={isOpen ? \"auto\" : \"no-hide-descendants\"}\n >\n <Pressable\n style={StyleSheet.absoluteFill}\n onPress={handleClose}\n disabled={!isOpen}\n >\n <Animated.View\n pointerEvents=\"none\"\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: backdropAnimation,\n },\n ]}\n />\n </Pressable>\n\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Portal>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\nimport { BottomSheetFooterProps } from \"@gorhom/bottom-sheet\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n footerComponent?: React.FC<BottomSheetFooterProps>;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n\n // JSX 엘리먼트인 경우 처리\n if (React.isValidElement(controller)) {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n });\n }\n\n // 함수인 경우 호출\n if (typeof controller === \"function\") {\n return controller(props);\n }\n\n // 기타 컴포넌트 타입인 경우\n return controller;\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlayId,\n // 닫혀있던 오버레이를 다시 열 때 맨 뒤로 이동시켜 최상단에 표시\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlayId), action.overlayId],\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","_a","BottomSheet","React","import_react","import_react_native","import_portal","import_jsx_runtime","React","import_react","import_react","overlayId","React","close","unmount","import_react","useCurrentOverlay","useOverlayData","overlay","import_bottom_sheet","import_portal","import_jsx_runtime","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","overlayId","_a"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/get-component-name.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["export * from \"./utils\";\nexport { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } from \"./utils/create-overlay-context\";\nexport type {\n OverlayControllerComponent,\n OverlayAsyncControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nexport type { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nexport type { ModalControllerComponent } from \"./context/provider/modal-controller\";\n","import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider, PortalHost } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n componentName,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n componentName,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n\n {/* Portal hosts for modals, ordered by overlayOrderList index (controls stacking) */}\n {overlayState.overlayOrderList.map((id, idx) => (\n <PortalHost\n key={`overlay-modal-${idx}`}\n name={`overlay-modal-${idx}`}\n />\n ))}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n BottomSheetFooterProps,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\nimport { Portal } from \"@gorhom/portal\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheet>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n const isKeyboardActiveRef = useRef(false);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 1000 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // 키보드 상태 감지 (빠른 반응을 위해 ref 사용)\n useEffect(() => {\n const keyboardWillShowListener = Keyboard.addListener(\n Platform.OS === \"ios\" ? \"keyboardWillShow\" : \"keyboardDidShow\",\n (e) => {\n isKeyboardActiveRef.current = true;\n setKeyboardHeight(e.endCoordinates.height);\n }\n );\n const keyboardWillHideListener = Keyboard.addListener(\n Platform.OS === \"ios\" ? \"keyboardWillHide\" : \"keyboardDidHide\",\n () => {\n isKeyboardActiveRef.current = false;\n setKeyboardHeight(0);\n }\n );\n\n return () => {\n keyboardWillShowListener.remove();\n keyboardWillHideListener.remove();\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.expand();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n // bottomSheetRef.current?.close();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n // 키보드가 활성화되어 있지 않을 때만 바텀시트 닫기\n const handleClose = useCallback(() => {\n // 키보드가 활성화되어 있으면 바텀시트를 닫지 않음\n if (isKeyboardActiveRef.current) {\n return;\n }\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, [overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n // pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, overlayDispatch, overlayId]\n );\n\n // callbacks\n const handleSheetChange = useCallback((index: number) => {}, []);\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n if (!isOpen) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <BottomSheet\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n onClose={handleClose}\n keyboardBlurBehavior={keyboardBlurBehavior}\n // index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheet>\n </Portal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { Portal } from \"@gorhom/portal\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n // coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n const [mounted, setMounted] = useState<boolean>(isOpen);\n\n useEffect(() => {\n if (isOpen) {\n // ensure mounted before playing open animation\n if (!mounted) setMounted(true);\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n // play close animation, then unmount to avoid touch blocking\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start(() => {\n setMounted(false);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // modal은 bottomSheet보다 앞에 나오도록 더 높은 zIndex 사용\n return 1000 + index;\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n // const isCovered = !!options?.coveredByBottomSheet;\n // const isHidden = isCovered;\n\n if (!mounted) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <View\n style={[styles.absoluteContainer]}\n pointerEvents={isOpen ? \"box-none\" : \"none\"}\n importantForAccessibility={isOpen ? \"auto\" : \"no-hide-descendants\"}\n >\n <Pressable\n style={StyleSheet.absoluteFill}\n onPress={handleClose}\n disabled={!isOpen}\n >\n <Animated.View\n pointerEvents=\"none\"\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: backdropAnimation,\n },\n ]}\n />\n </Pressable>\n\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Portal>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\nimport { getComponentName } from \"./utils/get-component-name\";\nimport { BottomSheetFooterProps } from \"@gorhom/bottom-sheet\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n componentName?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n footerComponent?: React.FC<BottomSheetFooterProps>;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n const componentName = getComponentName(controller);\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n componentName,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n\n // JSX 엘리먼트인 경우 처리\n if (React.isValidElement(controller)) {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n });\n }\n\n // 함수인 경우 호출\n if (typeof controller === \"function\") {\n return controller(props);\n }\n\n // 기타 컴포넌트 타입인 경우\n return controller;\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import React from 'react';\n\n/**\n * React 컴포넌트나 함수로부터 이름을 추출합니다.\n * 디버깅 목적으로 사용됩니다.\n */\nexport function getComponentName(controller: any): string {\n // 1. displayName 우선 (개발자가 명시적으로 설정한 이름)\n if (controller?.displayName) {\n return controller.displayName;\n }\n\n // 2. React element인 경우\n if (React.isValidElement(controller)) {\n const type = controller.type as any;\n if (type?.displayName) return type.displayName;\n if (type?.name && type.name !== 'anonymous') return type.name;\n }\n\n // 3. 함수/컴포넌트의 name 속성\n if (typeof controller === 'function') {\n if (controller.name && controller.name !== 'anonymous') {\n return controller.name;\n }\n }\n\n // 4. 래핑된 컴포넌트 (forwardRef, memo 등)\n if (controller?.type?.displayName) {\n return controller.type.displayName;\n }\n if (controller?.type?.name && controller.type.name !== 'anonymous') {\n return controller.type.name;\n }\n\n // 5. Fallback\n return 'Anonymous';\n}\n","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n /**\n * @description 컴포넌트 이름 (디버깅용)\n */\n componentName?: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlayId,\n // 닫혀있던 오버레이를 다시 열 때 맨 뒤로 이동시켜 최상단에 표시\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlayId), action.overlayId],\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAKO;;;ACLP,mBAA+D;AAyCzD;AAdC,IAAM,+BAA2B;AAAA,EACtC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,MAAqC;AACnC,gCAAU,MAAM;AACd,mBAAa,MAAM;AACjB,wBAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,MAC7C,CAAC;AAAA,IACH,GAAG,CAAC,iBAAiB,SAAS,CAAC;AAE/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,QACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;;;ACjDA,IAAAC,gBAQO;AACP,0BASO;AAEP,0BAQO;AACP,qCAAiC;AAEjC,oBAAuB;AAyJf,IAAAC,sBAAA;AAvFD,IAAM,mCAA+B;AAAA,EAC1C,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAyC;AACvC,UAAM,qBAAiB,sBAAoB,IAAI;AAC/C,UAAM,oBAAgB,iDAAiB;AACvC,UAAM,CAAC,gBAAgB,iBAAiB,QAAI,wBAAS,CAAC;AACtD,UAAM,0BAAsB,sBAAO,KAAK;AAExC,UAAM,YAAY,MAAM;AACtB,YAAM,QAAQ,iBAAiB,QAAQ,SAAS;AAEhD,aAAO,MAAO;AAAA,IAChB;AAQA,UAYI,cAXF;AAAA;AAAA,MACA,uBAAuB;AAAA,MACvB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,sBAAsB;AAAA,MACtB,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MACf,mBAAmB,6BAAS,OAAO,YAAY,WAAW;AAAA,MAC1D,uBAAuB;AAAA,MACvB,2BAA2B;AAAA,IArIjC,IAuIQ,IADC,wBACD,IADC;AAAA,MAVH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,iCAAU,MAAM;AACd,YAAM,2BAA2B,6BAAS;AAAA,QACxC,6BAAS,OAAO,QAAQ,qBAAqB;AAAA,QAC7C,CAAC,MAAM;AACL,8BAAoB,UAAU;AAC9B,4BAAkB,EAAE,eAAe,MAAM;AAAA,QAC3C;AAAA,MACF;AACA,YAAM,2BAA2B,6BAAS;AAAA,QACxC,6BAAS,OAAO,QAAQ,qBAAqB;AAAA,QAC7C,MAAM;AACJ,8BAAoB,UAAU;AAC9B,4BAAkB,CAAC;AAAA,QACrB;AAAA,MACF;AAEA,aAAO,MAAM;AACX,iCAAyB,OAAO;AAChC,iCAAyB,OAAO;AAAA,MAClC;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,iCAAU,MAAM;AACd,UAAI,QAAQ;AACV,cAAM,QAAQ,sBAAsB,MAAM;AAlKlD,cAAAC;AAmKU,WAAAA,MAAA,eAAe,YAAf,gBAAAA,IAAwB;AACxB,0BAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,QAC7C,CAAC;AACD,eAAO,MAAM,qBAAqB,KAAK;AAAA,MACzC,OAAO;AAAA,MAEP;AAAA,IACF,GAAG,CAAC,QAAQ,iBAAiB,SAAS,CAAC;AAGvC,UAAM,kBAAc,2BAAY,MAAM;AAEpC,UAAI,oBAAoB,SAAS;AAC/B;AAAA,MACF;AACA,sBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,IAC9C,GAAG,CAAC,iBAAiB,SAAS,CAAC;AAG/B,UAAM,qBAAiB;AAAA,MACrB,CAAC,UACC;AAAA,QAAC;AAAA,yCACK,QADL;AAAA,UAEC,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,SAAS;AAAA,UAET,SAAS,MAAM;AACb,4BAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UAC9C;AAAA;AAAA,MACF;AAAA,MAEF,CAAC,iBAAiB,iBAAiB,SAAS;AAAA,IAC9C;AAGA,UAAM,wBAAoB,2BAAY,CAAC,UAAkB;AAAA,IAAC,GAAG,CAAC,CAAC;AAC/D,UAAM,gBAAgB,MAAM;AAC1B,aAAO,KAAK,IAAI,GAAG,iBAAiB,QAAQ,SAAS,CAAC;AAAA,IACxD;AACA,QAAI,CAAC,OAAQ,QAAO;AAEpB,WACE,6CAAC,wBAAO,UAAU,iBAAiB,cAAc,CAAC,IAChD;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,QAAQ,UAAU,EAAE,CAAC;AAAA,QAC/B,KAAK;AAAA,QACL,UAAU;AAAA,QACV,2BAA2B;AAAA,QAC3B;AAAA,QACA,YAAY,sBAAsB,SAAY;AAAA,QAC9C;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QAEA,mBAAmB,iBAAiB,iBAAiB;AAAA,QACrD,iBAAiB;AAAA,UACf;AAAA,YACE,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,UACxB;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,YACE,iBAAiB;AAAA,YACjB,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,UACxB;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,gBAAgB,CAAC;AAAA,QAEhB,wBAAAC,QAAM,eAAe,UAAU,IAC5B,cAAAA,QAAM,aAAa,YAAuC;AAAA,UACxD,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,QAC9D,CAAC,IACD,cAAAA,QAAM,cAAc,YAAmB;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,UAC5D;AAAA,WACG,YACJ;AAAA;AAAA,IACP,GACF;AAAA,EAEJ;AACF;;;AC/PA,IAAAC,gBAA0D;AAC1D,IAAAC,uBAMO;AACP,IAAAC,iBAAuB;AA+Mf,IAAAC,sBAAA;AAtKR,IAAM,EAAE,OAAO,cAAc,QAAQ,cAAc,IAAI,gCAAW,IAAI,QAAQ;AAEvE,IAAM,6BAAyB;AAAA,EACpC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAmC;AACjC,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB;AAAA,IACF,IAAI;AAEJ,UAAM,CAAC,iBAAiB,QAAI,wBAAS,IAAI,8BAAS,MAAM,CAAC,CAAC;AAC1D,UAAM,CAAC,gBAAgB,QAAI,wBAAS,IAAI,8BAAS,MAAM,CAAC,CAAC;AACzD,UAAM,CAAC,SAAS,UAAU,QAAI,wBAAkB,MAAM;AAEtD,iCAAU,MAAM;AACd,UAAI,QAAQ;AAEV,YAAI,CAAC,QAAS,YAAW,IAAI;AAC7B,qBAAa,MAAM;AACjB,0BAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,QAC7C,CAAC;AACD,sCAAS,SAAS;AAAA,UAChB,8BAAS,OAAO,mBAAmB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACD,8BAAS,OAAO,kBAAkB;AAAA,YAChC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,QACH,CAAC,EAAE,MAAM;AAAA,MACX,OAAO;AAEL,sCAAS,SAAS;AAAA,UAChB,8BAAS,OAAO,mBAAmB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACD,8BAAS,OAAO,kBAAkB;AAAA,YAChC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,QACH,CAAC,EAAE,MAAM,MAAM;AACb,qBAAW,KAAK;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,IAEF,GAAG,CAAC,MAAM,CAAC;AAEX,UAAM,cAAc,MAAM;AACxB,sBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,aAAO,KAAK,IAAI,GAAG,iBAAiB,QAAQ,SAAS,CAAC;AAAA,IACxD;AAEA,UAAM,YAAY,MAAM;AACtB,YAAM,QAAQ,iBAAiB,QAAQ,SAAS;AAEhD,aAAO,MAAO;AAAA,IAChB;AAEA,UAAM,oBAAoB,MAAM;AAC9B,cAAQ,WAAW;AAAA,QACjB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB;AACE,iBAAO,OAAO;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,2BAA2B,MAAM;AACrC,YAAM,cAAc,EAAE,SAAS,iBAAiB;AAEhD,cAAQ,WAAW;AAAA,QACjB,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,eAAe,CAAC;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,CAAC,eAAe,CAAC;AAAA,gBACjC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,CAAC,cAAc,CAAC;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,cAAc,CAAC;AAAA,gBAC/B,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACE,cAAI,kBAAkB,SAAS;AAC7B,mBAAO,iCACF,cADE;AAAA,cAEL,WAAW;AAAA,gBACT;AAAA,kBACE,OAAO,iBAAiB,YAAY;AAAA,oBAClC,YAAY,CAAC,GAAG,CAAC;AAAA,oBACjB,aAAa,CAAC,KAAK,CAAC;AAAA,kBACtB,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF;AAAA,UACF;AACA,iBAAO;AAAA,MACX;AAAA,IACF;AAIA,QAAI,CAAC,QAAS,QAAO;AAErB,WACE,6CAAC,yBAAO,UAAU,iBAAiB,cAAc,CAAC,IAChD;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,CAAC,OAAO,iBAAiB;AAAA,QAChC,eAAe,SAAS,aAAa;AAAA,QACrC,2BAA2B,SAAS,SAAS;AAAA,QAE7C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,gCAAW;AAAA,cAClB,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cAEX;AAAA,gBAAC,8BAAS;AAAA,gBAAT;AAAA,kBACC,eAAc;AAAA,kBACd,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP;AAAA,sBACE,iBAAiB,iBAAiB,eAAe;AAAA,sBACjD,SAAS;AAAA,oBACX;AAAA,kBACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC,8BAAS;AAAA,YAAT;AAAA,cACC,OAAO,CAAC,kBAAkB,GAAG,yBAAyB,CAAC;AAAA,cACvD,eAAc;AAAA,cAEd,uDAAC,kCAAU,SAAS,MAAM;AAAA,cAAC,GACxB,wBAAAC,QAAM,eAAe,UAAU,IAC5B,cAAAA,QAAM,aAAa,YAAuC;AAAA,gBACxD,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,gBACzD,SAAS,MACP,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,cACjD,CAAC,IACD,cAAAA,QAAM,cAAc,YAAmB;AAAA,gBACrC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,gBACzD,SAAS,MACP,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,cACjD,CAAC,GACP;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,IAAM,SAAS,gCAAW,OAAO;AAAA,EAC/B,mBAAmB,mBACd,gCAAW;AAAA,EAEhB,UAAU,mBACL,gCAAW;AAAA,EAEhB,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,mBAAmB;AAAA,EACrB;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AACF,CAAC;;;ACxSD,IAAAC,gBAAkB;;;ACHlB,IAAAC,gBAA0B;;;ACgCnB,SAAS,cACd,KACiB;AAEjB,QAAM,OAAO,oBAAI,IAAI;AAErB,SAAO;AAAA,IACL;AAAA,IACA,GAA6B,MAAW,SAA8B;AACpE,YAAM,WAAmD,IAAK,IAAI,IAAI;AACtE,UAAI,UAAU;AACZ,iBAAS,KAAK,OAAO;AAAA,MACvB,OAAO;AACL,YAAK,IAAI,MAAM,CAAC,OAAO,CAA2C;AAAA,MACpE;AAAA,IACF;AAAA,IACA,IAA8B,MAAW,SAA+B;AACtE,YAAM,WAAmD,IAAK,IAAI,IAAI;AACtE,UAAI,UAAU;AACZ,YAAI,SAAS;AACX,mBAAS,OAAO,SAAS,QAAQ,OAAO,MAAM,GAAG,CAAC;AAAA,QACpD,OAAO;AACL,cAAK,IAAI,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAA+B,MAAW,KAAmB;AAC3D,UAAI,WAAW,IAAK,IAAI,IAAI;AAC5B,UAAI,UAAU;AACZ,QAAC,SAAoD,MAAM,EAAE,QAAQ,CAAC,YAAY;AAChF,kBAAQ,GAAI;AAAA,QACd,CAAC;AAAA,MACH;AAEA,iBAAW,IAAK,IAAI,GAAG;AACvB,UAAI,UAAU;AACZ,QAAC,SAA8C,MAAM,EAAE,QAAQ,CAAC,YAAY;AAC1E,kBAAQ,MAAM,GAAI;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;;;ADvEA,IAAM,UAAU,cAAc;AAG9B,SAAS,mBAAmB,MAAoC;AAE9D,+BAAU,GAAG,IAAI;AACnB;AAIA,SAAS,cAAsB,MAAc,QAAiB;AAC5D,UAAQ,KAAK,MAAM,MAAM;AAC3B;AASA,SAAS,wBAEP,QAAgB;AAChB,WAAS,kBAAkB,QAAuB;AAchD,UAAM,WAAW,OAAO,KAAK,MAAM,EAAE;AAAA,MACnC,CAAC,MAAM,aAAa;AAClB,cAAM,mBAAmB,GAAG,MAAM,IAAI,QAAQ;AAE9C,eAAO,iCACF,OADE;AAAA,UAEL,CAAC,gBAAgB,GAAG,SAAU,OAAgB;AAC5C,mBAAO,QAAQ,EAAE,KAAK;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IACH;AAEA,oBAAgB,MAAM;AACpB,aAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,aAAa;AAC1C,gBAAQ,IAAI,UAAU,SAAS,QAAQ,CAAC;AAExC,gBAAQ,GAAG,UAAU,SAAS,QAAQ,CAAC;AAAA,MACzC,CAAC;AAGD,aAAO,MACL,OAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,aAAa;AAC1C,gBAAQ,IAAI,UAAU,SAAS,QAAQ,CAAC;AAAA,MAC1C,CAAC;AAAA,IACL,GAAG,CAAC,QAAQ,CAAC;AAAA,EACf;AAkBA,WAAS,YAAkD,OAAiB;AAC1E,WAAO,IAAI,YACT,cAAc,GAAG,MAAM,IAAI,OAAO,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC;AAAA,EAC1D;AAEA,SAAO,CAAC,mBAAmB,WAAW;AACxC;;;AE5FO,SAAS,WAAW;AACzB,SAAO,eAAe,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AAC/D;;;ACFA,IAAAC,gBAAkB;AAMX,SAAS,iBAAiB,YAAyB;AAN1D;AAQE,MAAI,yCAAY,aAAa;AAC3B,WAAO,WAAW;AAAA,EACpB;AAGA,MAAI,cAAAC,QAAM,eAAe,UAAU,GAAG;AACpC,UAAM,OAAO,WAAW;AACxB,QAAI,6BAAM,YAAa,QAAO,KAAK;AACnC,SAAI,6BAAM,SAAQ,KAAK,SAAS,YAAa,QAAO,KAAK;AAAA,EAC3D;AAGA,MAAI,OAAO,eAAe,YAAY;AACpC,QAAI,WAAW,QAAQ,WAAW,SAAS,aAAa;AACtD,aAAO,WAAW;AAAA,IACpB;AAAA,EACF;AAGA,OAAI,8CAAY,SAAZ,mBAAkB,aAAa;AACjC,WAAO,WAAW,KAAK;AAAA,EACzB;AACA,QAAI,8CAAY,SAAZ,mBAAkB,SAAQ,WAAW,KAAK,SAAS,aAAa;AAClE,WAAO,WAAW,KAAK;AAAA,EACzB;AAGA,SAAO;AACT;;;AJoDO,SAAS,cAAc,WAAmB;AAC/C,QAAM,CAAC,iBAAiB,WAAW,IAAI;AAAA,IACrC,GAAG,SAAS;AAAA,EACd;AAEA,QAAM,OAAO,CACX,YAKA,YACG;AApGP;AAqGI,UAAMC,cAAY,wCAAS,cAAT,YAAsB,SAAS;AACjD,UAAM,eAAe,SAAS;AAC9B,UAAM,eAAc,wCAAS,gBAAT,YAAwB;AAC5C,UAAM,gBAAgB,iBAAiB,UAAU;AAEjD,UAAM,oBAAoB,YAAY,MAAM;AAG5C,UAA0D,gBAAW,CAAC,GAA9D,aAAW,GAAG,aAAa,GA7GvC,IA6G8D,IAAhB,wBAAgB,IAAhB,CAAlC,aAAc;AAGtB,QAAI;AACJ,QAAI,cAAAC,QAAM,eAAe,UAAU,GAAG;AACpC,wBAAkB,CAAC,UAAe;AAChC,eAAO,cAAAA,QAAM,aAAa,YAAkC,gDACtD,WAAW,SAAS,CAAC,IACtB,QAFuD;AAAA,UAG1D,OAAO,MAAM;AAAA,UACb,SAAS,MAAM;AAAA,QACjB,EAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,wBAAkB;AAAA,IACpB;AAEA,sBAAkB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAAD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AACD,WAAOA;AAAA,EACT;AAGA,QAAM,YAAY,OAChB,YAMA,YACG;AACH,WAAO,IAAI,QAAW,CAAC,YAAY;AACjC,YAAM,oBAAoB,CAAC,iBAAsB;AAC/C,cAAME,SAAQ,CAAC,UAAc;AAC3B,kBAAQ,KAAU;AAClB,uBAAa,MAAM;AAAA,QACrB;AACA,cAAMC,WAAU,CAAC,UAAc;AAC7B,kBAAQ,KAAU;AAClB,uBAAa,QAAQ;AAAA,QACvB;AACA,cAAM,QAAQ,iCAAK,eAAL,EAAmB,OAAAD,QAAO,SAAAC,SAAQ;AAGhD,YAAI,cAAAF,QAAM,eAAe,UAAU,GAAG;AACpC,iBAAO,cAAAA,QAAM,aAAa,YAAkC,kCACtD,WAAW,SAAS,CAAC,IACtB,MACJ;AAAA,QACH;AAGA,YAAI,OAAO,eAAe,YAAY;AACpC,iBAAO,WAAW,KAAK;AAAA,QACzB;AAGA,eAAO;AAAA,MACT;AAEA,WAAK,mBAAmB,OAAO;AAAA,IACjC,CAAC;AAAA,EACH;AACA,QAAM,QAAQ,YAAY,OAAO;AACjC,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,WAAW,YAAY,UAAU;AACvC,QAAM,aAAa,YAAY,YAAY;AAC3C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AKhMA,IAAAG,gBAAyD;AAGzD,IAAM,aAAa,OAAO,MAAM;AAIzB,SAAS,kBAAqB,aAA8C;AACjF,QAAM,cAAU,6BAAkC,UAAU;AAC5D,UAAQ,cAAc,oCAAe;AAErC,WAAS,iBAAiB;AACxB,UAAM,cAAU,0BAAW,OAAO;AAElC,QAAI,YAAY,YAAY;AAC1B,YAAM,QAAQ,IAAI,MAAM,IAAI,QAAQ,WAAW,wBAAwB;AACvE,YAAM,OAAO;AAEb,YAAM;AAAA,IACR;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,QAAQ,UAAiB,cAAc;AACjD;;;ACrBO,SAAS,2BAA2B;AACzC,QAAM,CAAC,wBAAwB,iBAAiB,IAAI,kBAA+B,4BAA4B;AAE/G,WAASC,qBAAoB;AAC3B,WAAO,kBAAkB,EAAE;AAAA,EAC7B;AAEA,WAASC,kBAAiB;AACxB,WAAO,kBAAkB,EAAE;AAAA,EAC7B;AAEA,SAAO,EAAE,wBAAwB,mBAAAD,oBAAmB,gBAAAC,gBAAe;AACrE;;;ACuCO,IAAM,4BAA4B,CAAC,kBAA+B,aAA6C,oBAAiD;AAvDvK;AA0DI,QAAM,yBAAyB,iBAAiB;AAAA,IAChD,CAAC,qBAAqB,YAAY,gBAAgB,EAAE,WAAW;AAAA,EACjE;AAEE,QAAM,0BAA0B,uBAAuB,UAAU,CAAC,SAAS,SAAS,eAAe;AAGjG,SAAO,4BAA4B,uBAAuB,SAAS,KACnE,4BAAuB,0BAA0B,CAAC,MAAlD,YAAuD,QACvD,4BAAuB,uBAAuB,SAAS,CAAC,MAAxD,YAA6D;AAEnE;AAuBO,SAAS,eAAe,OAAoB,QAA2C;AAC5F,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,OAAO;AACV,UAAI,MAAM,YAAY,OAAO,QAAQ,EAAE,KAAK,QAAQ,MAAM,YAAY,OAAO,QAAQ,EAAE,EAAE,WAAW,OAAO;AACzG,cAAMC,WAAU,MAAM,YAAY,OAAO,QAAQ,EAAE;AAGnD,YAAIA,YAAW,QAAQA,SAAQ,QAAQ;AACrC,iBAAO;AAAA,QACT;AAEA,eAAO,iCACF,QADE;AAAA,UAEL,SAAS,OAAO,QAAQ;AAAA,UACxB,aAAa,iCACR,MAAM,cADE;AAAA,YAEX,CAAC,OAAO,QAAQ,EAAE,GAAG,iCAAKA,WAAL,EAAc,QAAQ,KAAK;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAEA,YAAM,YAAY,MAAM,iBAAiB,SAAS,OAAO,QAAQ,EAAE;AAEnE,UAAI,aAAa,MAAM,YAAY,OAAO,QAAQ,EAAE,EAAE,WAAW,MAAM;AACrE,cAAM,IAAI;AAAA,UACR,gEAAgE,OAAO,QAAQ,EAAE;AAAA,QACnF;AAAA,MACF;AAEA,aAAO;AAAA,QACL,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIxB,kBAAkB,CAAC,GAAG,MAAM,iBAAiB,OAAO,CAAC,SAAS,SAAS,OAAO,QAAQ,EAAE,GAAG,OAAO,QAAQ,EAAE;AAAA,QAC5G,aAAa,YACT,MAAM,cACN,iCACK,MAAM,cADX;AAAA,UAEE,CAAC,OAAO,QAAQ,EAAE,GAAG,OAAO;AAAA,QAC9B;AAAA,MACN;AAAA,IACF;AAAA,IACA,KAAK,QAAQ;AACX,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,QAAQA,SAAQ,QAAQ;AACrC,eAAO;AAAA,MACT;AAEA,aAAO,iCACF,QADE;AAAA,QAEL,SAAS,OAAO;AAAA;AAAA,QAEhB,kBAAkB,CAAC,GAAG,MAAM,iBAAiB,OAAO,CAAC,SAAS,SAAS,OAAO,SAAS,GAAG,OAAO,SAAS;AAAA,QAC1G,aAAa,iCACR,MAAM,cADE;AAAA,UAEX,CAAC,OAAO,SAAS,GAAG,iCAAKA,WAAL,EAAc,QAAQ,MAAM,WAAW,KAAK;AAAA,QAClE;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,SAAS;AACZ,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,QAAQ,CAACA,SAAQ,QAAQ;AACtC,eAAO;AAAA,MACT;AAEA,YAAM,mBAAmB,0BAA0B,MAAM,kBAAkB,MAAM,aAAa,OAAO,SAAS;AAE9G,aAAO,iCACF,QADE;AAAA,QAEL,SAAS;AAAA,QACT,aAAa,iCACR,MAAM,cADE;AAAA,UAEX,CAAC,OAAO,SAAS,GAAG,iCACf,MAAM,YAAY,OAAO,SAAS,IADnB;AAAA,YAElB,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,UAAU;AACb,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,MAAM;AACnB,eAAO;AAAA,MACT;AAEA,YAAM,oBAAoB,MAAM,iBAAiB,OAAO,CAAC,SAAS,SAAS,OAAO,SAAS;AAC3F,UAAI,MAAM,iBAAiB,WAAW,kBAAkB,QAAQ;AAC9D,eAAO;AAAA,MACT;AAEA,YAAM,oBAAoB,mBAAK,MAAM;AACrC,aAAO,kBAAkB,OAAO,SAAS;AAEzC,YAAM,mBAAmB,0BAA0B,MAAM,kBAAkB,MAAM,aAAa,OAAO,SAAS;AAE9G,aAAO;AAAA,QACL,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAEhB,UAAI,OAAO,KAAK,MAAM,WAAW,EAAE,WAAW,GAAG;AAC/C,eAAO;AAAA,MACT;AAEA,aAAO,iCACF,QADE;AAAA,QAEL,SAAS;AAAA,QACT,aAAa,OAAO,KAAK,MAAM,WAAW,EAAE;AAAA,UAC1C,CAAC,MAAM,SAAU,iCACZ,OADY;AAAA,YAEf,CAAC,IAAI,GAAG,iCACH,MAAM,YAAY,IAAI,IADnB;AAAA,cAEN,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,UACA,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,cAAc;AACjB,aAAO,EAAE,SAAS,MAAM,kBAAkB,CAAC,GAAG,aAAa,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;;;AXnNA,0CAAuC;AACvC,IAAAC,uBAAyC;AACzC,IAAAC,iBAA2C;AA8E/B,IAAAC,sBAAA;AA5EL,SAAS,wBAAwB;AACtC,QAAM,YAAY,SAAS;AAC3B,QAAwC,mBAAc,SAAS,GAAvD,kBApBV,IAoB0C,IAAZC,WAAA,UAAY,IAAZ,CAApB;AAER,QAAM,EAAE,wBAAwB,mBAAAC,oBAAmB,gBAAAC,gBAAe,IAChE,yBAAyB;AAE3B,WAASC,iBAAgB,EAAE,SAAS,GAAsB;AACxD,UAAM,CAAC,cAAc,eAAe,QAAI,0BAAW,gBAAgB;AAAA,MACjE,SAAS;AAAA,MACT,kBAAkB,CAAC;AAAA,MACnB,aAAa,CAAC;AAAA,IAChB,CAAC;AAGD,UAAM,kBAAoC;AAAA,MACxC,CAAC;AAAA,QACC;AAAA,QACA,WAAAC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MACF,MAAM;AACJ,wBAAgB;AAAA,UACd,MAAM;AAAA,UACN,SAAS;AAAA,YACP,IAAIA;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,YAAQ,2BAAY,CAACA,eAAsB;AAC/C,sBAAgB,EAAE,MAAM,SAAS,WAAAA,WAAU,CAAC;AAAA,IAC9C,GAAG,CAAC,CAAC;AAEL,UAAM,cAAU,2BAAY,CAACA,eAAsB;AACjD,sBAAgB,EAAE,MAAM,UAAU,WAAAA,WAAU,CAAC;AAAA,IAC/C,GAAG,CAAC,CAAC;AAEL,UAAM,eAAW,2BAAY,MAAM;AACjC,sBAAgB,EAAE,MAAM,YAAY,CAAC;AAAA,IACvC,GAAG,CAAC,CAAC;AAEL,UAAM,iBAAa,2BAAY,MAAM;AACnC,sBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,IACxC,GAAG,CAAC,CAAC;AAGL,oBAAgB;AAAA,MACd,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,iCAAU,MAAM;AACd,aAAO,MAAM;AACX,wBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,MACxC;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE,6CAAC,8DAAuB,OAAO,EAAE,MAAM,EAAE,GACvC,uDAAC,iCACC,uDAAC,iDACC,wDAAC,0BAAuB,OAAO,cAC5B;AAAA;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,SAAS;AAC3C,cAAM,cAAc,aAAa,YAAY,IAAI;AACjD,cAAM;AAAA,UACJ,IAAI;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,QACF,IAAI;AAEJ,YAAI,gBAAgB,cAAe,QAAO;AAG1C,cAAM,qBAAqB,aAAa,iBAAiB;AAAA,UACvD,CAAC,OAAI;AAjHvB,gBAAAC,KAAA;AAkHoB,qBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAC5B,mBAAiB,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,QACrD;AAEA,YAAI,gBAAgB,SAAS;AAC3B,gBAAM,mBAAmB,aAAa,iBAAiB;AAAA,YACrD,CAAC,OAAI;AAxHzB,kBAAAA,KAAA;AAyHsB,uBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAAgB,aAC9C,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,UAClC;AACA,gBAAM,aACJ,iBAAiB,iBAAiB,SAAS,CAAC,MAC5C;AACF,gBAAM,aAAa,UAAU;AAE7B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,YAAY;AAAA,cACZ,WAAW;AAAA,cACX;AAAA,cACA,kBAAkB,aAAa;AAAA,cAC/B,SAAS,iCACJ,UADI;AAAA,gBAEP,sBAAsB;AAAA,cACxB;AAAA;AAAA,YATK;AAAA,UAUP;AAAA,QAEJ;AAGA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX;AAAA;AAAA,UAJK;AAAA,QAKP;AAAA,MAEJ,CAAC;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,SAAS;AAC3C,cAAM,cAAc,aAAa,YAAY,IAAI;AACjD,cAAM;AAAA,UACJ,IAAI;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,QACF,IAAI;AAEJ,YAAI,gBAAgB,cAAe,QAAO;AAE1C,cAAM,mBAAmB,aAAa,iBAAiB;AAAA,UACrD,CAAC,OAAI;AA5KvB,gBAAAA,KAAA;AA6KoB,qBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAC5B,mBAAiB,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,QACrD;AACA,cAAM,mBACJ,iBAAiB,iBAAiB,SAAS,CAAC,MAC5C;AACF,cAAM,aAAa,UAAU;AAE7B,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB,aAAa;AAAA,YAC/B;AAAA;AAAA,UANK;AAAA,QAOP;AAAA,MAEJ,CAAC;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,IAAI,QACtC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,iBAAiB,GAAG;AAAA;AAAA,QADrB,iBAAiB,GAAG;AAAA,MAE3B,CACD;AAAA,OACH,GACF,GACF,GACF;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,SAAAL;AAAA,IACA,iBAAAG;AAAA,IACA,mBAAAF;AAAA,IACA,gBAAAC;AAAA,EACF;AACF;;;AYpNO,IAAM,EAAE,SAAS,iBAAiB,mBAAmB,eAAe,IAAI,sBAAsB;AAG9F,SAAS,oCAAoC;AAClD,SAAO,sBAAsB;AAC/B;","names":["import_react","import_react","import_jsx_runtime","_a","BottomSheet","React","import_react","import_react_native","import_portal","import_jsx_runtime","React","import_react","import_react","import_react","React","overlayId","React","close","unmount","import_react","useCurrentOverlay","useOverlayData","overlay","import_bottom_sheet","import_portal","import_jsx_runtime","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","overlayId","_a"]}
|
package/dist/index.mjs
CHANGED
|
@@ -94,6 +94,7 @@ var ContentBottomSheetController = memo2(
|
|
|
94
94
|
const bottomSheetRef = useRef(null);
|
|
95
95
|
const reducedMotion = useReducedMotion();
|
|
96
96
|
const [keyboardHeight, setKeyboardHeight] = useState(0);
|
|
97
|
+
const isKeyboardActiveRef = useRef(false);
|
|
97
98
|
const getZIndex = () => {
|
|
98
99
|
const index = overlayOrderList.indexOf(overlayId);
|
|
99
100
|
return 1e3 + index;
|
|
@@ -122,20 +123,24 @@ var ContentBottomSheetController = memo2(
|
|
|
122
123
|
"androidKeyboardInputMode"
|
|
123
124
|
]);
|
|
124
125
|
useEffect2(() => {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
138
|
-
|
|
126
|
+
const keyboardWillShowListener = Keyboard.addListener(
|
|
127
|
+
Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
|
|
128
|
+
(e) => {
|
|
129
|
+
isKeyboardActiveRef.current = true;
|
|
130
|
+
setKeyboardHeight(e.endCoordinates.height);
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
const keyboardWillHideListener = Keyboard.addListener(
|
|
134
|
+
Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide",
|
|
135
|
+
() => {
|
|
136
|
+
isKeyboardActiveRef.current = false;
|
|
137
|
+
setKeyboardHeight(0);
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
return () => {
|
|
141
|
+
keyboardWillShowListener.remove();
|
|
142
|
+
keyboardWillHideListener.remove();
|
|
143
|
+
};
|
|
139
144
|
}, []);
|
|
140
145
|
useEffect2(() => {
|
|
141
146
|
if (isOpen) {
|
|
@@ -148,6 +153,12 @@ var ContentBottomSheetController = memo2(
|
|
|
148
153
|
} else {
|
|
149
154
|
}
|
|
150
155
|
}, [isOpen, overlayDispatch, overlayId]);
|
|
156
|
+
const handleClose = useCallback(() => {
|
|
157
|
+
if (isKeyboardActiveRef.current) {
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
overlayDispatch({ type: "CLOSE", overlayId });
|
|
161
|
+
}, [overlayDispatch, overlayId]);
|
|
151
162
|
const renderBackdrop = useCallback(
|
|
152
163
|
(props) => /* @__PURE__ */ jsx2(
|
|
153
164
|
BottomSheetBackdrop,
|
|
@@ -162,14 +173,8 @@ var ContentBottomSheetController = memo2(
|
|
|
162
173
|
),
|
|
163
174
|
[backdropOpacity, overlayDispatch, overlayId]
|
|
164
175
|
);
|
|
165
|
-
const handleSheetChange = useCallback(
|
|
166
|
-
|
|
167
|
-
if (index === -1 && isOpen) {
|
|
168
|
-
overlayDispatch({ type: "CLOSE", overlayId });
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
[isOpen, overlayDispatch, overlayId]
|
|
172
|
-
);
|
|
176
|
+
const handleSheetChange = useCallback((index) => {
|
|
177
|
+
}, []);
|
|
173
178
|
const getLayerIndex = () => {
|
|
174
179
|
return Math.max(0, overlayOrderList.indexOf(overlayId));
|
|
175
180
|
};
|
|
@@ -184,6 +189,7 @@ var ContentBottomSheetController = memo2(
|
|
|
184
189
|
keyboardBehavior,
|
|
185
190
|
snapPoints: enableDynamicSizing ? void 0 : snapPoints,
|
|
186
191
|
enablePanDownToClose,
|
|
192
|
+
onClose: handleClose,
|
|
187
193
|
keyboardBlurBehavior,
|
|
188
194
|
backdropComponent: enableBackdrop ? renderBackdrop : void 0,
|
|
189
195
|
backgroundStyle: [
|
|
@@ -457,7 +463,7 @@ var styles = StyleSheet2.create({
|
|
|
457
463
|
});
|
|
458
464
|
|
|
459
465
|
// src/event.ts
|
|
460
|
-
import
|
|
466
|
+
import React5 from "react";
|
|
461
467
|
|
|
462
468
|
// src/utils/create-use-external-events.ts
|
|
463
469
|
import { useEffect as useEffect4 } from "react";
|
|
@@ -544,6 +550,32 @@ function randomId() {
|
|
|
544
550
|
return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;
|
|
545
551
|
}
|
|
546
552
|
|
|
553
|
+
// src/utils/get-component-name.ts
|
|
554
|
+
import React4 from "react";
|
|
555
|
+
function getComponentName(controller) {
|
|
556
|
+
var _a, _b;
|
|
557
|
+
if (controller == null ? void 0 : controller.displayName) {
|
|
558
|
+
return controller.displayName;
|
|
559
|
+
}
|
|
560
|
+
if (React4.isValidElement(controller)) {
|
|
561
|
+
const type = controller.type;
|
|
562
|
+
if (type == null ? void 0 : type.displayName) return type.displayName;
|
|
563
|
+
if ((type == null ? void 0 : type.name) && type.name !== "anonymous") return type.name;
|
|
564
|
+
}
|
|
565
|
+
if (typeof controller === "function") {
|
|
566
|
+
if (controller.name && controller.name !== "anonymous") {
|
|
567
|
+
return controller.name;
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
if ((_a = controller == null ? void 0 : controller.type) == null ? void 0 : _a.displayName) {
|
|
571
|
+
return controller.type.displayName;
|
|
572
|
+
}
|
|
573
|
+
if (((_b = controller == null ? void 0 : controller.type) == null ? void 0 : _b.name) && controller.type.name !== "anonymous") {
|
|
574
|
+
return controller.type.name;
|
|
575
|
+
}
|
|
576
|
+
return "Anonymous";
|
|
577
|
+
}
|
|
578
|
+
|
|
547
579
|
// src/event.ts
|
|
548
580
|
function createOverlay(overlayId) {
|
|
549
581
|
const [useOverlayEvent, createEvent] = createUseExternalEvents(
|
|
@@ -554,12 +586,13 @@ function createOverlay(overlayId) {
|
|
|
554
586
|
const overlayId2 = (_a = options == null ? void 0 : options.overlayId) != null ? _a : randomId();
|
|
555
587
|
const componentKey = randomId();
|
|
556
588
|
const overlayType = (_b = options == null ? void 0 : options.overlayType) != null ? _b : "overlay";
|
|
589
|
+
const componentName = getComponentName(controller);
|
|
557
590
|
const dispatchOpenEvent = createEvent("open");
|
|
558
591
|
const _c = options || {}, { overlayId: _, overlayType: __ } = _c, restOptions = __objRest(_c, ["overlayId", "overlayType"]);
|
|
559
592
|
let finalController;
|
|
560
|
-
if (
|
|
593
|
+
if (React5.isValidElement(controller)) {
|
|
561
594
|
finalController = (props) => {
|
|
562
|
-
return
|
|
595
|
+
return React5.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
|
|
563
596
|
close: props.close,
|
|
564
597
|
unmount: props.unmount
|
|
565
598
|
}));
|
|
@@ -571,6 +604,7 @@ function createOverlay(overlayId) {
|
|
|
571
604
|
controller: finalController,
|
|
572
605
|
overlayId: overlayId2,
|
|
573
606
|
componentKey,
|
|
607
|
+
componentName,
|
|
574
608
|
overlayType,
|
|
575
609
|
options: restOptions
|
|
576
610
|
});
|
|
@@ -588,8 +622,8 @@ function createOverlay(overlayId) {
|
|
|
588
622
|
overlayProps.unmount();
|
|
589
623
|
};
|
|
590
624
|
const props = __spreadProps(__spreadValues({}, overlayProps), { close: close2, unmount: unmount2 });
|
|
591
|
-
if (
|
|
592
|
-
return
|
|
625
|
+
if (React5.isValidElement(controller)) {
|
|
626
|
+
return React5.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
|
|
593
627
|
}
|
|
594
628
|
if (typeof controller === "function") {
|
|
595
629
|
return controller(props);
|
|
@@ -774,6 +808,7 @@ function createOverlayProvider() {
|
|
|
774
808
|
controller,
|
|
775
809
|
overlayId: overlayId2,
|
|
776
810
|
componentKey,
|
|
811
|
+
componentName,
|
|
777
812
|
overlayType = "overlay",
|
|
778
813
|
options
|
|
779
814
|
}) => {
|
|
@@ -782,6 +817,7 @@ function createOverlayProvider() {
|
|
|
782
817
|
overlay: {
|
|
783
818
|
id: overlayId2,
|
|
784
819
|
componentKey,
|
|
820
|
+
componentName,
|
|
785
821
|
isOpen: true,
|
|
786
822
|
isMounted: true,
|
|
787
823
|
controller,
|
|
@@ -928,6 +964,7 @@ export {
|
|
|
928
964
|
OverlayProvider,
|
|
929
965
|
createUseExternalEvents,
|
|
930
966
|
experimental_createOverlayContext,
|
|
967
|
+
getComponentName,
|
|
931
968
|
overlay,
|
|
932
969
|
useCurrentOverlay,
|
|
933
970
|
useOverlayData
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider, PortalHost } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n\n {/* Portal hosts for modals, ordered by overlayOrderList index (controls stacking) */}\n {overlayState.overlayOrderList.map((id, idx) => (\n <PortalHost\n key={`overlay-modal-${idx}`}\n name={`overlay-modal-${idx}`}\n />\n ))}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n BottomSheetFooterProps,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\nimport { Portal } from \"@gorhom/portal\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheet>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 1000 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // Android 키보드 높이 감지\n useEffect(() => {\n if (Platform.OS === \"android\") {\n const keyboardDidShowListener = Keyboard.addListener(\n \"keyboardDidShow\",\n (e) => setKeyboardHeight(e.endCoordinates.height)\n );\n const keyboardDidHideListener = Keyboard.addListener(\n \"keyboardDidHide\",\n () => setKeyboardHeight(0)\n );\n\n return () => {\n keyboardDidShowListener.remove();\n keyboardDidHideListener.remove();\n };\n }\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.expand();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n // bottomSheetRef.current?.close();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n // pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, overlayDispatch, overlayId]\n );\n\n // 바텀시트가 완전히 닫혔을 때만 상태 업데이트\n const handleSheetChange = useCallback(\n (index: number) => {\n // index -1은 바텀시트가 완전히 닫힌 상태\n if (index === -1 && isOpen) {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }\n },\n [isOpen, overlayDispatch, overlayId]\n );\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n if (!isOpen) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <BottomSheet\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n // onClose={handleClose} // onChange로 처리하도록 변경\n keyboardBlurBehavior={keyboardBlurBehavior}\n // index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheet>\n </Portal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { Portal } from \"@gorhom/portal\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n // coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n const [mounted, setMounted] = useState<boolean>(isOpen);\n\n useEffect(() => {\n if (isOpen) {\n // ensure mounted before playing open animation\n if (!mounted) setMounted(true);\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n // play close animation, then unmount to avoid touch blocking\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start(() => {\n setMounted(false);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // modal은 bottomSheet보다 앞에 나오도록 더 높은 zIndex 사용\n return 1000 + index;\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n // const isCovered = !!options?.coveredByBottomSheet;\n // const isHidden = isCovered;\n\n if (!mounted) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <View\n style={[styles.absoluteContainer]}\n pointerEvents={isOpen ? \"box-none\" : \"none\"}\n importantForAccessibility={isOpen ? \"auto\" : \"no-hide-descendants\"}\n >\n <Pressable\n style={StyleSheet.absoluteFill}\n onPress={handleClose}\n disabled={!isOpen}\n >\n <Animated.View\n pointerEvents=\"none\"\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: backdropAnimation,\n },\n ]}\n />\n </Pressable>\n\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Portal>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\nimport { BottomSheetFooterProps } from \"@gorhom/bottom-sheet\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n footerComponent?: React.FC<BottomSheetFooterProps>;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n\n // JSX 엘리먼트인 경우 처리\n if (React.isValidElement(controller)) {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n });\n }\n\n // 함수인 경우 호출\n if (typeof controller === \"function\") {\n return controller(props);\n }\n\n // 기타 컴포넌트 타입인 경우\n return controller;\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlayId,\n // 닫혀있던 오버레이를 다시 열 때 맨 뒤로 이동시켜 최상단에 표시\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlayId), action.overlayId],\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":"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","names":["useCallback","useEffect","React","memo","useEffect","jsx","memo","useEffect","_a","React","React","memo","useEffect","useState","View","StyleSheet","Portal","jsx","memo","useState","useEffect","Portal","View","StyleSheet","React","React","useEffect","useEffect","overlayId","React","close","unmount","useCurrentOverlay","useOverlayData","overlay","BottomSheetModalProvider","jsx","jsxs","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","useCallback","overlayId","useEffect","BottomSheetModalProvider","_a"]}
|
|
1
|
+
{"version":3,"sources":["../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/get-component-name.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider, PortalHost } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n componentName,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n componentName,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n\n {/* Portal hosts for modals, ordered by overlayOrderList index (controls stacking) */}\n {overlayState.overlayOrderList.map((id, idx) => (\n <PortalHost\n key={`overlay-modal-${idx}`}\n name={`overlay-modal-${idx}`}\n />\n ))}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n BottomSheetFooterProps,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\nimport { Portal } from \"@gorhom/portal\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheet>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n const isKeyboardActiveRef = useRef(false);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 1000 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // 키보드 상태 감지 (빠른 반응을 위해 ref 사용)\n useEffect(() => {\n const keyboardWillShowListener = Keyboard.addListener(\n Platform.OS === \"ios\" ? \"keyboardWillShow\" : \"keyboardDidShow\",\n (e) => {\n isKeyboardActiveRef.current = true;\n setKeyboardHeight(e.endCoordinates.height);\n }\n );\n const keyboardWillHideListener = Keyboard.addListener(\n Platform.OS === \"ios\" ? \"keyboardWillHide\" : \"keyboardDidHide\",\n () => {\n isKeyboardActiveRef.current = false;\n setKeyboardHeight(0);\n }\n );\n\n return () => {\n keyboardWillShowListener.remove();\n keyboardWillHideListener.remove();\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.expand();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n // bottomSheetRef.current?.close();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n // 키보드가 활성화되어 있지 않을 때만 바텀시트 닫기\n const handleClose = useCallback(() => {\n // 키보드가 활성화되어 있으면 바텀시트를 닫지 않음\n if (isKeyboardActiveRef.current) {\n return;\n }\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, [overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n // pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, overlayDispatch, overlayId]\n );\n\n // callbacks\n const handleSheetChange = useCallback((index: number) => {}, []);\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n if (!isOpen) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <BottomSheet\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n onClose={handleClose}\n keyboardBlurBehavior={keyboardBlurBehavior}\n // index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheet>\n </Portal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { Portal } from \"@gorhom/portal\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n // coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n const [mounted, setMounted] = useState<boolean>(isOpen);\n\n useEffect(() => {\n if (isOpen) {\n // ensure mounted before playing open animation\n if (!mounted) setMounted(true);\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n // play close animation, then unmount to avoid touch blocking\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start(() => {\n setMounted(false);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // modal은 bottomSheet보다 앞에 나오도록 더 높은 zIndex 사용\n return 1000 + index;\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n // const isCovered = !!options?.coveredByBottomSheet;\n // const isHidden = isCovered;\n\n if (!mounted) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <View\n style={[styles.absoluteContainer]}\n pointerEvents={isOpen ? \"box-none\" : \"none\"}\n importantForAccessibility={isOpen ? \"auto\" : \"no-hide-descendants\"}\n >\n <Pressable\n style={StyleSheet.absoluteFill}\n onPress={handleClose}\n disabled={!isOpen}\n >\n <Animated.View\n pointerEvents=\"none\"\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: backdropAnimation,\n },\n ]}\n />\n </Pressable>\n\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Portal>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\nimport { getComponentName } from \"./utils/get-component-name\";\nimport { BottomSheetFooterProps } from \"@gorhom/bottom-sheet\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n componentName?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n footerComponent?: React.FC<BottomSheetFooterProps>;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n const componentName = getComponentName(controller);\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n componentName,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n\n // JSX 엘리먼트인 경우 처리\n if (React.isValidElement(controller)) {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n });\n }\n\n // 함수인 경우 호출\n if (typeof controller === \"function\") {\n return controller(props);\n }\n\n // 기타 컴포넌트 타입인 경우\n return controller;\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import React from 'react';\n\n/**\n * React 컴포넌트나 함수로부터 이름을 추출합니다.\n * 디버깅 목적으로 사용됩니다.\n */\nexport function getComponentName(controller: any): string {\n // 1. displayName 우선 (개발자가 명시적으로 설정한 이름)\n if (controller?.displayName) {\n return controller.displayName;\n }\n\n // 2. React element인 경우\n if (React.isValidElement(controller)) {\n const type = controller.type as any;\n if (type?.displayName) return type.displayName;\n if (type?.name && type.name !== 'anonymous') return type.name;\n }\n\n // 3. 함수/컴포넌트의 name 속성\n if (typeof controller === 'function') {\n if (controller.name && controller.name !== 'anonymous') {\n return controller.name;\n }\n }\n\n // 4. 래핑된 컴포넌트 (forwardRef, memo 등)\n if (controller?.type?.displayName) {\n return controller.type.displayName;\n }\n if (controller?.type?.name && controller.type.name !== 'anonymous') {\n return controller.type.name;\n }\n\n // 5. Fallback\n return 'Anonymous';\n}\n","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n /**\n * @description 컴포넌트 이름 (디버깅용)\n */\n componentName?: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlayId,\n // 닫혀있던 오버레이를 다시 열 때 맨 뒤로 이동시켜 최상단에 표시\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlayId), action.overlayId],\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":"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","names":["useCallback","useEffect","React","memo","useEffect","jsx","memo","useEffect","_a","React","React","memo","useEffect","useState","View","StyleSheet","Portal","jsx","memo","useState","useEffect","Portal","View","StyleSheet","React","React","useEffect","useEffect","React","overlayId","React","close","unmount","useCurrentOverlay","useOverlayData","overlay","BottomSheetModalProvider","jsx","jsxs","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","useCallback","overlayId","useEffect","BottomSheetModalProvider","_a"]}
|