@byeolnaerim/flex-layout 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/dist/flex-layout/components/FlexLayout.cjs +1 -110
  2. package/dist/flex-layout/components/FlexLayout.js +1 -85
  3. package/dist/flex-layout/components/FlexLayoutContainer.cjs +1 -262
  4. package/dist/flex-layout/components/FlexLayoutContainer.js +1 -232
  5. package/dist/flex-layout/components/FlexLayoutIFramePane.cjs +1 -68
  6. package/dist/flex-layout/components/FlexLayoutIFramePane.js +1 -44
  7. package/dist/flex-layout/components/FlexLayoutResizePanel.cjs +1 -246
  8. package/dist/flex-layout/components/FlexLayoutResizePanel.js +1 -216
  9. package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs +1 -1252
  10. package/dist/flex-layout/components/FlexLayoutSplitScreen.js +1 -1236
  11. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs +1 -532
  12. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js +1 -509
  13. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs +1 -55
  14. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js +1 -25
  15. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs +1 -63
  16. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js +1 -33
  17. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs +1 -53
  18. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js +1 -23
  19. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs +1 -133
  20. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js +1 -107
  21. package/dist/flex-layout/components/FlexLayoutStickyBox.cjs +1 -245
  22. package/dist/flex-layout/components/FlexLayoutStickyBox.js +1 -229
  23. package/dist/flex-layout/components/index.cjs +1 -57
  24. package/dist/flex-layout/components/index.js +1 -17
  25. package/dist/flex-layout/hooks/index.cjs +1 -25
  26. package/dist/flex-layout/hooks/index.js +1 -3
  27. package/dist/flex-layout/hooks/useDrag.cjs +1 -289
  28. package/dist/flex-layout/hooks/useDrag.d.ts +15 -0
  29. package/dist/flex-layout/hooks/useDrag.js +1 -258
  30. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs +1 -139
  31. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js +1 -118
  32. package/dist/flex-layout/hooks/useListPaging.cjs +1 -212
  33. package/dist/flex-layout/hooks/useListPaging.js +1 -191
  34. package/dist/flex-layout/hooks/useSizes.cjs +1 -126
  35. package/dist/flex-layout/hooks/useSizes.js +1 -101
  36. package/dist/flex-layout/index.cjs +1 -31
  37. package/dist/flex-layout/index.js +1 -6
  38. package/dist/flex-layout/providers/FlexLayoutContext.cjs +1 -49
  39. package/dist/flex-layout/providers/FlexLayoutContext.js +1 -24
  40. package/dist/flex-layout/providers/FlexLayoutHooks.cjs +1 -276
  41. package/dist/flex-layout/providers/FlexLayoutHooks.d.ts +5 -1
  42. package/dist/flex-layout/providers/FlexLayoutHooks.js +1 -263
  43. package/dist/flex-layout/providers/index.cjs +1 -23
  44. package/dist/flex-layout/providers/index.js +1 -2
  45. package/dist/flex-layout/store/FlexLayoutContainerStore.cjs +1 -257
  46. package/dist/flex-layout/store/FlexLayoutContainerStore.js +1 -206
  47. package/dist/flex-layout/store/index.cjs +1 -23
  48. package/dist/flex-layout/store/index.js +1 -2
  49. package/dist/flex-layout/styles/FlexLayout.module.css +473 -416
  50. package/dist/flex-layout/types/FlexDirectionTypes.cjs +1 -17
  51. package/dist/flex-layout/types/FlexDirectionTypes.js +0 -1
  52. package/dist/flex-layout/types/FlexLayoutTypes.cjs +1 -17
  53. package/dist/flex-layout/types/FlexLayoutTypes.js +0 -1
  54. package/dist/flex-layout/utils/FlexLayoutUtils.cjs +1 -245
  55. package/dist/flex-layout/utils/FlexLayoutUtils.js +1 -211
  56. package/dist/flex-layout/utils/index.cjs +1 -23
  57. package/dist/flex-layout/utils/index.js +1 -2
  58. package/dist/index.cjs +1 -23
  59. package/dist/index.js +1 -2
  60. package/dist/types/css.d.cjs +0 -1
  61. package/dist/types/css.d.js +0 -1
  62. package/package.json +116 -113
  63. package/dist/flex-layout/components/FlexLayout.cjs.map +0 -1
  64. package/dist/flex-layout/components/FlexLayout.js.map +0 -1
  65. package/dist/flex-layout/components/FlexLayoutContainer.cjs.map +0 -1
  66. package/dist/flex-layout/components/FlexLayoutContainer.js.map +0 -1
  67. package/dist/flex-layout/components/FlexLayoutIFramePane.cjs.map +0 -1
  68. package/dist/flex-layout/components/FlexLayoutIFramePane.js.map +0 -1
  69. package/dist/flex-layout/components/FlexLayoutResizePanel.cjs.map +0 -1
  70. package/dist/flex-layout/components/FlexLayoutResizePanel.js.map +0 -1
  71. package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs.map +0 -1
  72. package/dist/flex-layout/components/FlexLayoutSplitScreen.js.map +0 -1
  73. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs.map +0 -1
  74. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js.map +0 -1
  75. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs.map +0 -1
  76. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js.map +0 -1
  77. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs.map +0 -1
  78. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js.map +0 -1
  79. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs.map +0 -1
  80. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js.map +0 -1
  81. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs.map +0 -1
  82. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js.map +0 -1
  83. package/dist/flex-layout/components/FlexLayoutStickyBox.cjs.map +0 -1
  84. package/dist/flex-layout/components/FlexLayoutStickyBox.js.map +0 -1
  85. package/dist/flex-layout/components/index.cjs.map +0 -1
  86. package/dist/flex-layout/components/index.js.map +0 -1
  87. package/dist/flex-layout/hooks/index.cjs.map +0 -1
  88. package/dist/flex-layout/hooks/index.js.map +0 -1
  89. package/dist/flex-layout/hooks/useDrag.cjs.map +0 -1
  90. package/dist/flex-layout/hooks/useDrag.js.map +0 -1
  91. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs.map +0 -1
  92. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js.map +0 -1
  93. package/dist/flex-layout/hooks/useListPaging.cjs.map +0 -1
  94. package/dist/flex-layout/hooks/useListPaging.js.map +0 -1
  95. package/dist/flex-layout/hooks/useSizes.cjs.map +0 -1
  96. package/dist/flex-layout/hooks/useSizes.js.map +0 -1
  97. package/dist/flex-layout/index.cjs.map +0 -1
  98. package/dist/flex-layout/index.js.map +0 -1
  99. package/dist/flex-layout/providers/FlexLayoutContext.cjs.map +0 -1
  100. package/dist/flex-layout/providers/FlexLayoutContext.js.map +0 -1
  101. package/dist/flex-layout/providers/FlexLayoutHooks.cjs.map +0 -1
  102. package/dist/flex-layout/providers/FlexLayoutHooks.js.map +0 -1
  103. package/dist/flex-layout/providers/index.cjs.map +0 -1
  104. package/dist/flex-layout/providers/index.js.map +0 -1
  105. package/dist/flex-layout/store/FlexLayoutContainerStore.cjs.map +0 -1
  106. package/dist/flex-layout/store/FlexLayoutContainerStore.js.map +0 -1
  107. package/dist/flex-layout/store/index.cjs.map +0 -1
  108. package/dist/flex-layout/store/index.js.map +0 -1
  109. package/dist/flex-layout/types/FlexDirectionTypes.cjs.map +0 -1
  110. package/dist/flex-layout/types/FlexDirectionTypes.js.map +0 -1
  111. package/dist/flex-layout/types/FlexLayoutTypes.cjs.map +0 -1
  112. package/dist/flex-layout/types/FlexLayoutTypes.js.map +0 -1
  113. package/dist/flex-layout/utils/FlexLayoutUtils.cjs.map +0 -1
  114. package/dist/flex-layout/utils/FlexLayoutUtils.js.map +0 -1
  115. package/dist/flex-layout/utils/index.cjs.map +0 -1
  116. package/dist/flex-layout/utils/index.js.map +0 -1
  117. package/dist/index.cjs.map +0 -1
  118. package/dist/index.js.map +0 -1
  119. package/dist/metafile-cjs.json +0 -1
  120. package/dist/metafile-esm.json +0 -1
  121. package/dist/types/css.d.cjs.map +0 -1
  122. package/dist/types/css.d.js.map +0 -1
