@byeolnaerim/flex-layout 0.0.9 → 0.0.12

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

@@ -1,206 +1 @@
-"use client";
-import equal from "fast-deep-equal";
-import { BehaviorSubject, combineLatest } from "rxjs";
-import { distinctUntilChanged, filter, map } from "rxjs/operators";
-function updateScrollStore(subject, newValue) {
-  const currentValue = subject.getValue();
-  if (!equal(currentValue, newValue)) {
-    subject.next(newValue);
-  }
-}
-function updateSplitScreenStore(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();
-  const { [layoutName]: _, ...rest } = current;
-  updateScrollStore(scrollPositionsSubject, rest);
-};
-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 removeRootSplitScreen = (rootName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  const { [rootName]: _, ...rest } = current;
-  updateSplitScreenStore(rest);
-};
-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 layoutRefs = currentRefs[layoutName] || {};
-  if (ref === null) {
-    if (!(containerName in layoutRefs)) return;
-    const { [containerName]: _, ...restLayout } = layoutRefs;
-    const next = Object.keys(restLayout).length === 0 ? (() => {
-      const { [layoutName]: __, ...rest } = currentRefs;
-      return rest;
-    })() : { ...currentRefs, [layoutName]: restLayout };
-    flexContainerStore.next(next);
-    return;
-  }
-  if (layoutRefs[containerName] === ref) return;
-  flexContainerStore.next({
-    ...currentRefs,
-    [layoutName]: { ...layoutRefs, [containerName]: ref }
-  });
-};
-const setResizePanelRef = (layoutName, containerName, ref) => {
-  const currentRefs = flexResizePanelStore.getValue();
-  const layoutRefs = currentRefs[layoutName] || {};
-  if (ref === null) {
-    if (!(containerName in layoutRefs)) return;
-    const { [containerName]: _, ...restLayout } = layoutRefs;
-    const next = Object.keys(restLayout).length === 0 ? (() => {
-      const { [layoutName]: __, ...rest } = currentRefs;
-      return rest;
-    })() : { ...currentRefs, [layoutName]: restLayout };
-    flexResizePanelStore.next(next);
-    return;
-  }
-  if (layoutRefs[containerName] === ref) return;
-  flexResizePanelStore.next({
-    ...currentRefs,
-    [layoutName]: { ...layoutRefs, [containerName]: ref }
-  });
-};
-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 && Object.keys(result.container).length > 0
-    )
-    // 빈 객체 제외
-  );
-};
-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,
-  removeRootSplitScreen,
-  removeScrollPosition,
-  removeSplitScreenChild,
-  resetRootSplitScreen,
-  scrollPositions,
-  setContainerRef,
-  setResizePanelRef,
-  setScrollPosition,
-  setSplitScreen
-};
-//# sourceMappingURL=FlexLayoutContainerStore.js.map
+"use client";import y from"fast-deep-equal/react";import{BehaviorSubject as x,combineLatest as P}from"rxjs";import{distinctUntilChanged as C,filter as a,map as l}from"rxjs/operators";function T(t,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};T(u,o)},z=t=>u.pipe(a(e=>e[t]!==void 0),l(e=>e[t]),C((e,n)=>e?.x===n?.x&&e?.y===n?.y)),k=t=>{const e=u.getValue(),{[t]:n,...r}=e;T(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]),C((n,r)=>{const o=c=>{const{children:i,component:S,targetComponent:d,x:f,y:j,...b}=c||{};return b};return y(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=>P([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,23 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var store_exports = {};
-module.exports = __toCommonJS(store_exports);
-__reExport(store_exports, require("./FlexLayoutContainerStore"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./FlexLayoutContainerStore")
-});
-//# 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")});

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

@@ -1,2 +1 @@
-export * from "./FlexLayoutContainerStore";
-//# sourceMappingURL=index.js.map
+export*from"./FlexLayoutContainerStore";