@egose/shadcn-theme 0.0.17 → 0.0.19
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-4J7ZCWRI.mjs +84 -0
- package/chunk-4J7ZCWRI.mjs.map +1 -0
- package/{chunk-Y2EVJJLM.js → chunk-575K47ZF.js} +5 -4
- package/chunk-575K47ZF.js.map +1 -0
- package/{chunk-Z6AUIAE7.js → chunk-AIYBVHJZ.js} +2 -1
- package/chunk-AIYBVHJZ.js.map +1 -0
- package/{chunk-NEW6PZDO.mjs → chunk-ASPYSRE6.mjs} +2 -1
- package/{chunk-NEW6PZDO.mjs.map → chunk-ASPYSRE6.mjs.map} +1 -1
- package/{chunk-HPHG6IFO.mjs → chunk-DNKFPC6O.mjs} +2 -1
- package/chunk-DNKFPC6O.mjs.map +1 -0
- package/{chunk-73AY2MAQ.js → chunk-GLZZPRFW.js} +4 -4
- package/{chunk-73AY2MAQ.js.map → chunk-GLZZPRFW.js.map} +1 -1
- package/{chunk-EQWIZ4DC.js → chunk-GZJKDKEB.js} +5 -5
- package/{chunk-EQWIZ4DC.js.map → chunk-GZJKDKEB.js.map} +1 -1
- package/{chunk-5GI6UANN.js → chunk-KRSIQ2CB.js} +2 -1
- package/chunk-KRSIQ2CB.js.map +1 -0
- package/{chunk-V7HAO7KE.mjs → chunk-QY46KGSX.mjs} +3 -3
- package/{chunk-K34Y62WO.mjs → chunk-RCRQSAMN.mjs} +2 -2
- package/chunk-RUACSQT3.js +84 -0
- package/chunk-RUACSQT3.js.map +1 -0
- package/{chunk-YFW7UI3E.mjs → chunk-TYSI4CV6.mjs} +5 -4
- package/chunk-TYSI4CV6.mjs.map +1 -0
- package/components/form/date-picker.js +4 -4
- package/components/form/date-picker.mjs +3 -3
- package/components/form/date-range-picker.js +4 -4
- package/components/form/date-range-picker.mjs +2 -2
- package/components/form/hook-date-picker.js +4 -4
- package/components/form/hook-date-picker.mjs +3 -3
- package/components/form/hook-select.d.mts +11 -0
- package/components/form/hook-select.d.ts +11 -0
- package/components/form/hook-select.js +72 -0
- package/components/form/hook-select.js.map +1 -0
- package/components/form/hook-select.mjs +72 -0
- package/components/form/hook-select.mjs.map +1 -0
- package/components/form/hook-text-input.js +2 -2
- package/components/form/hook-text-input.mjs +1 -1
- package/components/form/hook-textarea.js +2 -2
- package/components/form/hook-textarea.mjs +1 -1
- package/components/form/select.d.mts +23 -0
- package/components/form/select.d.ts +23 -0
- package/components/form/select.js +11 -0
- package/components/form/select.js.map +1 -0
- package/components/form/select.mjs +11 -0
- package/components/form/select.mjs.map +1 -0
- package/components/form/text-input.js +2 -2
- package/components/form/text-input.mjs +1 -1
- package/components/form/textarea.js +2 -2
- package/components/form/textarea.mjs +1 -1
- package/components/ui/alert-dialog.js +3 -3
- package/components/ui/alert-dialog.mjs +1 -1
- package/components/ui/button.d.mts +1 -0
- package/components/ui/button.d.ts +1 -0
- package/components/ui/button.js +2 -2
- package/components/ui/button.mjs +1 -1
- package/components/ui/calendar.js +3 -3
- package/components/ui/calendar.mjs +2 -2
- package/components/ui/carousel.js +3 -3
- package/components/ui/carousel.mjs +1 -1
- package/components/ui/pagination.js +2 -2
- package/components/ui/pagination.mjs +1 -1
- package/components/ui/sidebar.js +8 -8
- package/components/ui/sidebar.js.map +1 -1
- package/components/ui/sidebar.mjs +8 -8
- package/components/widgets/dialog-manager/index.js +2 -2
- package/components/widgets/dialog-manager/index.js.map +1 -1
- package/components/widgets/dialog-manager/index.mjs +1 -1
- package/package.json +1 -1
- package/chunk-5GI6UANN.js.map +0 -1
- package/chunk-HPHG6IFO.mjs.map +0 -1
- package/chunk-Y2EVJJLM.js.map +0 -1
- package/chunk-YFW7UI3E.mjs.map +0 -1
- package/chunk-Z6AUIAE7.js.map +0 -1
- /package/{chunk-V7HAO7KE.mjs.map → chunk-QY46KGSX.mjs.map} +0 -0
- /package/{chunk-K34Y62WO.mjs.map → chunk-RCRQSAMN.mjs.map} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
FormDatePicker
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-QY46KGSX.mjs";
|
|
5
5
|
import "../../chunk-M2OVLURH.mjs";
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-RCRQSAMN.mjs";
|
|
7
|
+
import "../../chunk-TYSI4CV6.mjs";
|
|
8
8
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
9
9
|
import "../../chunk-SXP4Q3XZ.mjs";
|
|
10
10
|
import "../../chunk-7W42BHVK.mjs";
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
var _chunkZ33UILCVjs = require('../../chunk-Z33UILCV.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkGLZZPRFWjs = require('../../chunk-GLZZPRFW.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunk575K47ZFjs = require('../../chunk-575K47ZF.js');
|
|
13
13
|
require('../../chunk-MKSF24CS.js');
|
|
14
14
|
|
|
15
15
|
|
|
@@ -62,7 +62,7 @@ function FormDateRangePicker({
|
|
|
62
62
|
}, [value]);
|
|
63
63
|
if (!id) id = _kebabCase3.default.call(void 0, name);
|
|
64
64
|
return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "date-range-picker", 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("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.Popover, null, /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
|
|
65
|
-
|
|
65
|
+
_chunk575K47ZFjs.Button,
|
|
66
66
|
{
|
|
67
67
|
variant: value ? "secondary" : "muted",
|
|
68
68
|
outline: true,
|
|
@@ -71,7 +71,7 @@ function FormDateRangePicker({
|
|
|
71
71
|
/* @__PURE__ */ _react2.default.createElement(_lucidereact.CalendarIcon, null),
|
|
72
72
|
(value == null ? void 0 : value.from) ? value.to ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, formatDate(value.from), " - ", formatDate(value.to)) : formatDate(value.from) : /* @__PURE__ */ _react2.default.createElement("span", null, "Pick a date")
|
|
73
73
|
)), /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
|
|
74
|
-
|
|
74
|
+
_chunkGLZZPRFWjs.Calendar,
|
|
75
75
|
{
|
|
76
76
|
mode: "range",
|
|
77
77
|
defaultMonth: value == null ? void 0 : value.from,
|
|
@@ -6,10 +6,10 @@ import {
|
|
|
6
6
|
} from "../../chunk-M2OVLURH.mjs";
|
|
7
7
|
import {
|
|
8
8
|
Calendar
|
|
9
|
-
} from "../../chunk-
|
|
9
|
+
} from "../../chunk-RCRQSAMN.mjs";
|
|
10
10
|
import {
|
|
11
11
|
Button
|
|
12
|
-
} from "../../chunk-
|
|
12
|
+
} from "../../chunk-TYSI4CV6.mjs";
|
|
13
13
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
14
14
|
import {
|
|
15
15
|
isEqualDates
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkGZJKDKEBjs = require('../../chunk-GZJKDKEB.js');
|
|
5
5
|
require('../../chunk-Z33UILCV.js');
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-
|
|
6
|
+
require('../../chunk-GLZZPRFW.js');
|
|
7
|
+
require('../../chunk-575K47ZF.js');
|
|
8
8
|
require('../../chunk-MKSF24CS.js');
|
|
9
9
|
require('../../chunk-AIRT3G2F.js');
|
|
10
10
|
require('../../chunk-AXZDZXCY.js');
|
|
@@ -51,7 +51,7 @@ function HookFormDatePicker(_a) {
|
|
|
51
51
|
rules,
|
|
52
52
|
render: ({ field: { onChange, onBlur, value } }) => {
|
|
53
53
|
return /* @__PURE__ */ _react2.default.createElement(
|
|
54
|
-
|
|
54
|
+
_chunkGZJKDKEBjs.FormDatePicker,
|
|
55
55
|
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
56
56
|
id,
|
|
57
57
|
name,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
FormDatePicker
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-QY46KGSX.mjs";
|
|
5
5
|
import "../../chunk-M2OVLURH.mjs";
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-RCRQSAMN.mjs";
|
|
7
|
+
import "../../chunk-TYSI4CV6.mjs";
|
|
8
8
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
9
9
|
import "../../chunk-SXP4Q3XZ.mjs";
|
|
10
10
|
import "../../chunk-7W42BHVK.mjs";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormSelectProps } from './select.mjs';
|
|
4
|
+
|
|
5
|
+
declare function HookFormSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormSelectProps, '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 { HookFormSelect };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormSelectProps } from './select.js';
|
|
4
|
+
|
|
5
|
+
declare function HookFormSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormSelectProps, '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 { HookFormSelect };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkRUACSQT3js = require('../../chunk-RUACSQT3.js');
|
|
5
|
+
require('../../chunk-AXZDZXCY.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkP2BPVQXHjs = require('../../chunk-P2BPVQXH.js');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
17
|
+
|
|
18
|
+
// components/form/hook-select.tsx
|
|
19
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
20
|
+
var _get2 = require('lodash-es/get'); var _get3 = _interopRequireDefault(_get2);
|
|
21
|
+
var _reacthookform = require('react-hook-form');
|
|
22
|
+
function HookFormSelect(_a) {
|
|
23
|
+
var _b = _a, {
|
|
24
|
+
id,
|
|
25
|
+
name,
|
|
26
|
+
options,
|
|
27
|
+
label,
|
|
28
|
+
error,
|
|
29
|
+
classNames,
|
|
30
|
+
disabled
|
|
31
|
+
} = _b, others = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
|
|
32
|
+
"id",
|
|
33
|
+
"name",
|
|
34
|
+
"options",
|
|
35
|
+
"label",
|
|
36
|
+
"error",
|
|
37
|
+
"classNames",
|
|
38
|
+
"disabled"
|
|
39
|
+
]);
|
|
40
|
+
const methods = _reacthookform.useFormContext.call(void 0, );
|
|
41
|
+
if (!methods) return null;
|
|
42
|
+
const {
|
|
43
|
+
register,
|
|
44
|
+
formState: { errors }
|
|
45
|
+
} = methods;
|
|
46
|
+
const fieldError = _get3.default.call(void 0, errors, name);
|
|
47
|
+
const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
|
|
48
|
+
const showError = !!fieldError && !disabled;
|
|
49
|
+
return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
|
|
50
|
+
_chunkRUACSQT3js.FormSelect,
|
|
51
|
+
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
52
|
+
id,
|
|
53
|
+
name,
|
|
54
|
+
label,
|
|
55
|
+
disabled
|
|
56
|
+
}, others), {
|
|
57
|
+
classNames: {
|
|
58
|
+
label: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
|
|
59
|
+
"text-danger": showError
|
|
60
|
+
}),
|
|
61
|
+
input: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.input, {
|
|
62
|
+
"ring-danger text-danger": showError
|
|
63
|
+
})
|
|
64
|
+
},
|
|
65
|
+
selectProps: register(name, options)
|
|
66
|
+
})
|
|
67
|
+
), showError && /* @__PURE__ */ _react2.default.createElement(_chunkP2BPVQXHjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
exports.HookFormSelect = HookFormSelect;
|
|
72
|
+
//# sourceMappingURL=hook-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","../../../components/form/hook-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACfA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,cAAA,CAAsC,EAAA,EAanD;AAbmD,EAAA,IAAA,GAAA,EAAA,EAAA,EACpD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAjBF,EAAA,EAUsD,EAAA,EAQjD,OAAA,EAAA,wCAAA,EARiD,EAQjD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAc,MAAA,CAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,CAAA;AACvE,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,CAAA,kBAC1B,eAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,MAAA,CAAA,EALL;AAAA,MAMC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,aAAA,EAAe;AAAA,QACjB,CAAC,CAAA;AAAA,QACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,yBAAA,EAA2B;AAAA,QAC7B,CAAC;AAAA,MACH,CAAA;AAAA,MACA,WAAA,EAAa,QAAA,CAAS,IAAA,EAAM,OAAO;AAAA,IAAA,CAAA;AAAA,EACrC,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADWA;AACE;AACF,wCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\n\nexport function HookFormSelect<T extends FieldValues>({\n id,\n name,\n options,\n label,\n error,\n classNames,\n disabled,\n ...others\n}: Omit<FormSelectProps, 'name' | 'selectProps'> & {\n name: Path<T>;\n options?: RegisterOptions<T, Path<T>> | undefined;\n error?: string;\n}) {\n const methods = useFormContext<T>();\n if (!methods) return null;\n\n const {\n register,\n formState: { errors },\n } = methods;\n\n const fieldError = _get(errors, name);\n const errorMessage = error ?? (fieldError && String(fieldError?.message));\n const showError = !!fieldError && !disabled;\n\n return (\n <div className={classNames?.wrapper}>\n <FormSelect\n id={id}\n name={name}\n label={label}\n disabled={disabled}\n {...others}\n classNames={{\n label: cn(classNames?.label, {\n 'text-danger': showError,\n }),\n input: cn(classNames?.input, {\n 'ring-danger text-danger': showError,\n }),\n }}\n selectProps={register(name, options)}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
FormSelect
|
|
4
|
+
} from "../../chunk-4J7ZCWRI.mjs";
|
|
5
|
+
import "../../chunk-7W42BHVK.mjs";
|
|
6
|
+
import {
|
|
7
|
+
FormError
|
|
8
|
+
} from "../../chunk-WGV3SHLF.mjs";
|
|
9
|
+
import {
|
|
10
|
+
cn
|
|
11
|
+
} from "../../chunk-3ONILUYO.mjs";
|
|
12
|
+
import {
|
|
13
|
+
__objRest,
|
|
14
|
+
__spreadProps,
|
|
15
|
+
__spreadValues
|
|
16
|
+
} from "../../chunk-YOSPWY5K.mjs";
|
|
17
|
+
|
|
18
|
+
// components/form/hook-select.tsx
|
|
19
|
+
import React from "react";
|
|
20
|
+
import _get from "lodash-es/get";
|
|
21
|
+
import { useFormContext } from "react-hook-form";
|
|
22
|
+
function HookFormSelect(_a) {
|
|
23
|
+
var _b = _a, {
|
|
24
|
+
id,
|
|
25
|
+
name,
|
|
26
|
+
options,
|
|
27
|
+
label,
|
|
28
|
+
error,
|
|
29
|
+
classNames,
|
|
30
|
+
disabled
|
|
31
|
+
} = _b, others = __objRest(_b, [
|
|
32
|
+
"id",
|
|
33
|
+
"name",
|
|
34
|
+
"options",
|
|
35
|
+
"label",
|
|
36
|
+
"error",
|
|
37
|
+
"classNames",
|
|
38
|
+
"disabled"
|
|
39
|
+
]);
|
|
40
|
+
const methods = useFormContext();
|
|
41
|
+
if (!methods) return null;
|
|
42
|
+
const {
|
|
43
|
+
register,
|
|
44
|
+
formState: { errors }
|
|
45
|
+
} = methods;
|
|
46
|
+
const fieldError = _get(errors, name);
|
|
47
|
+
const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
|
|
48
|
+
const showError = !!fieldError && !disabled;
|
|
49
|
+
return /* @__PURE__ */ React.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ React.createElement(
|
|
50
|
+
FormSelect,
|
|
51
|
+
__spreadProps(__spreadValues({
|
|
52
|
+
id,
|
|
53
|
+
name,
|
|
54
|
+
label,
|
|
55
|
+
disabled
|
|
56
|
+
}, others), {
|
|
57
|
+
classNames: {
|
|
58
|
+
label: cn(classNames == null ? void 0 : classNames.label, {
|
|
59
|
+
"text-danger": showError
|
|
60
|
+
}),
|
|
61
|
+
input: cn(classNames == null ? void 0 : classNames.input, {
|
|
62
|
+
"ring-danger text-danger": showError
|
|
63
|
+
})
|
|
64
|
+
},
|
|
65
|
+
selectProps: register(name, options)
|
|
66
|
+
})
|
|
67
|
+
), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
|
|
68
|
+
}
|
|
69
|
+
export {
|
|
70
|
+
HookFormSelect
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=hook-select.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../components/form/hook-select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\n\nexport function HookFormSelect<T extends FieldValues>({\n id,\n name,\n options,\n label,\n error,\n classNames,\n disabled,\n ...others\n}: Omit<FormSelectProps, 'name' | 'selectProps'> & {\n name: Path<T>;\n options?: RegisterOptions<T, Path<T>> | undefined;\n error?: string;\n}) {\n const methods = useFormContext<T>();\n if (!methods) return null;\n\n const {\n register,\n formState: { errors },\n } = methods;\n\n const fieldError = _get(errors, name);\n const errorMessage = error ?? (fieldError && String(fieldError?.message));\n const showError = !!fieldError && !disabled;\n\n return (\n <div className={classNames?.wrapper}>\n <FormSelect\n id={id}\n name={name}\n label={label}\n disabled={disabled}\n {...others}\n classNames={{\n label: cn(classNames?.label, {\n 'text-danger': showError,\n }),\n input: cn(classNames?.input, {\n 'ring-danger text-danger': showError,\n }),\n }}\n selectProps={register(name, options)}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,eAAsC,IAanD;AAbmD,eACpD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjBF,IAUsD,IAQjD,mBARiD,IAQjD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,yCAAY,WAC1B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,SALL;AAAA,MAMC,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,aAAa,SAAS,MAAM,OAAO;AAAA;AAAA,EACrC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkKRSIQ2CBjs = require('../../chunk-KRSIQ2CB.js');
|
|
5
5
|
require('../../chunk-GJJM336N.js');
|
|
6
6
|
require('../../chunk-AXZDZXCY.js');
|
|
7
7
|
|
|
@@ -48,7 +48,7 @@ function HookFormTextInput(_a) {
|
|
|
48
48
|
const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
|
|
49
49
|
const showError = !!fieldError && !disabled;
|
|
50
50
|
return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
|
|
51
|
-
|
|
51
|
+
_chunkKRSIQ2CBjs.FormTextInput,
|
|
52
52
|
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
53
53
|
id,
|
|
54
54
|
name,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkAIYBVHJZjs = require('../../chunk-AIYBVHJZ.js');
|
|
5
5
|
require('../../chunk-IQP24H6D.js');
|
|
6
6
|
require('../../chunk-AXZDZXCY.js');
|
|
7
7
|
|
|
@@ -48,7 +48,7 @@ function HookFormTextarea(_a) {
|
|
|
48
48
|
const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
|
|
49
49
|
const showError = !!fieldError && !disabled;
|
|
50
50
|
return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
|
|
51
|
-
|
|
51
|
+
_chunkAIYBVHJZjs.FormTextarea,
|
|
52
52
|
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
53
53
|
id,
|
|
54
54
|
name,
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React__default, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
|
|
4
|
+
interface SelectOption {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
interface FormSelectProps extends SelectProps {
|
|
9
|
+
id?: string;
|
|
10
|
+
name: string;
|
|
11
|
+
label: string;
|
|
12
|
+
selectProps: SelectProps;
|
|
13
|
+
data: SelectOption[] | string[];
|
|
14
|
+
defaultValue?: string;
|
|
15
|
+
classNames?: {
|
|
16
|
+
wrapper?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
input?: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
declare function FormSelect({ id, name, label, selectProps, data, defaultValue, classNames, required, disabled, ...others }: FormSelectProps): React__default.JSX.Element;
|
|
22
|
+
|
|
23
|
+
export { FormSelect, type FormSelectProps, type SelectOption };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React__default, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
|
|
4
|
+
interface SelectOption {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
interface FormSelectProps extends SelectProps {
|
|
9
|
+
id?: string;
|
|
10
|
+
name: string;
|
|
11
|
+
label: string;
|
|
12
|
+
selectProps: SelectProps;
|
|
13
|
+
data: SelectOption[] | string[];
|
|
14
|
+
defaultValue?: string;
|
|
15
|
+
classNames?: {
|
|
16
|
+
wrapper?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
input?: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
declare function FormSelect({ id, name, label, selectProps, data, defaultValue, classNames, required, disabled, ...others }: FormSelectProps): React__default.JSX.Element;
|
|
22
|
+
|
|
23
|
+
export { FormSelect, type FormSelectProps, type SelectOption };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkRUACSQT3js = require('../../chunk-RUACSQT3.js');
|
|
5
|
+
require('../../chunk-AXZDZXCY.js');
|
|
6
|
+
require('../../chunk-B2G2EZ4P.js');
|
|
7
|
+
require('../../chunk-2NMEKWO5.js');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.FormSelect = _chunkRUACSQT3js.FormSelect;
|
|
11
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/select.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,iDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/select.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkKRSIQ2CBjs = require('../../chunk-KRSIQ2CB.js');
|
|
5
5
|
require('../../chunk-GJJM336N.js');
|
|
6
6
|
require('../../chunk-AXZDZXCY.js');
|
|
7
7
|
require('../../chunk-B2G2EZ4P.js');
|
|
8
8
|
require('../../chunk-2NMEKWO5.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.FormTextInput =
|
|
11
|
+
exports.FormTextInput = _chunkKRSIQ2CBjs.FormTextInput;
|
|
12
12
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkAIYBVHJZjs = require('../../chunk-AIYBVHJZ.js');
|
|
5
5
|
require('../../chunk-IQP24H6D.js');
|
|
6
6
|
require('../../chunk-AXZDZXCY.js');
|
|
7
7
|
require('../../chunk-B2G2EZ4P.js');
|
|
8
8
|
require('../../chunk-2NMEKWO5.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.FormTextarea =
|
|
11
|
+
exports.FormTextarea = _chunkAIYBVHJZjs.FormTextarea;
|
|
12
12
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
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
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk575K47ZFjs = require('../../chunk-575K47ZF.js');
|
|
4
4
|
require('../../chunk-MKSF24CS.js');
|
|
5
5
|
|
|
6
6
|
|
|
@@ -68,7 +68,7 @@ var AlertDialogDescription = React.forwardRef((_a, ref) => {
|
|
|
68
68
|
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
69
69
|
var AlertDialogAction = React.forwardRef((_a, ref) => {
|
|
70
70
|
var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
|
|
71
|
-
return /* @__PURE__ */ React.createElement(AlertDialogPrimitive.Action, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
71
|
+
return /* @__PURE__ */ React.createElement(AlertDialogPrimitive.Action, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, className: _chunkB2G2EZ4Pjs.cn.call(void 0, _chunk575K47ZFjs.buttonVariants.call(void 0, ), className) }, props));
|
|
72
72
|
});
|
|
73
73
|
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
74
74
|
var AlertDialogCancel = React.forwardRef((_a, ref) => {
|
|
@@ -77,7 +77,7 @@ var AlertDialogCancel = React.forwardRef((_a, ref) => {
|
|
|
77
77
|
AlertDialogPrimitive.Cancel,
|
|
78
78
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
79
79
|
ref,
|
|
80
|
-
className: _chunkB2G2EZ4Pjs.cn.call(void 0,
|
|
80
|
+
className: _chunkB2G2EZ4Pjs.cn.call(void 0, _chunk575K47ZFjs.buttonVariants.call(void 0, { variant: "light" }), "mt-2 sm:mt-0", className)
|
|
81
81
|
}, props)
|
|
82
82
|
);
|
|
83
83
|
});
|
|
@@ -12,6 +12,7 @@ declare const buttonVariants: (props?: ({
|
|
|
12
12
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
13
13
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
14
14
|
asChild?: boolean;
|
|
15
|
+
left?: React.ReactNode;
|
|
15
16
|
}
|
|
16
17
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
18
|
|
|
@@ -12,6 +12,7 @@ declare const buttonVariants: (props?: ({
|
|
|
12
12
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
13
13
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
14
14
|
asChild?: boolean;
|
|
15
|
+
left?: React.ReactNode;
|
|
15
16
|
}
|
|
16
17
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
18
|
|
package/components/ui/button.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk575K47ZFjs = require('../../chunk-575K47ZF.js');
|
|
5
5
|
require('../../chunk-MKSF24CS.js');
|
|
6
6
|
require('../../chunk-B2G2EZ4P.js');
|
|
7
7
|
require('../../chunk-2NMEKWO5.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Button =
|
|
11
|
+
exports.Button = _chunk575K47ZFjs.Button; exports.buttonVariants = _chunk575K47ZFjs.buttonVariants;
|
|
12
12
|
//# sourceMappingURL=button.js.map
|
package/components/ui/button.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var _chunkGLZZPRFWjs = require('../../chunk-GLZZPRFW.js');
|
|
5
|
+
require('../../chunk-575K47ZF.js');
|
|
6
6
|
require('../../chunk-MKSF24CS.js');
|
|
7
7
|
require('../../chunk-B2G2EZ4P.js');
|
|
8
8
|
require('../../chunk-2NMEKWO5.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Calendar =
|
|
11
|
+
exports.Calendar = _chunkGLZZPRFWjs.Calendar;
|
|
12
12
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Calendar
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-RCRQSAMN.mjs";
|
|
5
|
+
import "../../chunk-TYSI4CV6.mjs";
|
|
6
6
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
7
7
|
import "../../chunk-3ONILUYO.mjs";
|
|
8
8
|
import "../../chunk-YOSPWY5K.mjs";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk575K47ZFjs = require('../../chunk-575K47ZF.js');
|
|
4
4
|
require('../../chunk-MKSF24CS.js');
|
|
5
5
|
|
|
6
6
|
|
|
@@ -140,7 +140,7 @@ var CarouselPrevious = React.forwardRef(
|
|
|
140
140
|
var _b = _a, { className, variant = "light", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
|
|
141
141
|
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
142
142
|
return /* @__PURE__ */ React.createElement(
|
|
143
|
-
|
|
143
|
+
_chunk575K47ZFjs.Button,
|
|
144
144
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
145
145
|
ref,
|
|
146
146
|
variant,
|
|
@@ -164,7 +164,7 @@ var CarouselNext = React.forwardRef(
|
|
|
164
164
|
var _b = _a, { className, variant = "light", size = "icon" } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size"]);
|
|
165
165
|
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
166
166
|
return /* @__PURE__ */ React.createElement(
|
|
167
|
-
|
|
167
|
+
_chunk575K47ZFjs.Button,
|
|
168
168
|
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
169
169
|
ref,
|
|
170
170
|
variant,
|