@altimateai/ui-components 0.0.17 → 0.0.18
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/CoachForm.js +1 -1
- package/dist/Tooltip.js +5 -5
- package/dist/assets/icons/index.d.ts +4 -0
- package/dist/assets/icons/index.js +33 -31
- package/dist/index2.js +150 -148
- package/dist/lineage/index.js +2 -2
- package/dist/main.js +82 -82
- package/dist/shadcn/index.d.ts +9 -1
- package/dist/shadcn/index.js +2289 -2174
- package/dist/storybook/drag-and-drop-file-upload.stories.tsx +99 -0
- package/package.json +1 -1
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { DragAndDropFileUpload } from "@ac-uicore/shadcn";
|
|
3
|
+
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "shadcn/Components/DragAndDropFileUpload",
|
|
6
|
+
component: DragAndDropFileUpload,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: "centered",
|
|
9
|
+
},
|
|
10
|
+
decorators: [
|
|
11
|
+
Story => (
|
|
12
|
+
<div className="al-w-[600px]">
|
|
13
|
+
<Story />
|
|
14
|
+
</div>
|
|
15
|
+
),
|
|
16
|
+
],
|
|
17
|
+
tags: ["autodocs"],
|
|
18
|
+
argTypes: {
|
|
19
|
+
onFilesSelected: {
|
|
20
|
+
action: "files selected",
|
|
21
|
+
},
|
|
22
|
+
acceptedFileTypes: {
|
|
23
|
+
control: "object",
|
|
24
|
+
description: "Array of accepted file types (e.g., ['.pdf', '.jpg', 'image/*'])",
|
|
25
|
+
},
|
|
26
|
+
maxFiles: {
|
|
27
|
+
control: "number",
|
|
28
|
+
description: "Maximum number of files allowed",
|
|
29
|
+
},
|
|
30
|
+
className: {
|
|
31
|
+
control: "text",
|
|
32
|
+
description: "Additional CSS classes",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
} satisfies Meta<typeof DragAndDropFileUpload>;
|
|
36
|
+
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof DragAndDropFileUpload>;
|
|
39
|
+
|
|
40
|
+
export const Default: Story = {
|
|
41
|
+
args: {
|
|
42
|
+
onFilesSelected: files => console.log("Files selected:", files),
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export const SingleImageFile: Story = {
|
|
47
|
+
args: {
|
|
48
|
+
onFilesSelected: files => console.log("Image files selected:", files),
|
|
49
|
+
acceptedFileTypes: ["image/*"],
|
|
50
|
+
maxFiles: 1,
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export const MultiplePDFFiles: Story = {
|
|
55
|
+
args: {
|
|
56
|
+
onFilesSelected: files => console.log("PDF files selected:", files),
|
|
57
|
+
acceptedFileTypes: [".pdf"],
|
|
58
|
+
maxFiles: 5,
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export const MultipleFiles: Story = {
|
|
63
|
+
args: {
|
|
64
|
+
onFilesSelected: files => console.log("Multiple files selected:", files),
|
|
65
|
+
maxFiles: 10,
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export const SpecificFileTypes: Story = {
|
|
70
|
+
args: {
|
|
71
|
+
onFilesSelected: files => console.log("Document files selected:", files),
|
|
72
|
+
acceptedFileTypes: [".pdf", ".doc", ".docx", ".txt"],
|
|
73
|
+
maxFiles: 3,
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export const ImageAndVideoFiles: Story = {
|
|
78
|
+
args: {
|
|
79
|
+
onFilesSelected: files => console.log("Media files selected:", files),
|
|
80
|
+
acceptedFileTypes: ["image/*", "video/*"],
|
|
81
|
+
maxFiles: 5,
|
|
82
|
+
},
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export const WithCustomStyling: Story = {
|
|
86
|
+
args: {
|
|
87
|
+
onFilesSelected: files => console.log("Styled files selected:", files),
|
|
88
|
+
className: "al-max-w-md",
|
|
89
|
+
maxFiles: 3,
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
export const CSVFiles: Story = {
|
|
94
|
+
args: {
|
|
95
|
+
onFilesSelected: files => console.log("CSV files selected:", files),
|
|
96
|
+
acceptedFileTypes: [".csv", ".xlsx", ".xls"],
|
|
97
|
+
maxFiles: 1,
|
|
98
|
+
},
|
|
99
|
+
};
|