@byeolnaerim/flex-layout 0.0.4 → 0.0.6

package/dist/store.js

@@ -1,4 +1,182 @@
-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';
+import equal from 'fast-deep-equal';
+import { BehaviorSubject, combineLatest } from 'rxjs';
+import { filter, map, distinctUntilChanged } from 'rxjs/operators';
+
+// src/flex-layout/store/FlexLayoutContainerStore.ts
+function updateScrollStore(subject, newValue) {
+  const currentValue = subject.getValue();
+  if (!equal(currentValue, newValue)) {
+    subject.next(newValue);
+  }
+}
+function updateRefStore(store, newState) {
+  const prevState = store.getValue();
+  if (!equal(prevState, newState)) {
+    store.next(newState);
+  }
+}
+function updateSplitScreenStore(newValue) {
+  const prevValue = layoutSplitScreenStore.getValue();
+  if (!equal(prevValue, newValue)) {
+    layoutSplitScreenStore.next(newValue);
+  }
+}
+var scrollPositions = {};
+var scrollPositionsSubject = new 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이 정의되지 않았을 때는 제외
+    filter((e) => e[layoutName] !== void 0),
+    map((positions) => positions[layoutName]),
+    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 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(
+    map((splitScreen) => splitScreen[rootName][layoutName]),
+    distinctUntilChanged((prev, curr) => {
+      const filterChildren = (obj) => {
+        const { children, component, targetComponent, x, y, ...rest } = obj || {};
+        return rest;
+      };
+      return equal(filterChildren(prev), filterChildren(curr));
+    })
+  );
+};
+var flexContainerStore = new BehaviorSubject({});
+var flexResizePanelStore = new 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 combineLatest([flexContainerStore, flexResizePanelStore]).pipe(
+    map(([containerRefs, resizePanelRefs]) => {
+      const containerData = containerRefs[layoutName] || {};
+      const resizePanelData = resizePanelRefs[layoutName] || {};
+      return {
+        container: containerData,
+        resizePanel: resizePanelData
+      };
+    }),
+    filter((result) => result.container !== null)
+    // 빈 객체 제외
+  );
+};
+var getContainerRef = ({
+  containerName,
+  layoutName
+}) => {
+  return flexContainerStore.pipe(
+    map((refs) => {
+      if (layoutName) {
+        return refs[layoutName]?.[containerName] || null;
+      } else {
+        return Object.entries(refs).find(
+          ([key, value]) => refs[key][containerName]
+        )?.[1][containerName];
+      }
+    }),
+    filter((ref) => ref !== null)
+  );
+};
+var getResizePanelRef = ({
+  containerName,
+  layoutName
+}) => {
+  return flexResizePanelStore.pipe(
+    map((refs) => {
+      if (layoutName) {
+        return refs[layoutName]?.[containerName] || null;
+      } else {
+        return Object.entries(refs).find(
+          ([key, value]) => refs[key][containerName]
+        )?.[1][containerName];
+      }
+    }),
+    filter((ref) => ref !== null)
+  );
+};
+
+export { flexContainerStore, flexResizePanelStore, getContainerRef, getCurrentSplitScreenComponents, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, layoutSplitScreenStore, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, scrollPositions, setContainerRef, setResizePanelRef, setScrollPosition, setSplitScreen };
 //# sourceMappingURL=store.js.map
 //# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"store.js"}
