@greatapps/common 1.1.22 → 1.1.24
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.
|
@@ -22,6 +22,7 @@ function SelectTrigger({
|
|
|
22
22
|
className,
|
|
23
23
|
size = "default",
|
|
24
24
|
children,
|
|
25
|
+
icon,
|
|
25
26
|
...props
|
|
26
27
|
}) {
|
|
27
28
|
return /* @__PURE__ */ jsxs(
|
|
@@ -36,10 +37,10 @@ function SelectTrigger({
|
|
|
36
37
|
...props,
|
|
37
38
|
children: [
|
|
38
39
|
children,
|
|
39
|
-
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
40
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: icon ?? /* @__PURE__ */ jsx(
|
|
40
41
|
ChevronDownIcon,
|
|
41
42
|
{
|
|
42
|
-
className: "\n
|
|
43
|
+
className: "\n size-4 opacity-50 transition-all duration-200\n group-data-[state=open]/data-select:rotate-180\n group-data-[state=open]/data-select:opacity-100\n group-data-[state=open]/data-select:text-gray-950!\n "
|
|
43
44
|
}
|
|
44
45
|
) })
|
|
45
46
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ui/form/Select.tsx"],"sourcesContent":["\"use client\"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ui/form/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport { cn } from \"../../../infra/utils/clsx\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n icon,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n icon?: React.ReactNode;\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"group/data-select border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer\",\n className,\n )}\n {...props}\n >\n {children}\n\n <SelectPrimitive.Icon asChild>\n {icon ?? (\n <ChevronDownIcon\n className=\"\n size-4 opacity-50 transition-all duration-200\n group-data-[state=open]/data-select:rotate-180\n group-data-[state=open]/data-select:opacity-100\n group-data-[state=open]/data-select:text-gray-950!\n \"\n />\n )}\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n align = \"center\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[1001] max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 cursor-pointer\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText className=\"cursor-pointer\">\n {children}\n </SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@greatapps/common",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.24",
|
|
4
4
|
"description": "Shared library for GreatApps frontend applications",
|
|
5
5
|
"main": "./dist/index.mjs",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
"@radix-ui/react-progress": "^1.1.8",
|
|
35
35
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
36
36
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
37
|
+
"@radix-ui/react-select": "^2.2.6",
|
|
37
38
|
"@radix-ui/react-separator": "^1.1.8",
|
|
38
39
|
"@radix-ui/react-switch": "^1.2.6",
|
|
39
40
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
@@ -1,35 +1,37 @@
|
|
|
1
|
-
"use client"
|
|
1
|
+
"use client";
|
|
2
2
|
|
|
3
|
-
import * as React from "react"
|
|
4
|
-
import * as SelectPrimitive from "@radix-ui/react-select"
|
|
5
|
-
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
|
|
6
|
-
import { cn } from "../../../infra/utils/clsx"
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
5
|
+
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
6
|
+
import { cn } from "../../../infra/utils/clsx";
|
|
7
7
|
|
|
8
8
|
function Select({
|
|
9
9
|
...props
|
|
10
10
|
}: React.ComponentProps<typeof SelectPrimitive.Root>) {
|
|
11
|
-
return <SelectPrimitive.Root data-slot="select" {...props}
|
|
11
|
+
return <SelectPrimitive.Root data-slot="select" {...props} />;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
function SelectGroup({
|
|
15
15
|
...props
|
|
16
16
|
}: React.ComponentProps<typeof SelectPrimitive.Group>) {
|
|
17
|
-
return <SelectPrimitive.Group data-slot="select-group" {...props}
|
|
17
|
+
return <SelectPrimitive.Group data-slot="select-group" {...props} />;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
function SelectValue({
|
|
21
21
|
...props
|
|
22
22
|
}: React.ComponentProps<typeof SelectPrimitive.Value>) {
|
|
23
|
-
return <SelectPrimitive.Value data-slot="select-value" {...props}
|
|
23
|
+
return <SelectPrimitive.Value data-slot="select-value" {...props} />;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
function SelectTrigger({
|
|
27
27
|
className,
|
|
28
28
|
size = "default",
|
|
29
29
|
children,
|
|
30
|
+
icon,
|
|
30
31
|
...props
|
|
31
32
|
}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
32
|
-
size?: "sm" | "default"
|
|
33
|
+
size?: "sm" | "default";
|
|
34
|
+
icon?: React.ReactNode;
|
|
33
35
|
}) {
|
|
34
36
|
return (
|
|
35
37
|
<SelectPrimitive.Trigger
|
|
@@ -37,25 +39,26 @@ function SelectTrigger({
|
|
|
37
39
|
data-size={size}
|
|
38
40
|
className={cn(
|
|
39
41
|
"group/data-select border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer",
|
|
40
|
-
className
|
|
42
|
+
className,
|
|
41
43
|
)}
|
|
42
44
|
{...props}
|
|
43
45
|
>
|
|
44
46
|
{children}
|
|
45
47
|
|
|
46
48
|
<SelectPrimitive.Icon asChild>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
49
|
+
{icon ?? (
|
|
50
|
+
<ChevronDownIcon
|
|
51
|
+
className="
|
|
52
|
+
size-4 opacity-50 transition-all duration-200
|
|
53
|
+
group-data-[state=open]/data-select:rotate-180
|
|
54
|
+
group-data-[state=open]/data-select:opacity-100
|
|
55
|
+
group-data-[state=open]/data-select:text-gray-950!
|
|
56
|
+
"
|
|
57
|
+
/>
|
|
58
|
+
)}
|
|
55
59
|
</SelectPrimitive.Icon>
|
|
56
60
|
</SelectPrimitive.Trigger>
|
|
57
|
-
)
|
|
58
|
-
|
|
61
|
+
);
|
|
59
62
|
}
|
|
60
63
|
|
|
61
64
|
function SelectContent({
|
|
@@ -72,8 +75,8 @@ function SelectContent({
|
|
|
72
75
|
className={cn(
|
|
73
76
|
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[1001] max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
|
|
74
77
|
position === "popper" &&
|
|
75
|
-
|
|
76
|
-
className
|
|
78
|
+
"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
79
|
+
className,
|
|
77
80
|
)}
|
|
78
81
|
position={position}
|
|
79
82
|
align={align}
|
|
@@ -84,7 +87,7 @@ function SelectContent({
|
|
|
84
87
|
className={cn(
|
|
85
88
|
"p-1",
|
|
86
89
|
position === "popper" &&
|
|
87
|
-
|
|
90
|
+
"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1",
|
|
88
91
|
)}
|
|
89
92
|
>
|
|
90
93
|
{children}
|
|
@@ -92,7 +95,7 @@ function SelectContent({
|
|
|
92
95
|
<SelectScrollDownButton />
|
|
93
96
|
</SelectPrimitive.Content>
|
|
94
97
|
</SelectPrimitive.Portal>
|
|
95
|
-
)
|
|
98
|
+
);
|
|
96
99
|
}
|
|
97
100
|
|
|
98
101
|
function SelectLabel({
|
|
@@ -105,7 +108,7 @@ function SelectLabel({
|
|
|
105
108
|
className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
|
|
106
109
|
{...props}
|
|
107
110
|
/>
|
|
108
|
-
)
|
|
111
|
+
);
|
|
109
112
|
}
|
|
110
113
|
|
|
111
114
|
function SelectItem({
|
|
@@ -118,7 +121,7 @@ function SelectItem({
|
|
|
118
121
|
data-slot="select-item"
|
|
119
122
|
className={cn(
|
|
120
123
|
"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 cursor-pointer",
|
|
121
|
-
className
|
|
124
|
+
className,
|
|
122
125
|
)}
|
|
123
126
|
{...props}
|
|
124
127
|
>
|
|
@@ -127,9 +130,11 @@ function SelectItem({
|
|
|
127
130
|
<CheckIcon className="size-4" />
|
|
128
131
|
</SelectPrimitive.ItemIndicator>
|
|
129
132
|
</span>
|
|
130
|
-
<SelectPrimitive.ItemText className="cursor-pointer">
|
|
133
|
+
<SelectPrimitive.ItemText className="cursor-pointer">
|
|
134
|
+
{children}
|
|
135
|
+
</SelectPrimitive.ItemText>
|
|
131
136
|
</SelectPrimitive.Item>
|
|
132
|
-
)
|
|
137
|
+
);
|
|
133
138
|
}
|
|
134
139
|
|
|
135
140
|
function SelectSeparator({
|
|
@@ -142,7 +147,7 @@ function SelectSeparator({
|
|
|
142
147
|
className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
|
|
143
148
|
{...props}
|
|
144
149
|
/>
|
|
145
|
-
)
|
|
150
|
+
);
|
|
146
151
|
}
|
|
147
152
|
|
|
148
153
|
function SelectScrollUpButton({
|
|
@@ -154,13 +159,13 @@ function SelectScrollUpButton({
|
|
|
154
159
|
data-slot="select-scroll-up-button"
|
|
155
160
|
className={cn(
|
|
156
161
|
"flex cursor-default items-center justify-center py-1",
|
|
157
|
-
className
|
|
162
|
+
className,
|
|
158
163
|
)}
|
|
159
164
|
{...props}
|
|
160
165
|
>
|
|
161
166
|
<ChevronUpIcon className="size-4" />
|
|
162
167
|
</SelectPrimitive.ScrollUpButton>
|
|
163
|
-
)
|
|
168
|
+
);
|
|
164
169
|
}
|
|
165
170
|
|
|
166
171
|
function SelectScrollDownButton({
|
|
@@ -172,13 +177,13 @@ function SelectScrollDownButton({
|
|
|
172
177
|
data-slot="select-scroll-down-button"
|
|
173
178
|
className={cn(
|
|
174
179
|
"flex cursor-default items-center justify-center py-1",
|
|
175
|
-
className
|
|
180
|
+
className,
|
|
176
181
|
)}
|
|
177
182
|
{...props}
|
|
178
183
|
>
|
|
179
184
|
<ChevronDownIcon className="size-4" />
|
|
180
185
|
</SelectPrimitive.ScrollDownButton>
|
|
181
|
-
)
|
|
186
|
+
);
|
|
182
187
|
}
|
|
183
188
|
|
|
184
189
|
export {
|
|
@@ -192,4 +197,4 @@ export {
|
|
|
192
197
|
SelectSeparator,
|
|
193
198
|
SelectTrigger,
|
|
194
199
|
SelectValue,
|
|
195
|
-
}
|
|
200
|
+
};
|