@byeolnaerim/flex-layout 0.0.3 → 0.0.4

package/dist/store.cjs

@@ -0,0 +1,204 @@
+'use strict';
+
+var equal = require('fast-deep-equal');
+var rxjs = require('rxjs');
+var operators = require('rxjs/operators');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var equal__default = /*#__PURE__*/_interopDefault(equal);
+
+// src/flex-layout/store/FlexLayoutContainerStore.ts
+function updateScrollStore(subject, newValue) {
+  const currentValue = subject.getValue();
+  if (!equal__default.default(currentValue, newValue)) {
+    subject.next(newValue);
+  }
+}
+function updateRefStore(store, newState) {
+  const prevState = store.getValue();
+  if (!equal__default.default(prevState, newState)) {
+    store.next(newState);
+  }
+}
+function updateSplitScreenStore(newValue) {
+  const prevValue = layoutSplitScreenStore.getValue();
+  if (!equal__default.default(prevValue, newValue)) {
+    layoutSplitScreenStore.next(newValue);
+  }
+}
+var scrollPositions = {};
+var scrollPositionsSubject = new rxjs.BehaviorSubject(scrollPositions);
+var setScrollPosition = (layoutName, position) => {
+  const current = scrollPositionsSubject.getValue();
+  const prevPos = current[layoutName];
+  if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
+    return;
+  }
+  const newPositions = {
+    ...current,
+    [layoutName]: position
+  };
+  updateScrollStore(scrollPositionsSubject, newPositions);
+};
+var getScrollPosition = (layoutName) => {
+  return scrollPositionsSubject.pipe(
+    // 해당 layoutName이 정의되지 않았을 때는 제외
+    operators.filter((e) => e[layoutName] !== void 0),
+    operators.map((positions) => positions[layoutName]),
+    operators.distinctUntilChanged(
+      (prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
+    )
+  );
+};
+var removeScrollPosition = (layoutName) => {
+  const current = scrollPositionsSubject.getValue();
+  delete current[layoutName];
+  const newPositions = { ...current };
+  updateScrollStore(scrollPositionsSubject, newPositions);
+};
+var layoutSplitScreenStore = new rxjs.BehaviorSubject({});
+var setSplitScreen = (rootName, layoutName, newComponents) => {
+  const current = layoutSplitScreenStore.getValue();
+  const updatedLayout = { ...current[rootName] || {} };
+  updatedLayout[layoutName] = newComponents;
+  const newStoreValue = {
+    ...current,
+    [rootName]: updatedLayout
+  };
+  updateSplitScreenStore(newStoreValue);
+};
+var resetRootSplitScreen = (rootName) => {
+  const current = layoutSplitScreenStore.getValue();
+  const newStoreValue = {
+    ...current,
+    [rootName]: {}
+  };
+  updateSplitScreenStore(newStoreValue);
+};
+var removeSplitScreenChild = (rootName, layoutName) => {
+  const current = layoutSplitScreenStore.getValue();
+  if (!current[rootName]) return;
+  const updatedLayout = { ...current[rootName] };
+  delete updatedLayout[layoutName];
+  const newStoreValue = {
+    ...current,
+    [rootName]: updatedLayout
+  };
+  updateSplitScreenStore(newStoreValue);
+};
+var getCurrentSplitScreenComponents = (rootName, layoutName) => {
+  const current = layoutSplitScreenStore.getValue();
+  if (!current[rootName]) return;
+  return current[rootName][layoutName];
+};
+var getSplitScreen = (rootName, layoutName) => {
+  return layoutSplitScreenStore.pipe(
+    operators.map((splitScreen) => splitScreen[rootName][layoutName]),
+    operators.distinctUntilChanged((prev, curr) => {
+      const filterChildren = (obj) => {
+        const { children, component, targetComponent, x, y, ...rest } = obj || {};
+        return rest;
+      };
+      return equal__default.default(filterChildren(prev), filterChildren(curr));
+    })
+  );
+};
+var flexContainerStore = new rxjs.BehaviorSubject({});
+var flexResizePanelStore = new rxjs.BehaviorSubject({});
+var setContainerRef = (layoutName, containerName, ref) => {
+  const currentRefs = flexContainerStore.getValue();
+  const updatedLayoutRefs = { ...currentRefs[layoutName] || {} };
+  if (ref === null) {
+    delete updatedLayoutRefs[containerName];
+  } else {
+    updatedLayoutRefs[containerName] = ref;
+  }
+  const newRefs = {
+    ...currentRefs,
+    [layoutName]: updatedLayoutRefs
+  };
+  updateRefStore(flexContainerStore, newRefs);
+};
+var setResizePanelRef = (layoutName, containerName, ref) => {
+  const currentRefs = flexResizePanelStore.getValue();
+  const updatedLayoutRefs = { ...currentRefs[layoutName] || {} };
+  if (ref === null) {
+    delete updatedLayoutRefs[containerName];
+  } else {
+    updatedLayoutRefs[containerName] = ref;
+  }
+  const newRefs = {
+    ...currentRefs,
+    [layoutName]: updatedLayoutRefs
+  };
+  updateRefStore(flexResizePanelStore, newRefs);
+};
+var getLayoutInfos = (layoutName) => {
+  return rxjs.combineLatest([flexContainerStore, flexResizePanelStore]).pipe(
+    operators.map(([containerRefs, resizePanelRefs]) => {
+      const containerData = containerRefs[layoutName] || {};
+      const resizePanelData = resizePanelRefs[layoutName] || {};
+      return {
+        container: containerData,
+        resizePanel: resizePanelData
+      };
+    }),
+    operators.filter((result) => result.container !== null)
+    // 빈 객체 제외
+  );
+};
+var getContainerRef = ({
+  containerName,
+  layoutName
+}) => {
+  return flexContainerStore.pipe(
+    operators.map((refs) => {
+      if (layoutName) {
+        return refs[layoutName]?.[containerName] || null;
+      } else {
+        return Object.entries(refs).find(
+          ([key, value]) => refs[key][containerName]
+        )?.[1][containerName];
+      }
+    }),
+    operators.filter((ref) => ref !== null)
+  );
+};
+var getResizePanelRef = ({
+  containerName,
+  layoutName
+}) => {
+  return flexResizePanelStore.pipe(
+    operators.map((refs) => {
+      if (layoutName) {
+        return refs[layoutName]?.[containerName] || null;
+      } else {
+        return Object.entries(refs).find(
+          ([key, value]) => refs[key][containerName]
+        )?.[1][containerName];
+      }
+    }),
+    operators.filter((ref) => ref !== null)
+  );
+};
+
+exports.flexContainerStore = flexContainerStore;
+exports.flexResizePanelStore = flexResizePanelStore;
+exports.getContainerRef = getContainerRef;
+exports.getCurrentSplitScreenComponents = getCurrentSplitScreenComponents;
+exports.getLayoutInfos = getLayoutInfos;
+exports.getResizePanelRef = getResizePanelRef;
+exports.getScrollPosition = getScrollPosition;
+exports.getSplitScreen = getSplitScreen;
+exports.layoutSplitScreenStore = layoutSplitScreenStore;
+exports.removeScrollPosition = removeScrollPosition;
+exports.removeSplitScreenChild = removeSplitScreenChild;
+exports.resetRootSplitScreen = resetRootSplitScreen;
+exports.scrollPositions = scrollPositions;
+exports.setContainerRef = setContainerRef;
+exports.setResizePanelRef = setResizePanelRef;
+exports.setScrollPosition = setScrollPosition;
+exports.setSplitScreen = setSplitScreen;
+//# sourceMappingURL=store.cjs.map
+//# sourceMappingURL=store.cjs.map

package/dist/store.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flex-layout/store/FlexLayoutContainerStore.ts"],"names":["equal","BehaviorSubject","filter","map","distinctUntilChanged","combineLatest"],"mappings":"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","file":"store.cjs","sourcesContent":["\"use client\";\r\nimport equal from \"fast-deep-equal\";\r\nimport { RefObject } from \"react\";\r\nimport { BehaviorSubject, combineLatest } from \"rxjs\";\r\nimport { distinctUntilChanged, filter, map } from \"rxjs/operators\";\r\nimport { DropTargetComponent } from \"../hooks/useDrag\";\r\n\r\n/**\r\n * 이전 값과 새 값이 동일하지 않을 때만 store를 업데이트하는 유틸 함수\r\n */\r\nfunction updateScrollStore<T>(subject: BehaviorSubject<T>, newValue: T) {\r\n\tconst currentValue = subject.getValue();\r\n\t// deep 비교를 통해 실제 변경이 있는 경우만 next\r\n\tif (!equal(currentValue, newValue)) {\r\n\t\tsubject.next(newValue);\r\n\t}\r\n}\r\n// 동일한지 확인 후 업데이트하는 유틸\r\nfunction updateRefStore(store: BehaviorSubject<RefStore>, newState: RefStore) {\r\n\tconst prevState = store.getValue();\r\n\tif (!equal(prevState, newState)) {\r\n\t\tstore.next(newState);\r\n\t}\r\n}\r\n\r\nfunction updateSplitScreenStore(newValue: LayoutSplitScreenState) {\r\n\tconst prevValue = layoutSplitScreenStore.getValue();\r\n\t// deep-equal 로 비교\r\n\tif (!equal(prevValue, newValue)) {\r\n\t\tlayoutSplitScreenStore.next(newValue);\r\n\t}\r\n}\r\n\r\n// 구독 시 이전 상태들을 축적하여 관리\r\n// const stateWithHistory$ = flexContainerStore.pipe(\r\n//     scan((acc, newState) => [...acc, newState], [] as RefStore[])\r\n// );\r\n\r\nexport interface ScrollPosition {\r\n\tx: number;\r\n\ty: number;\r\n}\r\n\r\nexport const scrollPositions: Record<string, ScrollPosition> = {};\r\n\r\nconst scrollPositionsSubject = new BehaviorSubject<\r\n\tRecord<string, ScrollPosition>\r\n>(scrollPositions);\r\n\r\n/**\r\n * 스크롤 위치 업데이트 함수\r\n *\r\n * 기존: 항상 store.next()가 호출됨 → 바뀌지 않았다면 건너뛰도록 변경\r\n */\r\nexport const setScrollPosition = (\r\n\tlayoutName: string,\r\n\tposition: ScrollPosition,\r\n) => {\r\n\tconst current = scrollPositionsSubject.getValue();\r\n\tconst prevPos = current[layoutName];\r\n\r\n\t// x, y 모두 동일하면 업데이트할 필요가 없으므로 조기 반환\r\n\tif (prevPos && prevPos.x === position.x && prevPos.y === position.y) {\r\n\t\treturn;\r\n\t}\r\n\r\n\t// 변경사항이 있으면 새 객체를 만들어 넘김\r\n\tconst newPositions = {\r\n\t\t...current,\r\n\t\t[layoutName]: position,\r\n\t};\r\n\r\n\tupdateScrollStore(scrollPositionsSubject, newPositions);\r\n};\r\n\r\n/**\r\n * 스크롤 위치 구독\r\n */\r\nexport const getScrollPosition = (layoutName: string) => {\r\n\treturn scrollPositionsSubject.pipe(\r\n\t\t// 해당 layoutName이 정의되지 않았을 때는 제외\r\n\t\tfilter((e) => e[layoutName] !== undefined),\r\n\t\tmap((positions) => positions[layoutName]),\r\n\t\tdistinctUntilChanged(\r\n\t\t\t(prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y,\r\n\t\t),\r\n\t);\r\n};\r\n\r\nexport const removeScrollPosition = (layoutName: string) => {\r\n\tconst current = scrollPositionsSubject.getValue();\r\n\tdelete current[layoutName];\r\n\r\n\t// 꼭 삭제 후에도 이전 상태와 달라졌는지 확인\r\n\tconst newPositions = { ...current };\r\n\tupdateScrollStore(scrollPositionsSubject, newPositions);\r\n};\r\n\r\nexport type SplitScreenComponents = {\r\n\tafterDropTargetComponent: DropTargetComponent[];\r\n\tbeforeDropTargetComponent: DropTargetComponent[];\r\n\tcenterDropTargetComponent: DropTargetComponent[];\r\n\tdirection: \"row\" | \"column\";\r\n};\r\n\r\nexport type LayoutSplitScreenState = Record<\r\n\tstring,\r\n\tRecord<string, SplitScreenComponents>\r\n>;\r\n\r\nexport const layoutSplitScreenStore =\r\n\tnew BehaviorSubject<LayoutSplitScreenState>({});\r\n\r\nexport const setSplitScreen = (\r\n\trootName: string,\r\n\tlayoutName: string,\r\n\tnewComponents: SplitScreenComponents,\r\n) => {\r\n\tconst current = layoutSplitScreenStore.getValue();\r\n\tconst updatedLayout = { ...(current[rootName] || {}) };\r\n\tupdatedLayout[layoutName] = newComponents;\r\n\r\n\tconst newStoreValue = {\r\n\t\t...current,\r\n\t\t[rootName]: updatedLayout,\r\n\t};\r\n\tupdateSplitScreenStore(newStoreValue);\r\n};\r\n\r\nexport const resetRootSplitScreen = (rootName: string) => {\r\n\tconst current = layoutSplitScreenStore.getValue();\r\n\t// rootName 아래만 초기화\r\n\tconst newStoreValue = {\r\n\t\t...current,\r\n\t\t[rootName]: {},\r\n\t};\r\n\tupdateSplitScreenStore(newStoreValue);\r\n};\r\n\r\nexport const removeSplitScreenChild = (\r\n\trootName: string,\r\n\tlayoutName: string,\r\n) => {\r\n\tconst current = layoutSplitScreenStore.getValue();\r\n\tif (!current[rootName]) return;\r\n\r\n\tconst updatedLayout = { ...current[rootName] };\r\n\tdelete updatedLayout[layoutName];\r\n\r\n\tconst newStoreValue = {\r\n\t\t...current,\r\n\t\t[rootName]: updatedLayout,\r\n\t};\r\n\tupdateSplitScreenStore(newStoreValue);\r\n};\r\n\r\nexport const getCurrentSplitScreenComponents = (\r\n\trootName: string,\r\n\tlayoutName: string,\r\n) => {\r\n\tconst current = layoutSplitScreenStore.getValue();\r\n\tif (!current[rootName]) return;\r\n\treturn current[rootName][layoutName];\r\n};\r\n\r\nexport const getSplitScreen = (rootName: string, layoutName: string) => {\r\n\treturn layoutSplitScreenStore.pipe(\r\n\t\tmap((splitScreen) => splitScreen[rootName][layoutName]),\r\n\t\tdistinctUntilChanged((prev, curr) => {\r\n\t\t\t// 이전 상태와 현재 상태를 비교하여 동일하면 필터링\r\n\t\t\tconst filterChildren = (obj: any) => {\r\n\t\t\t\t// 객체 복사 후 children 속성 제거\r\n\t\t\t\tconst { children, component, targetComponent, x, y, ...rest } =\r\n\t\t\t\t\tobj || {};\r\n\t\t\t\treturn rest;\r\n\t\t\t};\r\n\t\t\treturn equal(filterChildren(prev), filterChildren(curr));\r\n\t\t}),\r\n\t);\r\n};\r\n\r\n// 중첩된 객체 구조로 ref를 관리하는 타입\r\ntype RefStore = {\r\n\t[layoutName: string]: {\r\n\t\t[containerName: string]: RefObject<HTMLElement | null>;\r\n\t};\r\n};\r\n\r\n// 초기값으로 빈 객체를 설정한 BehaviorSubject 생성\r\nexport const flexContainerStore = new BehaviorSubject<RefStore>({});\r\n\r\nexport const flexResizePanelStore = new BehaviorSubject<RefStore>({});\r\n/**\r\n * ref를 업데이트하는 함수\r\n * - 기존: 무조건 next() → 새/이전 상태 비교 후 다를 경우에만 next()\r\n */\r\nexport const setContainerRef = <T extends HTMLElement>(\r\n\tlayoutName: string,\r\n\tcontainerName: string,\r\n\tref: React.RefObject<T | null> | null,\r\n) => {\r\n\tconst currentRefs = flexContainerStore.getValue();\r\n\tconst updatedLayoutRefs = { ...(currentRefs[layoutName] || {}) };\r\n\r\n\tif (ref === null) {\r\n\t\tdelete updatedLayoutRefs[containerName];\r\n\t} else {\r\n\t\tupdatedLayoutRefs[containerName] = ref;\r\n\t}\r\n\r\n\tconst newRefs: RefStore = {\r\n\t\t...currentRefs,\r\n\t\t[layoutName]: updatedLayoutRefs,\r\n\t};\r\n\r\n\tupdateRefStore(flexContainerStore, newRefs);\r\n};\r\n\r\nexport const setResizePanelRef = <T extends HTMLElement>(\r\n\tlayoutName: string,\r\n\tcontainerName: string,\r\n\tref: React.RefObject<T | null> | null,\r\n) => {\r\n\tconst currentRefs = flexResizePanelStore.getValue();\r\n\tconst updatedLayoutRefs = { ...(currentRefs[layoutName] || {}) };\r\n\r\n\tif (ref === null) {\r\n\t\tdelete updatedLayoutRefs[containerName];\r\n\t} else {\r\n\t\tupdatedLayoutRefs[containerName] = ref;\r\n\t}\r\n\r\n\tconst newRefs: RefStore = {\r\n\t\t...currentRefs,\r\n\t\t[layoutName]: updatedLayoutRefs,\r\n\t};\r\n\r\n\tupdateRefStore(flexResizePanelStore, newRefs);\r\n};\r\n\r\nexport const getLayoutInfos = (layoutName: string) => {\r\n\treturn combineLatest([flexContainerStore, flexResizePanelStore]).pipe(\r\n\t\tmap(([containerRefs, resizePanelRefs]) => {\r\n\t\t\t// 두 Store에서 layoutName에 해당하는 값을 병합\r\n\t\t\tconst containerData = containerRefs[layoutName] || {};\r\n\t\t\tconst resizePanelData = resizePanelRefs[layoutName] || {};\r\n\r\n\t\t\t// container와 resizePanel 데이터 합치기\r\n\t\t\treturn {\r\n\t\t\t\tcontainer: containerData,\r\n\t\t\t\tresizePanel: resizePanelData,\r\n\t\t\t};\r\n\t\t}),\r\n\t\tfilter((result) => result.container !== null), // 빈 객체 제외\r\n\t);\r\n};\r\n\r\n// 특정 containerName의 ref를 구독하는 함수\r\n// layoutName이 지정되지 않으면 전체 layout에서 해당하는 containerName의 ref를 찾음\r\nexport const getContainerRef = ({\r\n\tcontainerName,\r\n\tlayoutName,\r\n}: {\r\n\tcontainerName: string;\r\n\tlayoutName?: string;\r\n}) => {\r\n\treturn flexContainerStore.pipe(\r\n\t\tmap((refs: RefStore) => {\r\n\t\t\tif (layoutName) {\r\n\t\t\t\t// 지정된 layoutName에서 해당 containerName의 ref 반환\r\n\t\t\t\treturn refs[layoutName]?.[containerName] || null;\r\n\t\t\t} else {\r\n\t\t\t\t// 모든 layout에서 해당 containerName의 ref 찾기\r\n\t\t\t\treturn Object.entries(refs).find(\r\n\t\t\t\t\t([key, value]) => refs[key][containerName],\r\n\t\t\t\t)?.[1][containerName];\r\n\t\t\t}\r\n\t\t\t// else {\r\n\t\t\t//     // 모든 layout에서 해당 containerName의 ref 찾기\r\n\t\t\t//     for (const layout in refs) {\r\n\t\t\t//         if (refs[layout][containerName]) {\r\n\t\t\t//             return refs[layout][containerName];\r\n\t\t\t//         }\r\n\t\t\t//     }\r\n\t\t\t//     return null;\r\n\t\t\t// }\r\n\t\t}),\r\n\t\tfilter((ref) => ref !== null),\r\n\t);\r\n};\r\n\r\nexport const getResizePanelRef = ({\r\n\tcontainerName,\r\n\tlayoutName,\r\n}: {\r\n\tcontainerName: string;\r\n\tlayoutName?: string;\r\n}) => {\r\n\treturn flexResizePanelStore.pipe(\r\n\t\tmap((refs: RefStore) => {\r\n\t\t\tif (layoutName) {\r\n\t\t\t\t// 지정된 layoutName에서 해당 containerName의 ref 반환\r\n\t\t\t\treturn refs[layoutName]?.[containerName] || null;\r\n\t\t\t} else {\r\n\t\t\t\t// 모든 layout에서 해당 containerName의 ref 찾기\r\n\t\t\t\treturn Object.entries(refs).find(\r\n\t\t\t\t\t([key, value]) => refs[key][containerName],\r\n\t\t\t\t)?.[1][containerName];\r\n\t\t\t}\r\n\t\t\t// else {\r\n\t\t\t//     // 모든 layout에서 해당 containerName의 ref 찾기\r\n\t\t\t//     for (const layout in refs) {\r\n\t\t\t//         if (refs[layout][containerName]) {\r\n\t\t\t//             return refs[layout][containerName];\r\n\t\t\t//         }\r\n\t\t\t//     }\r\n\t\t\t//     return null;\r\n\t\t\t// }\r\n\t\t}),\r\n\t\tfilter((ref) => ref !== null),\r\n\t);\r\n};\r\n"]}