+{"version":3,"sources":["../src/flex-layout/store/FlexLayoutContainerStore.ts"],"names":[],"mappings":"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","file":"store.js","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/utils.js

@@ -1,4 +1,197 @@
-import './chunk-7J5JUVZK.js';
-export { closeFlex, findNotCloseFlexContent, getClientXy, getGrow, isDocumentOut, isOverMove, mathGrow, mathWeight, openFlex, remain, resize } from './chunk-W4CNFJTK.js';
+// src/flex-layout/utils/FlexLayoutUtils.ts
+function isDocumentOut({ x, y }) {
+  if (typeof window == "undefined") return;
+  const { innerWidth, innerHeight, scrollX, scrollY } = window;
+  return x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY;
+}
+var lastTouchEvent;
+function getClientXy(event) {
+  let clientX;
+  let clientY;
+  if (window.MouseEvent && event instanceof window.MouseEvent) {
+    clientX = event.clientX;
+    clientY = event.clientY;
+  } else if (window.TouchEvent && event instanceof window.TouchEvent) {
+    const _event = event.touches.length == 0 ? lastTouchEvent : event;
+    clientX = _event.touches[0].clientX;
+    clientY = _event.touches[0].clientY;
+    lastTouchEvent = event;
+  } else {
+    return;
+  }
+  return { clientX, clientY };
+}
+function isOverMove(elementSize, elementMinSize) {
+  return Math.floor(elementSize) <= 0 || (isNaN(elementMinSize) ? false : elementMinSize >= Math.floor(elementSize));
+}
+function findNotCloseFlexContent(target, direction) {
+  if (!target) return target;
+  let _target = target;
+  const isCloseCheck = () => {
+    let grow = parseFloat(window.getComputedStyle(_target).flex.split(" ")[0]) || 0;
+    if (grow == 0) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+  while (isCloseCheck()) {
+    let nextTarget = _target[direction]?.[direction];
+    _target = nextTarget;
+    if (!_target) {
+      break;
+    }
+  }
+  return _target;
+}
+function remain(flexContainerList) {
+  return new Promise((resolve) => {
+    let notGrowList = [];
+    let totalGrow = flexContainerList.reduce((t, e, i) => {
+      if (e.hasAttribute("data-grow") == false) {
+        notGrowList.push(e);
+        return t;
+      }
+      let grow = parseFloat(e.dataset.grow || "");
+      e.style.flex = `${grow} 1 0%`;
+      t -= grow;
+      return t;
+    }, flexContainerList.length);
+    if (notGrowList.length != 0) {
+      resize(notGrowList, totalGrow);
+    }
+    resolve(flexContainerList);
+  });
+}
+function resize(list, totalGrow) {
+  return new Promise((resolve) => {
+    let resizeWeight = totalGrow / list.length;
+    list.forEach((e) => {
+      e.dataset.grow = resizeWeight.toString();
+      e.style.flex = `${resizeWeight} 1 0%`;
+    });
+    resolve(resizeWeight);
+  });
+}
+function mathWeight(totalCount, totalGrow) {
+  return 1 + (totalGrow - totalCount) / totalCount;
+}
+function mathGrow(childSize, parentSize, containerCount) {
+  return containerCount * (childSize / parentSize);
+}
+function getGrow(growTarget) {
+  const target = growTarget instanceof Element ? growTarget : growTarget;
+  return parseFloat(target.style.flex.split(" ")[0]) || parseFloat(target.dataset.grow || "");
+}
+function closeFlex(resizeTarget, containers, {
+  isResize = false,
+  isDsiabledResizePanel = false,
+  sizeName
+}) {
+  return new Promise((resolve) => {
+    if (!resizeTarget.hasAttribute("data-is_resize_panel")) ; else if (isDsiabledResizePanel) {
+      resizeTarget.dataset.is_resize_panel = "false";
+    }
+    resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
+    let notCloseList = containers.filter(
+      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
+    );
+    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
+    notCloseAndOpenTargetList.forEach((e) => {
+      e.style.transition = "flex 0.5s";
+      e.ontransitionend = (event) => {
+        if (event.propertyName != "flex-grow") {
+          return;
+        }
+        notCloseAndOpenTargetList.forEach(
+          (e2) => e2.style.transition = ""
+        );
+        e.ontransitionend = () => {
+        };
+      };
+      if (e == resizeTarget) {
+        e.dataset.grow = "0";
+        e.style.flex = `0 1 0%`;
+        return;
+      }
+      if (isResize) {
+        return;
+      }
+      let percent = getGrow(e) / containers.length;
+      if (notCloseList.length == 1) {
+        e.dataset.grow = containers.length.toString();
+        e.style.flex = `${containers.length} 1 0%`;
+        return;
+      }
+      e.dataset.grow = (containers.length * percent).toString();
+      e.style.flex = `${containers.length * percent} 1 0%`;
+    });
+    if (isResize) {
+      resize(notCloseList, containers.length);
+    }
+    resolve(resizeTarget);
+  });
+}
+function openFlex(resizeTarget, containers, {
+  isPrevSizeOpen = false,
+  isResize = false,
+  openGrowImportant = 0,
+  sizeName
+}) {
+  return new Promise((resolve) => {
+    if (!resizeTarget.hasAttribute("data-is_resize_panel")) ; else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
+      resizeTarget.dataset.is_resize_panel = "true";
+    }
+    let notCloseList = containers.filter(
+      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
+    );
+    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
+    let openTargetGrow = 1;
+    const sizeStyleName = "client" + sizeName.charAt(0).toUpperCase() + sizeName.substring(1);
+    const parentSize = sizeName && resizeTarget.parentElement && resizeTarget.parentElement[sizeStyleName] || 0;
+    if (isPrevSizeOpen && resizeTarget.hasAttribute("data-prev_grow")) {
+      openTargetGrow = parseFloat(resizeTarget.dataset.prev_grow || "1") || 1;
+    } else if (parentSize && parentSize !== 0) {
+      openTargetGrow = parentSize / notCloseList.length / (parentSize - 1) * containers.length;
+    } else {
+      openTargetGrow = 1;
+    }
+    if (openGrowImportant) {
+      openTargetGrow = openGrowImportant;
+    }
+    openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;
+    notCloseAndOpenTargetList.forEach((e) => {
+      e.style.transition = "flex 0.5s";
+      e.ontransitionend = (event) => {
+        if (event.propertyName != "flex-grow") {
+          return;
+        }
+        notCloseAndOpenTargetList.forEach(
+          (e2) => e2.style.transition = ""
+        );
+        e.ontransitionend = () => {
+        };
+      };
+      if (e == resizeTarget) {
+        resizeTarget.dataset.grow = openTargetGrow.toString();
+        resizeTarget.style.flex = `${openTargetGrow} 1 0%`;
+        return;
+      }
+      if (isResize) {
+        return;
+      }
+      let grow = parentSize / notCloseList.length / (parentSize - 1) * (containers.length - openTargetGrow);
+      grow = grow === Infinity ? 1 : grow;
+      e.dataset.grow = grow.toString();
+      e.style.flex = `${grow} 1 0%`;
+    });
+    if (isResize) {
+      resize(notCloseAndOpenTargetList, containers.length);
+    }
+    resolve(openTargetGrow);
+  });
+}
+
+export { closeFlex, findNotCloseFlexContent, getClientXy, getGrow, isDocumentOut, isOverMove, mathGrow, mathWeight, openFlex, remain, resize };
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"utils.js"}
+{"version":3,"sources":["../src/flex-layout/utils/FlexLayoutUtils.ts"],"names":["e"],"mappings":"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","file":"utils.js","sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n    if (typeof window == 'undefined') return;\r\n    const { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n    return (\r\n        x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n    );\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n    let clientX: number;\r\n    let clientY: number;\r\n    if (window.MouseEvent && event instanceof window.MouseEvent) {\r\n        clientX = event.clientX;\r\n        clientY = event.clientY;\r\n    } else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n        const _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n        clientX = _event!.touches[0].clientX;\r\n        clientY = _event!.touches[0].clientY;\r\n        lastTouchEvent = event;\r\n    } else {\r\n        return; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n    }\r\n    return { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n    return (\r\n        Math.floor(elementSize) <= 0 ||\r\n        (isNaN(elementMinSize)\r\n            ? false\r\n            : elementMinSize >= Math.floor(elementSize))\r\n    );\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n    target: HTMLElement | Element | null,\r\n    direction: 'previousElementSibling' | 'nextElementSibling'\r\n) {\r\n    if (!target) return target;\r\n    let _target = target as HTMLElement;\r\n    const isCloseCheck = () => {\r\n        let grow =\r\n            parseFloat(window.getComputedStyle(_target).flex.split(' ')[0]) ||\r\n            0;\r\n        if (grow == 0) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    };\r\n    while (isCloseCheck()) {\r\n        let nextTarget = _target[direction]?.[direction];\r\n        _target = nextTarget as HTMLElement;\r\n        if (!_target) {\r\n            break;\r\n        }\r\n    }\r\n    return _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n    return new Promise(resolve => {\r\n        let notGrowList: Array<HTMLElement> = [];\r\n        let totalGrow = flexContainerList.reduce((t, e, i) => {\r\n            if (e.hasAttribute('data-grow') == false) {\r\n                notGrowList.push(e);\r\n                return t;\r\n            }\r\n            let grow = parseFloat(e.dataset.grow || '');\r\n            e.style.flex = `${grow} 1 0%`;\r\n            t -= grow;\r\n            return t;\r\n        }, flexContainerList.length);\r\n\r\n        if (notGrowList.length != 0) {\r\n            resize(notGrowList, totalGrow);\r\n        }\r\n\r\n        resolve(flexContainerList);\r\n    });\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n    return new Promise(resolve => {\r\n        // totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n        let resizeWeight = totalGrow / list.length;\r\n        list.forEach(e => {\r\n            e.dataset.grow = resizeWeight.toString();\r\n            e.style.flex = `${resizeWeight} 1 0%`;\r\n        });\r\n        resolve(resizeWeight);\r\n    });\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n    return 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n    childSize: number,\r\n    parentSize: number,\r\n    containerCount: number\r\n) {\r\n    return containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(growTarget: HTMLElement | Element) {\r\n    const target =\r\n        growTarget instanceof Element\r\n            ? (growTarget as HTMLElement)\r\n            : growTarget;\r\n    return (\r\n        parseFloat(target.style.flex.split(' ')[0]) ||\r\n        parseFloat(target.dataset.grow || '')\r\n    );\r\n}\r\n\r\nexport function closeFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isResize = false,\r\n        isDsiabledResizePanel = false,\r\n        sizeName,\r\n    }: {\r\n        isResize?: boolean;\r\n        isDsiabledResizePanel?: boolean;\r\n        sizeName: 'width' | 'height';\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (isDsiabledResizePanel) {\r\n            resizeTarget.dataset.is_resize_panel = 'false';\r\n        }\r\n\r\n        resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                e.dataset.grow = '0';\r\n                e.style.flex = `0 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let percent = getGrow(e) / containers.length;\r\n            //let percentWeight = this.#forResizeList.length * percent;\r\n            //let remainWeight = resizeWeight * percent;\r\n            if (notCloseList.length == 1) {\r\n                e.dataset.grow = containers.length.toString();\r\n                e.style.flex = `${containers.length} 1 0%`;\r\n                return;\r\n            }\r\n            e.dataset.grow = (containers.length * percent).toString();\r\n            e.style.flex = `${containers.length * percent} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseList, containers.length);\r\n        }\r\n\r\n        resolve(resizeTarget);\r\n    });\r\n}\r\n\r\nexport function openFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isPrevSizeOpen = false,\r\n        isResize = false,\r\n        openGrowImportant = 0,\r\n        sizeName,\r\n    }: {\r\n        isPrevSizeOpen?: boolean;\r\n        isResize?: boolean;\r\n        openGrowImportant?: number;\r\n        sizeName?: 'width' | 'height'; // 유니언 타입으로 수정\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (\r\n            resizeTarget.hasAttribute('data-is_resize_panel') &&\r\n            resizeTarget.dataset.is_resize_panel == 'false'\r\n        ) {\r\n            resizeTarget.dataset.is_resize_panel = 'true';\r\n        }\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n        let openTargetGrow = 1;\r\n        const sizeStyleName = ('client' +\r\n            sizeName!.charAt(0).toUpperCase() +\r\n            sizeName!.substring(1)) as 'clientHeight' | 'clientWidth';\r\n        const parentSize =\r\n            (sizeName &&\r\n                resizeTarget.parentElement &&\r\n                resizeTarget.parentElement[sizeStyleName]) ||\r\n            0;\r\n        if (isPrevSizeOpen && resizeTarget.hasAttribute('data-prev_grow')) {\r\n            openTargetGrow =\r\n                parseFloat(resizeTarget.dataset.prev_grow || '1') || 1;\r\n            //resizeTarget.removeAttribute('data-prev_grow');\r\n        } else if (parentSize && parentSize !== 0) {\r\n            openTargetGrow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                containers.length;\r\n        } else {\r\n            openTargetGrow = 1;\r\n        }\r\n        if (openGrowImportant) {\r\n            openTargetGrow = openGrowImportant;\r\n        }\r\n        openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n        //notCloseList.forEach(e=>{\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                resizeTarget.dataset.grow = openTargetGrow.toString();\r\n                resizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let grow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                (containers.length - openTargetGrow);\r\n            grow = grow === Infinity ? 1 : grow;\r\n            //let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n            e.dataset.grow = grow.toString();\r\n\r\n            e.style.flex = `${grow} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseAndOpenTargetList, containers.length);\r\n        }\r\n\r\n        resolve(openTargetGrow);\r\n    });\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@byeolnaerim/flex-layout",
-	"version": "0.0.4",
+	"version": "0.0.6",
 	"type": "module",
 	"license": "Apache-2.0",
 	"author": "Joohyoung Kim (@oozu1994)",
@@ -34,6 +34,12 @@
 	"bugs": {
 		"url": "https://github.com/joohyoungkim19940805/flex-layout/issues"
 	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
 	"main": "./dist/index.cjs",
 	"module": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -41,45 +47,17 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js",
-			"require": "./dist/index.cjs"
-		},
-		"./components": {
-			"types": "./dist/components.d.ts",
-			"import": "./dist/components.js",
-			"require": "./dist/components.cjs"
-		},
-		"./hooks": {
-			"types": "./dist/hooks.d.ts",
-			"import": "./dist/hooks.js",
-			"require": "./dist/hooks.cjs"
-		},
-		"./providers": {
-			"types": "./dist/providers.d.ts",
-			"import": "./dist/providers.js",
-			"require": "./dist/providers.cjs"
-		},
-		"./utils": {
-			"types": "./dist/utils.d.ts",
-			"import": "./dist/utils.js",
-			"require": "./dist/utils.cjs"
+			"require": "./dist/index.cjs",
+			"default": "./dist/index.js"
 		},
-		"./store": {
-			"types": "./dist/store.d.ts",
-			"import": "./dist/store.js",
-			"require": "./dist/store.cjs"
-		}
+		"./package.json": "./package.json"
 	},
