@altimateai/ui-components 0.0.1-beta.10 → 0.0.1-beta.12
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/{Button-BKBSxoPA.d.ts → Button-Dln4BC6y.d.ts} +1 -1
- package/dist/CoachForm.js +4983 -4982
- package/dist/NativeSelect.js +2508 -7702
- package/dist/Tooltip.js +5596 -0
- package/dist/assets/icons/index.js +1 -1
- package/dist/chatbotV2/index.d.ts +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.js +59 -61
- package/dist/index2.css +1 -0
- package/dist/index2.js +9 -9
- package/dist/lineage/index.js +762 -790
- package/dist/main.js +607 -611
- package/dist/redux-toolkit.css +1 -1
- package/dist/redux-toolkit.modern.js +717 -708
- package/dist/shadcn/index.d.ts +26 -11
- package/dist/shadcn/index.js +2864 -3129
- package/dist/storybook/Button.stories.tsx +1 -44
- package/dist/storybook/Menubar.stories.tsx +118 -118
- package/dist/storybook/Select.stories.tsx +28 -1
- package/dist/storybook/Tooltip.stories.tsx +3 -6
- package/dist/{types-6QSONCz1.d.ts → types-S_ndM2U1.d.ts} +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
2
|
import { Button, ButtonProps } from "../shadcn";
|
|
3
3
|
import { CloseIcon } from "@ac-assets/icons";
|
|
4
4
|
|
|
@@ -17,49 +17,6 @@ export default {
|
|
|
17
17
|
},
|
|
18
18
|
} as Meta;
|
|
19
19
|
|
|
20
|
-
const Template: StoryFn<ButtonProps> = args => <Button {...args} />;
|
|
21
|
-
|
|
22
|
-
export const Default = Template.bind({});
|
|
23
|
-
Default.args = {
|
|
24
|
-
children: "Button",
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export const Destructive = Template.bind({});
|
|
28
|
-
Destructive.args = {
|
|
29
|
-
variant: "destructive",
|
|
30
|
-
children: "Delete",
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export const Outline = Template.bind({});
|
|
34
|
-
Outline.args = {
|
|
35
|
-
variant: "outline",
|
|
36
|
-
children: "Outline",
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const Secondary = Template.bind({});
|
|
40
|
-
Secondary.args = {
|
|
41
|
-
variant: "secondary",
|
|
42
|
-
children: "Secondary",
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export const Small = Template.bind({});
|
|
46
|
-
Small.args = {
|
|
47
|
-
size: "sm",
|
|
48
|
-
children: "Small",
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export const Large = Template.bind({});
|
|
52
|
-
Large.args = {
|
|
53
|
-
size: "lg",
|
|
54
|
-
children: "Large",
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
export const Icon = Template.bind({});
|
|
58
|
-
Icon.args = {
|
|
59
|
-
size: "icon",
|
|
60
|
-
children: "🔍",
|
|
61
|
-
};
|
|
62
|
-
|
|
63
20
|
const buttonVariants = ["Default", "Secondary", "Destructive", "Success", "Ghost", "Link"];
|
|
64
21
|
|
|
65
22
|
export const Buttons = {
|
|
@@ -1,20 +1,13 @@
|
|
|
1
1
|
import { Meta, StoryFn } from "@storybook/react";
|
|
2
2
|
import {
|
|
3
3
|
Menubar,
|
|
4
|
-
MenubarMenu,
|
|
5
|
-
MenubarTrigger,
|
|
6
4
|
MenubarContent,
|
|
7
5
|
MenubarItem,
|
|
6
|
+
MenubarMenu,
|
|
8
7
|
MenubarSeparator,
|
|
9
8
|
MenubarShortcut,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
MenubarRadioItem,
|
|
13
|
-
MenubarSubTrigger,
|
|
14
|
-
MenubarSubContent,
|
|
15
|
-
MenubarLabel,
|
|
16
|
-
MenubarSub,
|
|
17
|
-
} from "../shadcn";
|
|
9
|
+
MenubarTrigger,
|
|
10
|
+
} from "./Menubar";
|
|
18
11
|
|
|
19
12
|
export default {
|
|
20
13
|
title: "Shadcn/Components/Menubar",
|
|
@@ -26,133 +19,140 @@ export const Default: StoryFn = () => (
|
|
|
26
19
|
<MenubarMenu>
|
|
27
20
|
<MenubarTrigger>File</MenubarTrigger>
|
|
28
21
|
<MenubarContent>
|
|
29
|
-
<MenubarItem>
|
|
30
|
-
|
|
31
|
-
</MenubarItem>
|
|
32
|
-
<MenubarItem>
|
|
33
|
-
New Window <MenubarShortcut>⌘N</MenubarShortcut>
|
|
34
|
-
</MenubarItem>
|
|
35
|
-
<MenubarItem disabled>New Incognito Window</MenubarItem>
|
|
22
|
+
<MenubarItem>New Tab</MenubarItem>
|
|
23
|
+
<MenubarItem>New Window</MenubarItem>
|
|
36
24
|
<MenubarSeparator />
|
|
37
|
-
<MenubarItem>
|
|
38
|
-
Share <MenubarShortcut>⌘S</MenubarShortcut>
|
|
39
|
-
</MenubarItem>
|
|
25
|
+
<MenubarItem>Share</MenubarItem>
|
|
40
26
|
<MenubarSeparator />
|
|
41
|
-
<MenubarItem>
|
|
42
|
-
Print... <MenubarShortcut>⌘P</MenubarShortcut>
|
|
43
|
-
</MenubarItem>
|
|
27
|
+
<MenubarItem>Print</MenubarItem>
|
|
44
28
|
</MenubarContent>
|
|
45
29
|
</MenubarMenu>
|
|
46
30
|
</Menubar>
|
|
47
31
|
);
|
|
48
32
|
|
|
49
|
-
export const
|
|
50
|
-
<
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<MenubarSeparator />
|
|
61
|
-
<MenubarSub>
|
|
62
|
-
<MenubarSubTrigger>Find</MenubarSubTrigger>
|
|
63
|
-
<MenubarSubContent>
|
|
64
|
-
<MenubarItem>Search the web</MenubarItem>
|
|
65
|
-
<MenubarItem>Find in page</MenubarItem>
|
|
66
|
-
<MenubarItem>Find in files</MenubarItem>
|
|
67
|
-
</MenubarSubContent>
|
|
68
|
-
</MenubarSub>
|
|
69
|
-
<MenubarSeparator />
|
|
70
|
-
<MenubarItem>Cut</MenubarItem>
|
|
71
|
-
<MenubarItem>Copy</MenubarItem>
|
|
72
|
-
<MenubarItem>Paste</MenubarItem>
|
|
73
|
-
</MenubarContent>
|
|
74
|
-
</MenubarMenu>
|
|
75
|
-
</Menubar>
|
|
76
|
-
);
|
|
33
|
+
export const Variants: StoryFn = () => (
|
|
34
|
+
<div className="al-flex al-flex-col al-gap-4">
|
|
35
|
+
<Menubar>
|
|
36
|
+
<MenubarMenu>
|
|
37
|
+
<MenubarTrigger variant="default">Default</MenubarTrigger>
|
|
38
|
+
<MenubarContent>
|
|
39
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
40
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
41
|
+
</MenubarContent>
|
|
42
|
+
</MenubarMenu>
|
|
43
|
+
</Menubar>
|
|
77
44
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<
|
|
91
|
-
<
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
45
|
+
<Menubar>
|
|
46
|
+
<MenubarMenu>
|
|
47
|
+
<MenubarTrigger variant="destructive">Destructive</MenubarTrigger>
|
|
48
|
+
<MenubarContent>
|
|
49
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
50
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
51
|
+
</MenubarContent>
|
|
52
|
+
</MenubarMenu>
|
|
53
|
+
</Menubar>
|
|
54
|
+
|
|
55
|
+
<Menubar>
|
|
56
|
+
<MenubarMenu>
|
|
57
|
+
<MenubarTrigger variant="outline">Outline</MenubarTrigger>
|
|
58
|
+
<MenubarContent>
|
|
59
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
60
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
61
|
+
</MenubarContent>
|
|
62
|
+
</MenubarMenu>
|
|
63
|
+
</Menubar>
|
|
64
|
+
|
|
65
|
+
<Menubar>
|
|
66
|
+
<MenubarMenu>
|
|
67
|
+
<MenubarTrigger variant="success">Success</MenubarTrigger>
|
|
68
|
+
<MenubarContent>
|
|
69
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
70
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
71
|
+
</MenubarContent>
|
|
72
|
+
</MenubarMenu>
|
|
73
|
+
</Menubar>
|
|
74
|
+
|
|
75
|
+
<Menubar>
|
|
76
|
+
<MenubarMenu>
|
|
77
|
+
<MenubarTrigger variant="secondary">Secondary</MenubarTrigger>
|
|
78
|
+
<MenubarContent>
|
|
79
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
80
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
81
|
+
</MenubarContent>
|
|
82
|
+
</MenubarMenu>
|
|
83
|
+
</Menubar>
|
|
84
|
+
|
|
85
|
+
<Menubar>
|
|
86
|
+
<MenubarMenu>
|
|
87
|
+
<MenubarTrigger variant="ghost">Ghost</MenubarTrigger>
|
|
88
|
+
<MenubarContent>
|
|
89
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
90
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
91
|
+
</MenubarContent>
|
|
92
|
+
</MenubarMenu>
|
|
93
|
+
</Menubar>
|
|
94
|
+
</div>
|
|
95
95
|
);
|
|
96
96
|
|
|
97
|
-
export const
|
|
98
|
-
<
|
|
99
|
-
<
|
|
100
|
-
<
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
<
|
|
106
|
-
<
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
97
|
+
export const Sizes: StoryFn = () => (
|
|
98
|
+
<div className="al-flex al-flex-col al-gap-4">
|
|
99
|
+
<Menubar>
|
|
100
|
+
<MenubarMenu>
|
|
101
|
+
<MenubarTrigger variant="default" size="sm">
|
|
102
|
+
Small Size
|
|
103
|
+
</MenubarTrigger>
|
|
104
|
+
<MenubarContent>
|
|
105
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
106
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
107
|
+
</MenubarContent>
|
|
108
|
+
</MenubarMenu>
|
|
109
|
+
</Menubar>
|
|
110
|
+
|
|
111
|
+
<Menubar>
|
|
112
|
+
<MenubarMenu>
|
|
113
|
+
<MenubarTrigger variant="default" size="default">
|
|
114
|
+
Default Size
|
|
115
|
+
</MenubarTrigger>
|
|
116
|
+
<MenubarContent>
|
|
117
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
118
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
119
|
+
</MenubarContent>
|
|
120
|
+
</MenubarMenu>
|
|
121
|
+
</Menubar>
|
|
122
|
+
|
|
123
|
+
<Menubar>
|
|
124
|
+
<MenubarMenu>
|
|
125
|
+
<MenubarTrigger variant="default" size="lg">
|
|
126
|
+
Large Size
|
|
127
|
+
</MenubarTrigger>
|
|
128
|
+
<MenubarContent>
|
|
129
|
+
<MenubarItem>Item 1</MenubarItem>
|
|
130
|
+
<MenubarItem>Item 2</MenubarItem>
|
|
131
|
+
</MenubarContent>
|
|
132
|
+
</MenubarMenu>
|
|
133
|
+
</Menubar>
|
|
134
|
+
</div>
|
|
112
135
|
);
|
|
113
136
|
|
|
114
|
-
export const
|
|
115
|
-
<Menubar
|
|
137
|
+
export const WithShortcuts: StoryFn = () => (
|
|
138
|
+
<Menubar>
|
|
116
139
|
<MenubarMenu>
|
|
117
|
-
<MenubarTrigger>File</MenubarTrigger>
|
|
140
|
+
<MenubarTrigger variant="default">File</MenubarTrigger>
|
|
118
141
|
<MenubarContent>
|
|
119
142
|
<MenubarItem>
|
|
120
143
|
New Tab <MenubarShortcut>⌘T</MenubarShortcut>
|
|
121
144
|
</MenubarItem>
|
|
122
|
-
<MenubarItem>
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
<MenubarSeparator />
|
|
126
|
-
<MenubarItem>Print</MenubarItem>
|
|
127
|
-
</MenubarContent>
|
|
128
|
-
</MenubarMenu>
|
|
129
|
-
<MenubarMenu>
|
|
130
|
-
<MenubarTrigger>Edit</MenubarTrigger>
|
|
131
|
-
<MenubarContent>
|
|
132
|
-
<MenubarItem>Undo</MenubarItem>
|
|
133
|
-
<MenubarItem>Redo</MenubarItem>
|
|
145
|
+
<MenubarItem>
|
|
146
|
+
New Window <MenubarShortcut>⌘N</MenubarShortcut>
|
|
147
|
+
</MenubarItem>
|
|
134
148
|
<MenubarSeparator />
|
|
135
|
-
<
|
|
136
|
-
<
|
|
137
|
-
|
|
138
|
-
<MenubarItem>Search Web</MenubarItem>
|
|
139
|
-
<MenubarItem>Find in Page</MenubarItem>
|
|
140
|
-
</MenubarSubContent>
|
|
141
|
-
</MenubarSub>
|
|
142
|
-
</MenubarContent>
|
|
143
|
-
</MenubarMenu>
|
|
144
|
-
<MenubarMenu>
|
|
145
|
-
<MenubarTrigger>View</MenubarTrigger>
|
|
146
|
-
<MenubarContent>
|
|
147
|
-
<MenubarCheckboxItem>Show Toolbar</MenubarCheckboxItem>
|
|
148
|
-
<MenubarCheckboxItem checked>Show Statusbar</MenubarCheckboxItem>
|
|
149
|
+
<MenubarItem>
|
|
150
|
+
Share <MenubarShortcut>⌘S</MenubarShortcut>
|
|
151
|
+
</MenubarItem>
|
|
149
152
|
<MenubarSeparator />
|
|
150
|
-
<
|
|
151
|
-
<
|
|
152
|
-
|
|
153
|
-
<MenubarRadioItem value="medium">Medium</MenubarRadioItem>
|
|
154
|
-
<MenubarRadioItem value="large">Large</MenubarRadioItem>
|
|
155
|
-
</MenubarRadioGroup>
|
|
153
|
+
<MenubarItem>
|
|
154
|
+
Print <MenubarShortcut>⌘P</MenubarShortcut>
|
|
155
|
+
</MenubarItem>
|
|
156
156
|
</MenubarContent>
|
|
157
157
|
</MenubarMenu>
|
|
158
158
|
</Menubar>
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
SelectSeparator,
|
|
11
11
|
NativeSelect,
|
|
12
12
|
} from "../shadcn";
|
|
13
|
+
import { DatabaseIcon } from "@ac-assets/icons";
|
|
13
14
|
|
|
14
15
|
export default {
|
|
15
16
|
title: "Shadcn/Components/Select",
|
|
@@ -106,10 +107,36 @@ export const NativeSelectExample: StoryFn = () => {
|
|
|
106
107
|
<div className="al-flex al-flex-col al-gap-4">
|
|
107
108
|
<NativeSelect
|
|
108
109
|
options={options}
|
|
109
|
-
placeholder="
|
|
110
|
+
placeholder="Default variant"
|
|
110
111
|
onChange={value => console.log("Selected:", value)}
|
|
112
|
+
icon={<DatabaseIcon />}
|
|
111
113
|
/>
|
|
112
114
|
|
|
115
|
+
<NativeSelect
|
|
116
|
+
options={options}
|
|
117
|
+
placeholder="Outline variant"
|
|
118
|
+
variant="outline"
|
|
119
|
+
onChange={value => console.log("Selected:", value)}
|
|
120
|
+
/>
|
|
121
|
+
|
|
122
|
+
<NativeSelect
|
|
123
|
+
options={options}
|
|
124
|
+
placeholder="Secondary variant (small)"
|
|
125
|
+
variant="secondary"
|
|
126
|
+
size="sm"
|
|
127
|
+
/>
|
|
128
|
+
|
|
129
|
+
<NativeSelect
|
|
130
|
+
options={options}
|
|
131
|
+
placeholder="Success variant (large)"
|
|
132
|
+
variant="success"
|
|
133
|
+
size="lg"
|
|
134
|
+
/>
|
|
135
|
+
|
|
136
|
+
<NativeSelect options={options} placeholder="Destructive variant" variant="destructive" />
|
|
137
|
+
|
|
138
|
+
<NativeSelect options={options} placeholder="Ghost variant" variant="ghost" />
|
|
139
|
+
|
|
113
140
|
<NativeSelect options={options} placeholder="Disabled select" disabled />
|
|
114
141
|
|
|
115
142
|
<NativeSelect options={options} placeholder="With default value" value="banana" />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import {
|
|
2
|
+
import { Button, Tooltip, TooltipProvider } from "../shadcn";
|
|
3
3
|
|
|
4
4
|
const meta: Meta<typeof Tooltip> = {
|
|
5
5
|
title: "Shadcn/Components/Tooltip",
|
|
@@ -18,11 +18,8 @@ type Story = StoryObj<typeof Tooltip>;
|
|
|
18
18
|
|
|
19
19
|
export const Default: Story = {
|
|
20
20
|
render: () => (
|
|
21
|
-
<Tooltip>
|
|
22
|
-
<
|
|
23
|
-
<TooltipContent>
|
|
24
|
-
<p>Tooltip content</p>
|
|
25
|
-
</TooltipContent>
|
|
21
|
+
<Tooltip title="Tooltip content">
|
|
22
|
+
<Button>Hover me</Button>
|
|
26
23
|
</Tooltip>
|
|
27
24
|
),
|
|
28
25
|
};
|