package/dist/store.d.cts

@@ -0,0 +1,67 @@
+import * as rxjs from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
+import { RefObject } from 'react';
+import { d as DropTargetComponent } from './useDrag-CYQnhUFk.cjs';
+import './FlexLayoutSplitScreenDragBox-eCtq4kLd.cjs';
+import 'react/jsx-runtime';
+
+interface ScrollPosition {
+    x: number;
+    y: number;
+}
+declare const scrollPositions: Record<string, ScrollPosition>;
+/**
+ * 스크롤 위치 업데이트 함수
+ *
+ * 기존: 항상 store.next()가 호출됨 → 바뀌지 않았다면 건너뛰도록 변경
+ */
+declare const setScrollPosition: (layoutName: string, position: ScrollPosition) => void;
+/**
+ * 스크롤 위치 구독
+ */
+declare const getScrollPosition: (layoutName: string) => rxjs.Observable<ScrollPosition>;
+declare const removeScrollPosition: (layoutName: string) => void;
+type SplitScreenComponents = {
+    afterDropTargetComponent: DropTargetComponent[];
+    beforeDropTargetComponent: DropTargetComponent[];
+    centerDropTargetComponent: DropTargetComponent[];
+    direction: "row" | "column";
+};
+type LayoutSplitScreenState = Record<string, Record<string, SplitScreenComponents>>;
+declare const layoutSplitScreenStore: BehaviorSubject<LayoutSplitScreenState>;
+declare const setSplitScreen: (rootName: string, layoutName: string, newComponents: SplitScreenComponents) => void;
+declare const resetRootSplitScreen: (rootName: string) => void;
+declare const removeSplitScreenChild: (rootName: string, layoutName: string) => void;
+declare const getCurrentSplitScreenComponents: (rootName: string, layoutName: string) => SplitScreenComponents | undefined;
+declare const getSplitScreen: (rootName: string, layoutName: string) => rxjs.Observable<SplitScreenComponents>;
+type RefStore = {
+    [layoutName: string]: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+};
+declare const flexContainerStore: BehaviorSubject<RefStore>;
+declare const flexResizePanelStore: BehaviorSubject<RefStore>;
+/**
+ * ref를 업데이트하는 함수
+ * - 기존: 무조건 next() → 새/이전 상태 비교 후 다를 경우에만 next()
+ */
+declare const setContainerRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
+declare const setResizePanelRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
+declare const getLayoutInfos: (layoutName: string) => rxjs.Observable<{
+    container: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+    resizePanel: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+}>;
+declare const getContainerRef: ({ containerName, layoutName, }: {
+    containerName: string;
+    layoutName?: string;
+}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
+declare const getResizePanelRef: ({ containerName, layoutName, }: {
+    containerName: string;
+    layoutName?: string;
+}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
+
+export { type LayoutSplitScreenState, type ScrollPosition, type SplitScreenComponents, flexContainerStore, flexResizePanelStore, getContainerRef, getCurrentSplitScreenComponents, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, layoutSplitScreenStore, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, scrollPositions, setContainerRef, setResizePanelRef, setScrollPosition, setSplitScreen };

package/dist/store.d.ts

@@ -0,0 +1,67 @@
+import * as rxjs from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
+import { RefObject } from 'react';
+import { d as DropTargetComponent } from './useDrag-DR01Ob3s.js';
+import './FlexLayoutSplitScreenDragBox-eCtq4kLd.js';
+import 'react/jsx-runtime';
+
+interface ScrollPosition {
+    x: number;
+    y: number;
+}
+declare const scrollPositions: Record<string, ScrollPosition>;
+/**
+ * 스크롤 위치 업데이트 함수
+ *
+ * 기존: 항상 store.next()가 호출됨 → 바뀌지 않았다면 건너뛰도록 변경
+ */
+declare const setScrollPosition: (layoutName: string, position: ScrollPosition) => void;
+/**
+ * 스크롤 위치 구독
+ */
+declare const getScrollPosition: (layoutName: string) => rxjs.Observable<ScrollPosition>;
+declare const removeScrollPosition: (layoutName: string) => void;
+type SplitScreenComponents = {
+    afterDropTargetComponent: DropTargetComponent[];
+    beforeDropTargetComponent: DropTargetComponent[];
+    centerDropTargetComponent: DropTargetComponent[];
+    direction: "row" | "column";
+};
+type LayoutSplitScreenState = Record<string, Record<string, SplitScreenComponents>>;
+declare const layoutSplitScreenStore: BehaviorSubject<LayoutSplitScreenState>;
+declare const setSplitScreen: (rootName: string, layoutName: string, newComponents: SplitScreenComponents) => void;
+declare const resetRootSplitScreen: (rootName: string) => void;
+declare const removeSplitScreenChild: (rootName: string, layoutName: string) => void;
+declare const getCurrentSplitScreenComponents: (rootName: string, layoutName: string) => SplitScreenComponents | undefined;
+declare const getSplitScreen: (rootName: string, layoutName: string) => rxjs.Observable<SplitScreenComponents>;
+type RefStore = {
+    [layoutName: string]: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+};
+declare const flexContainerStore: BehaviorSubject<RefStore>;
+declare const flexResizePanelStore: BehaviorSubject<RefStore>;
+/**
+ * ref를 업데이트하는 함수
+ * - 기존: 무조건 next() → 새/이전 상태 비교 후 다를 경우에만 next()
+ */
+declare const setContainerRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
+declare const setResizePanelRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
+declare const getLayoutInfos: (layoutName: string) => rxjs.Observable<{
+    container: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+    resizePanel: {
+        [containerName: string]: RefObject<HTMLElement | null>;
+    };
+}>;
+declare const getContainerRef: ({ containerName, layoutName, }: {
+    containerName: string;
+    layoutName?: string;
+}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
+declare const getResizePanelRef: ({ containerName, layoutName, }: {
+    containerName: string;
+    layoutName?: string;
+}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
+
+export { type LayoutSplitScreenState, type ScrollPosition, type SplitScreenComponents, flexContainerStore, flexResizePanelStore, getContainerRef, getCurrentSplitScreenComponents, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, layoutSplitScreenStore, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, scrollPositions, setContainerRef, setResizePanelRef, setScrollPosition, setSplitScreen };

package/dist/store.js

@@ -0,0 +1,4 @@
+import './chunk-YIHCWXKY.js';
+export { flexContainerStore, flexResizePanelStore, getContainerRef, getCurrentSplitScreenComponents, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, layoutSplitScreenStore, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, scrollPositions, setContainerRef, setResizePanelRef, setScrollPosition, setSplitScreen } from './chunk-CFQQ6ZDC.js';
+//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"store.js"}

package/dist/useDrag-CYQnhUFk.d.cts

@@ -0,0 +1,108 @@
+import { ReactElement, RefObject } from 'react';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { D as DropDocumentOutsideOption } from './FlexLayoutSplitScreenDragBox-eCtq4kLd.cjs';
+
+interface DragStateType {
+    isDragging: boolean;
+    isDrop: boolean;
+    navigationTitle?: string;
+    children?: ReactElement;
+    containerName: string;
+    x: number;
+    y: number;
+    dropDocumentOutsideOption?: DropDocumentOutsideOption;
+    dropEndCallback?: ({ x, y, containerName, }: {
+        x: number;
+        y: number;
+        containerName: string;
+    }) => void;
+    screenKey?: string;
+    customData?: Record<string, string | number | boolean | undefined>;
+}
+type PositionName = "centerBoundary" | "leftBoundary" | "rightBoundary" | "topBoundary" | "bottomBoundary";
+interface DragStateResultType extends DragStateType {
+    positionName: PositionName;
+    isOver: boolean;
+}
+declare const dragState: Subject<DragStateType>;
+declare const useDragCapture: (targetRef: RefObject<HTMLElement | null>) => DragStateResultType | null;
+interface DropTargetComponent {
+    containerName: string;
+    component: ReactElement;
+    navigationTitle?: string;
+    dropDocumentOutsideOption?: DropDocumentOutsideOption;
+    screenKey: string;
+}
+type DropPositionOrderName = "before" | "center" | "after";
+interface DropMovementEventType {
+    state: "remove" | "append" | "change";
+    targetParentLayoutName: string;
+    targetLayoutName: string;
+    targetContainerName: string;
+    targetComponent?: ReactElement;
+    nextContainerName?: string;
+    parentOrderName?: DropPositionOrderName;
+    orderName?: DropPositionOrderName;
+    x?: number;
+    y?: number;
+    dropEndCallback?: ({ x, y, containerName, }: {
+        x: number;
+        y: number;
+        containerName: string;
+    }) => void;
+    dropTargetComponentEvent?: DropTargetComponentEvent;
+}
+interface DropTargetComponentEvent extends Omit<DropTargetComponent, "containerName" | "component"> {
+    direction: "row" | "column";
+}
+declare const dropMovementEventSubject: Subject<DropMovementEventType>;
+declare const allSplitScreenCount: BehaviorSubject<number>;
+declare const useDragEvents: ({ isBlockingActiveInput, }: {
+    isBlockingActiveInput?: boolean;
+}) => {
+    handleStart: ({ event: _event, dragStartCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        dragStartCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+    handleMove: ({ event: _event, notDragCallback, dragStartCallback, moveingCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        notDragCallback?: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+        dragStartCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+        moveingCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+    handleEnd: ({ event: _event, dragEndCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        dragEndCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+};
+type FolderEventType = {
+    type: "new" | "sort" | "title" | "delete" | "insert" | "update" | "next";
+    isFolder: boolean;
+    title: string;
+    sort?: number;
+    parentId?: string;
+    id?: string;
+    newData?: any;
+};
+declare const folderEventSubject: Subject<FolderEventType>;
+declare const setFolderEvent: (newValue: FolderEventType) => void;
+declare const useFolderEvent: () => {
+    folderEvent: FolderEventType | null;
+};
+
+export { type DragStateResultType as D, type FolderEventType as F, type PositionName as P, type DragStateType as a, type DropMovementEventType as b, type DropPositionOrderName as c, type DropTargetComponent as d, type DropTargetComponentEvent as e, allSplitScreenCount as f, dragState as g, dropMovementEventSubject as h, folderEventSubject as i, useDragEvents as j, useFolderEvent as k, setFolderEvent as s, useDragCapture as u };

package/dist/useDrag-DR01Ob3s.d.ts

@@ -0,0 +1,108 @@
+import { ReactElement, RefObject } from 'react';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { D as DropDocumentOutsideOption } from './FlexLayoutSplitScreenDragBox-eCtq4kLd.js';
+
+interface DragStateType {
+    isDragging: boolean;
+    isDrop: boolean;
+    navigationTitle?: string;
+    children?: ReactElement;
+    containerName: string;
+    x: number;
+    y: number;
+    dropDocumentOutsideOption?: DropDocumentOutsideOption;
+    dropEndCallback?: ({ x, y, containerName, }: {
+        x: number;
+        y: number;
+        containerName: string;
+    }) => void;
+    screenKey?: string;
+    customData?: Record<string, string | number | boolean | undefined>;
+}
+type PositionName = "centerBoundary" | "leftBoundary" | "rightBoundary" | "topBoundary" | "bottomBoundary";
+interface DragStateResultType extends DragStateType {
+    positionName: PositionName;
+    isOver: boolean;
+}
+declare const dragState: Subject<DragStateType>;
+declare const useDragCapture: (targetRef: RefObject<HTMLElement | null>) => DragStateResultType | null;
+interface DropTargetComponent {
+    containerName: string;
+    component: ReactElement;
+    navigationTitle?: string;
+    dropDocumentOutsideOption?: DropDocumentOutsideOption;
+    screenKey: string;
+}
+type DropPositionOrderName = "before" | "center" | "after";
+interface DropMovementEventType {
+    state: "remove" | "append" | "change";
+    targetParentLayoutName: string;
+    targetLayoutName: string;
+    targetContainerName: string;
+    targetComponent?: ReactElement;
+    nextContainerName?: string;
+    parentOrderName?: DropPositionOrderName;
+    orderName?: DropPositionOrderName;
+    x?: number;
+    y?: number;
+    dropEndCallback?: ({ x, y, containerName, }: {
+        x: number;
+        y: number;
+        containerName: string;
+    }) => void;
+    dropTargetComponentEvent?: DropTargetComponentEvent;
+}
+interface DropTargetComponentEvent extends Omit<DropTargetComponent, "containerName" | "component"> {
+    direction: "row" | "column";
+}
+declare const dropMovementEventSubject: Subject<DropMovementEventType>;
+declare const allSplitScreenCount: BehaviorSubject<number>;
+declare const useDragEvents: ({ isBlockingActiveInput, }: {
+    isBlockingActiveInput?: boolean;
+}) => {
+    handleStart: ({ event: _event, dragStartCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        dragStartCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+    handleMove: ({ event: _event, notDragCallback, dragStartCallback, moveingCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        notDragCallback?: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+        dragStartCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+        moveingCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+    handleEnd: ({ event: _event, dragEndCallback, }: {
+        event: React.MouseEvent | React.TouchEvent | Event;
+        dragEndCallback: ({ x, y }: {
+            x: number;
+            y: number;
+        }) => void;
+    }) => void;
+};
+type FolderEventType = {
+    type: "new" | "sort" | "title" | "delete" | "insert" | "update" | "next";
+    isFolder: boolean;
+    title: string;
+    sort?: number;
+    parentId?: string;
+    id?: string;
+    newData?: any;
+};
+declare const folderEventSubject: Subject<FolderEventType>;
+declare const setFolderEvent: (newValue: FolderEventType) => void;
+declare const useFolderEvent: () => {
+    folderEvent: FolderEventType | null;
+};
+
+export { type DragStateResultType as D, type FolderEventType as F, type PositionName as P, type DragStateType as a, type DropMovementEventType as b, type DropPositionOrderName as c, type DropTargetComponent as d, type DropTargetComponentEvent as e, allSplitScreenCount as f, dragState as g, dropMovementEventSubject as h, folderEventSubject as i, useDragEvents as j, useFolderEvent as k, setFolderEvent as s, useDragCapture as u };