-	"files": [
-		"dist"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
 	"scripts": {
-		"build": "tsup && npm run copy:assets",
-		"copy:assets": "cpy \"**/*.css\" \"../dist\" --cwd=src --parents",
+		"build": "tsup && tsc -p tsconfig.build.json && npm run copy:assets",
+		"copy:assets": "cpy \"src/**/*.css\" \"dist\"",
 		"dev": "tsup --watch",
-		"prepack": "npm run build"
+		"prepack": "npm run build",
+		"prepare": "npm run build"
 	},
 	"devDependencies": {
 		"@types/react": "^18",
@@ -92,16 +70,11 @@
 		"typescript": "5.9.3"
 	},
 	"peerDependencies": {
-		"react": ">=19",
-		"react-dom": ">=19",
-		"rxjs": ">=7"
-	},
-	"peerDependenciesMeta": {
-		"rxjs": {
-			"optional": true
-		}
+		"react": ">=18",
+		"react-dom": ">=18"
 	},
 	"dependencies": {
-		"fast-deep-equal": "^3.1.3"
+		"fast-deep-equal": "^3.1.3",
+		"rxjs": ">=7"
 	}
 }

package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.cts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, MouseEvent, TouchEvent, CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
-
-interface FlexLayoutSplitScreenDragBoxProps<E extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    style?: CSSProperties;
-    navigationTitle?: string;
-    targetComponent?: ReactElement;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    children: ReactNode;
-    containerName: string;
-    screenKey?: string;
-    isBlockingActiveInput?: boolean;
-    customData?: Record<string, string | number | boolean | undefined>;
-    scrollTargetRef?: RefObject<E>;
-}
-interface DropDocumentOutsideOption {
-    openUrl: string;
-    widthRatio?: number;
-    heightRatio?: number;
-    isNewTap?: boolean;
-}
-declare function FlexLayoutSplitScreenDragBox<E extends HTMLElement>({ onMouseDown, onTouchStart, dropEndCallback, style, navigationTitle, targetComponent, containerName, children, className, dropDocumentOutsideOption, screenKey, isBlockingActiveInput, customData, scrollTargetRef, ...props }: FlexLayoutSplitScreenDragBoxProps): react_jsx_runtime.JSX.Element;
-
-export { type DropDocumentOutsideOption as D, FlexLayoutSplitScreenDragBox as F };

