infinity-ui-elements 1.9.15 → 1.9.16
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/BottomSheet/BottomSheet.d.ts +90 -0
- package/dist/components/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.stories.d.ts +28 -0
- package/dist/components/BottomSheet/BottomSheet.stories.d.ts.map +1 -0
- package/dist/components/BottomSheet/index.d.ts +3 -0
- package/dist/components/BottomSheet/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 +178 -94
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +178 -93
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface BottomSheetProps {
|
|
3
|
+
/**
|
|
4
|
+
* Whether the bottom sheet is open
|
|
5
|
+
*/
|
|
6
|
+
isOpen: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Callback when the bottom sheet should close
|
|
9
|
+
*/
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
/**
|
|
12
|
+
* Bottom sheet title - optional
|
|
13
|
+
*/
|
|
14
|
+
title?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Bottom sheet description/subtitle - optional
|
|
17
|
+
*/
|
|
18
|
+
description?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Bottom sheet footer content - optional
|
|
21
|
+
*/
|
|
22
|
+
footer?: React.ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Bottom sheet body content
|
|
25
|
+
*/
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Style variant - "default" applies default styles, "unstyled" removes all default styling
|
|
29
|
+
*/
|
|
30
|
+
variant?: "default" | "unstyled";
|
|
31
|
+
/**
|
|
32
|
+
* Whether to show the close button in header
|
|
33
|
+
*/
|
|
34
|
+
showCloseButton?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Whether to show the drag handle
|
|
37
|
+
*/
|
|
38
|
+
showDragHandle?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Whether clicking the overlay closes the bottom sheet
|
|
41
|
+
*/
|
|
42
|
+
closeOnOverlayClick?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Whether pressing Escape closes the bottom sheet
|
|
45
|
+
*/
|
|
46
|
+
closeOnEscape?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Whether swiping down closes the bottom sheet
|
|
49
|
+
*/
|
|
50
|
+
closeOnSwipeDown?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Maximum height of the bottom sheet (percentage or specific value)
|
|
53
|
+
*/
|
|
54
|
+
maxHeight?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Custom class name for the bottom sheet container
|
|
57
|
+
*/
|
|
58
|
+
className?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Custom class name for the bottom sheet content
|
|
61
|
+
*/
|
|
62
|
+
contentClassName?: string;
|
|
63
|
+
/**
|
|
64
|
+
* Custom class name for the header
|
|
65
|
+
*/
|
|
66
|
+
headerClassName?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Custom class name for the body
|
|
69
|
+
*/
|
|
70
|
+
bodyClassName?: string;
|
|
71
|
+
/**
|
|
72
|
+
* Custom class name for the footer
|
|
73
|
+
*/
|
|
74
|
+
footerClassName?: string;
|
|
75
|
+
/**
|
|
76
|
+
* Custom class name for the overlay
|
|
77
|
+
*/
|
|
78
|
+
overlayClassName?: string;
|
|
79
|
+
/**
|
|
80
|
+
* ARIA label for accessibility
|
|
81
|
+
*/
|
|
82
|
+
ariaLabel?: string;
|
|
83
|
+
/**
|
|
84
|
+
* ARIA description for accessibility
|
|
85
|
+
*/
|
|
86
|
+
ariaDescribedBy?: string;
|
|
87
|
+
}
|
|
88
|
+
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
89
|
+
export { BottomSheet };
|
|
90
|
+
//# sourceMappingURL=BottomSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B;;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,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,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;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,WAAW,yFA0QhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { BottomSheetProps } from "./BottomSheet";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<BottomSheetProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
viewport: {
|
|
9
|
+
defaultViewport: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
tags: string[];
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type BottomSheetStoryArgs = Omit<BottomSheetProps, 'isOpen' | 'onClose'>;
|
|
16
|
+
type Story = StoryObj<Meta<Partial<BottomSheetStoryArgs>>>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const WithDescription: Story;
|
|
19
|
+
export declare const WithFooter: Story;
|
|
20
|
+
export declare const WithLongContent: Story;
|
|
21
|
+
export declare const NoDragHandle: Story;
|
|
22
|
+
export declare const NoCloseButton: Story;
|
|
23
|
+
export declare const CustomHeight: Story;
|
|
24
|
+
export declare const DisableSwipeClose: Story;
|
|
25
|
+
export declare const DisableOverlayClose: Story;
|
|
26
|
+
export declare const Unstyled: Story;
|
|
27
|
+
export declare const MobileExample: Story;
|
|
28
|
+
//# sourceMappingURL=BottomSheet.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAK9D,QAAA,MAAM,IAAI;;;;;;;;;;CAU0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;AACzE,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAsB3D,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8C7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|