@egose/shadcn-theme 0.0.20 → 0.0.22
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/chunk-7SHQOSBJ.js +123 -0
- package/chunk-7SHQOSBJ.js.map +1 -0
- package/chunk-CEJOC6JT.mjs +123 -0
- package/chunk-CEJOC6JT.mjs.map +1 -0
- package/{chunk-4J7ZCWRI.mjs → chunk-LFW2GKN3.mjs} +5 -5
- package/chunk-LFW2GKN3.mjs.map +1 -0
- package/chunk-PGE7GQZC.js +71 -0
- package/chunk-PGE7GQZC.js.map +1 -0
- package/chunk-Y6WBDYJY.mjs +71 -0
- package/chunk-Y6WBDYJY.mjs.map +1 -0
- package/{chunk-RUACSQT3.js → chunk-ZHHY5JVV.js} +5 -5
- package/chunk-ZHHY5JVV.js.map +1 -0
- package/components/form/hook-native-select.d.mts +11 -0
- package/components/form/hook-native-select.d.ts +11 -0
- package/components/form/hook-native-select.js +72 -0
- package/components/form/hook-native-select.js.map +1 -0
- package/components/form/hook-native-select.mjs +72 -0
- package/components/form/hook-native-select.mjs.map +1 -0
- package/components/form/hook-select.d.mts +5 -4
- package/components/form/hook-select.d.ts +5 -4
- package/components/form/hook-select.js +29 -32
- package/components/form/hook-select.js.map +1 -1
- package/components/form/hook-select.mjs +30 -33
- package/components/form/hook-select.mjs.map +1 -1
- package/components/form/multi-select.d.mts +2 -0
- package/components/form/multi-select.d.ts +2 -0
- package/components/form/multi-select.js +1 -0
- package/components/form/multi-select.js.map +1 -0
- package/components/form/multi-select.mjs +1 -0
- package/components/form/multi-select.mjs.map +1 -0
- package/components/form/native-select.d.mts +23 -0
- package/components/form/native-select.d.ts +23 -0
- package/components/form/native-select.js +11 -0
- package/components/form/native-select.js.map +1 -0
- package/components/form/native-select.mjs +11 -0
- package/components/form/native-select.mjs.map +1 -0
- package/components/form/select.d.mts +8 -5
- package/components/form/select.d.ts +8 -5
- package/components/form/select.js +3 -2
- package/components/form/select.js.map +1 -1
- package/components/form/select.mjs +2 -1
- package/components/ui/select.js +27 -122
- package/components/ui/select.js.map +1 -1
- package/components/ui/select.mjs +13 -108
- package/components/ui/select.mjs.map +1 -1
- package/components/ui/toaster.js +2 -1
- package/components/ui/toaster.js.map +1 -1
- package/components/ui/toaster.mjs +1 -0
- package/components/ui/toaster.mjs.map +1 -1
- package/package.json +1 -1
- package/chunk-4J7ZCWRI.mjs.map +0 -1
- package/chunk-RUACSQT3.js.map +0 -1
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
2
|
+
|
|
3
|
+
var _chunkB2G2EZ4Pjs = require('./chunk-B2G2EZ4P.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
|
|
8
|
+
|
|
9
|
+
// components/ui/select.tsx
|
|
10
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
11
|
+
var _reactselect = require('@radix-ui/react-select'); var SelectPrimitive = _interopRequireWildcard(_reactselect);
|
|
12
|
+
var _lucidereact = require('lucide-react');
|
|
13
|
+
var Select = SelectPrimitive.Root;
|
|
14
|
+
var SelectGroup = SelectPrimitive.Group;
|
|
15
|
+
var SelectValue = SelectPrimitive.Value;
|
|
16
|
+
var SelectTrigger = React.forwardRef((_a, ref) => {
|
|
17
|
+
var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
SelectPrimitive.Trigger,
|
|
20
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
21
|
+
ref,
|
|
22
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
23
|
+
"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-white px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
|
24
|
+
className
|
|
25
|
+
)
|
|
26
|
+
}, props),
|
|
27
|
+
children,
|
|
28
|
+
/* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(_lucidereact.ChevronDown, { className: "h-4 w-4 opacity-50" }))
|
|
29
|
+
);
|
|
30
|
+
});
|
|
31
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
32
|
+
var SelectScrollUpButton = React.forwardRef((_a, ref) => {
|
|
33
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
35
|
+
SelectPrimitive.ScrollUpButton,
|
|
36
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
37
|
+
ref,
|
|
38
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className)
|
|
39
|
+
}, props),
|
|
40
|
+
/* @__PURE__ */ React.createElement(_lucidereact.ChevronUp, { className: "h-4 w-4" })
|
|
41
|
+
);
|
|
42
|
+
});
|
|
43
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
44
|
+
var SelectScrollDownButton = React.forwardRef((_a, ref) => {
|
|
45
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
46
|
+
return /* @__PURE__ */ React.createElement(
|
|
47
|
+
SelectPrimitive.ScrollDownButton,
|
|
48
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
49
|
+
ref,
|
|
50
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className)
|
|
51
|
+
}, props),
|
|
52
|
+
/* @__PURE__ */ React.createElement(_lucidereact.ChevronDown, { className: "h-4 w-4" })
|
|
53
|
+
);
|
|
54
|
+
});
|
|
55
|
+
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
56
|
+
var SelectContent = React.forwardRef((_a, ref) => {
|
|
57
|
+
var _b = _a, { className, children, position = "popper" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children", "position"]);
|
|
58
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
|
|
59
|
+
SelectPrimitive.Content,
|
|
60
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
61
|
+
ref,
|
|
62
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
63
|
+
"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
|
|
64
|
+
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
65
|
+
className
|
|
66
|
+
),
|
|
67
|
+
position
|
|
68
|
+
}, props),
|
|
69
|
+
/* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
|
|
70
|
+
/* @__PURE__ */ React.createElement(
|
|
71
|
+
SelectPrimitive.Viewport,
|
|
72
|
+
{
|
|
73
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
74
|
+
"p-1",
|
|
75
|
+
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
76
|
+
)
|
|
77
|
+
},
|
|
78
|
+
children
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
|
|
81
|
+
));
|
|
82
|
+
});
|
|
83
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
84
|
+
var SelectLabel = React.forwardRef((_a, ref) => {
|
|
85
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
86
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Label, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "px-2 py-1.5 text-sm font-semibold", className) }, props));
|
|
87
|
+
});
|
|
88
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
89
|
+
var SelectItem = React.forwardRef((_a, ref) => {
|
|
90
|
+
var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
|
|
91
|
+
return /* @__PURE__ */ React.createElement(
|
|
92
|
+
SelectPrimitive.Item,
|
|
93
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
94
|
+
ref,
|
|
95
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
96
|
+
"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary focus:text-secondary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
97
|
+
className
|
|
98
|
+
)
|
|
99
|
+
}, props),
|
|
100
|
+
/* @__PURE__ */ React.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(_lucidereact.Check, { className: "h-4 w-4" }))),
|
|
101
|
+
/* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
|
|
102
|
+
);
|
|
103
|
+
});
|
|
104
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
105
|
+
var SelectSeparator = React.forwardRef((_a, ref) => {
|
|
106
|
+
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
107
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Separator, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, "-mx-1 my-1 h-px bg-muted", className) }, props));
|
|
108
|
+
});
|
|
109
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator;
|
|
123
|
+
//# sourceMappingURL=chunk-7SHQOSBJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-7SHQOSBJ.js","../components/ui/select.tsx"],"names":[],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-7SHQOSBJ.js","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-white px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn('flex cursor-default items-center justify-center py-1', className)}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn('flex cursor-default items-center justify-center py-1', className)}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n 'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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',\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 {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n 'p-1',\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', className)} {...props} />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary focus:text-secondary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"]}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-3ONILUYO.mjs";
|
|
4
|
+
import {
|
|
5
|
+
__objRest,
|
|
6
|
+
__spreadValues
|
|
7
|
+
} from "./chunk-YOSPWY5K.mjs";
|
|
8
|
+
|
|
9
|
+
// components/ui/select.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
12
|
+
import { Check, ChevronDown, ChevronUp } from "lucide-react";
|
|
13
|
+
var Select = SelectPrimitive.Root;
|
|
14
|
+
var SelectGroup = SelectPrimitive.Group;
|
|
15
|
+
var SelectValue = SelectPrimitive.Value;
|
|
16
|
+
var SelectTrigger = React.forwardRef((_a, ref) => {
|
|
17
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
SelectPrimitive.Trigger,
|
|
20
|
+
__spreadValues({
|
|
21
|
+
ref,
|
|
22
|
+
className: cn(
|
|
23
|
+
"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-white px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
|
24
|
+
className
|
|
25
|
+
)
|
|
26
|
+
}, props),
|
|
27
|
+
children,
|
|
28
|
+
/* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
|
|
29
|
+
);
|
|
30
|
+
});
|
|
31
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
32
|
+
var SelectScrollUpButton = React.forwardRef((_a, ref) => {
|
|
33
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
35
|
+
SelectPrimitive.ScrollUpButton,
|
|
36
|
+
__spreadValues({
|
|
37
|
+
ref,
|
|
38
|
+
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
39
|
+
}, props),
|
|
40
|
+
/* @__PURE__ */ React.createElement(ChevronUp, { className: "h-4 w-4" })
|
|
41
|
+
);
|
|
42
|
+
});
|
|
43
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
44
|
+
var SelectScrollDownButton = React.forwardRef((_a, ref) => {
|
|
45
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
46
|
+
return /* @__PURE__ */ React.createElement(
|
|
47
|
+
SelectPrimitive.ScrollDownButton,
|
|
48
|
+
__spreadValues({
|
|
49
|
+
ref,
|
|
50
|
+
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
51
|
+
}, props),
|
|
52
|
+
/* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4" })
|
|
53
|
+
);
|
|
54
|
+
});
|
|
55
|
+
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
56
|
+
var SelectContent = React.forwardRef((_a, ref) => {
|
|
57
|
+
var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
|
|
58
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
|
|
59
|
+
SelectPrimitive.Content,
|
|
60
|
+
__spreadValues({
|
|
61
|
+
ref,
|
|
62
|
+
className: cn(
|
|
63
|
+
"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
|
|
64
|
+
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
65
|
+
className
|
|
66
|
+
),
|
|
67
|
+
position
|
|
68
|
+
}, props),
|
|
69
|
+
/* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
|
|
70
|
+
/* @__PURE__ */ React.createElement(
|
|
71
|
+
SelectPrimitive.Viewport,
|
|
72
|
+
{
|
|
73
|
+
className: cn(
|
|
74
|
+
"p-1",
|
|
75
|
+
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
76
|
+
)
|
|
77
|
+
},
|
|
78
|
+
children
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
|
|
81
|
+
));
|
|
82
|
+
});
|
|
83
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
84
|
+
var SelectLabel = React.forwardRef((_a, ref) => {
|
|
85
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
86
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Label, __spreadValues({ ref, className: cn("px-2 py-1.5 text-sm font-semibold", className) }, props));
|
|
87
|
+
});
|
|
88
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
89
|
+
var SelectItem = React.forwardRef((_a, ref) => {
|
|
90
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
91
|
+
return /* @__PURE__ */ React.createElement(
|
|
92
|
+
SelectPrimitive.Item,
|
|
93
|
+
__spreadValues({
|
|
94
|
+
ref,
|
|
95
|
+
className: cn(
|
|
96
|
+
"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary focus:text-secondary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
97
|
+
className
|
|
98
|
+
)
|
|
99
|
+
}, props),
|
|
100
|
+
/* @__PURE__ */ React.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
|
|
101
|
+
/* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
|
|
102
|
+
);
|
|
103
|
+
});
|
|
104
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
105
|
+
var SelectSeparator = React.forwardRef((_a, ref) => {
|
|
106
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
107
|
+
return /* @__PURE__ */ React.createElement(SelectPrimitive.Separator, __spreadValues({ ref, className: cn("-mx-1 my-1 h-px bg-muted", className) }, props));
|
|
108
|
+
});
|
|
109
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
110
|
+
|
|
111
|
+
export {
|
|
112
|
+
Select,
|
|
113
|
+
SelectGroup,
|
|
114
|
+
SelectValue,
|
|
115
|
+
SelectTrigger,
|
|
116
|
+
SelectScrollUpButton,
|
|
117
|
+
SelectScrollDownButton,
|
|
118
|
+
SelectContent,
|
|
119
|
+
SelectLabel,
|
|
120
|
+
SelectItem,
|
|
121
|
+
SelectSeparator
|
|
122
|
+
};
|
|
123
|
+
//# sourceMappingURL=chunk-CEJOC6JT.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-white px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn('flex cursor-default items-center justify-center py-1', className)}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn('flex cursor-default items-center justify-center py-1', className)}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n 'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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',\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 {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n 'p-1',\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', className)} {...props} />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-secondary focus:text-secondary-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,OAAO,aAAa,iBAAiB;AAI9C,IAAM,SAAyB;AAE/B,IAAM,cAA8B;AAEpC,IAAM,cAA8B;AAEpC,IAAM,gBAAsB,iBAG1B,CAAC,IAAmC,QAAK;AAAxC,eAAE,aAAW,SAjBhB,IAiBG,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AACd;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEH;AAAA,IACD,oCAAiB,sBAAhB,EAAqB,SAAO,QAC3B,oCAAC,eAAY,WAAU,sBAAqB,CAC9C;AAAA,EACF;AAAA,CACD;AACD,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,uBAA6B,iBAGjC,CAAC,IAAyB,QAAK;AAA9B,eAAE,YArCL,IAqCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,OAC3E;AAAA,IAEJ,oCAAC,aAAU,WAAU,WAAU;AAAA,EACjC;AAAA,CACD;AACD,qBAAqB,cAA8B,+BAAe;AAElE,IAAM,yBAA+B,iBAGnC,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnDL,IAmDG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,OAC3E;AAAA,IAEJ,oCAAC,eAAY,WAAU,WAAU;AAAA,EACnC;AAAA,CACD;AACD,uBAAuB,cAA8B,iCAAiB;AAEtE,IAAM,gBAAsB,iBAG1B,CAAC,IAAwD,QAAK;AAA7D,eAAE,aAAW,UAAU,WAAW,SAjErC,IAiEG,IAA+C,kBAA/C,IAA+C,CAA7C,aAAW,YAAU;AACxB,6CAAiB,wBAAhB,MACC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,YACX;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,OACI;AAAA,IAEJ,oCAAC,0BAAqB;AAAA,IACtB;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,aAAa,YACX;AAAA,QACJ;AAAA;AAAA,MAEC;AAAA,IACH;AAAA,IACA,oCAAC,4BAAuB;AAAA,EAC1B,CACF;AAAA,CACD;AACD,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAjGL,IAiGG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6CAAiB,uBAAhB,iBAAsB,KAAU,WAAW,GAAG,qCAAqC,SAAS,KAAO,MAAO;AAAA,CAC5G;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,aAAmB,iBAGvB,CAAC,IAAmC,QAAK;AAAxC,eAAE,aAAW,SAzGhB,IAyGG,IAA0B,kBAA1B,IAA0B,CAAxB,aAAW;AACd;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,IAEJ,oCAAC,UAAK,WAAU,mEACd,oCAAiB,+BAAhB,MACC,oCAAC,SAAM,WAAU,WAAU,CAC7B,CACF;AAAA,IACA,oCAAiB,0BAAhB,MAA0B,QAAS;AAAA,EACtC;AAAA,CACD;AACD,WAAW,cAA8B,qBAAK;AAE9C,IAAM,kBAAwB,iBAG5B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA/HL,IA+HG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6CAAiB,2BAAhB,iBAA0B,KAAU,WAAW,GAAG,4BAA4B,SAAS,KAAO,MAAO;AAAA,CACvG;AACD,gBAAgB,cAA8B,0BAAU;","names":[]}
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
__spreadValues
|
|
11
11
|
} from "./chunk-YOSPWY5K.mjs";
|
|
12
12
|
|
|
13
|
-
// components/form/select.tsx
|
|
13
|
+
// components/form/native-select.tsx
|
|
14
14
|
import React from "react";
|
|
15
15
|
import _kebabCase from "lodash-es/kebabCase";
|
|
16
16
|
import _isString from "lodash-es/isString";
|
|
@@ -19,7 +19,7 @@ function listToSelectOptions(items) {
|
|
|
19
19
|
return { label: item, value: item };
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function FormNativeSelect(_a) {
|
|
23
23
|
var _b = _a, {
|
|
24
24
|
id,
|
|
25
25
|
name,
|
|
@@ -51,7 +51,7 @@ function FormSelect(_a) {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
if (!id) id = _kebabCase(name);
|
|
54
|
-
return /* @__PURE__ */ React.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement(
|
|
54
|
+
return /* @__PURE__ */ React.createElement("div", { className: cn("_native-select", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement(
|
|
55
55
|
"select",
|
|
56
56
|
__spreadValues(__spreadProps(__spreadValues({}, selectProps), {
|
|
57
57
|
id,
|
|
@@ -79,6 +79,6 @@ function FormSelect(_a) {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
export {
|
|
82
|
-
|
|
82
|
+
FormNativeSelect
|
|
83
83
|
};
|
|
84
|
-
//# sourceMappingURL=chunk-
|
|
84
|
+
//# sourceMappingURL=chunk-LFW2GKN3.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/form/native-select.tsx"],"sourcesContent":["'use client';\n\nimport React, { SelectHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\n\ntype NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement>;\n\nexport interface SelectOption {\n label: string;\n value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n return items.map((item) => {\n return { label: item, value: item };\n });\n}\n\nexport interface FormNativeSelectProps extends NativeSelectProps {\n id?: string;\n name: string;\n label: string;\n selectProps: NativeSelectProps;\n data: SelectOption[] | string[];\n defaultValue?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n input?: string;\n };\n}\n\nexport function FormNativeSelect({\n id,\n name,\n label,\n selectProps,\n data,\n defaultValue,\n classNames,\n required,\n disabled,\n ...others\n}: FormNativeSelectProps) {\n let _options: SelectOption[] = [];\n if (data.length > 0) {\n if (_isString(data[0])) {\n _options = listToSelectOptions(data as string[]);\n } else {\n _options = data as SelectOption[];\n }\n }\n\n if (!id) id = _kebabCase(name);\n\n return (\n <div className={cn('_native-select', classNames?.wrapper)}>\n {label && (\n <Label htmlFor={id} className={classNames?.label} required={required}>\n {label}\n </Label>\n )}\n\n <select\n {...selectProps}\n id={id}\n name={name}\n autoComplete={id}\n className={cn(\n 'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n classNames?.input ?? '',\n )}\n required={required}\n disabled={disabled}\n defaultValue={defaultValue}\n {...others}\n >\n {_options.map((option, index) => {\n return (\n <option\n key={option.value}\n value={option.value}\n // Unfortunately, the selected prop is not properly set at the nested component level.\n // use `defaultValue` in select element.\n // selected={defaultValue ? defaultValue === option.value : index === 0}\n >\n {option.label}\n </option>\n );\n })}\n </select>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;AAEA,OAAO,WAAqC;AAC5C,OAAO,gBAAgB;AACvB,OAAO,eAAe;AAWtB,SAAS,oBAAoB,OAAiB;AAC5C,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,WAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EACpC,CAAC;AACH;AAgBO,SAAS,iBAAiB,IAWP;AAXO,eAC/B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA5CF,IAmCiC,IAU5B,mBAV4B,IAU5B;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AA5CF,MAAAA;AA+CE,MAAI,WAA2B,CAAC;AAChC,MAAI,KAAK,SAAS,GAAG;AACnB,QAAI,UAAU,KAAK,CAAC,CAAC,GAAG;AACtB,iBAAW,oBAAoB,IAAgB;AAAA,IACjD,OAAO;AACL,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,kBAAkB,yCAAY,OAAO,KACrD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF;AAAA,IAAC;AAAA,oDACK,cADL;AAAA,MAEC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,SACAA,MAAA,yCAAY,UAAZ,OAAAA,MAAqB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACI;AAAA,IAEH,SAAS,IAAI,CAAC,QAAQ,UAAU;AAC/B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA;AAAA,QAKb,OAAO;AAAA,MACV;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;","names":["_a"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunk7SHQOSBJjs = require('./chunk-7SHQOSBJ.js');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _chunkAXZDZXCYjs = require('./chunk-AXZDZXCY.js');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
var _chunkB2G2EZ4Pjs = require('./chunk-B2G2EZ4P.js');
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
|
|
17
|
+
|
|
18
|
+
// components/form/select.tsx
|
|
19
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
20
|
+
var _kebabCase2 = require('lodash-es/kebabCase'); var _kebabCase3 = _interopRequireDefault(_kebabCase2);
|
|
21
|
+
var _isString2 = require('lodash-es/isString'); var _isString3 = _interopRequireDefault(_isString2);
|
|
22
|
+
function listToSelectOptions(items) {
|
|
23
|
+
return items.map((item) => {
|
|
24
|
+
return { label: item, value: item };
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function FormSelect(_a) {
|
|
28
|
+
var _b = _a, {
|
|
29
|
+
id,
|
|
30
|
+
name,
|
|
31
|
+
label,
|
|
32
|
+
placeholder = "",
|
|
33
|
+
data,
|
|
34
|
+
defaultValue,
|
|
35
|
+
value,
|
|
36
|
+
onChange,
|
|
37
|
+
classNames,
|
|
38
|
+
required,
|
|
39
|
+
disabled
|
|
40
|
+
} = _b, others = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
|
|
41
|
+
"id",
|
|
42
|
+
"name",
|
|
43
|
+
"label",
|
|
44
|
+
"placeholder",
|
|
45
|
+
"data",
|
|
46
|
+
"defaultValue",
|
|
47
|
+
"value",
|
|
48
|
+
"onChange",
|
|
49
|
+
"classNames",
|
|
50
|
+
"required",
|
|
51
|
+
"disabled"
|
|
52
|
+
]);
|
|
53
|
+
var _a2;
|
|
54
|
+
let _options = [];
|
|
55
|
+
if (data.length > 0) {
|
|
56
|
+
if (_isString3.default.call(void 0, data[0])) {
|
|
57
|
+
_options = listToSelectOptions(data);
|
|
58
|
+
} else {
|
|
59
|
+
_options = data;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
if (!id) id = _kebabCase3.default.call(void 0, name);
|
|
63
|
+
return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "_select", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkAXZDZXCYjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(_chunk7SHQOSBJjs.Select, { onValueChange: onChange, defaultValue: (_a2 = defaultValue != null ? defaultValue : value) != null ? _a2 : "" }, /* @__PURE__ */ _react2.default.createElement(_chunk7SHQOSBJjs.SelectTrigger, { className: "" }, /* @__PURE__ */ _react2.default.createElement(_chunk7SHQOSBJjs.SelectValue, { placeholder })), /* @__PURE__ */ _react2.default.createElement(_chunk7SHQOSBJjs.SelectContent, { className: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.input) }, _options.map((option, index) => {
|
|
64
|
+
return /* @__PURE__ */ _react2.default.createElement(_chunk7SHQOSBJjs.SelectItem, { key: option.value, value: option.value }, option.label);
|
|
65
|
+
}))));
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
exports.FormSelect = FormSelect;
|
|
71
|
+
//# sourceMappingURL=chunk-PGE7GQZC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-PGE7GQZC.js","../components/form/select.tsx"],"names":["_a"],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-PGE7GQZC.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '../ui/select';\n\nexport interface SelectOption {\n label: string;\n value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n return items.map((item) => {\n return { label: item, value: item };\n });\n}\n\nexport interface FormSelectProps {\n id?: string;\n name: string;\n label: string;\n placeholder?: string;\n data: SelectOption[] | string[];\n defaultValue?: string;\n value?: string;\n onChange: (value?: string) => void;\n classNames?: {\n wrapper?: string;\n label?: string;\n input?: string;\n };\n required?: boolean;\n disabled?: boolean;\n}\n\nexport function FormSelect({\n id,\n name,\n label,\n placeholder = '',\n data,\n defaultValue,\n value,\n onChange,\n classNames,\n required,\n disabled,\n ...others\n}: FormSelectProps) {\n let _options: SelectOption[] = [];\n if (data.length > 0) {\n if (_isString(data[0])) {\n _options = listToSelectOptions(data as string[]);\n } else {\n _options = data as SelectOption[];\n }\n }\n\n if (!id) id = _kebabCase(name);\n\n return (\n <div className={cn('_select', classNames?.wrapper)}>\n {label && (\n <Label htmlFor={id} className={classNames?.label} required={required}>\n {label}\n </Label>\n )}\n\n <Select onValueChange={onChange} defaultValue={defaultValue ?? value ?? ''}>\n <SelectTrigger className=\"\">\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent className={cn(classNames?.input)}>\n {_options.map((option, index) => {\n return (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Select,
|
|
3
|
+
SelectContent,
|
|
4
|
+
SelectItem,
|
|
5
|
+
SelectTrigger,
|
|
6
|
+
SelectValue
|
|
7
|
+
} from "./chunk-CEJOC6JT.mjs";
|
|
8
|
+
import {
|
|
9
|
+
Label
|
|
10
|
+
} from "./chunk-7W42BHVK.mjs";
|
|
11
|
+
import {
|
|
12
|
+
cn
|
|
13
|
+
} from "./chunk-3ONILUYO.mjs";
|
|
14
|
+
import {
|
|
15
|
+
__objRest
|
|
16
|
+
} from "./chunk-YOSPWY5K.mjs";
|
|
17
|
+
|
|
18
|
+
// components/form/select.tsx
|
|
19
|
+
import React from "react";
|
|
20
|
+
import _kebabCase from "lodash-es/kebabCase";
|
|
21
|
+
import _isString from "lodash-es/isString";
|
|
22
|
+
function listToSelectOptions(items) {
|
|
23
|
+
return items.map((item) => {
|
|
24
|
+
return { label: item, value: item };
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function FormSelect(_a) {
|
|
28
|
+
var _b = _a, {
|
|
29
|
+
id,
|
|
30
|
+
name,
|
|
31
|
+
label,
|
|
32
|
+
placeholder = "",
|
|
33
|
+
data,
|
|
34
|
+
defaultValue,
|
|
35
|
+
value,
|
|
36
|
+
onChange,
|
|
37
|
+
classNames,
|
|
38
|
+
required,
|
|
39
|
+
disabled
|
|
40
|
+
} = _b, others = __objRest(_b, [
|
|
41
|
+
"id",
|
|
42
|
+
"name",
|
|
43
|
+
"label",
|
|
44
|
+
"placeholder",
|
|
45
|
+
"data",
|
|
46
|
+
"defaultValue",
|
|
47
|
+
"value",
|
|
48
|
+
"onChange",
|
|
49
|
+
"classNames",
|
|
50
|
+
"required",
|
|
51
|
+
"disabled"
|
|
52
|
+
]);
|
|
53
|
+
var _a2;
|
|
54
|
+
let _options = [];
|
|
55
|
+
if (data.length > 0) {
|
|
56
|
+
if (_isString(data[0])) {
|
|
57
|
+
_options = listToSelectOptions(data);
|
|
58
|
+
} else {
|
|
59
|
+
_options = data;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
if (!id) id = _kebabCase(name);
|
|
63
|
+
return /* @__PURE__ */ React.createElement("div", { className: cn("_select", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement(Select, { onValueChange: onChange, defaultValue: (_a2 = defaultValue != null ? defaultValue : value) != null ? _a2 : "" }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: "" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })), /* @__PURE__ */ React.createElement(SelectContent, { className: cn(classNames == null ? void 0 : classNames.input) }, _options.map((option, index) => {
|
|
64
|
+
return /* @__PURE__ */ React.createElement(SelectItem, { key: option.value, value: option.value }, option.label);
|
|
65
|
+
}))));
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export {
|
|
69
|
+
FormSelect
|
|
70
|
+
};
|
|
71
|
+
//# sourceMappingURL=chunk-Y6WBDYJY.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/form/select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '../ui/select';\n\nexport interface SelectOption {\n label: string;\n value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n return items.map((item) => {\n return { label: item, value: item };\n });\n}\n\nexport interface FormSelectProps {\n id?: string;\n name: string;\n label: string;\n placeholder?: string;\n data: SelectOption[] | string[];\n defaultValue?: string;\n value?: string;\n onChange: (value?: string) => void;\n classNames?: {\n wrapper?: string;\n label?: string;\n input?: string;\n };\n required?: boolean;\n disabled?: boolean;\n}\n\nexport function FormSelect({\n id,\n name,\n label,\n placeholder = '',\n data,\n defaultValue,\n value,\n onChange,\n classNames,\n required,\n disabled,\n ...others\n}: FormSelectProps) {\n let _options: SelectOption[] = [];\n if (data.length > 0) {\n if (_isString(data[0])) {\n _options = listToSelectOptions(data as string[]);\n } else {\n _options = data as SelectOption[];\n }\n }\n\n if (!id) id = _kebabCase(name);\n\n return (\n <div className={cn('_select', classNames?.wrapper)}>\n {label && (\n <Label htmlFor={id} className={classNames?.label} required={required}>\n {label}\n </Label>\n )}\n\n <Select onValueChange={onChange} defaultValue={defaultValue ?? value ?? ''}>\n <SelectTrigger className=\"\">\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent className={cn(classNames?.input)}>\n {_options.map((option, index) => {\n return (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AAUtB,SAAS,oBAAoB,OAAiB;AAC5C,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,WAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EACpC,CAAC;AACH;AAoBO,SAAS,WAAW,IAaP;AAbO,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjDF,IAsC2B,IAYtB,mBAZsB,IAYtB;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAjDF,MAAAA;AAoDE,MAAI,WAA2B,CAAC;AAChC,MAAI,KAAK,SAAS,GAAG;AACnB,QAAI,UAAU,KAAK,CAAC,CAAC,GAAG;AACtB,iBAAW,oBAAoB,IAAgB;AAAA,IACjD,OAAO;AACL,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,WAAW,yCAAY,OAAO,KAC9C,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF,oCAAC,UAAO,eAAe,UAAU,eAAcA,MAAA,sCAAgB,UAAhB,OAAAA,MAAyB,MACtE,oCAAC,iBAAc,WAAU,MACvB,oCAAC,eAAY,aAA0B,CACzC,GACA,oCAAC,iBAAc,WAAW,GAAG,yCAAY,KAAK,KAC3C,SAAS,IAAI,CAAC,QAAQ,UAAU;AAC/B,WACE,oCAAC,cAAW,KAAK,OAAO,OAAO,OAAO,OAAO,SAC1C,OAAO,KACV;AAAA,EAEJ,CAAC,CACH,CACF,CACF;AAEJ;","names":["_a"]}
|
|
@@ -10,7 +10,7 @@ var _chunkB2G2EZ4Pjs = require('./chunk-B2G2EZ4P.js');
|
|
|
10
10
|
|
|
11
11
|
var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
|
|
12
12
|
|
|
13
|
-
// components/form/select.tsx
|
|
13
|
+
// components/form/native-select.tsx
|
|
14
14
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
15
15
|
var _kebabCase2 = require('lodash-es/kebabCase'); var _kebabCase3 = _interopRequireDefault(_kebabCase2);
|
|
16
16
|
var _isString2 = require('lodash-es/isString'); var _isString3 = _interopRequireDefault(_isString2);
|
|
@@ -19,7 +19,7 @@ function listToSelectOptions(items) {
|
|
|
19
19
|
return { label: item, value: item };
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function FormNativeSelect(_a) {
|
|
23
23
|
var _b = _a, {
|
|
24
24
|
id,
|
|
25
25
|
name,
|
|
@@ -51,7 +51,7 @@ function FormSelect(_a) {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
if (!id) id = _kebabCase3.default.call(void 0, name);
|
|
54
|
-
return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, label && /* @__PURE__ */ _react2.default.createElement(_chunkAXZDZXCYjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(
|
|
54
|
+
return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "_native-select", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkAXZDZXCYjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(
|
|
55
55
|
"select",
|
|
56
56
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, selectProps), {
|
|
57
57
|
id,
|
|
@@ -80,5 +80,5 @@ function FormSelect(_a) {
|
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
83
|
-
exports.
|
|
84
|
-
//# sourceMappingURL=chunk-
|
|
83
|
+
exports.FormNativeSelect = FormNativeSelect;
|
|
84
|
+
//# sourceMappingURL=chunk-ZHHY5JVV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZHHY5JVV.js","../components/form/native-select.tsx"],"names":["_a"],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZHHY5JVV.js","sourcesContent":[null,"'use client';\n\nimport React, { SelectHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\n\ntype NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement>;\n\nexport interface SelectOption {\n label: string;\n value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n return items.map((item) => {\n return { label: item, value: item };\n });\n}\n\nexport interface FormNativeSelectProps extends NativeSelectProps {\n id?: string;\n name: string;\n label: string;\n selectProps: NativeSelectProps;\n data: SelectOption[] | string[];\n defaultValue?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n input?: string;\n };\n}\n\nexport function FormNativeSelect({\n id,\n name,\n label,\n selectProps,\n data,\n defaultValue,\n classNames,\n required,\n disabled,\n ...others\n}: FormNativeSelectProps) {\n let _options: SelectOption[] = [];\n if (data.length > 0) {\n if (_isString(data[0])) {\n _options = listToSelectOptions(data as string[]);\n } else {\n _options = data as SelectOption[];\n }\n }\n\n if (!id) id = _kebabCase(name);\n\n return (\n <div className={cn('_native-select', classNames?.wrapper)}>\n {label && (\n <Label htmlFor={id} className={classNames?.label} required={required}>\n {label}\n </Label>\n )}\n\n <select\n {...selectProps}\n id={id}\n name={name}\n autoComplete={id}\n className={cn(\n 'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n classNames?.input ?? '',\n )}\n required={required}\n disabled={disabled}\n defaultValue={defaultValue}\n {...others}\n >\n {_options.map((option, index) => {\n return (\n <option\n key={option.value}\n value={option.value}\n // Unfortunately, the selected prop is not properly set at the nested component level.\n // use `defaultValue` in select element.\n // selected={defaultValue ? defaultValue === option.value : index === 0}\n >\n {option.label}\n </option>\n );\n })}\n </select>\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormNativeSelectProps } from './native-select.mjs';
|
|
4
|
+
|
|
5
|
+
declare function HookFormNativeSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {
|
|
6
|
+
name: Path<T>;
|
|
7
|
+
options?: RegisterOptions<T, Path<T>> | undefined;
|
|
8
|
+
error?: string;
|
|
9
|
+
}): React__default.JSX.Element | null;
|
|
10
|
+
|
|
11
|
+
export { HookFormNativeSelect };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormNativeSelectProps } from './native-select.js';
|
|
4
|
+
|
|
5
|
+
declare function HookFormNativeSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {
|
|
6
|
+
name: Path<T>;
|
|
7
|
+
options?: RegisterOptions<T, Path<T>> | undefined;
|
|
8
|
+
error?: string;
|
|
9
|
+
}): React__default.JSX.Element | null;
|
|
10
|
+
|
|
11
|
+
export { HookFormNativeSelect };
|