@byeolnaerim/flex-layout 0.0.8 → 0.0.10

package/dist/flex-layout/providers/FlexLayoutHooks.js

@@ -1,238 +1 @@
-import { useState, useEffect } from 'react';
-import { getLayoutInfos, flexContainerStore, getResizePanelRef } from '../store/FlexLayoutContainerStore';
-import { getGrow, mathGrow, openFlex, closeFlex } from '../utils/FlexLayoutUtils';
-import { Subject, map, filter, switchMap, EMPTY, fromEvent, buffer, debounceTime } from 'rxjs';
-
-const g = globalThis;
-g.__FLEX_SUBJECTS__ ?? (g.__FLEX_SUBJECTS__ = { openClose: {}, spread: {} });
-const containerOpenCloseSubjectMap = g.__FLEX_SUBJECTS__.openClose;
-const containerSpreadSubjectMap = g.__FLEX_SUBJECTS__.spread;
-const ContainerOpenCloseProvider = ({
-  layoutName,
-  containerName,
-  sizeName
-}) => {
-  if (!containerOpenCloseSubjectMap[containerName]) {
-    containerOpenCloseSubjectMap[containerName] = new Subject();
-  }
-  if (!containerSpreadSubjectMap[containerName]) {
-    containerSpreadSubjectMap[containerName] = new Subject();
-  }
-  const [containers, setContainers] = useState([]);
-  const [container, setContainer] = useState();
-  useEffect(() => {
-    const subscription = getLayoutInfos(layoutName).subscribe(
-      (layout) => {
-        if (!layout || !layout.container[containerName] || !layout.container[containerName].current)
-          return;
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-        setContainer(layout.container[containerName].current);
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [containerName, layoutName]);
-  useEffect(() => {
-    const styleName = `${sizeName.charAt(0).toUpperCase() + sizeName.substring(1)}`;
-    const clientSize = "client" + styleName;
-    const outerSize = "outer" + styleName;
-    const maxSize = "max" + styleName;
-    const subscribe = containerOpenCloseSubjectMap[containerName].subscribe(
-      ({
-        mode,
-        initOpenState: isOpenState,
-        onClose,
-        onOpen,
-        openOption = {},
-        closeOption = {}
-      }) => {
-        if (!container || containers.length === 0) return;
-        const currentGrow = getGrow(container);
-        const styleMap = window.getComputedStyle(container);
-        const maxSizeGrow = mathGrow(
-          parseInt(styleMap[maxSize]),
-          container.parentElement && container.parentElement[clientSize] || window[outerSize],
-          containers.length
-        );
-        const open = () => openFlex(container, containers, {
-          sizeName,
-          ...isNaN(maxSizeGrow) ? {} : {
-            openGrowImportant: maxSizeGrow
-          },
-          ...openOption
-        }).then((openTargetGrow) => {
-          if (onOpen) onOpen();
-          containerSpreadSubjectMap[containerName].next({
-            isOpen: true,
-            grow: openTargetGrow,
-            targetContainer: container
-          });
-        });
-        const close = () => closeFlex(container, containers, {
-          sizeName,
-          ...closeOption
-        }).then(() => {
-          if (onClose) onClose();
-          containerSpreadSubjectMap[containerName].next({
-            isOpen: false,
-            grow: 0,
-            targetContainer: container
-          });
-        });
-        if (mode === "toggle") {
-          if (currentGrow === 0) {
-            open();
-          } else {
-            close();
-          }
-        } else if (mode === "open") {
-          if (currentGrow === 0) {
-            open();
-          }
-        } else if (mode === "close") {
-          if (currentGrow !== 0) {
-            close();
-          }
-        }
-      }
-    );
-    return () => {
-      subscribe.unsubscribe();
-    };
-  }, [containerName, container, containers, sizeName]);
-  return null;
-};
-const useContainers = (layoutName) => {
-  const [containers, setContainers] = useState([]);
-  useEffect(() => {
-    const subscription = getLayoutInfos(layoutName).subscribe(
-      (layout) => {
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [layoutName]);
-  return containers;
-};
-const useLayoutName = (containerName) => {
-  const [layoutName, setLayoutName] = useState();
-  useEffect(() => {
-    const subscribe = flexContainerStore.pipe(
-      map(
-        (layouts) => Object.entries(layouts).filter(([_, v]) => v[containerName]).map(([k]) => k)[0]
-        // 첫 번째 결과 가져오기
-      )
-    ).subscribe(setLayoutName);
-    return () => subscribe.unsubscribe();
-  }, [containerName]);
-  return layoutName;
-};
-const useDecompositionLayout = ({
-  layoutName: initialLayoutName,
-  containerName
-}) => {
-  const derivedLayoutName = useLayoutName(containerName);
-  const finalLayoutName = initialLayoutName || derivedLayoutName;
-  const [containers, setContainers] = useState([]);
-  const [container, setContainer] = useState();
-  const [resizePanel, setResizePanel] = useState();
-  useEffect(() => {
-    if (!finalLayoutName) return;
-    const subscription = getLayoutInfos(finalLayoutName).subscribe(
-      (layout) => {
-        if (!layout) return;
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-        if (containerName && layout.container[containerName] && layout.container[containerName].current) {
-          setContainer(layout.container[containerName].current);
-          if (layout.resizePanel[containerName] && layout.resizePanel[containerName].current) {
-            setResizePanel(
-              layout.resizePanel[containerName].current
-            );
-          }
-        }
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [containerName, finalLayoutName]);
-  return { layout: containers, container, resizePanel };
-};
-const useContainerSize = (containerName) => {
-  const { layout, container, resizePanel } = useDecompositionLayout({
-    containerName
-  });
-  const [size, setSize] = useState();
-  useEffect(() => {
-    if (!container) return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setSize({
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
-        });
-      }
-    });
-    observer.observe(container);
-    return () => observer.disconnect();
-  }, [container]);
-  return { size };
-};
-const useDoubleClick = (containerName, opt) => {
-  const [isOpen, setIsOpen] = useState();
-  const [isDoubleClick, setIsDoubleClick] = useState();
-  useEffect(() => {
-    const resizePanelClickEvent = getResizePanelRef({
-      containerName
-    }).pipe(
-      filter(
-        (resizePanelref) => resizePanelref != void 0 && resizePanelref.current != void 0
-      ),
-      //take(1),
-      switchMap((resizePanelref) => {
-        if (!resizePanelref || !resizePanelref.current) return EMPTY;
-        return fromEvent(resizePanelref.current, "click");
-      })
-    );
-    const subscribe = resizePanelClickEvent.pipe(
-      buffer(resizePanelClickEvent.pipe(debounceTime(500))),
-      filter((clickEventArray) => clickEventArray.length >= 2),
-      map((events) => {
-        containerOpenCloseSubjectMap[containerName].next({
-          ...opt,
-          openOption: {
-            ...opt.openOption,
-            isPrevSizeOpen: false
-          },
-          onClose: () => {
-            if (opt.onClose) opt.onClose();
-            setIsOpen(false);
-            setIsDoubleClick(true);
-          },
-          onOpen: () => {
-            if (opt.onOpen) opt.onOpen();
-            setIsOpen(true);
-            setIsDoubleClick(true);
-          }
-        });
-      })
-    ).subscribe();
-    return () => {
-      subscribe.unsubscribe();
-    };
-  }, [containerName]);
-  return { isOpen, isDoubleClick, setIsDoubleClick };
-};
-
-export { ContainerOpenCloseProvider, containerOpenCloseSubjectMap, containerSpreadSubjectMap, useContainerSize, useContainers, useDecompositionLayout, useDoubleClick, useLayoutName };
-//# sourceMappingURL=FlexLayoutHooks.js.map
-//# sourceMappingURL=FlexLayoutHooks.js.map
+"use client";import{useEffect as a,useState as l}from"react";import{flexContainerStore as k,getLayoutInfos as E,getResizePanelRef as D}from"../store/FlexLayoutContainerStore";import{closeFlex as I,getGrow as y,mathGrow as G,openFlex as F}from"../utils/FlexLayoutUtils";import{buffer as M,debounceTime as z,EMPTY as q,filter as O,fromEvent as U,map as B,Subject as v,switchMap as J}from"rxjs";const g=globalThis;g.__FLEX_SUBJECTS__??(g.__FLEX_SUBJECTS__={openClose:{},spread:{}});const C=g.__FLEX_SUBJECTS__.openClose,S=g.__FLEX_SUBJECTS__.spread,V=({layoutName:n,containerName:e,sizeName:r})=>{C[e]||(C[e]=new v),S[e]||(S[e]=new v);const[s,o]=l([]),[t,c]=l();return a(()=>{const u=E(n).subscribe(i=>{!i||!i.container[e]||!i.container[e].current||(o(Object.values(i.container).filter(b=>b.current!==null).map(b=>b.current)),c(i.container[e].current))});return()=>u.unsubscribe()},[e,n]),a(()=>{const u=`${r.charAt(0).toUpperCase()+r.substring(1)}`,i="client"+u,b="outer"+u,h="max"+u,p=C[e].subscribe(({mode:f,initOpenState:$,onClose:m,onOpen:w,openOption:R={},closeOption:H={}})=>{if(!t||s.length===0)return;const d=y(t),P=window.getComputedStyle(t),x=G(parseInt(P[h]),t.parentElement&&t.parentElement[i]||window[b],s.length),L=()=>F(t,s,{sizeName:r,...isNaN(x)?{}:{openGrowImportant:x},...R}).then(j=>{w&&w(),S[e].next({isOpen:!0,grow:j,targetContainer:t})}),T=()=>I(t,s,{sizeName:r,...H}).then(()=>{m&&m(),S[e].next({isOpen:!1,grow:0,targetContainer:t})});f==="toggle"?d===0?L():T():f==="open"?d===0&&L():f==="close"&&d!==0&&T()});return()=>{p.unsubscribe()}},[e,t,s,r]),null},Z=n=>{const[e,r]=l([]);return a(()=>{const s=E(n).subscribe(o=>{r(Object.values(o.container).filter(t=>t.current!==null).map(t=>t.current))});return()=>s.unsubscribe()},[n]),e},W=n=>{const[e,r]=l();return a(()=>{const s=k.pipe(B(o=>Object.entries(o).filter(([t,c])=>c[n]).map(([t])=>t)[0])).subscribe(r);return()=>s.unsubscribe()},[n]),e},X=({layoutName:n,containerName:e})=>{const r=W(e),s=n||r,[o,t]=l([]),[c,u]=l(),[i,b]=l();return a(()=>{if(!s)return;const h=E(s).subscribe(p=>{p&&(t(Object.values(p.container).filter(f=>f.current!==null).map(f=>f.current)),e&&p.container[e]&&p.container[e].current&&(u(p.container[e].current),p.resizePanel[e]&&p.resizePanel[e].current&&b(p.resizePanel[e].current)))});return()=>h.unsubscribe()},[e,s]),{layout:o,container:c,resizePanel:i}},N=n=>{const{layout:e,container:r,resizePanel:s}=X({containerName:n}),[o,t]=l();return a(()=>{if(!r)return;const c=new ResizeObserver(u=>{for(const i of u)t({width:i.contentRect.width,height:i.contentRect.height})});return c.observe(r),()=>c.disconnect()},[r]),{size:o}},_=n=>D({containerName:n}).pipe(O(e=>e!=null&&e.current!=null),J(e=>!e||!e.current?q:U(e.current,"click"))),ee=(n,e)=>{const[r,s]=l(),[o,t]=l();return a(()=>{const c=_(n),u=c.pipe(M(c.pipe(z(500))),O(i=>i.length>=2)).subscribe(()=>{C[n].next({...e,openOption:{...e.openOption,isPrevSizeOpen:!1},onClose:()=>{e.onClose&&e.onClose(),s(!1),t(!0)},onOpen:()=>{e.onOpen&&e.onOpen(),s(!0),t(!0)}})});return()=>{u.unsubscribe()}},[n]),{isOpen:r,isDoubleClick:o,setIsDoubleClick:t}},te=n=>{const[e,r]=l();return a(()=>{const s=_(n),o=s.pipe(M(s.pipe(z(500))),O(t=>t.length>=2)).subscribe(()=>{r(!0)});return()=>{o.unsubscribe()}},[n]),{isDoubleClick:e,setIsDoubleClick:r}};export{V as ContainerOpenCloseProvider,C as containerOpenCloseSubjectMap,S as containerSpreadSubjectMap,N as useContainerSize,Z as useContainers,X as useDecompositionLayout,te as useDoubleClick,ee as useDoubleClickToggle,W as useLayoutName};

package/dist/flex-layout/providers/index.cjs

@@ -1,14 +1 @@
-'use strict';
-
-var FlexLayoutHooks = require('./FlexLayoutHooks');
-
-
-
-Object.keys(FlexLayoutHooks).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return FlexLayoutHooks[k]; }
-	});
-});
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./FlexLayoutHooks"),module.exports);0&&(module.exports={...require("./FlexLayoutHooks")});

package/dist/flex-layout/providers/index.js

@@ -1,3 +1 @@
-export * from './FlexLayoutHooks';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export*from"./FlexLayoutHooks";

package/dist/flex-layout/store/FlexLayoutContainerStore.cjs

@@ -1,203 +1 @@
-'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);
-
-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);
-  }
-}
-const scrollPositions = {};
-const scrollPositionsSubject = new rxjs.BehaviorSubject(scrollPositions);
-const 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);
-};
-const 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
-    )
-  );
-};
-const removeScrollPosition = (layoutName) => {
-  const current = scrollPositionsSubject.getValue();
-  delete current[layoutName];
-  const newPositions = { ...current };
-  updateScrollStore(scrollPositionsSubject, newPositions);
-};
-const layoutSplitScreenStore = new rxjs.BehaviorSubject({});
-const setSplitScreen = (rootName, layoutName, newComponents) => {
-  const current = layoutSplitScreenStore.getValue();
-  const updatedLayout = { ...current[rootName] || {} };
-  updatedLayout[layoutName] = newComponents;
-  const newStoreValue = {
-    ...current,
-    [rootName]: updatedLayout
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const resetRootSplitScreen = (rootName) => {
-  const current = layoutSplitScreenStore.getValue();
-  const newStoreValue = {
-    ...current,
-    [rootName]: {}
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const 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);
-};
-const getCurrentSplitScreenComponents = (rootName, layoutName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  return current[rootName][layoutName];
-};
-const 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));
-    })
-  );
-};
-const flexContainerStore = new rxjs.BehaviorSubject({});
-const flexResizePanelStore = new rxjs.BehaviorSubject({});
-const 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);
-};
-const 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);
-};
-const 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)
-    // 빈 객체 제외
-  );
-};
-const 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)
-  );
-};
-const 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=FlexLayoutContainerStore.cjs.map
-//# sourceMappingURL=FlexLayoutContainerStore.cjs.map
+"use strict";"use client";var m=Object.create;var a=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},T=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of L(e))!h.call(t,o)&&o!==n&&a(t,o,{get:()=>e[o],enumerable:!(r=V(e,o))||r.enumerable});return t};var O=(t,e,n)=>(n=t!=null?m(j(t)):{},T(e||!t||!t.__esModule?a(n,"default",{value:t,enumerable:!0}):n,t)),w=t=>T(a({},"__esModule",{value:!0}),t);var J={};D(J,{flexContainerStore:()=>u,flexResizePanelStore:()=>p,getContainerRef:()=>F,getCurrentSplitScreenComponents:()=>B,getLayoutInfos:()=>A,getResizePanelRef:()=>G,getScrollPosition:()=>v,getSplitScreen:()=>q,layoutSplitScreenStore:()=>i,removeRootSplitScreen:()=>H,removeScrollPosition:()=>z,removeSplitScreenChild:()=>M,resetRootSplitScreen:()=>E,scrollPositions:()=>P,setContainerRef:()=>I,setResizePanelRef:()=>U,setScrollPosition:()=>_,setSplitScreen:()=>k});module.exports=w(J);var d=O(require("fast-deep-equal"),1),c=require("rxjs"),s=require("rxjs/operators");function y(t,e){const n=t.getValue();(0,d.default)(n,e)||t.next(e)}function R(t){i.next(t)}const P={},S=new c.BehaviorSubject(P),_=(t,e)=>{const n=S.getValue(),r=n[t];if(r&&r.x===e.x&&r.y===e.y)return;const o={...n,[t]:e};y(S,o)},v=t=>S.pipe((0,s.filter)(e=>e[t]!==void 0),(0,s.map)(e=>e[t]),(0,s.distinctUntilChanged)((e,n)=>e?.x===n?.x&&e?.y===n?.y)),z=t=>{const e=S.getValue(),{[t]:n,...r}=e;y(S,r)},i=new c.BehaviorSubject({}),k=(t,e,n)=>{const r=i.getValue(),o={...r[t]||{}};o[e]=n;const g={...r,[t]:o};R(g)},E=t=>{const n={...i.getValue(),[t]:{}};R(n)},H=t=>{const e=i.getValue();if(!e[t])return;const{[t]:n,...r}=e;R(r)},M=(t,e)=>{const n=i.getValue();if(!n[t])return;const r={...n[t]};delete r[e];const o={...n,[t]:r};R(o)},B=(t,e)=>{const n=i.getValue();if(n[t])return n[t][e]},q=(t,e)=>i.pipe((0,s.map)(n=>n[t]?.[e]),(0,s.distinctUntilChanged)((n,r)=>{const o=g=>{const{children:l,component:f,targetComponent:C,x,y:K,...b}=g||{};return b};return(0,d.default)(o(n),o(r))})),u=new c.BehaviorSubject({}),p=new c.BehaviorSubject({}),I=(t,e,n)=>{const r=u.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:C,...x}=r;return x})():{...r,[t]:l};u.next(f);return}o[e]!==n&&u.next({...r,[t]:{...o,[e]:n}})},U=(t,e,n)=>{const r=p.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:C,...x}=r;return x})():{...r,[t]:l};p.next(f);return}o[e]!==n&&p.next({...r,[t]:{...o,[e]:n}})},A=t=>(0,c.combineLatest)([u,p]).pipe((0,s.map)(([e,n])=>{const r=e[t]||{},o=n[t]||{};return{container:r,resizePanel:o}}),(0,s.filter)(e=>e.container!==null&&Object.keys(e.container).length>0)),F=({containerName:t,layoutName:e})=>u.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null)),G=({containerName:t,layoutName:e})=>p.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null));0&&(module.exports={flexContainerStore,flexResizePanelStore,getContainerRef,getCurrentSplitScreenComponents,getLayoutInfos,getResizePanelRef,getScrollPosition,getSplitScreen,layoutSplitScreenStore,removeRootSplitScreen,removeScrollPosition,removeSplitScreenChild,resetRootSplitScreen,scrollPositions,setContainerRef,setResizePanelRef,setScrollPosition,setSplitScreen});

