mui-toolpad-extended-tuni 3.0.3 → 3.1.0
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/index.cjs +289 -118
- package/dist/index.es.js +42420 -33860
- package/dist/src/LMSToolpad/components/Microservices/MicroserviceNavigationBuilder.d.ts +1 -1
- package/dist/src/LMSToolpad/components/Microservices/MicroserviceSubsections.d.ts +1 -1
- package/dist/src/LMSToolpad/components/tools/addActions.d.ts +1 -1
- package/dist/src/LMSToolpad/components/tools/addIcons.d.ts +1 -1
- package/dist/src/LMSToolpad/store/useThemeStore.d.ts +1 -1
- package/dist/src/index.d.ts +12 -35
- package/package.json +2 -1
- package/dist/mui-toolpad-extended-tuni.css +0 -1
- package/dist/src/LMSToolpad/components/Dialogs/DialogOpener.d.ts +0 -9
- package/dist/src/LMSToolpad/components/Dialogs/Dialogs.d.ts +0 -3
- package/dist/src/LMSToolpad/components/Dialogs/ExtendedDialog.d.ts +0 -8
- package/dist/src/LMSToolpad/components/Dialogs/FormDialog.d.ts +0 -14
- package/dist/src/LMSToolpad/components/Dialogs/dialogRegistry.d.ts +0 -3
- package/dist/src/LMSToolpad/components/Events/EventBus.d.ts +0 -34
- package/dist/src/LMSToolpad/components/Events/UserBus.d.ts +0 -111
- package/dist/src/LMSToolpad/components/Events/hooks/useCurrentUser.d.ts +0 -11
- package/dist/src/LMSToolpad/components/Events/hooks/useUserActions.d.ts +0 -15
- package/dist/src/LMSToolpad/components/Events/hooks/useUserPreferences.d.ts +0 -22
- package/dist/src/LMSToolpad/components/Events/index.d.ts +0 -10
- package/dist/src/LMSToolpad/components/Events/types.d.ts +0 -16
- package/dist/src/LMSToolpad/components/Events/userTypes.d.ts +0 -78
- package/dist/src/LMSToolpad/components/Navigation/NavigationBuilder.d.ts +0 -6
- package/dist/src/LMSToolpad/components/Navigation/NavigationFilter.d.ts +0 -1
- package/dist/src/LMSToolpad/components/Navigation/NavigationRegistry.d.ts +0 -116
- package/dist/src/LMSToolpad/components/Navigation/hooks/useMicroserviceNavigation.d.ts +0 -4
- package/dist/src/LMSToolpad/components/Navigation/hooks/useMicroserviceRoutes.d.ts +0 -6
- package/dist/src/LMSToolpad/components/Navigation/hooks/useNavigationSectionManager.d.ts +0 -23
- package/dist/src/LMSToolpad/components/Navigation/hooks/useSyncNavigationFilters.d.ts +0 -1
- package/dist/src/LMSToolpad/components/Navigation/store/microserviceUtils.d.ts +0 -9
- package/dist/src/LMSToolpad/components/Navigation/store/navigationCalculator.d.ts +0 -11
- package/dist/src/LMSToolpad/components/Navigation/store/sectionManager.d.ts +0 -9
- package/dist/src/LMSToolpad/components/Navigation/store/types.d.ts +0 -90
- package/dist/src/LMSToolpad/components/Navigation/store/useNavigationFilterStore.d.ts +0 -6
- package/dist/src/LMSToolpad/components/Navigation/store/useNavigationStore.d.ts +0 -50
- package/dist/src/LMSToolpad/components/Notifications/Notifications.d.ts +0 -3
- package/dist/src/LMSToolpad/components/Notifications/store/useNotificationsStore.d.ts +0 -22
- package/dist/src/LMSToolpad/utils/apiPrefix.d.ts +0 -2
- package/dist/src/LMSToolpad/utils/caseConverter.d.ts +0 -17
- package/dist/src/LMSToolpad/utils/cookieUtils.d.ts +0 -27
- package/dist/src/LMSToolpad/utils/parseDate.d.ts +0 -2
- package/dist/src/LMSToolpad/utils/slugify.d.ts +0 -1
- package/dist/src/common/components/index.d.ts +0 -2
- package/dist/src/common/components/layout/GridLayout/GridItem.d.ts +0 -17
- package/dist/src/common/components/layout/GridLayout/GridItemContext.d.ts +0 -26
- package/dist/src/common/components/layout/GridLayout/ResponsiveGridLayout.d.ts +0 -16
- package/dist/src/common/components/layout/GridLayout/Tools/BreakpointIndicator.d.ts +0 -8
- package/dist/src/common/components/layout/GridLayout/Tools/EditModeToggler.d.ts +0 -7
- package/dist/src/common/components/layout/GridLayout/hooks/useGridLayoutManagement.d.ts +0 -27
- package/dist/src/common/components/layout/GridLayout/index.d.ts +0 -12
- package/dist/src/common/components/layout/GridLayout/layoutStorageUtils.d.ts +0 -52
- package/dist/src/common/components/layout/GridLayout/layoutUtils.d.ts +0 -78
- package/dist/src/common/components/layout/GridLayout/store/usePanelStore.d.ts +0 -27
- package/dist/src/common/components/layout/GridLayout/useGridLayout.d.ts +0 -11
- package/dist/src/common/components/layout/index.d.ts +0 -1
- package/dist/src/common/components/ui/CenteredHeading/CenteredHeading.d.ts +0 -7
- package/dist/src/common/components/ui/CollapsingButtons/CollapsingButtons.d.ts +0 -11
- package/dist/src/common/components/ui/CompoundPanel/CompoundPanel.d.ts +0 -86
- package/dist/src/common/components/ui/LoadingScreen/LoadingScreen.d.ts +0 -2
- package/dist/src/common/components/ui/Panel/Expandable/Expandable.d.ts +0 -4
- package/dist/src/common/components/ui/Panel/Expandable/context/ExpandableContextProvider.d.ts +0 -10
- package/dist/src/common/components/ui/Panel/Expandable/hooks/useCollapseHandler.d.ts +0 -2
- package/dist/src/common/components/ui/Panel/Expandable/hooks/useExpandable.d.ts +0 -17
- package/dist/src/common/components/ui/Panel/Expandable/hooks/useExpansionAnimation.d.ts +0 -5
- package/dist/src/common/components/ui/Panel/Expandable/hooks/useInitialSetup.d.ts +0 -6
- package/dist/src/common/components/ui/Panel/Expandable/hooks/useResizeHandler.d.ts +0 -1
- package/dist/src/common/components/ui/Panel/Expandable/store/useExpandablePanelStore.d.ts +0 -7
- package/dist/src/common/components/ui/Panel/Main/Context/PanelContextProvider.d.ts +0 -50
- package/dist/src/common/components/ui/Panel/Main/Panel.d.ts +0 -3
- package/dist/src/common/components/ui/Panel/Main/hooks/useDimensionManagement.d.ts +0 -13
- package/dist/src/common/components/ui/Panel/Main/hooks/usePersistentDimensions.d.ts +0 -19
- package/dist/src/common/components/ui/Panel/Main/tools/BlurOverlay.d.ts +0 -6
- package/dist/src/common/components/ui/Panel/Main/tools/ToolsContainer.d.ts +0 -11
- package/dist/src/common/components/ui/Panel/Movable/DraggableItem.d.ts +0 -6
- package/dist/src/common/components/ui/Panel/Movable/MovablePanel.d.ts +0 -9
- package/dist/src/common/components/ui/Panel/Movable/MoveToggler.d.ts +0 -3
- package/dist/src/common/components/ui/Panel/Movable/context/MovableContextProvider.d.ts +0 -10
- package/dist/src/common/components/ui/Panel/Movable/hooks/usePersistentOrder.d.ts +0 -3
- package/dist/src/common/components/ui/Panel/Resizable/Context/ResizableContextProvider.d.ts +0 -27
- package/dist/src/common/components/ui/Panel/Resizable/Hooks/useResizeHandlers.d.ts +0 -26
- package/dist/src/common/components/ui/Panel/Resizable/Hooks/useResponsiveResize.d.ts +0 -14
- package/dist/src/common/components/ui/Panel/Resizable/Resizable.d.ts +0 -3
- package/dist/src/common/components/ui/Panel/Resizable/ResizeHandlers.d.ts +0 -7
- package/dist/src/common/components/ui/Panel/Resizable/ResizeIndicator.d.ts +0 -9
- package/dist/src/common/components/ui/Panel/Scrollable/InternalScrolling.d.ts +0 -11
- package/dist/src/common/components/ui/Panel/Scrollable/PaginationDots.d.ts +0 -13
- package/dist/src/common/components/ui/Panel/Scrollable/Scrollable.d.ts +0 -5
- package/dist/src/common/components/ui/Panel/Scrollable/context/ScrollerContextProvider.d.ts +0 -15
- package/dist/src/common/components/ui/Panel/Scrollable/hooks/useScrollControls.d.ts +0 -28
- package/dist/src/common/components/ui/Panel/TBR/PanelContent.d.ts +0 -24
- package/dist/src/common/components/ui/Panel/TBR/ResizablePanel.d.ts +0 -3
- package/dist/src/common/components/ui/Panel/TBR/ResizeHandlers.d.ts +0 -10
- package/dist/src/common/components/ui/Panel/TBR/ResizeIndicator.d.ts +0 -10
- package/dist/src/common/components/ui/Panel/TBR/useResizablePanel.d.ts +0 -32
- package/dist/src/common/components/ui/Panel/types.d.ts +0 -9
- package/dist/src/common/components/ui/Scroller/PaginationDots.d.ts +0 -13
- package/dist/src/common/components/ui/Scroller/Scroller.d.ts +0 -14
- package/dist/src/common/components/ui/Scroller/context/ScrollerContextProvider.d.ts +0 -15
- package/dist/src/common/components/ui/Scroller/hooks/useScrollControls.d.ts +0 -28
- package/dist/src/common/components/ui/Scroller/types.d.ts +0 -1
- package/dist/src/common/components/ui/SpeedDialButton/SpeedDialButton.d.ts +0 -20
- package/dist/src/common/components/ui/index.d.ts +0 -15
- package/dist/src/common/hooks/index.d.ts +0 -1
- package/dist/src/common/hooks/useRetry.d.ts +0 -12
- package/dist/src/common/index.d.ts +0 -2
- /package/dist/src/{common/components/ui → LMSToolpad/components}/ThemeToggle/ThemeToggle.d.ts +0 -0
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { PanelProps } from '../Panel/Main/Context/PanelContextProvider';
|
|
3
|
-
export interface CompoundPanelProps extends PanelProps {
|
|
4
|
-
/**
|
|
5
|
-
* Content to be displayed in the panel
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Whether the panel should display in a horizontal scroller
|
|
10
|
-
*/
|
|
11
|
-
horizontalScroll?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Whether the panel should display in a vertical scroller
|
|
14
|
-
*/
|
|
15
|
-
verticalScroll?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Optional title for the panel's horizontal scroller
|
|
18
|
-
*/
|
|
19
|
-
title?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Priority level for title styling
|
|
22
|
-
*/
|
|
23
|
-
priority?: "high" | "low" | "normal";
|
|
24
|
-
/**
|
|
25
|
-
* Automatically arrange children as sections (useful for course sections)
|
|
26
|
-
* Each direct child will be rendered as a horizontal section inside a vertical scroller
|
|
27
|
-
*/
|
|
28
|
-
sections?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* CompoundPanel - An all-in-one panel component that encapsulates all functionality
|
|
32
|
-
* needed for panels in the LMS system, including scrolling, expanding, and resizing.
|
|
33
|
-
*
|
|
34
|
-
* @example - Simple scrolling panel
|
|
35
|
-
* ```tsx
|
|
36
|
-
* <CompoundPanel
|
|
37
|
-
* id="my-panel"
|
|
38
|
-
* defaultWidth={300}
|
|
39
|
-
* defaultHeight={200}
|
|
40
|
-
* horizontalScroll={true}
|
|
41
|
-
* title="My Panel"
|
|
42
|
-
* >
|
|
43
|
-
* <Item1 />
|
|
44
|
-
* <Item2 />
|
|
45
|
-
* </CompoundPanel>
|
|
46
|
-
* ```
|
|
47
|
-
*
|
|
48
|
-
* @example - Sectioned panel (auto-creates horizontal sections within vertical scroll)
|
|
49
|
-
* ```tsx
|
|
50
|
-
* <CompoundPanel
|
|
51
|
-
* id="sections-panel"
|
|
52
|
-
* sections={true}
|
|
53
|
-
* >
|
|
54
|
-
* <Section title="Section 1" priority="high">
|
|
55
|
-
* <Item1 />
|
|
56
|
-
* <Item2 />
|
|
57
|
-
* </Section>
|
|
58
|
-
* <Section title="Section 2">
|
|
59
|
-
* <Item3 />
|
|
60
|
-
* <Item4 />
|
|
61
|
-
* </Section>
|
|
62
|
-
* </CompoundPanel>
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
export declare const CompoundPanel: React.FC<CompoundPanelProps>;
|
|
66
|
-
export interface SectionProps {
|
|
67
|
-
title?: string;
|
|
68
|
-
priority?: "high" | "low" | "normal";
|
|
69
|
-
children: React.ReactNode;
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Section - A component that defines a horizontal section within a CompoundPanel.
|
|
73
|
-
* Used with CompoundPanel's sections={true} property.
|
|
74
|
-
*
|
|
75
|
-
* @example
|
|
76
|
-
* ```tsx
|
|
77
|
-
* <CompoundPanel sections={true}>
|
|
78
|
-
* <Section title="My Section" priority="high">
|
|
79
|
-
* <Item1 />
|
|
80
|
-
* <Item2 />
|
|
81
|
-
* </Section>
|
|
82
|
-
* </CompoundPanel>
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
85
|
-
export declare const Section: React.FC<SectionProps>;
|
|
86
|
-
export default CompoundPanel;
|
package/dist/src/common/components/ui/Panel/Expandable/context/ExpandableContextProvider.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as React, ReactNode } from 'react';
|
|
2
|
-
interface ExpandableContextType {
|
|
3
|
-
isExpanded: boolean;
|
|
4
|
-
setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
|
|
5
|
-
}
|
|
6
|
-
export declare const ExpandableContextProvider: ({ children, }: {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const useExpandableContext: () => ExpandableContextType;
|
|
10
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { PanelRef } from '../../types';
|
|
2
|
-
export declare const useCollapseHandler: (isExpanded: boolean, expandedPanelId: string | null, id: string, panelRef: PanelRef, setExtendedStyle: (style: React.CSSProperties) => void, setExtendedContainerStyle: (style: React.CSSProperties) => void, setIsExpanded: (expanded: boolean) => void) => void;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
interface UseExpandableOptions {
|
|
3
|
-
initialExpanded?: boolean;
|
|
4
|
-
onExpand?: () => void;
|
|
5
|
-
onCollapse?: () => void;
|
|
6
|
-
}
|
|
7
|
-
interface UseExpandableReturn {
|
|
8
|
-
isExpanded: boolean;
|
|
9
|
-
toggle: () => void;
|
|
10
|
-
expand: () => void;
|
|
11
|
-
collapse: () => void;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Hook for managing expandable panel state
|
|
15
|
-
*/
|
|
16
|
-
export declare const useExpandable: ({ initialExpanded, onExpand, onCollapse, }?: UseExpandableOptions) => UseExpandableReturn;
|
|
17
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { PanelRef } from '../../types';
|
|
2
|
-
export declare const useExpansionAnimation: (readyForExpansion: boolean, panelRef: PanelRef, parentRef: PanelRef, setExtendedStyle: (style: React.CSSProperties) => void, setExtendedContainerStyle: (style: React.CSSProperties) => void, setIsExpanded: (expanded: boolean) => void, setReadyForExpansion: (ready: boolean) => void) => {
|
|
3
|
-
animateExpansion: boolean;
|
|
4
|
-
setAnimateExpansion: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
5
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Position, PanelRef } from '../../types';
|
|
2
|
-
export declare const useInitialSetup: (expandedPanelId: string | null, id: string, panelRef: PanelRef, setExtendedStyle: (style: React.CSSProperties) => void) => {
|
|
3
|
-
readyForExpansion: boolean;
|
|
4
|
-
setReadyForExpansion: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
5
|
-
initialPosition: Position;
|
|
6
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useResizeHandler: (isExpanded: boolean) => void;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
interface ExpandablePanelState {
|
|
3
|
-
expandedPanelId: string | null;
|
|
4
|
-
setExpandedPanelId: (id: string | null) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const useExpandablePanelStore: import('zustand/traditional').UseBoundStoreWithEqualityFn<import('zustand').StoreApi<ExpandablePanelState>>;
|
|
7
|
-
export {};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { PanelRef } from '../../types';
|
|
3
|
-
export interface PanelDimensions {
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
}
|
|
7
|
-
interface PanelContextType {
|
|
8
|
-
id: string;
|
|
9
|
-
panelRef: PanelRef;
|
|
10
|
-
panelContentRef: PanelRef;
|
|
11
|
-
defaultWidth: number;
|
|
12
|
-
defaultHeight: number;
|
|
13
|
-
minWidth: number;
|
|
14
|
-
maxWidth: number;
|
|
15
|
-
minHeight: number;
|
|
16
|
-
maxHeight: number;
|
|
17
|
-
expandable?: boolean;
|
|
18
|
-
resizable?: boolean;
|
|
19
|
-
scrollable?: boolean;
|
|
20
|
-
extendedStyle: React.CSSProperties;
|
|
21
|
-
setExtendedStyle: (style: React.CSSProperties) => void;
|
|
22
|
-
tools: React.ReactNode[];
|
|
23
|
-
setTools: (tools: React.ReactNode[]) => void;
|
|
24
|
-
addTool: (tool: React.ReactNode) => void;
|
|
25
|
-
removeTool: (tool: React.ReactNode) => void;
|
|
26
|
-
dimensions: PanelDimensions;
|
|
27
|
-
setDimensions: (dimensions: PanelDimensions) => void;
|
|
28
|
-
handleDimensionsChange: (newDimensions: PanelDimensions, isTemporary?: boolean) => void;
|
|
29
|
-
dimensionsWereTemporary: boolean;
|
|
30
|
-
extendedContainerStyle: React.CSSProperties;
|
|
31
|
-
setExtendedContainerStyle: (style: React.CSSProperties) => void;
|
|
32
|
-
}
|
|
33
|
-
export declare const PanelContext: React.Context<PanelContextType>;
|
|
34
|
-
export interface PanelProps {
|
|
35
|
-
children: React.ReactNode;
|
|
36
|
-
id: string;
|
|
37
|
-
additionaltools?: React.ReactNode[];
|
|
38
|
-
minHeight?: number;
|
|
39
|
-
maxHeight?: number;
|
|
40
|
-
minWidth?: number;
|
|
41
|
-
maxWidth?: number;
|
|
42
|
-
defaultHeight?: number;
|
|
43
|
-
defaultWidth?: number;
|
|
44
|
-
expandable?: boolean;
|
|
45
|
-
resizable?: boolean;
|
|
46
|
-
scrollable?: boolean;
|
|
47
|
-
}
|
|
48
|
-
export declare const PanelProvider: React.FC<PanelProps>;
|
|
49
|
-
export declare const usePanelContext: () => PanelContextType;
|
|
50
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { PanelDimensions } from '../Context/PanelContextProvider';
|
|
2
|
-
interface UseDimensionManagementProps {
|
|
3
|
-
id: string;
|
|
4
|
-
dimensions: PanelDimensions;
|
|
5
|
-
handleDimensionsChange: handleDimensionsChangeType;
|
|
6
|
-
}
|
|
7
|
-
export type handleDimensionsChangeType = (dimensions: PanelDimensions, isTemporary: boolean) => void;
|
|
8
|
-
export declare const useDimensionManagement: ({ id, dimensions, handleDimensionsChange, }: UseDimensionManagementProps) => {
|
|
9
|
-
isUserResizingRef: import('react').RefObject<boolean>;
|
|
10
|
-
userChosenDimensionsRef: import('react').RefObject<any>;
|
|
11
|
-
wrappedHandleDimensionsChange: (newDim: PanelDimensions) => void;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
/**
|
|
3
|
-
* loadDimensions:
|
|
4
|
-
* Attempts to retrieve stored panel dimensions by ID from localStorage,
|
|
5
|
-
* falling back to provided defaultDimensions if none found.
|
|
6
|
-
*/
|
|
7
|
-
export declare function loadDimensions(id: string, defaultDimensions: {
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
|
-
}): any;
|
|
11
|
-
/**
|
|
12
|
-
* saveDimensions:
|
|
13
|
-
* Persists the given dimensions in localStorage under a unique ID key,
|
|
14
|
-
* allowing the panel to restore its last settings at load time.
|
|
15
|
-
*/
|
|
16
|
-
export declare function saveDimensions(id: string, dimensions: {
|
|
17
|
-
width: number;
|
|
18
|
-
height: number;
|
|
19
|
-
}): void;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ToolsContainerProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
}
|
|
5
|
-
export declare const ToolsContainer: ({ children }: ToolsContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
interface ToolsContainerWrapperProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
position?: "top-right" | "bottom-right";
|
|
9
|
-
}
|
|
10
|
-
export declare const ToolsContainerWrapper: ({ children, position, }: ToolsContainerWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export default ToolsContainer;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface MovablePanelProps {
|
|
3
|
-
id: string;
|
|
4
|
-
children: React.ReactNode[];
|
|
5
|
-
tools?: React.ReactNode;
|
|
6
|
-
gap?: number;
|
|
7
|
-
}
|
|
8
|
-
declare const Panels: (props: MovablePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default Panels;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { PanelRef } from '../../types';
|
|
3
|
-
interface MovableContextType {
|
|
4
|
-
parentRef: PanelRef;
|
|
5
|
-
}
|
|
6
|
-
export declare const MovableContextProvider: ({ children, }: {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const useMovableContext: () => MovableContextType;
|
|
10
|
-
export {};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ReactNode, Dispatch, SetStateAction, RefObject } from 'react';
|
|
2
|
-
interface leap {
|
|
3
|
-
x: number;
|
|
4
|
-
y: number;
|
|
5
|
-
}
|
|
6
|
-
interface DragState {
|
|
7
|
-
vertical: boolean;
|
|
8
|
-
horizontal: boolean;
|
|
9
|
-
}
|
|
10
|
-
interface DragStartType {
|
|
11
|
-
x: number;
|
|
12
|
-
y: number;
|
|
13
|
-
width: number;
|
|
14
|
-
height: number;
|
|
15
|
-
}
|
|
16
|
-
interface ResizableContextType {
|
|
17
|
-
leap: leap;
|
|
18
|
-
isDragging: DragState;
|
|
19
|
-
dragStart: RefObject<DragStartType>;
|
|
20
|
-
setIsDragging: Dispatch<SetStateAction<DragState>>;
|
|
21
|
-
}
|
|
22
|
-
interface ResizableContextProviderProps {
|
|
23
|
-
children: ReactNode;
|
|
24
|
-
}
|
|
25
|
-
export declare const ResizableContextProvider: ({ children, }: ResizableContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export declare const useResizableContext: () => ResizableContextType;
|
|
27
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
/**
|
|
3
|
-
* snapToGrid:
|
|
4
|
-
* Utility to snap a given numeric value to a specified grid size.
|
|
5
|
-
*/
|
|
6
|
-
export declare function snapToGrid(value: number, snapSize: number): number;
|
|
7
|
-
/**
|
|
8
|
-
* startDragging:
|
|
9
|
-
* Creates a handler that prepares for resizing by capturing mouse/touch location
|
|
10
|
-
* and storing initial dimensions.
|
|
11
|
-
*/
|
|
12
|
-
export declare function startDragging(direction: "vertical" | "horizontal" | "corner", resizeMode: boolean, dimensions: {
|
|
13
|
-
width: number;
|
|
14
|
-
height: number;
|
|
15
|
-
}, setIsDragging: (d: {
|
|
16
|
-
vertical: boolean;
|
|
17
|
-
horizontal: boolean;
|
|
18
|
-
}) => void, dragStart: React.MutableRefObject<{
|
|
19
|
-
x: number;
|
|
20
|
-
y: number;
|
|
21
|
-
width: number;
|
|
22
|
-
height: number;
|
|
23
|
-
}>, leap: {
|
|
24
|
-
x: number;
|
|
25
|
-
y: number;
|
|
26
|
-
}): (e: React.MouseEvent | React.TouchEvent) => void;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { PanelRef } from '../../types';
|
|
2
|
-
import { PanelDimensions } from '../../Main/Context/PanelContextProvider';
|
|
3
|
-
interface UseResponsiveResizeProps {
|
|
4
|
-
panelRef: PanelRef;
|
|
5
|
-
panelContentRef: PanelRef;
|
|
6
|
-
dimensions: PanelDimensions;
|
|
7
|
-
minWidth: number;
|
|
8
|
-
minHeight: number;
|
|
9
|
-
isUserResizingRef: React.MutableRefObject<boolean>;
|
|
10
|
-
userChosenDimensionsRef: React.MutableRefObject<PanelDimensions>;
|
|
11
|
-
wrappedHandleDimensionsChange: (newDimensions: PanelDimensions) => void;
|
|
12
|
-
}
|
|
13
|
-
export declare const useResponsiveResize: (props: UseResponsiveResizeProps) => void;
|
|
14
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ResizeHandlersProps {
|
|
3
|
-
handleMouseDown: (direction: "vertical" | "horizontal" | "corner") => (e: React.MouseEvent | React.TouchEvent) => void;
|
|
4
|
-
handleTouchStart: (direction: "vertical" | "horizontal" | "corner") => (e: React.MouseEvent | React.TouchEvent) => void;
|
|
5
|
-
}
|
|
6
|
-
declare const ResizeHandlers: ({ handleMouseDown, handleTouchStart, }: ResizeHandlersProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default ResizeHandlers;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
type InternalScrollingProps = {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
dimensions: {
|
|
5
|
-
width: number;
|
|
6
|
-
height: number;
|
|
7
|
-
};
|
|
8
|
-
isExpanded?: boolean;
|
|
9
|
-
};
|
|
10
|
-
declare const InternalScrolling: ({ children, dimensions, }: InternalScrollingProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export default InternalScrolling;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
interface PaginationDotsProps {
|
|
3
|
-
total: number;
|
|
4
|
-
current: number;
|
|
5
|
-
onDotClick?: (index: number) => void;
|
|
6
|
-
vertical?: boolean;
|
|
7
|
-
onArrowClick?: (direction: "start" | "end") => void;
|
|
8
|
-
showArrows?: boolean;
|
|
9
|
-
disableStart?: boolean;
|
|
10
|
-
disableEnd?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const PaginationDots: ({ total, current, onDotClick, vertical, onArrowClick, disableStart, disableEnd, }: PaginationDotsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
-
export default PaginationDots;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ItemCounts {
|
|
3
|
-
horizontal: number;
|
|
4
|
-
vertical: number;
|
|
5
|
-
}
|
|
6
|
-
interface ScrollerContextType {
|
|
7
|
-
itemCounts: ItemCounts;
|
|
8
|
-
setItemCounts: (counts: ItemCounts) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const ScrollContext: import('react').Context<ScrollerContextType>;
|
|
11
|
-
export declare const ScrollerProvider: ({ children }: {
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export declare const useScrollContext: () => ScrollerContextType;
|
|
15
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
interface ScrollControlsOptions {
|
|
2
|
-
direction: "horizontal" | "vertical";
|
|
3
|
-
itemSize: number;
|
|
4
|
-
itemsPerPage?: number;
|
|
5
|
-
itemCount?: number;
|
|
6
|
-
}
|
|
7
|
-
export declare const useScrollControls: ({ direction: scrollAxis, itemSize, itemsPerPage, itemCount, }: ScrollControlsOptions) => {
|
|
8
|
-
containerRef: import('react').RefObject<HTMLDivElement | null>;
|
|
9
|
-
showStartButton: boolean;
|
|
10
|
-
showEndButton: boolean;
|
|
11
|
-
isDragging: boolean;
|
|
12
|
-
hasDragged: boolean;
|
|
13
|
-
setHasDragged: import('react').Dispatch<import('react').SetStateAction<boolean>>;
|
|
14
|
-
scroll: (scrollDirection: "start" | "end") => void;
|
|
15
|
-
handleMouseDown: (e: React.MouseEvent) => void;
|
|
16
|
-
handleMouseMove: (e: React.MouseEvent) => void;
|
|
17
|
-
handleMouseUp: (e: React.MouseEvent) => void;
|
|
18
|
-
currentPage: number;
|
|
19
|
-
totalPages: number;
|
|
20
|
-
scrollToPage: (page: number) => void;
|
|
21
|
-
disableStartButton: boolean;
|
|
22
|
-
disableEndButton: boolean;
|
|
23
|
-
handleTouchStart: (e: React.TouchEvent) => void;
|
|
24
|
-
handleTouchMove: (e: React.TouchEvent) => void;
|
|
25
|
-
handleTouchEnd: () => void;
|
|
26
|
-
canScroll: boolean;
|
|
27
|
-
};
|
|
28
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
interface PanelContentProps {
|
|
3
|
-
children: React.ReactNode | ((dimensions: {
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
|
-
}) => React.ReactNode);
|
|
7
|
-
dimensions: {
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
|
-
};
|
|
11
|
-
isDragging: {
|
|
12
|
-
vertical: boolean;
|
|
13
|
-
horizontal: boolean;
|
|
14
|
-
};
|
|
15
|
-
isExpanded: boolean;
|
|
16
|
-
expandable?: boolean;
|
|
17
|
-
tools?: React.ReactNode;
|
|
18
|
-
resizeMode?: boolean;
|
|
19
|
-
handleMouseDown: (direction: "vertical" | "horizontal" | "corner") => (e: React.MouseEvent | React.TouchEvent) => void;
|
|
20
|
-
handleTouchStart: (direction: "vertical" | "horizontal" | "corner") => (e: React.MouseEvent | React.TouchEvent) => void;
|
|
21
|
-
toggleExpand: () => void;
|
|
22
|
-
}
|
|
23
|
-
declare const PanelContent: ({ children, dimensions, isDragging, isExpanded, expandable, tools, resizeMode, handleMouseDown, toggleExpand, }: PanelContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export default PanelContent;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ResizeHandlersProps {
|
|
3
|
-
isResizing: boolean;
|
|
4
|
-
onResizeStart?: (direction: string) => void;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Resize handles for panel resizing
|
|
8
|
-
*/
|
|
9
|
-
declare const ResizeHandlers: React.FC<ResizeHandlersProps>;
|
|
10
|
-
export default ResizeHandlers;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
interface ResizeIndicatorProps {
|
|
3
|
-
isResizing: boolean;
|
|
4
|
-
direction?: string;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Visual indicator shown when a panel is being resized
|
|
8
|
-
*/
|
|
9
|
-
declare const ResizeIndicator: React.FC<ResizeIndicatorProps>;
|
|
10
|
-
export default ResizeIndicator;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { PanelDimensions } from '../Main/Context/PanelContextProvider';
|
|
2
|
-
import { handleDimensionsChangeType } from '../Main/hooks/useDimensionManagement';
|
|
3
|
-
interface UseResizablePanelOptions {
|
|
4
|
-
id: string;
|
|
5
|
-
defaultWidth: number;
|
|
6
|
-
defaultHeight: number;
|
|
7
|
-
minWidth: number;
|
|
8
|
-
maxWidth: number;
|
|
9
|
-
minHeight: number;
|
|
10
|
-
maxHeight: number;
|
|
11
|
-
snapDimensions: PanelDimensions;
|
|
12
|
-
onResize?: (dimensions: PanelDimensions) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare function useResizablePanel({ id, defaultWidth, defaultHeight, minWidth, maxWidth, minHeight, maxHeight, snapDimensions, }: UseResizablePanelOptions): {
|
|
15
|
-
dimensions: any;
|
|
16
|
-
isDragging: {
|
|
17
|
-
vertical: boolean;
|
|
18
|
-
horizontal: boolean;
|
|
19
|
-
};
|
|
20
|
-
setIsDragging: import('react').Dispatch<import('react').SetStateAction<{
|
|
21
|
-
vertical: boolean;
|
|
22
|
-
horizontal: boolean;
|
|
23
|
-
}>>;
|
|
24
|
-
dragStart: import('react').RefObject<{
|
|
25
|
-
x: number;
|
|
26
|
-
y: number;
|
|
27
|
-
width: number;
|
|
28
|
-
height: number;
|
|
29
|
-
}>;
|
|
30
|
-
handleDimensionsChange: handleDimensionsChangeType;
|
|
31
|
-
};
|
|
32
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/** @format */
|
|
2
|
-
interface PaginationDotsProps {
|
|
3
|
-
total: number;
|
|
4
|
-
current: number;
|
|
5
|
-
onDotClick?: (index: number) => void;
|
|
6
|
-
vertical?: boolean;
|
|
7
|
-
onArrowClick?: (direction: "start" | "end") => void;
|
|
8
|
-
showArrows?: boolean;
|
|
9
|
-
disableStart?: boolean;
|
|
10
|
-
disableEnd?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const PaginationDots: ({ total, current, onDotClick, vertical, onArrowClick, disableStart, disableEnd, }: PaginationDotsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
-
export default PaginationDots;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { priority } from './types';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
interface ScrollerProps {
|
|
4
|
-
direction: "vertical" | "horizontal";
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
itemSize: number;
|
|
7
|
-
containerSize?: string | number;
|
|
8
|
-
hideScrollbar?: boolean;
|
|
9
|
-
snapScroll?: boolean;
|
|
10
|
-
title?: string;
|
|
11
|
-
priority?: priority;
|
|
12
|
-
}
|
|
13
|
-
declare const Scroller: ({ direction, children, itemSize, containerSize, hideScrollbar, snapScroll, title, priority, }: ScrollerProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export default Scroller;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ItemCounts {
|
|
3
|
-
horizontal: number;
|
|
4
|
-
vertical: number;
|
|
5
|
-
}
|
|
6
|
-
interface ScrollerContextType {
|
|
7
|
-
itemCounts: ItemCounts;
|
|
8
|
-
setItemCounts: (counts: ItemCounts) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const ScrollContext: import('react').Context<ScrollerContextType>;
|
|
11
|
-
export declare const ScrollerProvider: ({ children }: {
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export declare const useScrollContext: () => ScrollerContextType;
|
|
15
|
-
export {};
|