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.
@@ -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,3 @@
1
+ export { SidePanel } from "./SidePanel";
2
+ export type { SidePanelProps } from "./SidePanel";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}