infinity-ui-elements 1.8.42 → 1.8.44
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/SidePanel/SidePanel.d.ts +91 -0
- package/dist/components/SidePanel/SidePanel.d.ts.map +1 -0
- package/dist/components/SidePanel/SidePanel.stories.d.ts +20 -0
- package/dist/components/SidePanel/SidePanel.stories.d.ts.map +1 -0
- package/dist/components/SidePanel/index.d.ts +3 -0
- package/dist/components/SidePanel/index.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +68 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +68 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { IconName } from "../../lib/icons";
|
|
3
|
+
export interface SidePanelProps {
|
|
4
|
+
/**
|
|
5
|
+
* Whether the side panel is open
|
|
6
|
+
*/
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Callback when the side panel should close
|
|
10
|
+
*/
|
|
11
|
+
onClose?: () => void;
|
|
12
|
+
/**
|
|
13
|
+
* Side panel title - optional
|
|
14
|
+
*/
|
|
15
|
+
title?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Icon to display before the title - optional
|
|
18
|
+
*/
|
|
19
|
+
titleIcon?: IconName | React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Side panel description/subtitle - optional
|
|
22
|
+
*/
|
|
23
|
+
description?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Side panel footer content - optional
|
|
26
|
+
*/
|
|
27
|
+
footer?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Side panel body content
|
|
30
|
+
*/
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Position from which the side panel appears
|
|
34
|
+
*/
|
|
35
|
+
position?: "left" | "right";
|
|
36
|
+
/**
|
|
37
|
+
* Width variant or custom width
|
|
38
|
+
*/
|
|
39
|
+
width?: "small" | "medium" | "large" | "xlarge" | string;
|
|
40
|
+
/**
|
|
41
|
+
* Whether to show the close button in header
|
|
42
|
+
*/
|
|
43
|
+
showCloseButton?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Additional header actions (e.g., expand, minimize buttons) - optional
|
|
46
|
+
*/
|
|
47
|
+
headerActions?: React.ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Whether clicking the overlay closes the side panel
|
|
50
|
+
*/
|
|
51
|
+
closeOnOverlayClick?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Whether pressing Escape closes the side panel
|
|
54
|
+
*/
|
|
55
|
+
closeOnEscape?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Custom class name for the side panel container
|
|
58
|
+
*/
|
|
59
|
+
className?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Custom class name for the side panel content
|
|
62
|
+
*/
|
|
63
|
+
contentClassName?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Custom class name for the header
|
|
66
|
+
*/
|
|
67
|
+
headerClassName?: string;
|
|
68
|
+
/**
|
|
69
|
+
* Custom class name for the body
|
|
70
|
+
*/
|
|
71
|
+
bodyClassName?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Custom class name for the footer
|
|
74
|
+
*/
|
|
75
|
+
footerClassName?: string;
|
|
76
|
+
/**
|
|
77
|
+
* Custom class name for the overlay
|
|
78
|
+
*/
|
|
79
|
+
overlayClassName?: string;
|
|
80
|
+
/**
|
|
81
|
+
* ARIA label for accessibility
|
|
82
|
+
*/
|
|
83
|
+
ariaLabel?: string;
|
|
84
|
+
/**
|
|
85
|
+
* ARIA description for accessibility
|
|
86
|
+
*/
|
|
87
|
+
ariaDescribedBy?: string;
|
|
88
|
+
}
|
|
89
|
+
declare const SidePanel: React.ForwardRefExoticComponent<SidePanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
90
|
+
export { SidePanel };
|
|
91
|
+
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACzD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS,uFAuOd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { SidePanel } from "./SidePanel";
|
|
3
|
+
declare const meta: Meta<typeof SidePanel>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SidePanel>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithIcon: Story;
|
|
8
|
+
export declare const WithIconAndActions: Story;
|
|
9
|
+
export declare const RightSide: Story;
|
|
10
|
+
export declare const LeftSide: Story;
|
|
11
|
+
export declare const SmallWidth: Story;
|
|
12
|
+
export declare const LargeWidth: Story;
|
|
13
|
+
export declare const XLargeWidth: Story;
|
|
14
|
+
export declare const CustomWidth: Story;
|
|
15
|
+
export declare const WithForm: Story;
|
|
16
|
+
export declare const NoHeader: Story;
|
|
17
|
+
export declare const NoCloseButton: Story;
|
|
18
|
+
export declare const LongContent: Story;
|
|
19
|
+
export declare const NoFooter: Story;
|
|
20
|
+
//# sourceMappingURL=SidePanel.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAoBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAcxC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA+BhC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiDtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|