@byeolnaerim/flex-layout 0.0.2 → 0.0.4
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.
- package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.cts +31 -0
- package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.ts +31 -0
- package/dist/chunk-3EDKZTM3.js +3 -0
- package/dist/chunk-3EDKZTM3.js.map +1 -0
- package/dist/chunk-5HWEFTNQ.js +176 -0
- package/dist/chunk-5HWEFTNQ.js.map +1 -0
- package/dist/chunk-7J5JUVZK.js +3 -0
- package/dist/chunk-7J5JUVZK.js.map +1 -0
- package/dist/chunk-CFQQ6ZDC.js +182 -0
- package/dist/chunk-CFQQ6ZDC.js.map +1 -0
- package/dist/chunk-JM3CZ5DU.js +238 -0
- package/dist/chunk-JM3CZ5DU.js.map +1 -0
- package/dist/chunk-PMTZFSP4.js +219 -0
- package/dist/chunk-PMTZFSP4.js.map +1 -0
- package/dist/chunk-UYI4Z27V.js +2432 -0
- package/dist/chunk-UYI4Z27V.js.map +1 -0
- package/dist/chunk-W4CNFJTK.js +197 -0
- package/dist/chunk-W4CNFJTK.js.map +1 -0
- package/dist/chunk-YIHCWXKY.js +3 -0
- package/dist/chunk-YIHCWXKY.js.map +1 -0
- package/dist/components.cjs +3048 -0
- package/dist/components.cjs.map +1 -0
- package/dist/components.css +471 -0
- package/dist/components.css.map +1 -0
- package/dist/components.d.cts +122 -0
- package/dist/components.d.ts +122 -0
- package/dist/components.js +7 -0
- package/dist/components.js.map +1 -0
- package/dist/hooks.cjs +425 -0
- package/dist/hooks.cjs.map +1 -0
- package/dist/hooks.d.cts +37 -0
- package/dist/hooks.d.ts +37 -0
- package/dist/hooks.js +5 -0
- package/dist/hooks.js.map +1 -0
- package/dist/index.cjs +2600 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -287
- package/dist/index.d.ts +10 -287
- package/dist/index.js +9 -814
- package/dist/index.js.map +1 -1
- package/dist/providers.cjs +411 -0
- package/dist/providers.cjs.map +1 -0
- package/dist/providers.d.cts +54 -0
- package/dist/providers.d.ts +54 -0
- package/dist/providers.js +6 -0
- package/dist/providers.js.map +1 -0
- package/dist/store.cjs +204 -0
- package/dist/store.cjs.map +1 -0
- package/dist/store.d.cts +67 -0
- package/dist/store.d.ts +67 -0
- package/dist/store.js +4 -0
- package/dist/store.js.map +1 -0
- package/dist/useDrag-CYQnhUFk.d.cts +108 -0
- package/dist/useDrag-DR01Ob3s.d.ts +108 -0
- package/dist/utils.cjs +209 -0
- package/dist/utils.cjs.map +1 -0
- package/dist/utils.d.cts +28 -0
- package/dist/utils.d.ts +28 -0
- package/dist/utils.js +4 -0
- package/dist/utils.js.map +1 -0
- package/package.json +25 -5
package/dist/hooks.d.cts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export { D as DragStateResultType, a as DragStateType, b as DropMovementEventType, c as DropPositionOrderName, d as DropTargetComponent, e as DropTargetComponentEvent, F as FolderEventType, P as PositionName, f as allSplitScreenCount, g as dragState, h as dropMovementEventSubject, i as folderEventSubject, s as setFolderEvent, u as useDragCapture, j as useDragEvents, k as useFolderEvent } from './useDrag-CYQnhUFk.cjs';
|
|
2
|
+
import { MutableRefObject } from 'react';
|
|
3
|
+
import 'rxjs';
|
|
4
|
+
import './FlexLayoutSplitScreenDragBox-eCtq4kLd.cjs';
|
|
5
|
+
import 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
type OnReachTerminalType = {
|
|
8
|
+
isFirst: boolean;
|
|
9
|
+
isLast: boolean;
|
|
10
|
+
observer: IntersectionObserver;
|
|
11
|
+
};
|
|
12
|
+
interface UseListPagingForInfinityProps {
|
|
13
|
+
onReachTerminal?: (onReachTerminalData: OnReachTerminalType) => void;
|
|
14
|
+
}
|
|
15
|
+
declare const useListPagingForSentinel: <E extends HTMLElement>({ onReachTerminal, }: UseListPagingForInfinityProps) => {
|
|
16
|
+
firstChildRef: (node: E | null) => void;
|
|
17
|
+
lastChildRef: (node: E | null) => void;
|
|
18
|
+
};
|
|
19
|
+
declare const usePaginationViewNumber: ({ initPageNumber, }: {
|
|
20
|
+
initPageNumber: number;
|
|
21
|
+
}) => {
|
|
22
|
+
showCurrentPageNumber: number;
|
|
23
|
+
showCurrentPageObserveTarget: (node: HTMLElement | null) => void;
|
|
24
|
+
};
|
|
25
|
+
declare const usePagingHandler: <T>({ lastCallPageNumber, dataListRef, }: {
|
|
26
|
+
lastCallPageNumber: number;
|
|
27
|
+
dataListRef: MutableRefObject<Array<T[] | null>>;
|
|
28
|
+
}) => {
|
|
29
|
+
jumpingPageNumberRef: MutableRefObject<number | null>;
|
|
30
|
+
paginationScrollIntoViewTarget: MutableRefObject<Record<number, HTMLDivElement | null>>;
|
|
31
|
+
pageNumberRef: MutableRefObject<number>;
|
|
32
|
+
setPaginationRef: (i: number) => (node: HTMLDivElement | null) => void;
|
|
33
|
+
handleReachTerminal: ({ isFirst, isLast, observer }: OnReachTerminalType, dataCallFetch: (callPageNumber: number) => void) => void;
|
|
34
|
+
handleClickPageChange: (page: number, dataCallFetch: (callPageNumber: number) => void) => void;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { type OnReachTerminalType, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler };
|
package/dist/hooks.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export { D as DragStateResultType, a as DragStateType, b as DropMovementEventType, c as DropPositionOrderName, d as DropTargetComponent, e as DropTargetComponentEvent, F as FolderEventType, P as PositionName, f as allSplitScreenCount, g as dragState, h as dropMovementEventSubject, i as folderEventSubject, s as setFolderEvent, u as useDragCapture, j as useDragEvents, k as useFolderEvent } from './useDrag-DR01Ob3s.js';
|
|
2
|
+
import { MutableRefObject } from 'react';
|
|
3
|
+
import 'rxjs';
|
|
4
|
+
import './FlexLayoutSplitScreenDragBox-eCtq4kLd.js';
|
|
5
|
+
import 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
type OnReachTerminalType = {
|
|
8
|
+
isFirst: boolean;
|
|
9
|
+
isLast: boolean;
|
|
10
|
+
observer: IntersectionObserver;
|
|
11
|
+
};
|
|
12
|
+
interface UseListPagingForInfinityProps {
|
|
13
|
+
onReachTerminal?: (onReachTerminalData: OnReachTerminalType) => void;
|
|
14
|
+
}
|
|
15
|
+
declare const useListPagingForSentinel: <E extends HTMLElement>({ onReachTerminal, }: UseListPagingForInfinityProps) => {
|
|
16
|
+
firstChildRef: (node: E | null) => void;
|
|
17
|
+
lastChildRef: (node: E | null) => void;
|
|
18
|
+
};
|
|
19
|
+
declare const usePaginationViewNumber: ({ initPageNumber, }: {
|
|
20
|
+
initPageNumber: number;
|
|
21
|
+
}) => {
|
|
22
|
+
showCurrentPageNumber: number;
|
|
23
|
+
showCurrentPageObserveTarget: (node: HTMLElement | null) => void;
|
|
24
|
+
};
|
|
25
|
+
declare const usePagingHandler: <T>({ lastCallPageNumber, dataListRef, }: {
|
|
26
|
+
lastCallPageNumber: number;
|
|
27
|
+
dataListRef: MutableRefObject<Array<T[] | null>>;
|
|
28
|
+
}) => {
|
|
29
|
+
jumpingPageNumberRef: MutableRefObject<number | null>;
|
|
30
|
+
paginationScrollIntoViewTarget: MutableRefObject<Record<number, HTMLDivElement | null>>;
|
|
31
|
+
pageNumberRef: MutableRefObject<number>;
|
|
32
|
+
setPaginationRef: (i: number) => (node: HTMLDivElement | null) => void;
|
|
33
|
+
handleReachTerminal: ({ isFirst, isLast, observer }: OnReachTerminalType, dataCallFetch: (callPageNumber: number) => void) => void;
|
|
34
|
+
handleClickPageChange: (page: number, dataCallFetch: (callPageNumber: number) => void) => void;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { type OnReachTerminalType, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler };
|
package/dist/hooks.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useListPagingForSentinel, usePaginationViewNumber, usePagingHandler } from './chunk-5HWEFTNQ.js';
|
|
2
|
+
export { allSplitScreenCount, dragState, dropMovementEventSubject, folderEventSubject, setFolderEvent, useDragCapture, useDragEvents, useFolderEvent } from './chunk-PMTZFSP4.js';
|
|
3
|
+
import './chunk-W4CNFJTK.js';
|
|
4
|
+
//# sourceMappingURL=hooks.js.map
|
|
5
|
+
//# sourceMappingURL=hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"hooks.js"}
|