package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.ts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, MouseEvent, TouchEvent, CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
-
-interface FlexLayoutSplitScreenDragBoxProps<E extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    style?: CSSProperties;
-    navigationTitle?: string;
-    targetComponent?: ReactElement;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    children: ReactNode;
-    containerName: string;
-    screenKey?: string;
-    isBlockingActiveInput?: boolean;
-    customData?: Record<string, string | number | boolean | undefined>;
-    scrollTargetRef?: RefObject<E>;
-}
-interface DropDocumentOutsideOption {
-    openUrl: string;
-    widthRatio?: number;
-    heightRatio?: number;
-    isNewTap?: boolean;
-}
-declare function FlexLayoutSplitScreenDragBox<E extends HTMLElement>({ onMouseDown, onTouchStart, dropEndCallback, style, navigationTitle, targetComponent, containerName, children, className, dropDocumentOutsideOption, screenKey, isBlockingActiveInput, customData, scrollTargetRef, ...props }: FlexLayoutSplitScreenDragBoxProps): react_jsx_runtime.JSX.Element;
-
-export { type DropDocumentOutsideOption as D, FlexLayoutSplitScreenDragBox as F };

package/dist/chunk-3EDKZTM3.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-3EDKZTM3.js.map
-//# sourceMappingURL=chunk-3EDKZTM3.js.map

package/dist/chunk-3EDKZTM3.js.map

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