@egose/shadcn-theme 0.0.24 → 0.0.25
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-DNKFPC6O.mjs → chunk-6GL6VFQI.mjs} +3 -3
- package/chunk-6GL6VFQI.mjs.map +1 -0
- package/{chunk-PGE7GQZC.js → chunk-722RKQ3T.js} +2 -2
- package/{chunk-PGE7GQZC.js.map → chunk-722RKQ3T.js.map} +1 -1
- package/chunk-BNL6W2VN.js +22 -0
- package/chunk-BNL6W2VN.js.map +1 -0
- package/{chunk-5Z4RXAW5.js → chunk-GZJKDKEB.js} +3 -3
- package/{chunk-5Z4RXAW5.js.map → chunk-GZJKDKEB.js.map} +1 -1
- package/{chunk-ZEXZUJSW.js → chunk-HL46L6LC.js} +3 -3
- package/{chunk-ZEXZUJSW.js.map → chunk-HL46L6LC.js.map} +1 -1
- package/chunk-HOQQHS3Q.js +42 -0
- package/chunk-HOQQHS3Q.js.map +1 -0
- package/{chunk-DH6E44M4.mjs → chunk-HSTVMOEF.mjs} +2 -2
- package/chunk-I47DMNG6.mjs +32 -0
- package/chunk-I47DMNG6.mjs.map +1 -0
- package/{chunk-ASPYSRE6.mjs → chunk-JV7VIZQG.mjs} +3 -3
- package/chunk-JV7VIZQG.mjs.map +1 -0
- package/{chunk-ZHHY5JVV.js → chunk-KMCO3DAB.js} +3 -3
- package/{chunk-ZHHY5JVV.js.map → chunk-KMCO3DAB.js.map} +1 -1
- package/chunk-KSHMXYIU.mjs +22 -0
- package/chunk-KSHMXYIU.mjs.map +1 -0
- package/{chunk-AIYBVHJZ.js → chunk-MWMCWZEX.js} +3 -3
- package/{chunk-AIYBVHJZ.js.map → chunk-MWMCWZEX.js.map} +1 -1
- package/{chunk-5T5QQDSP.js → chunk-OVRCMNQQ.js} +2 -2
- package/{chunk-5T5QQDSP.js.map → chunk-OVRCMNQQ.js.map} +1 -1
- package/{chunk-H5U3T76Q.mjs → chunk-QY46KGSX.mjs} +4 -4
- package/{chunk-KRSIQ2CB.js → chunk-RKE5XMOJ.js} +3 -3
- package/{chunk-KRSIQ2CB.js.map → chunk-RKE5XMOJ.js.map} +1 -1
- package/chunk-RPYFLVXV.js +32 -0
- package/chunk-RPYFLVXV.js.map +1 -0
- package/chunk-USWK42A7.js +25 -0
- package/chunk-USWK42A7.js.map +1 -0
- package/{chunk-Y6WBDYJY.mjs → chunk-VLIQ4N2R.mjs} +2 -2
- package/chunk-VLIQ4N2R.mjs.map +1 -0
- package/{chunk-LFW2GKN3.mjs → chunk-WMF5I4XG.mjs} +3 -3
- package/chunk-WMF5I4XG.mjs.map +1 -0
- package/chunk-XFNDJEF4.mjs +25 -0
- package/chunk-XFNDJEF4.mjs.map +1 -0
- package/{chunk-PMQ65SGR.mjs → chunk-XHWWN56S.mjs} +2 -2
- package/chunk-XHWWN56S.mjs.map +1 -0
- package/chunk-YRETRIL3.mjs +42 -0
- package/chunk-YRETRIL3.mjs.map +1 -0
- package/components/form/checkbox.d.mts +19 -0
- package/components/form/checkbox.d.ts +19 -0
- package/components/form/checkbox.js +12 -0
- package/components/form/checkbox.js.map +1 -0
- package/components/form/checkbox.mjs +12 -0
- package/components/form/checkbox.mjs.map +1 -0
- package/components/form/date-picker.js +3 -3
- package/components/form/date-picker.mjs +2 -2
- package/components/form/date-range-picker.js +2 -2
- package/components/form/date-range-picker.mjs +3 -3
- package/components/form/hook-checkbox.d.mts +12 -0
- package/components/form/hook-checkbox.d.ts +12 -0
- package/components/form/hook-checkbox.js +81 -0
- package/components/form/hook-checkbox.js.map +1 -0
- package/components/form/hook-checkbox.mjs +81 -0
- package/components/form/hook-checkbox.mjs.map +1 -0
- package/components/form/hook-date-picker.d.mts +1 -1
- package/components/form/hook-date-picker.d.ts +1 -1
- package/components/form/hook-date-picker.js +8 -8
- package/components/form/hook-date-picker.js.map +1 -1
- package/components/form/hook-date-picker.mjs +7 -7
- package/components/form/hook-date-picker.mjs.map +1 -1
- package/components/form/hook-native-select.d.mts +1 -1
- package/components/form/hook-native-select.d.ts +1 -1
- package/components/form/hook-native-select.js +5 -5
- package/components/form/hook-native-select.js.map +1 -1
- package/components/form/hook-native-select.mjs +4 -4
- package/components/form/hook-native-select.mjs.map +1 -1
- package/components/form/hook-select.d.mts +1 -1
- package/components/form/hook-select.d.ts +1 -1
- package/components/form/hook-select.js +5 -5
- package/components/form/hook-select.js.map +1 -1
- package/components/form/hook-select.mjs +4 -4
- package/components/form/hook-select.mjs.map +1 -1
- package/components/form/hook-text-input.d.mts +1 -1
- package/components/form/hook-text-input.d.ts +1 -1
- package/components/form/hook-text-input.js +5 -5
- package/components/form/hook-text-input.js.map +1 -1
- package/components/form/hook-text-input.mjs +4 -4
- package/components/form/hook-text-input.mjs.map +1 -1
- package/components/form/hook-textarea.d.mts +1 -1
- package/components/form/hook-textarea.d.ts +1 -1
- package/components/form/hook-textarea.js +5 -5
- package/components/form/hook-textarea.js.map +1 -1
- package/components/form/hook-textarea.mjs +4 -4
- package/components/form/hook-textarea.mjs.map +1 -1
- package/components/form/hook-time-input.js +5 -5
- package/components/form/hook-time-input.js.map +1 -1
- package/components/form/hook-time-input.mjs +4 -4
- package/components/form/native-select.d.mts +1 -1
- package/components/form/native-select.d.ts +1 -1
- package/components/form/native-select.js +2 -2
- package/components/form/native-select.mjs +1 -1
- package/components/form/select.d.mts +1 -1
- package/components/form/select.d.ts +1 -1
- package/components/form/select.js +2 -2
- package/components/form/select.mjs +1 -1
- package/components/form/text-input.d.mts +1 -1
- package/components/form/text-input.d.ts +1 -1
- package/components/form/text-input.js +2 -2
- package/components/form/text-input.mjs +1 -1
- package/components/form/textarea.d.mts +1 -1
- package/components/form/textarea.d.ts +1 -1
- package/components/form/textarea.js +2 -2
- package/components/form/textarea.mjs +1 -1
- package/components/form/time-input.js +3 -3
- package/components/form/time-input.mjs +2 -2
- package/components/ui/checkbox.js +5 -27
- package/components/ui/checkbox.js.map +1 -1
- package/components/ui/checkbox.mjs +4 -26
- package/components/ui/checkbox.mjs.map +1 -1
- package/components/ui/copy-button.d.mts +9 -0
- package/components/ui/copy-button.d.ts +9 -0
- package/components/ui/copy-button.js +70 -0
- package/components/ui/copy-button.js.map +1 -0
- package/components/ui/copy-button.mjs +70 -0
- package/components/ui/copy-button.mjs.map +1 -0
- package/components/ui/sidebar.js +6 -6
- package/components/ui/sidebar.js.map +1 -1
- package/components/ui/sidebar.mjs +9 -9
- package/components/ui/tooltip.js +2 -2
- package/components/ui/tooltip.mjs +1 -1
- package/components/ui/unstyled-button.d.mts +7 -0
- package/components/ui/unstyled-button.d.ts +7 -0
- package/components/ui/unstyled-button.js +8 -0
- package/components/ui/unstyled-button.js.map +1 -0
- package/components/ui/unstyled-button.mjs +8 -0
- package/components/ui/unstyled-button.mjs.map +1 -0
- package/components/widgets/dialog-manager/index.js +1 -1
- package/components/widgets/dialog-manager/index.js.map +1 -1
- package/components/widgets/dialog-manager/index.mjs +1 -1
- package/hooks/use-clipboard.d.mts +9 -0
- package/hooks/use-clipboard.d.ts +9 -0
- package/hooks/use-clipboard.js +8 -0
- package/hooks/use-clipboard.js.map +1 -0
- package/hooks/use-clipboard.mjs +8 -0
- package/hooks/use-clipboard.mjs.map +1 -0
- package/package.json +1 -1
- package/chunk-ASPYSRE6.mjs.map +0 -1
- package/chunk-DNKFPC6O.mjs.map +0 -1
- package/chunk-LFW2GKN3.mjs.map +0 -1
- package/chunk-PMQ65SGR.mjs.map +0 -1
- package/chunk-Y6WBDYJY.mjs.map +0 -1
- /package/{chunk-DH6E44M4.mjs.map → chunk-HSTVMOEF.mjs.map} +0 -0
- /package/{chunk-H5U3T76Q.mjs.map → chunk-QY46KGSX.mjs.map} +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// hooks/use-clipboard.tsx
|
|
2
|
+
var _react = require('react');
|
|
3
|
+
function useClipboard({ timeout = 2e3 } = {}) {
|
|
4
|
+
const [copied, setCopied] = _react.useState.call(void 0, false);
|
|
5
|
+
const [error, setError] = _react.useState.call(void 0, null);
|
|
6
|
+
const copy = _react.useCallback.call(void 0,
|
|
7
|
+
async (value) => {
|
|
8
|
+
try {
|
|
9
|
+
await navigator.clipboard.writeText(value);
|
|
10
|
+
setCopied(true);
|
|
11
|
+
setError(null);
|
|
12
|
+
setTimeout(() => setCopied(false), timeout);
|
|
13
|
+
} catch (err) {
|
|
14
|
+
setError(err instanceof Error ? err : new Error(String(err)));
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
[timeout]
|
|
18
|
+
);
|
|
19
|
+
return { copied, copy, error };
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
exports.useClipboard = useClipboard;
|
|
25
|
+
//# sourceMappingURL=chunk-USWK42A7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-USWK42A7.js","../hooks/use-clipboard.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAsC;AAE/B,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,IAAK,EAAA,EAA0B,CAAC,CAAA,EAAG;AAC1E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,EAAA,EAAI,6BAAA,KAAc,CAAA;AAC1C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,IAA2B,CAAA;AAErD,EAAA,MAAM,KAAA,EAAO,gCAAA;AAAA,IACX,MAAA,CAAO,KAAA,EAAA,GAAkB;AACvB,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA,UAAA,CAAW,CAAA,EAAA,GAAM,SAAA,CAAU,KAAK,CAAA,EAAG,OAAO,CAAA;AAAA,MAC5C,EAAA,MAAA,CAAS,GAAA,EAAK;AACZ,QAAA,QAAA,CAAS,IAAA,WAAe,MAAA,EAAQ,IAAA,EAAM,IAAI,KAAA,CAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAAA,MAC9D;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,EACV,CAAA;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,MAAM,CAAA;AAC/B;ADDA;AACA;AACE;AACF,oCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-USWK42A7.js","sourcesContent":[null,"import { useState, useCallback } from 'react';\n\nexport function useClipboard({ timeout = 2000 }: { timeout?: number } = {}) {\n const [copied, setCopied] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n const copy = useCallback(\n async (value: string) => {\n try {\n await navigator.clipboard.writeText(value);\n setCopied(true);\n setError(null);\n setTimeout(() => setCopied(false), timeout);\n } catch (err) {\n setError(err instanceof Error ? err : new Error(String(err)));\n }\n },\n [timeout],\n );\n\n return { copied, copy, error };\n}\n"]}
|
|
@@ -37,7 +37,7 @@ function FormSelect(_a) {
|
|
|
37
37
|
classNames,
|
|
38
38
|
required,
|
|
39
39
|
disabled
|
|
40
|
-
} = _b,
|
|
40
|
+
} = _b, rest = __objRest(_b, [
|
|
41
41
|
"id",
|
|
42
42
|
"name",
|
|
43
43
|
"label",
|
|
@@ -68,4 +68,4 @@ function FormSelect(_a) {
|
|
|
68
68
|
export {
|
|
69
69
|
FormSelect
|
|
70
70
|
};
|
|
71
|
-
//# sourceMappingURL=chunk-
|
|
71
|
+
//# sourceMappingURL=chunk-VLIQ4N2R.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 ...rest\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,iBAZsB,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"]}
|
|
@@ -30,7 +30,7 @@ function FormNativeSelect(_a) {
|
|
|
30
30
|
classNames,
|
|
31
31
|
required,
|
|
32
32
|
disabled
|
|
33
|
-
} = _b,
|
|
33
|
+
} = _b, rest = __objRest(_b, [
|
|
34
34
|
"id",
|
|
35
35
|
"name",
|
|
36
36
|
"label",
|
|
@@ -64,7 +64,7 @@ function FormNativeSelect(_a) {
|
|
|
64
64
|
required,
|
|
65
65
|
disabled,
|
|
66
66
|
defaultValue
|
|
67
|
-
}),
|
|
67
|
+
}), rest),
|
|
68
68
|
_options.map((option, index) => {
|
|
69
69
|
return /* @__PURE__ */ React.createElement(
|
|
70
70
|
"option",
|
|
@@ -81,4 +81,4 @@ function FormNativeSelect(_a) {
|
|
|
81
81
|
export {
|
|
82
82
|
FormNativeSelect
|
|
83
83
|
};
|
|
84
|
-
//# sourceMappingURL=chunk-
|
|
84
|
+
//# sourceMappingURL=chunk-WMF5I4XG.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 ...rest\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 {...rest}\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,iBAV4B,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,25 @@
|
|
|
1
|
+
// hooks/use-clipboard.tsx
|
|
2
|
+
import { useState, useCallback } from "react";
|
|
3
|
+
function useClipboard({ timeout = 2e3 } = {}) {
|
|
4
|
+
const [copied, setCopied] = useState(false);
|
|
5
|
+
const [error, setError] = useState(null);
|
|
6
|
+
const copy = useCallback(
|
|
7
|
+
async (value) => {
|
|
8
|
+
try {
|
|
9
|
+
await navigator.clipboard.writeText(value);
|
|
10
|
+
setCopied(true);
|
|
11
|
+
setError(null);
|
|
12
|
+
setTimeout(() => setCopied(false), timeout);
|
|
13
|
+
} catch (err) {
|
|
14
|
+
setError(err instanceof Error ? err : new Error(String(err)));
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
[timeout]
|
|
18
|
+
);
|
|
19
|
+
return { copied, copy, error };
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export {
|
|
23
|
+
useClipboard
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=chunk-XFNDJEF4.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../hooks/use-clipboard.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useClipboard({ timeout = 2000 }: { timeout?: number } = {}) {\n const [copied, setCopied] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n const copy = useCallback(\n async (value: string) => {\n try {\n await navigator.clipboard.writeText(value);\n setCopied(true);\n setError(null);\n setTimeout(() => setCopied(false), timeout);\n } catch (err) {\n setError(err instanceof Error ? err : new Error(String(err)));\n }\n },\n [timeout],\n );\n\n return { copied, copy, error };\n}\n"],"mappings":";AAAA,SAAS,UAAU,mBAAmB;AAE/B,SAAS,aAAa,EAAE,UAAU,IAAK,IAA0B,CAAC,GAAG;AAC1E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AAErD,QAAM,OAAO;AAAA,IACX,OAAO,UAAkB;AACvB,UAAI;AACF,cAAM,UAAU,UAAU,UAAU,KAAK;AACzC,kBAAU,IAAI;AACd,iBAAS,IAAI;AACb,mBAAW,MAAM,UAAU,KAAK,GAAG,OAAO;AAAA,MAC5C,SAAS,KAAK;AACZ,iBAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC,CAAC;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,EAAE,QAAQ,MAAM,MAAM;AAC/B;","names":[]}
|
|
@@ -20,7 +20,7 @@ var TooltipContent = React.forwardRef((_a, ref) => {
|
|
|
20
20
|
ref,
|
|
21
21
|
sideOffset,
|
|
22
22
|
className: cn(
|
|
23
|
-
"z-50 overflow-hidden rounded-md bg-
|
|
23
|
+
"z-50 overflow-hidden rounded-md bg-dark px-3 py-1.5 text-xs text-dark-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
|
|
24
24
|
className
|
|
25
25
|
)
|
|
26
26
|
}, props)
|
|
@@ -34,4 +34,4 @@ export {
|
|
|
34
34
|
TooltipTrigger,
|
|
35
35
|
TooltipContent
|
|
36
36
|
};
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
37
|
+
//# sourceMappingURL=chunk-XHWWN56S.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '../../lib/utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 overflow-hidden rounded-md bg-dark px-3 py-1.5 text-xs text-dark-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 className,\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAIlC,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,IAAyC,QAAK;AAA9C,eAAE,aAAW,aAAa,EAhB7B,IAgBG,IAAgC,kBAAhC,IAAgC,CAA9B,aAAW;AACd,6CAAkB,yBAAjB,MACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN,CACF;AAAA,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Checkbox
|
|
3
|
+
} from "./chunk-I47DMNG6.mjs";
|
|
4
|
+
import {
|
|
5
|
+
Label
|
|
6
|
+
} from "./chunk-7W42BHVK.mjs";
|
|
7
|
+
import {
|
|
8
|
+
cn
|
|
9
|
+
} from "./chunk-3ONILUYO.mjs";
|
|
10
|
+
|
|
11
|
+
// components/form/checkbox.tsx
|
|
12
|
+
import React from "react";
|
|
13
|
+
import _kebabCase from "lodash-es/kebabCase";
|
|
14
|
+
function FormCheckbox({
|
|
15
|
+
id,
|
|
16
|
+
name,
|
|
17
|
+
label,
|
|
18
|
+
required,
|
|
19
|
+
disabled,
|
|
20
|
+
checked,
|
|
21
|
+
onCheckedChange,
|
|
22
|
+
classNames
|
|
23
|
+
}) {
|
|
24
|
+
const checkboxId = id || _kebabCase(name);
|
|
25
|
+
return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
|
|
26
|
+
Checkbox,
|
|
27
|
+
{
|
|
28
|
+
id: checkboxId,
|
|
29
|
+
name,
|
|
30
|
+
disabled,
|
|
31
|
+
required,
|
|
32
|
+
checked,
|
|
33
|
+
onCheckedChange,
|
|
34
|
+
className: cn(classNames == null ? void 0 : classNames.checkbox)
|
|
35
|
+
}
|
|
36
|
+
), label && /* @__PURE__ */ React.createElement(Label, { htmlFor: checkboxId, className: classNames == null ? void 0 : classNames.label, required }, label));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export {
|
|
40
|
+
FormCheckbox
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=chunk-YRETRIL3.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/form/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Checkbox } from '../ui/checkbox';\n\nexport interface FormCheckboxProps {\n id?: string;\n name: string;\n label?: string;\n required?: boolean;\n disabled?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n classNames?: {\n wrapper?: string;\n label?: string;\n checkbox?: string;\n };\n}\n\nexport function FormCheckbox({\n id,\n name,\n label,\n required,\n disabled,\n checked,\n onCheckedChange,\n classNames,\n}: FormCheckboxProps) {\n const checkboxId = id || _kebabCase(name);\n\n return (\n <div className={cn('flex items-center gap-3', classNames?.wrapper)}>\n <Checkbox\n id={checkboxId}\n name={name}\n disabled={disabled}\n required={required}\n checked={checked}\n onCheckedChange={onCheckedChange}\n className={cn(classNames?.checkbox)}\n />\n {label && (\n <Label htmlFor={checkboxId} className={classNames?.label} required={required}>\n {label}\n </Label>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAoBhB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,aAAa,MAAM,WAAW,IAAI;AAExC,SACE,oCAAC,SAAI,WAAW,GAAG,2BAA2B,yCAAY,OAAO,KAC/D;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yCAAY,QAAQ;AAAA;AAAA,EACpC,GACC,SACC,oCAAC,SAAM,SAAS,YAAY,WAAW,yCAAY,OAAO,YACvD,KACH,CAEJ;AAEJ;","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface FormCheckboxProps {
|
|
4
|
+
id?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
11
|
+
classNames?: {
|
|
12
|
+
wrapper?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
checkbox?: string;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
declare function FormCheckbox({ id, name, label, required, disabled, checked, onCheckedChange, classNames, }: FormCheckboxProps): React__default.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { FormCheckbox, type FormCheckboxProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface FormCheckboxProps {
|
|
4
|
+
id?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
11
|
+
classNames?: {
|
|
12
|
+
wrapper?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
checkbox?: string;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
declare function FormCheckbox({ id, name, label, required, disabled, checked, onCheckedChange, classNames, }: FormCheckboxProps): React__default.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { FormCheckbox, type FormCheckboxProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkHOQQHS3Qjs = require('../../chunk-HOQQHS3Q.js');
|
|
5
|
+
require('../../chunk-RPYFLVXV.js');
|
|
6
|
+
require('../../chunk-AXZDZXCY.js');
|
|
7
|
+
require('../../chunk-B2G2EZ4P.js');
|
|
8
|
+
require('../../chunk-2NMEKWO5.js');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.FormCheckbox = _chunkHOQQHS3Qjs.FormCheckbox;
|
|
12
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/checkbox.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,qDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/checkbox.js"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
FormCheckbox
|
|
4
|
+
} from "../../chunk-YRETRIL3.mjs";
|
|
5
|
+
import "../../chunk-I47DMNG6.mjs";
|
|
6
|
+
import "../../chunk-7W42BHVK.mjs";
|
|
7
|
+
import "../../chunk-3ONILUYO.mjs";
|
|
8
|
+
import "../../chunk-YOSPWY5K.mjs";
|
|
9
|
+
export {
|
|
10
|
+
FormCheckbox
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkGZJKDKEBjs = require('../../chunk-GZJKDKEB.js');
|
|
5
5
|
require('../../chunk-Z33UILCV.js');
|
|
6
6
|
require('../../chunk-GLZZPRFW.js');
|
|
7
7
|
require('../../chunk-575K47ZF.js');
|
|
8
8
|
require('../../chunk-MKSF24CS.js');
|
|
9
|
-
require('../../chunk-AXZDZXCY.js');
|
|
10
9
|
require('../../chunk-AIRT3G2F.js');
|
|
10
|
+
require('../../chunk-AXZDZXCY.js');
|
|
11
11
|
require('../../chunk-B2G2EZ4P.js');
|
|
12
12
|
require('../../chunk-2NMEKWO5.js');
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.FormDatePicker =
|
|
15
|
+
exports.FormDatePicker = _chunkGZJKDKEBjs.FormDatePicker;
|
|
16
16
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
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
6
|
import "../../chunk-RCRQSAMN.mjs";
|
|
7
7
|
import "../../chunk-TYSI4CV6.mjs";
|
|
8
8
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
9
|
-
import "../../chunk-7W42BHVK.mjs";
|
|
10
9
|
import "../../chunk-SXP4Q3XZ.mjs";
|
|
10
|
+
import "../../chunk-7W42BHVK.mjs";
|
|
11
11
|
import "../../chunk-3ONILUYO.mjs";
|
|
12
12
|
import "../../chunk-YOSPWY5K.mjs";
|
|
13
13
|
export {
|
|
@@ -13,10 +13,10 @@ var _chunk575K47ZFjs = require('../../chunk-575K47ZF.js');
|
|
|
13
13
|
require('../../chunk-MKSF24CS.js');
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _chunkAIRT3G2Fjs = require('../../chunk-AIRT3G2F.js');
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _chunkAXZDZXCYjs = require('../../chunk-AXZDZXCY.js');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
@@ -11,12 +11,12 @@ import {
|
|
|
11
11
|
Button
|
|
12
12
|
} from "../../chunk-TYSI4CV6.mjs";
|
|
13
13
|
import "../../chunk-P2MQ6OUG.mjs";
|
|
14
|
-
import {
|
|
15
|
-
Label
|
|
16
|
-
} from "../../chunk-7W42BHVK.mjs";
|
|
17
14
|
import {
|
|
18
15
|
isEqualDates
|
|
19
16
|
} from "../../chunk-SXP4Q3XZ.mjs";
|
|
17
|
+
import {
|
|
18
|
+
Label
|
|
19
|
+
} from "../../chunk-7W42BHVK.mjs";
|
|
20
20
|
import {
|
|
21
21
|
cn
|
|
22
22
|
} from "../../chunk-3ONILUYO.mjs";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormCheckboxProps } from './checkbox.mjs';
|
|
4
|
+
|
|
5
|
+
type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {
|
|
6
|
+
name: Path<T>;
|
|
7
|
+
rules?: RegisterOptions<T, Path<T>>;
|
|
8
|
+
error?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
|
|
11
|
+
|
|
12
|
+
export { HookFormCheckbox };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormCheckboxProps } from './checkbox.js';
|
|
4
|
+
|
|
5
|
+
type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {
|
|
6
|
+
name: Path<T>;
|
|
7
|
+
rules?: RegisterOptions<T, Path<T>>;
|
|
8
|
+
error?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
|
|
11
|
+
|
|
12
|
+
export { HookFormCheckbox };
|
|
@@ -0,0 +1,81 @@
|
|
|
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 _chunkP2BPVQXHjs = require('../../chunk-P2BPVQXH.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkHOQQHS3Qjs = require('../../chunk-HOQQHS3Q.js');
|
|
8
|
+
require('../../chunk-RPYFLVXV.js');
|
|
9
|
+
require('../../chunk-AXZDZXCY.js');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
18
|
+
|
|
19
|
+
// components/form/hook-checkbox.tsx
|
|
20
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
21
|
+
var _get2 = require('lodash-es/get'); var _get3 = _interopRequireDefault(_get2);
|
|
22
|
+
var _reacthookform = require('react-hook-form');
|
|
23
|
+
function HookFormCheckbox(_a) {
|
|
24
|
+
var _b = _a, {
|
|
25
|
+
id,
|
|
26
|
+
name,
|
|
27
|
+
label,
|
|
28
|
+
rules,
|
|
29
|
+
error,
|
|
30
|
+
disabled,
|
|
31
|
+
classNames
|
|
32
|
+
} = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
|
|
33
|
+
"id",
|
|
34
|
+
"name",
|
|
35
|
+
"label",
|
|
36
|
+
"rules",
|
|
37
|
+
"error",
|
|
38
|
+
"disabled",
|
|
39
|
+
"classNames"
|
|
40
|
+
]);
|
|
41
|
+
const methods = _reacthookform.useFormContext.call(void 0, );
|
|
42
|
+
if (!methods) return null;
|
|
43
|
+
const {
|
|
44
|
+
control,
|
|
45
|
+
formState: { errors }
|
|
46
|
+
} = methods;
|
|
47
|
+
const fieldError = _get3.default.call(void 0, errors, name);
|
|
48
|
+
const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
|
|
49
|
+
const showError = !!fieldError && !disabled;
|
|
50
|
+
return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
|
|
51
|
+
_reacthookform.Controller,
|
|
52
|
+
{
|
|
53
|
+
name,
|
|
54
|
+
control,
|
|
55
|
+
rules,
|
|
56
|
+
render: ({ field: { value, onChange } }) => /* @__PURE__ */ _react2.default.createElement(
|
|
57
|
+
_chunkHOQQHS3Qjs.FormCheckbox,
|
|
58
|
+
_chunk2NMEKWO5js.__spreadValues.call(void 0, {
|
|
59
|
+
id,
|
|
60
|
+
name,
|
|
61
|
+
label,
|
|
62
|
+
disabled,
|
|
63
|
+
checked: value,
|
|
64
|
+
onCheckedChange: onChange,
|
|
65
|
+
classNames: _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, classNames), {
|
|
66
|
+
label: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
|
|
67
|
+
"text-danger": showError
|
|
68
|
+
}),
|
|
69
|
+
checkbox: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.checkbox, {
|
|
70
|
+
"ring-danger text-danger": showError
|
|
71
|
+
})
|
|
72
|
+
})
|
|
73
|
+
}, rest)
|
|
74
|
+
)
|
|
75
|
+
}
|
|
76
|
+
), showError && /* @__PURE__ */ _react2.default.createElement(_chunkP2BPVQXHjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
exports.HookFormCheckbox = HookFormCheckbox;
|
|
81
|
+
//# sourceMappingURL=hook-checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-checkbox.js","../../../components/form/hook-checkbox.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AChBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,gBAAA,CAAwC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACtD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EAvBF,EAAA,EAgBwD,EAAA,EAQnD,KAAA,EAAA,wCAAA,EARmD,EAQnD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,OAAA;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,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAA;AAC3C,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,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,SAAS,EAAE,CAAA,EAAA,mBACpC,eAAA,CAAA,aAAA;AAAA,QAAC,6BAAA;AAAA,QAAA,6CAAA;AAAA,UACC,EAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,eAAA,EAAiB,QAAA;AAAA,UACjB,UAAA,EAAY,4CAAA,6CAAA,CAAA,CAAA,EACP,UAAA,CAAA,EADO;AAAA,YAEV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,QAAA,EAAU,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,EAAU;AAAA,cACjC,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH,CAAA;AAAA,QAAA,CAAA,EACI,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ,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;ADSA;AACE;AACF,4CAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-checkbox.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n id,\n name,\n label,\n rules,\n error,\n disabled,\n classNames,\n ...rest\n}: HookFormCheckboxProps<T>) {\n const methods = useFormContext<T>();\n if (!methods) return null;\n\n const {\n control,\n formState: { errors },\n } = methods;\n\n const fieldError = _get(errors, name);\n const errorMessage = error ?? (fieldError?.message as string);\n const showError = !!fieldError && !disabled;\n\n return (\n <div className={classNames?.wrapper}>\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { value, onChange } }) => (\n <FormCheckbox\n id={id}\n name={name}\n label={label}\n disabled={disabled}\n checked={value}\n onCheckedChange={onChange}\n classNames={{\n ...classNames,\n label: cn(classNames?.label, {\n 'text-danger': showError,\n }),\n checkbox: cn(classNames?.checkbox, {\n 'ring-danger text-danger': showError,\n }),\n }}\n {...rest}\n />\n )}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
FormError
|
|
4
|
+
} from "../../chunk-WGV3SHLF.mjs";
|
|
5
|
+
import {
|
|
6
|
+
FormCheckbox
|
|
7
|
+
} from "../../chunk-YRETRIL3.mjs";
|
|
8
|
+
import "../../chunk-I47DMNG6.mjs";
|
|
9
|
+
import "../../chunk-7W42BHVK.mjs";
|
|
10
|
+
import {
|
|
11
|
+
cn
|
|
12
|
+
} from "../../chunk-3ONILUYO.mjs";
|
|
13
|
+
import {
|
|
14
|
+
__objRest,
|
|
15
|
+
__spreadProps,
|
|
16
|
+
__spreadValues
|
|
17
|
+
} from "../../chunk-YOSPWY5K.mjs";
|
|
18
|
+
|
|
19
|
+
// components/form/hook-checkbox.tsx
|
|
20
|
+
import React from "react";
|
|
21
|
+
import _get from "lodash-es/get";
|
|
22
|
+
import { Controller, useFormContext } from "react-hook-form";
|
|
23
|
+
function HookFormCheckbox(_a) {
|
|
24
|
+
var _b = _a, {
|
|
25
|
+
id,
|
|
26
|
+
name,
|
|
27
|
+
label,
|
|
28
|
+
rules,
|
|
29
|
+
error,
|
|
30
|
+
disabled,
|
|
31
|
+
classNames
|
|
32
|
+
} = _b, rest = __objRest(_b, [
|
|
33
|
+
"id",
|
|
34
|
+
"name",
|
|
35
|
+
"label",
|
|
36
|
+
"rules",
|
|
37
|
+
"error",
|
|
38
|
+
"disabled",
|
|
39
|
+
"classNames"
|
|
40
|
+
]);
|
|
41
|
+
const methods = useFormContext();
|
|
42
|
+
if (!methods) return null;
|
|
43
|
+
const {
|
|
44
|
+
control,
|
|
45
|
+
formState: { errors }
|
|
46
|
+
} = methods;
|
|
47
|
+
const fieldError = _get(errors, name);
|
|
48
|
+
const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
|
|
49
|
+
const showError = !!fieldError && !disabled;
|
|
50
|
+
return /* @__PURE__ */ React.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ React.createElement(
|
|
51
|
+
Controller,
|
|
52
|
+
{
|
|
53
|
+
name,
|
|
54
|
+
control,
|
|
55
|
+
rules,
|
|
56
|
+
render: ({ field: { value, onChange } }) => /* @__PURE__ */ React.createElement(
|
|
57
|
+
FormCheckbox,
|
|
58
|
+
__spreadValues({
|
|
59
|
+
id,
|
|
60
|
+
name,
|
|
61
|
+
label,
|
|
62
|
+
disabled,
|
|
63
|
+
checked: value,
|
|
64
|
+
onCheckedChange: onChange,
|
|
65
|
+
classNames: __spreadProps(__spreadValues({}, classNames), {
|
|
66
|
+
label: cn(classNames == null ? void 0 : classNames.label, {
|
|
67
|
+
"text-danger": showError
|
|
68
|
+
}),
|
|
69
|
+
checkbox: cn(classNames == null ? void 0 : classNames.checkbox, {
|
|
70
|
+
"ring-danger text-danger": showError
|
|
71
|
+
})
|
|
72
|
+
})
|
|
73
|
+
}, rest)
|
|
74
|
+
)
|
|
75
|
+
}
|
|
76
|
+
), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
|
|
77
|
+
}
|
|
78
|
+
export {
|
|
79
|
+
HookFormCheckbox
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=hook-checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../components/form/hook-checkbox.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n id,\n name,\n label,\n rules,\n error,\n disabled,\n classNames,\n ...rest\n}: HookFormCheckboxProps<T>) {\n const methods = useFormContext<T>();\n if (!methods) return null;\n\n const {\n control,\n formState: { errors },\n } = methods;\n\n const fieldError = _get(errors, name);\n const errorMessage = error ?? (fieldError?.message as string);\n const showError = !!fieldError && !disabled;\n\n return (\n <div className={classNames?.wrapper}>\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { value, onChange } }) => (\n <FormCheckbox\n id={id}\n name={name}\n label={label}\n disabled={disabled}\n checked={value}\n onCheckedChange={onChange}\n classNames={{\n ...classNames,\n label: cn(classNames?.label, {\n 'text-danger': showError,\n }),\n checkbox: cn(classNames?.checkbox, {\n 'ring-danger text-danger': showError,\n }),\n }}\n {...rest}\n />\n )}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAgD,sBAAsB;AAYxE,SAAS,iBAAwC,IAS3B;AAT2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAgBwD,IAQnD,iBARmD,IAQnD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,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,yCAAY;AAC3C,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,yCAAY,WAC1B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,MACpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,YAAY,iCACP,aADO;AAAA,YAEV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,UAAU,GAAG,yCAAY,UAAU;AAAA,cACjC,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,WACI;AAAA,MACN;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
|
|
@@ -3,7 +3,7 @@ import { FieldValues, Path } from 'react-hook-form';
|
|
|
3
3
|
import { FormDatePickerProps } from './date-picker.mjs';
|
|
4
4
|
import { HookFormRules } from './types.mjs';
|
|
5
5
|
|
|
6
|
-
declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...
|
|
6
|
+
declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...rest }: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {
|
|
7
7
|
rules?: HookFormRules<T>;
|
|
8
8
|
name: Path<T>;
|
|
9
9
|
error?: string;
|
|
@@ -3,7 +3,7 @@ import { FieldValues, Path } from 'react-hook-form';
|
|
|
3
3
|
import { FormDatePickerProps } from './date-picker.js';
|
|
4
4
|
import { HookFormRules } from './types.js';
|
|
5
5
|
|
|
6
|
-
declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...
|
|
6
|
+
declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...rest }: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {
|
|
7
7
|
rules?: HookFormRules<T>;
|
|
8
8
|
name: Path<T>;
|
|
9
9
|
error?: string;
|
|
@@ -1,16 +1,16 @@
|
|
|
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 _chunkP2BPVQXHjs = require('../../chunk-P2BPVQXH.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkGZJKDKEBjs = require('../../chunk-GZJKDKEB.js');
|
|
5
8
|
require('../../chunk-Z33UILCV.js');
|
|
6
9
|
require('../../chunk-GLZZPRFW.js');
|
|
7
10
|
require('../../chunk-575K47ZF.js');
|
|
8
11
|
require('../../chunk-MKSF24CS.js');
|
|
9
|
-
require('../../chunk-AXZDZXCY.js');
|
|
10
12
|
require('../../chunk-AIRT3G2F.js');
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var _chunkP2BPVQXHjs = require('../../chunk-P2BPVQXH.js');
|
|
13
|
+
require('../../chunk-AXZDZXCY.js');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
@@ -32,7 +32,7 @@ function HookFormDatePicker(_a) {
|
|
|
32
32
|
rules,
|
|
33
33
|
classNames,
|
|
34
34
|
disabled = false
|
|
35
|
-
} = _b,
|
|
35
|
+
} = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
|
|
36
36
|
"id",
|
|
37
37
|
"name",
|
|
38
38
|
"label",
|
|
@@ -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,
|
|
@@ -59,7 +59,7 @@ function HookFormDatePicker(_a) {
|
|
|
59
59
|
onChange,
|
|
60
60
|
value,
|
|
61
61
|
disabled
|
|
62
|
-
},
|
|
62
|
+
}, rest), {
|
|
63
63
|
classNames: restClassnames
|
|
64
64
|
})
|
|
65
65
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-date-picker.js","../../../components/form/hook-date-picker.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-date-picker.js","../../../components/form/hook-date-picker.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACpBA,4EAAkB;AAClB,gDAA8D;AAUvD,SAAS,kBAAA,CAA0C,EAAA,EAavD;AAbuD,EAAA,IAAA,GAAA,EAAA,EAAA,EACxD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW;AAAA,EApBb,EAAA,EAa0D,EAAA,EAQrD,KAAA,EAAA,wCAAA,EARqD,EAQrD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,EAAE,QAAQ,EAAA,EAAI,2CAAA,CAAkB;AACtC,EAAA,MAAuCA,IAAAA,EAAA,WAAA,GAAA,KAAA,EAAA,WAAA,EAAc,CAAC,CAAA,EAA9C,EAAA,QA5BV,EAAA,EA4ByCA,GAAAA,EAAnB,eAAA,EAAA,wCAAA,GAAmBA,EAAnB,CAAZ,SAAA,CAAA,CAAA;AAER,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,kBAAG,EAAoB,OAAO,EAAA,CAAA,kBAC5C,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,GAAM;AAClD,QAAA,uBACE,eAAA,CAAA,aAAA;AAAA,UAAC,+BAAA;AAAA,UAAA,4CAAA,6CAAA;AAAA,YACC,EAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YAEA,KAAA;AAAA,YACA;AAAA,UAAA,CAAA,EACI,IAAA,CAAA,EARL;AAAA,YASC,UAAA,EAAY;AAAA,UAAA,CAAA;AAAA,QACd,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA,kBACA,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,MAAA,CAAO,CAC3D,CAAA;AAEJ;ADcA;AACE;AACF,gDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-date-picker.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormDatePicker } from './date-picker';\nimport type { FormDatePickerProps } from './date-picker';\nimport type { HookFormRules } from './types';\n\nexport function HookFormDatePicker<T extends FieldValues>({\n id,\n name,\n label,\n error,\n rules,\n classNames,\n disabled = false,\n ...rest\n}: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {\n rules?: HookFormRules<T>;\n name: Path<T>;\n error?: string;\n}) {\n const { control } = useFormContext<T>();\n const { wrapper, ...restClassnames } = classNames ?? {};\n\n return (\n <div className={cn('hook-date-picker', wrapper)}>\n <Controller\n control={control}\n name={name}\n rules={rules}\n render={({ field: { onChange, onBlur, value } }) => {\n return (\n <FormDatePicker\n id={id}\n name={name}\n label={label}\n onChange={onChange}\n // onBlur={onBlur}\n value={value}\n disabled={disabled}\n {...rest}\n classNames={restClassnames}\n />\n );\n }}\n />\n <FormError field={name} className=\"mt-1\" message={error} />\n </div>\n );\n}\n"]}
|