@principal-ade/panels 1.0.54 → 1.0.55
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/components/CollapsibleSplitPane.d.ts +53 -0
- package/dist/components/CollapsibleSplitPane.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +71 -5696
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/panels.css +1 -1
- package/package.json +22 -23
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { Theme } from '@principal-ade/industry-theme';
|
|
3
|
+
export interface CollapsedHeaderConfig {
|
|
4
|
+
/** Icon to display in the collapsed header */
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
/** Title text for the collapsed header */
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
export interface CollapsibleSplitPaneProps {
|
|
10
|
+
/** Content for the primary panel (bottom, always visible) */
|
|
11
|
+
primaryContent: ReactNode;
|
|
12
|
+
/** Content for the secondary panel (top, collapsible) */
|
|
13
|
+
secondaryContent: ReactNode;
|
|
14
|
+
/** Configuration for the collapsed header bar */
|
|
15
|
+
collapsedHeader: CollapsedHeaderConfig;
|
|
16
|
+
/** Whether the secondary panel is collapsed */
|
|
17
|
+
collapsed: boolean;
|
|
18
|
+
/** Callback when collapsed state changes */
|
|
19
|
+
onCollapsedChange: (collapsed: boolean) => void;
|
|
20
|
+
/** Split ratio (0-1) - proportion of space for secondary panel when expanded */
|
|
21
|
+
ratio: number;
|
|
22
|
+
/** Callback when ratio changes via drag */
|
|
23
|
+
onRatioChange: (ratio: number) => void;
|
|
24
|
+
/** Minimum ratio for secondary panel (default: 0.1) */
|
|
25
|
+
minRatio?: number;
|
|
26
|
+
/** Maximum ratio for secondary panel (default: 0.8) */
|
|
27
|
+
maxRatio?: number;
|
|
28
|
+
/** Height of collapsed header bar in pixels (default: 28) */
|
|
29
|
+
collapsedHeight?: number;
|
|
30
|
+
/** Theme object for customizing colors */
|
|
31
|
+
theme: Theme;
|
|
32
|
+
/** CSS class for the layout container */
|
|
33
|
+
className?: string;
|
|
34
|
+
/** Additional styles to apply to the container */
|
|
35
|
+
style?: React.CSSProperties;
|
|
36
|
+
/** Animation duration in milliseconds (default: 200) */
|
|
37
|
+
animationDuration?: number;
|
|
38
|
+
/** Callback when collapse animation starts */
|
|
39
|
+
onCollapseStart?: () => void;
|
|
40
|
+
/** Callback when collapse animation completes */
|
|
41
|
+
onCollapseComplete?: () => void;
|
|
42
|
+
/** Callback when expand animation starts */
|
|
43
|
+
onExpandStart?: () => void;
|
|
44
|
+
/** Callback when expand animation completes */
|
|
45
|
+
onExpandComplete?: () => void;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* CollapsibleSplitPane - A vertical split pane with a collapsible secondary (top) panel.
|
|
49
|
+
* When collapsed, shows a thin header bar with icon, title, and expand button.
|
|
50
|
+
* Supports drag-to-resize and remembers the ratio per instance.
|
|
51
|
+
*/
|
|
52
|
+
export declare const CollapsibleSplitPane: React.FC<CollapsibleSplitPaneProps>;
|
|
53
|
+
//# sourceMappingURL=CollapsibleSplitPane.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleSplitPane.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleSplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,qBAAqB;IACpC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,6DAA6D;IAC7D,cAAc,EAAE,SAAS,CAAC;IAE1B,yDAAyD;IACzD,gBAAgB,EAAE,SAAS,CAAC;IAE5B,iDAAiD;IACjD,eAAe,EAAE,qBAAqB,CAAC;IAEvC,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IAEnB,4CAA4C;IAC5C,iBAAiB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,0CAA0C;IAC1C,KAAK,EAAE,KAAK,CAAC;IAEb,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8SpE,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { AnimatedResizableLayout, type AnimatedResizableLayoutProps } from './components/AnimatedResizableLayout';
|
|
2
2
|
export { AnimatedVerticalLayout, type AnimatedVerticalLayoutProps } from './components/AnimatedVerticalLayout';
|
|
3
|
+
export { CollapsibleSplitPane, type CollapsibleSplitPaneProps, type CollapsedHeaderConfig } from './components/CollapsibleSplitPane';
|
|
3
4
|
export { ConfigurablePanelLayout, type ConfigurablePanelLayoutProps, type PanelDefinitionWithContent } from './components/ConfigurablePanelLayout';
|
|
4
5
|
export { ResponsiveConfigurablePanelLayout, type ResponsiveConfigurablePanelLayoutProps } from './components/ResponsiveConfigurablePanelLayout';
|
|
5
6
|
export { EditableConfigurablePanelLayout, type EditableConfigurablePanelLayoutProps } from './components/EditableConfigurablePanelLayout';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAClH,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAC/G,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,KAAK,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACnJ,OAAO,EAAE,iCAAiC,EAAE,KAAK,sCAAsC,EAAE,MAAM,gDAAgD,CAAC;AAChJ,OAAO,EAAE,+BAA+B,EAAE,KAAK,oCAAoC,EAAE,MAAM,8CAA8C,CAAC;AAC1I,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5M,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGvG,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,cAAc,EAEd,iBAAiB,EACjB,WAAW,EACX,uBAAuB,GACxB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAClH,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AACrI,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,KAAK,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACnJ,OAAO,EAAE,iCAAiC,EAAE,KAAK,sCAAsC,EAAE,MAAM,gDAAgD,CAAC;AAChJ,OAAO,EAAE,+BAA+B,EAAE,KAAK,oCAAoC,EAAE,MAAM,8CAA8C,CAAC;AAC1I,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5M,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGvG,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,cAAc,EAEd,iBAAiB,EACjB,WAAW,EACX,uBAAuB,GACxB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC"}
|