@@ -1,257 +1 @@
1
- "use strict";
2
- "use client";
3
- var __create = Object.create;
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __export = (target, all) => {
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from))
16
- if (!__hasOwnProp.call(to, key) && key !== except)
17
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
- }
19
- return to;
20
- };
21
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
- // If the importer is in node compatibility mode or this is not an ESM
23
- // file that has been converted to a CommonJS file using a Babel-
24
- // compatible transform (i.e. "__esModule" has not been set), then set
25
- // "default" to the CommonJS "module.exports" for node compatibility.
26
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
27
- mod
28
- ));
29
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
30
- var FlexLayoutContainerStore_exports = {};
31
- __export(FlexLayoutContainerStore_exports, {
32
- flexContainerStore: () => flexContainerStore,
33
- flexResizePanelStore: () => flexResizePanelStore,
34
- getContainerRef: () => getContainerRef,
35
- getCurrentSplitScreenComponents: () => getCurrentSplitScreenComponents,
36
- getLayoutInfos: () => getLayoutInfos,
37
- getResizePanelRef: () => getResizePanelRef,
38
- getScrollPosition: () => getScrollPosition,
39
- getSplitScreen: () => getSplitScreen,
40
- layoutSplitScreenStore: () => layoutSplitScreenStore,
41
- removeRootSplitScreen: () => removeRootSplitScreen,
42
- removeScrollPosition: () => removeScrollPosition,
43
- removeSplitScreenChild: () => removeSplitScreenChild,
44
- resetRootSplitScreen: () => resetRootSplitScreen,
45
- scrollPositions: () => scrollPositions,
46
- setContainerRef: () => setContainerRef,
47
- setResizePanelRef: () => setResizePanelRef,
48
- setScrollPosition: () => setScrollPosition,
49
- setSplitScreen: () => setSplitScreen
50
- });
51
- module.exports = __toCommonJS(FlexLayoutContainerStore_exports);
52
- var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
53
- var import_rxjs = require("rxjs");
54
- var import_operators = require("rxjs/operators");
55
- function updateScrollStore(subject, newValue) {
56
- const currentValue = subject.getValue();
57
- if (!(0, import_fast_deep_equal.default)(currentValue, newValue)) {
58
- subject.next(newValue);
59
- }
60
- }
61
- function updateSplitScreenStore(newValue) {
62
- layoutSplitScreenStore.next(newValue);
63
- }
64
- const scrollPositions = {};
65
- const scrollPositionsSubject = new import_rxjs.BehaviorSubject(scrollPositions);
66
- const setScrollPosition = (layoutName, position) => {
67
- const current = scrollPositionsSubject.getValue();
68
- const prevPos = current[layoutName];
69
- if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
70
- return;
71
- }
72
- const newPositions = {
73
- ...current,
74
- [layoutName]: position
75
- };
76
- updateScrollStore(scrollPositionsSubject, newPositions);
77
- };
78
- const getScrollPosition = (layoutName) => {
79
- return scrollPositionsSubject.pipe(
80
- // 해당 layoutName이 정의되지 않았을 때는 제외
81
- (0, import_operators.filter)((e) => e[layoutName] !== void 0),
82
- (0, import_operators.map)((positions) => positions[layoutName]),
83
- (0, import_operators.distinctUntilChanged)(
84
- (prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
85
- )
86
- );
87
- };
88
- const removeScrollPosition = (layoutName) => {
89
- const current = scrollPositionsSubject.getValue();
90
- const { [layoutName]: _, ...rest } = current;
91
- updateScrollStore(scrollPositionsSubject, rest);
92
- };
93
- const layoutSplitScreenStore = new import_rxjs.BehaviorSubject({});
94
- const setSplitScreen = (rootName, layoutName, newComponents) => {
95
- const current = layoutSplitScreenStore.getValue();
96
- const updatedLayout = { ...current[rootName] || {} };
97
- updatedLayout[layoutName] = newComponents;
98
- const newStoreValue = {
99
- ...current,
100
- [rootName]: updatedLayout
101
- };
102
- updateSplitScreenStore(newStoreValue);
103
- };
104
- const resetRootSplitScreen = (rootName) => {
105
- const current = layoutSplitScreenStore.getValue();
106
- const newStoreValue = {
107
- ...current,
108
- [rootName]: {}
109
- };
110
- updateSplitScreenStore(newStoreValue);
111
- };
112
- const removeRootSplitScreen = (rootName) => {
113
- const current = layoutSplitScreenStore.getValue();
114
- if (!current[rootName]) return;
115
- const { [rootName]: _, ...rest } = current;
116
- updateSplitScreenStore(rest);
117
- };
118
- const removeSplitScreenChild = (rootName, layoutName) => {
119
- const current = layoutSplitScreenStore.getValue();
120
- if (!current[rootName]) return;
121
- const updatedLayout = { ...current[rootName] };
122
- delete updatedLayout[layoutName];
123
- const newStoreValue = {
124
- ...current,
125
- [rootName]: updatedLayout
126
- };
127
- updateSplitScreenStore(newStoreValue);
128
- };
129
- const getCurrentSplitScreenComponents = (rootName, layoutName) => {
130
- const current = layoutSplitScreenStore.getValue();
131
- if (!current[rootName]) return;
132
- return current[rootName][layoutName];
133
- };
134
- const getSplitScreen = (rootName, layoutName) => {
135
- return layoutSplitScreenStore.pipe(
136
- (0, import_operators.map)((splitScreen) => splitScreen[rootName]?.[layoutName]),
137
- (0, import_operators.distinctUntilChanged)((prev, curr) => {
138
- const filterChildren = (obj) => {
139
- const { children, component, targetComponent, x, y, ...rest } = obj || {};
140
- return rest;
141
- };
142
- return (0, import_fast_deep_equal.default)(filterChildren(prev), filterChildren(curr));
143
- })
144
- );
145
- };
146
- const flexContainerStore = new import_rxjs.BehaviorSubject({});
147
- const flexResizePanelStore = new import_rxjs.BehaviorSubject({});
148
- const setContainerRef = (layoutName, containerName, ref) => {
149
- const currentRefs = flexContainerStore.getValue();
150
- const layoutRefs = currentRefs[layoutName] || {};
151
- if (ref === null) {
152
- if (!(containerName in layoutRefs)) return;
153
- const { [containerName]: _, ...restLayout } = layoutRefs;
154
- const next = Object.keys(restLayout).length === 0 ? (() => {
155
- const { [layoutName]: __, ...rest } = currentRefs;
156
- return rest;
157
- })() : { ...currentRefs, [layoutName]: restLayout };
158
- flexContainerStore.next(next);
159
- return;
160
- }
161
- if (layoutRefs[containerName] === ref) return;
162
- flexContainerStore.next({
163
- ...currentRefs,
164
- [layoutName]: { ...layoutRefs, [containerName]: ref }
165
- });
166
- };
167
- const setResizePanelRef = (layoutName, containerName, ref) => {
168
- const currentRefs = flexResizePanelStore.getValue();
169
- const layoutRefs = currentRefs[layoutName] || {};
170
- if (ref === null) {
171
- if (!(containerName in layoutRefs)) return;
172
- const { [containerName]: _, ...restLayout } = layoutRefs;
173
- const next = Object.keys(restLayout).length === 0 ? (() => {
174
- const { [layoutName]: __, ...rest } = currentRefs;
175
- return rest;
176
- })() : { ...currentRefs, [layoutName]: restLayout };
177
- flexResizePanelStore.next(next);
178
- return;
179
- }
180
- if (layoutRefs[containerName] === ref) return;
181
- flexResizePanelStore.next({
182
- ...currentRefs,
183
- [layoutName]: { ...layoutRefs, [containerName]: ref }
184
- });
185
- };
186
- const getLayoutInfos = (layoutName) => {
187
- return (0, import_rxjs.combineLatest)([flexContainerStore, flexResizePanelStore]).pipe(
188
- (0, import_operators.map)(([containerRefs, resizePanelRefs]) => {
189
- const containerData = containerRefs[layoutName] || {};
190
- const resizePanelData = resizePanelRefs[layoutName] || {};
191
- return {
192
- container: containerData,
193
- resizePanel: resizePanelData
194
- };
195
- }),
196
- (0, import_operators.filter)(
197
- (result) => result.container !== null && Object.keys(result.container).length > 0
198
- )
199
- // 빈 객체 제외
200
- );
201
- };
202
- const getContainerRef = ({
203
- containerName,
204
- layoutName
205
- }) => {
206
- return flexContainerStore.pipe(
207
- (0, import_operators.map)((refs) => {
208
- if (layoutName) {
209
- return refs[layoutName]?.[containerName] || null;
210
- } else {
211
- return Object.entries(refs).find(
212
- ([key, value]) => refs[key][containerName]
213
- )?.[1][containerName];
214
- }
215
- }),
216
- (0, import_operators.filter)((ref) => ref !== null)
217
- );
218
- };
219
- const getResizePanelRef = ({
220
- containerName,
221
- layoutName
222
- }) => {
223
- return flexResizePanelStore.pipe(
224
- (0, import_operators.map)((refs) => {
225
- if (layoutName) {
226
- return refs[layoutName]?.[containerName] || null;
227
- } else {
228
- return Object.entries(refs).find(
229
- ([key, value]) => refs[key][containerName]
230
- )?.[1][containerName];
231
- }
232
- }),
233
- (0, import_operators.filter)((ref) => ref !== null)
234
- );
235
- };
236
- // Annotate the CommonJS export names for ESM import in node:
237
- 0 && (module.exports = {
238
- flexContainerStore,
239
- flexResizePanelStore,
240
- getContainerRef,
241
- getCurrentSplitScreenComponents,
242
- getLayoutInfos,
243
- getResizePanelRef,
244
- getScrollPosition,
245
- getSplitScreen,
246
- layoutSplitScreenStore,
247
- removeRootSplitScreen,
248
- removeScrollPosition,
249
- removeSplitScreenChild,
250
- resetRootSplitScreen,
251
- scrollPositions,
252
- setContainerRef,
253
- setResizePanelRef,
254
- setScrollPosition,
255
- setSplitScreen
256
- });
257
- //# sourceMappingURL=FlexLayoutContainerStore.cjs.map
1
+ "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});
@@ -1,206 +1 @@
1
- "use client";
2
- import equal from "fast-deep-equal";
3
- import { BehaviorSubject, combineLatest } from "rxjs";
4
- import { distinctUntilChanged, filter, map } from "rxjs/operators";
5
- function updateScrollStore(subject, newValue) {
6
- const currentValue = subject.getValue();
7
- if (!equal(currentValue, newValue)) {
8
- subject.next(newValue);
9
- }
10
- }
11
- function updateSplitScreenStore(newValue) {
12
- layoutSplitScreenStore.next(newValue);
13
- }
14
- const scrollPositions = {};
15
- const scrollPositionsSubject = new BehaviorSubject(scrollPositions);
16
- const setScrollPosition = (layoutName, position) => {
17
- const current = scrollPositionsSubject.getValue();
18
- const prevPos = current[layoutName];
19
- if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
20
- return;
21
- }
22
- const newPositions = {
23
- ...current,
24
- [layoutName]: position
25
- };
26
- updateScrollStore(scrollPositionsSubject, newPositions);
27
- };
28
- const getScrollPosition = (layoutName) => {
29
- return scrollPositionsSubject.pipe(
30
- // 해당 layoutName이 정의되지 않았을 때는 제외
31
- filter((e) => e[layoutName] !== void 0),
32
- map((positions) => positions[layoutName]),
33
- distinctUntilChanged(
34
- (prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
35
- )
36
- );
37
- };
38
- const removeScrollPosition = (layoutName) => {
39
- const current = scrollPositionsSubject.getValue();
40
- const { [layoutName]: _, ...rest } = current;
41
- updateScrollStore(scrollPositionsSubject, rest);
42
- };
43
- const layoutSplitScreenStore = new BehaviorSubject({});
44
- const setSplitScreen = (rootName, layoutName, newComponents) => {
45
- const current = layoutSplitScreenStore.getValue();
46
- const updatedLayout = { ...current[rootName] || {} };
47
- updatedLayout[layoutName] = newComponents;
48
- const newStoreValue = {
49
- ...current,
50
- [rootName]: updatedLayout
51
- };
52
- updateSplitScreenStore(newStoreValue);
53
- };
54
- const resetRootSplitScreen = (rootName) => {
55
- const current = layoutSplitScreenStore.getValue();
56
- const newStoreValue = {
57
- ...current,
58
- [rootName]: {}
59
- };
60
- updateSplitScreenStore(newStoreValue);
61
- };
62
- const removeRootSplitScreen = (rootName) => {
63
- const current = layoutSplitScreenStore.getValue();
64
- if (!current[rootName]) return;
65
- const { [rootName]: _, ...rest } = current;
66
- updateSplitScreenStore(rest);
67
- };
68
- const removeSplitScreenChild = (rootName, layoutName) => {
69
- const current = layoutSplitScreenStore.getValue();
70
- if (!current[rootName]) return;
71
- const updatedLayout = { ...current[rootName] };
72
- delete updatedLayout[layoutName];
73
- const newStoreValue = {
74
- ...current,
75
- [rootName]: updatedLayout
76
- };
77
- updateSplitScreenStore(newStoreValue);
78
- };
79
- const getCurrentSplitScreenComponents = (rootName, layoutName) => {
80
- const current = layoutSplitScreenStore.getValue();
81
- if (!current[rootName]) return;
82
- return current[rootName][layoutName];
83
- };
84
- const getSplitScreen = (rootName, layoutName) => {
85
- return layoutSplitScreenStore.pipe(
86
- map((splitScreen) => splitScreen[rootName]?.[layoutName]),
87
- distinctUntilChanged((prev, curr) => {
88
- const filterChildren = (obj) => {
89
- const { children, component, targetComponent, x, y, ...rest } = obj || {};
90
- return rest;
91
- };
92
- return equal(filterChildren(prev), filterChildren(curr));
93
- })
94
- );
95
- };
96
- const flexContainerStore = new BehaviorSubject({});
97
- const flexResizePanelStore = new BehaviorSubject({});
98
- const setContainerRef = (layoutName, containerName, ref) => {
99
- const currentRefs = flexContainerStore.getValue();
100
- const layoutRefs = currentRefs[layoutName] || {};
101
- if (ref === null) {
102
- if (!(containerName in layoutRefs)) return;
103
- const { [containerName]: _, ...restLayout } = layoutRefs;
104
- const next = Object.keys(restLayout).length === 0 ? (() => {
105
- const { [layoutName]: __, ...rest } = currentRefs;
106
- return rest;
107
- })() : { ...currentRefs, [layoutName]: restLayout };
108
- flexContainerStore.next(next);
109
- return;
110
- }
111
- if (layoutRefs[containerName] === ref) return;
112
- flexContainerStore.next({
113
- ...currentRefs,
114
- [layoutName]: { ...layoutRefs, [containerName]: ref }
115
- });
116
- };
117
- const setResizePanelRef = (layoutName, containerName, ref) => {
118
- const currentRefs = flexResizePanelStore.getValue();
119
- const layoutRefs = currentRefs[layoutName] || {};
120
- if (ref === null) {
121
- if (!(containerName in layoutRefs)) return;
122
- const { [containerName]: _, ...restLayout } = layoutRefs;
123
- const next = Object.keys(restLayout).length === 0 ? (() => {
124
- const { [layoutName]: __, ...rest } = currentRefs;
125
- return rest;
126
- })() : { ...currentRefs, [layoutName]: restLayout };
127
- flexResizePanelStore.next(next);
128
- return;
129
- }
130
- if (layoutRefs[containerName] === ref) return;
131
- flexResizePanelStore.next({
132
- ...currentRefs,
133
- [layoutName]: { ...layoutRefs, [containerName]: ref }
134
- });
135
- };
136
- const getLayoutInfos = (layoutName) => {
137
- return combineLatest([flexContainerStore, flexResizePanelStore]).pipe(
138
- map(([containerRefs, resizePanelRefs]) => {
139
- const containerData = containerRefs[layoutName] || {};
140
- const resizePanelData = resizePanelRefs[layoutName] || {};
141
- return {
142
- container: containerData,
143
- resizePanel: resizePanelData
144
- };
145
- }),
146
- filter(
147
- (result) => result.container !== null && Object.keys(result.container).length > 0
148
- )
149
- // 빈 객체 제외
150
- );
151
- };
152
- const getContainerRef = ({
153
- containerName,
154
- layoutName
155
- }) => {
156
- return flexContainerStore.pipe(
157
- map((refs) => {
158
- if (layoutName) {
159
- return refs[layoutName]?.[containerName] || null;
160
- } else {
161
- return Object.entries(refs).find(
162
- ([key, value]) => refs[key][containerName]
163
- )?.[1][containerName];
164
- }
165
- }),
166
- filter((ref) => ref !== null)
167
- );
168
- };
169
- const getResizePanelRef = ({
170
- containerName,
171
- layoutName
172
- }) => {
173
- return flexResizePanelStore.pipe(
174
- map((refs) => {
175
- if (layoutName) {
176
- return refs[layoutName]?.[containerName] || null;
177
- } else {
178
- return Object.entries(refs).find(
179
- ([key, value]) => refs[key][containerName]
180
- )?.[1][containerName];
181
- }
182
- }),
183
- filter((ref) => ref !== null)
184
- );
185
- };
186
- export {
187
- flexContainerStore,
188
- flexResizePanelStore,
189
- getContainerRef,
190
- getCurrentSplitScreenComponents,
191
- getLayoutInfos,
192
- getResizePanelRef,
193
- getScrollPosition,
194
- getSplitScreen,
195
- layoutSplitScreenStore,
196
- removeRootSplitScreen,
197
- removeScrollPosition,
198
- removeSplitScreenChild,
199
- resetRootSplitScreen,
200
- scrollPositions,
201
- setContainerRef,
202
- setResizePanelRef,
203
- setScrollPosition,
204
- setSplitScreen
205
- };
206
- //# sourceMappingURL=FlexLayoutContainerStore.js.map
1
+ "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};
@@ -1,23 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
8
- for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
12
- return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
- var store_exports = {};
17
- module.exports = __toCommonJS(store_exports);
18
- __reExport(store_exports, require("./FlexLayoutContainerStore"), module.exports);
19
- // Annotate the CommonJS export names for ESM import in node:
20
- 0 && (module.exports = {
21
- ...require("./FlexLayoutContainerStore")
22
- });
23
- //# sourceMappingURL=index.cjs.map
1
+ "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")});
@@ -1,2 +1 @@
1
- export * from "./FlexLayoutContainerStore";
2
- //# sourceMappingURL=index.js.map
1
+ export*from"./FlexLayoutContainerStore";