package/dist/flex-layout/store/FlexLayoutContainerStore.d.ts

@@ -27,6 +27,7 @@ export type LayoutSplitScreenState = Record<string, Record<string, SplitScreenCo
 export declare const layoutSplitScreenStore: BehaviorSubject<LayoutSplitScreenState>;
 export declare const setSplitScreen: (rootName: string, layoutName: string, newComponents: SplitScreenComponents) => void;
 export declare const resetRootSplitScreen: (rootName: string) => void;
+export declare const removeRootSplitScreen: (rootName: string) => void;
 export declare const removeSplitScreenChild: (rootName: string, layoutName: string) => void;
 export declare const getCurrentSplitScreenComponents: (rootName: string, layoutName: string) => SplitScreenComponents | undefined;
 export declare const getSplitScreen: (rootName: string, layoutName: string) => import("rxjs").Observable<SplitScreenComponents>;

package/dist/flex-layout/store/FlexLayoutContainerStore.js

@@ -1,181 +1 @@
-import equal from 'fast-deep-equal';
-import { BehaviorSubject, combineLatest } from 'rxjs';
-import { filter, map, distinctUntilChanged } from 'rxjs/operators';
-
-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);
-  }
-}
-const scrollPositions = {};
-const scrollPositionsSubject = new BehaviorSubject(scrollPositions);
-const 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);
-};
-const 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
-    )
-  );
-};
-const removeScrollPosition = (layoutName) => {
-  const current = scrollPositionsSubject.getValue();
-  delete current[layoutName];
-  const newPositions = { ...current };
-  updateScrollStore(scrollPositionsSubject, newPositions);
-};
-const layoutSplitScreenStore = new BehaviorSubject({});
-const setSplitScreen = (rootName, layoutName, newComponents) => {
-  const current = layoutSplitScreenStore.getValue();
-  const updatedLayout = { ...current[rootName] || {} };
-  updatedLayout[layoutName] = newComponents;
-  const newStoreValue = {
-    ...current,
-    [rootName]: updatedLayout
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const resetRootSplitScreen = (rootName) => {
-  const current = layoutSplitScreenStore.getValue();
-  const newStoreValue = {
-    ...current,
-    [rootName]: {}
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const 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);
-};
-const getCurrentSplitScreenComponents = (rootName, layoutName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  return current[rootName][layoutName];
-};
-const 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));
-    })
-  );
-};
-const flexContainerStore = new BehaviorSubject({});
-const flexResizePanelStore = new BehaviorSubject({});
-const 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);
-};
-const 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);
-};
-const 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)
-    // 빈 객체 제외
-  );
-};
-const 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)
-  );
-};
-const 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=FlexLayoutContainerStore.js.map
-//# sourceMappingURL=FlexLayoutContainerStore.js.map
+"use client";import C from"fast-deep-equal";import{BehaviorSubject as x,combineLatest as b}from"rxjs";import{distinctUntilChanged as T,filter as a,map as l}from"rxjs/operators";function y(t,e){const n=t.getValue();C(n,e)||t.next(e)}function R(t){s.next(t)}const m={},u=new x(m),v=(t,e)=>{const n=u.getValue(),r=n[t];if(r&&r.x===e.x&&r.y===e.y)return;const o={...n,[t]:e};y(u,o)},z=t=>u.pipe(a(e=>e[t]!==void 0),l(e=>e[t]),T((e,n)=>e?.x===n?.x&&e?.y===n?.y)),k=t=>{const e=u.getValue(),{[t]:n,...r}=e;y(u,r)},s=new x({}),E=(t,e,n)=>{const r=s.getValue(),o={...r[t]||{}};o[e]=n;const c={...r,[t]:o};R(c)},H=t=>{const n={...s.getValue(),[t]:{}};R(n)},M=t=>{const e=s.getValue();if(!e[t])return;const{[t]:n,...r}=e;R(r)},B=(t,e)=>{const n=s.getValue();if(!n[t])return;const r={...n[t]};delete r[e];const o={...n,[t]:r};R(o)},q=(t,e)=>{const n=s.getValue();if(n[t])return n[t][e]},I=(t,e)=>s.pipe(l(n=>n[t]?.[e]),T((n,r)=>{const o=c=>{const{children:i,component:S,targetComponent:d,x:f,y:V,...P}=c||{};return P};return C(o(n),o(r))})),p=new x({}),g=new x({}),U=(t,e,n)=>{const r=p.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:c,...i}=o,S=Object.keys(i).length===0?(()=>{const{[t]:d,...f}=r;return f})():{...r,[t]:i};p.next(S);return}o[e]!==n&&p.next({...r,[t]:{...o,[e]:n}})},A=(t,e,n)=>{const r=g.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:c,...i}=o,S=Object.keys(i).length===0?(()=>{const{[t]:d,...f}=r;return f})():{...r,[t]:i};g.next(S);return}o[e]!==n&&g.next({...r,[t]:{...o,[e]:n}})},F=t=>b([p,g]).pipe(l(([e,n])=>{const r=e[t]||{},o=n[t]||{};return{container:r,resizePanel:o}}),a(e=>e.container!==null&&Object.keys(e.container).length>0)),G=({containerName:t,layoutName:e})=>p.pipe(l(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),a(n=>n!==null)),J=({containerName:t,layoutName:e})=>g.pipe(l(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),a(n=>n!==null));export{p as flexContainerStore,g as flexResizePanelStore,G as getContainerRef,q as getCurrentSplitScreenComponents,F as getLayoutInfos,J as getResizePanelRef,z as getScrollPosition,I as getSplitScreen,s as layoutSplitScreenStore,M as removeRootSplitScreen,k as removeScrollPosition,B as removeSplitScreenChild,H as resetRootSplitScreen,m as scrollPositions,U as setContainerRef,A as setResizePanelRef,v as setScrollPosition,E as setSplitScreen};

package/dist/flex-layout/store/index.cjs

@@ -1,14 +1 @@
-'use strict';
-
-var FlexLayoutContainerStore = require('./FlexLayoutContainerStore');
-
-
-
-Object.keys(FlexLayoutContainerStore).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return FlexLayoutContainerStore[k]; }
-	});
-});
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./FlexLayoutContainerStore"),module.exports);0&&(module.exports={...require("./FlexLayoutContainerStore")});