@egose/shadcn-theme 0.0.23 → 0.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{chunk-ENHV3QCF.mjs → chunk-DH6E44M4.mjs} +4 -4
- package/chunk-DH6E44M4.mjs.map +1 -0
- package/{chunk-TYI6YBBZ.js → chunk-ZEXZUJSW.js} +4 -4
- package/chunk-ZEXZUJSW.js.map +1 -0
- package/components/form/hook-time-input.d.mts +13 -0
- package/components/form/hook-time-input.d.ts +13 -0
- package/components/form/{hook-time-text-input.js → hook-time-input.js} +6 -6
- package/components/form/hook-time-input.js.map +1 -0
- package/components/form/{hook-time-text-input.mjs → hook-time-input.mjs} +7 -7
- package/components/form/hook-time-input.mjs.map +1 -0
- package/components/form/time-input.d.mts +10 -0
- package/components/form/time-input.d.ts +10 -0
- package/components/form/{time-text-input.js → time-input.js} +3 -3
- package/components/form/time-input.js.map +1 -0
- package/components/form/{time-text-input.mjs → time-input.mjs} +4 -4
- package/package.json +1 -1
- package/chunk-ENHV3QCF.mjs.map +0 -1
- package/chunk-TYI6YBBZ.js.map +0 -1
- package/components/form/hook-time-text-input.d.mts +0 -13
- package/components/form/hook-time-text-input.d.ts +0 -13
- package/components/form/hook-time-text-input.js.map +0 -1
- package/components/form/hook-time-text-input.mjs.map +0 -1
- package/components/form/time-text-input.d.mts +0 -10
- package/components/form/time-text-input.d.ts +0 -10
- package/components/form/time-text-input.js.map +0 -1
- /package/components/form/{time-text-input.mjs.map → time-input.mjs.map} +0 -0
|
@@ -12,9 +12,9 @@ import {
|
|
|
12
12
|
__spreadValues
|
|
13
13
|
} from "./chunk-YOSPWY5K.mjs";
|
|
14
14
|
|
|
15
|
-
// components/form/time-
|
|
15
|
+
// components/form/time-input.tsx
|
|
16
16
|
import React, { useState, useEffect } from "react";
|
|
17
|
-
function
|
|
17
|
+
function FormTimeInput(_a) {
|
|
18
18
|
var _b = _a, { value: parentValue = 0, onChange } = _b, rest = __objRest(_b, ["value", "onChange"]);
|
|
19
19
|
const [value, setValue] = useState(String(parentValue));
|
|
20
20
|
useEffect(() => {
|
|
@@ -36,6 +36,6 @@ function FormTimeTextInput(_a) {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
FormTimeInput
|
|
40
40
|
};
|
|
41
|
-
//# sourceMappingURL=chunk-
|
|
41
|
+
//# sourceMappingURL=chunk-DH6E44M4.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/form/time-input.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect, ChangeEvent } from 'react';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { convertToHours, convertFromHours, convertToWholeFromHours } from '../../lib/number';\n\nexport interface FormTimeInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {\n value?: number;\n onChange?: (value: number) => void;\n}\n\nexport function FormTimeInput({ value: parentValue = 0, onChange, ...rest }: FormTimeInputProps) {\n const [value, setValue] = useState<string>(String(parentValue));\n\n useEffect(() => {\n setValue(String(parentValue ?? ''));\n }, [parentValue]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n setValue(e.target.value);\n };\n\n const handleBlur = (e: ChangeEvent<HTMLInputElement>) => {\n const newValue = convertToHours(e.target.value);\n const numericValue = Number(newValue);\n\n setValue(newValue);\n onChange?.(numericValue);\n };\n\n const displayText = convertFromHours(value);\n const displayWhole = convertToWholeFromHours(value);\n const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;\n\n return <FormTextInput {...rest} value={value} onChange={handleChange} onBlur={handleBlur} title={title} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAEA,OAAO,SAAS,UAAU,iBAA8B;AAUjD,SAAS,cAAc,IAAmE;AAAnE,eAAE,SAAO,cAAc,GAAG,SAZxD,IAY8B,IAAuC,iBAAvC,IAAuC,CAArC,SAAwB;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,OAAO,WAAW,CAAC;AAE9D,YAAU,MAAM;AACd,aAAS,OAAO,oCAAe,EAAE,CAAC;AAAA,EACpC,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,MAAqC;AACzD,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AAEA,QAAM,aAAa,CAAC,MAAqC;AACvD,UAAM,WAAW,eAAe,EAAE,OAAO,KAAK;AAC9C,UAAM,eAAe,OAAO,QAAQ;AAEpC,aAAS,QAAQ;AACjB,yCAAW;AAAA,EACb;AAEA,QAAM,cAAc,iBAAiB,KAAK;AAC1C,QAAM,eAAe,wBAAwB,KAAK;AAClD,QAAM,QAAQ,gBAAgB,eAAe,GAAG,WAAW,KAAK,YAAY,MAAM;AAElF,SAAO,oCAAC,gDAAkB,OAAlB,EAAwB,OAAc,UAAU,cAAc,QAAQ,YAAY,QAAc;AAC1G;","names":[]}
|
|
@@ -12,9 +12,9 @@ var _chunkTV4NNZTSjs = require('./chunk-TV4NNZTS.js');
|
|
|
12
12
|
|
|
13
13
|
var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
|
|
14
14
|
|
|
15
|
-
// components/form/time-
|
|
15
|
+
// components/form/time-input.tsx
|
|
16
16
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
17
|
-
function
|
|
17
|
+
function FormTimeInput(_a) {
|
|
18
18
|
var _b = _a, { value: parentValue = 0, onChange } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["value", "onChange"]);
|
|
19
19
|
const [value, setValue] = _react.useState.call(void 0, String(parentValue));
|
|
20
20
|
_react.useEffect.call(void 0, () => {
|
|
@@ -37,5 +37,5 @@ function FormTimeTextInput(_a) {
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
exports.
|
|
41
|
-
//# sourceMappingURL=chunk-
|
|
40
|
+
exports.FormTimeInput = FormTimeInput;
|
|
41
|
+
//# sourceMappingURL=chunk-ZEXZUJSW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZEXZUJSW.js","../components/form/time-input.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACZA,4EAAwD;AAUjD,SAAS,aAAA,CAAc,EAAA,EAAmE;AAAnE,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,KAAA,EAAO,YAAA,EAAc,CAAA,EAAG,SAZxD,EAAA,EAY8B,EAAA,EAAuC,KAAA,EAAA,wCAAA,EAAvC,EAAuC,CAArC,OAAA,EAAwB,UAAA,CAAA,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,MAAiB,CAAO,WAAW,CAAC,CAAA;AAE9D,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,QAAA,CAAS,MAAA,CAAO,YAAA,GAAA,KAAA,EAAA,YAAA,EAAe,EAAE,CAAC,CAAA;AAAA,EACpC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,aAAA,EAAe,CAAC,CAAA,EAAA,GAAqC;AACzD,IAAA,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,EACzB,CAAA;AAEA,EAAA,MAAM,WAAA,EAAa,CAAC,CAAA,EAAA,GAAqC;AACvD,IAAA,MAAM,SAAA,EAAW,6CAAA,CAAe,CAAE,MAAA,CAAO,KAAK,CAAA;AAC9C,IAAA,MAAM,aAAA,EAAe,MAAA,CAAO,QAAQ,CAAA;AAEpC,IAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,IAAA,SAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,QAAA,CAAW,YAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,YAAA,EAAc,+CAAA,KAAsB,CAAA;AAC1C,EAAA,MAAM,aAAA,EAAe,sDAAA,KAA6B,CAAA;AAClD,EAAA,MAAM,MAAA,EAAQ,YAAA,IAAgB,aAAA,EAAe,CAAA,EAAA;AAErC,EAAA;AACV;ADAgD;AACA;AACA;AACA","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZEXZUJSW.js","sourcesContent":[null,"'use client';\n\nimport React, { useState, useEffect, ChangeEvent } from 'react';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { convertToHours, convertFromHours, convertToWholeFromHours } from '../../lib/number';\n\nexport interface FormTimeInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {\n value?: number;\n onChange?: (value: number) => void;\n}\n\nexport function FormTimeInput({ value: parentValue = 0, onChange, ...rest }: FormTimeInputProps) {\n const [value, setValue] = useState<string>(String(parentValue));\n\n useEffect(() => {\n setValue(String(parentValue ?? ''));\n }, [parentValue]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n setValue(e.target.value);\n };\n\n const handleBlur = (e: ChangeEvent<HTMLInputElement>) => {\n const newValue = convertToHours(e.target.value);\n const numericValue = Number(newValue);\n\n setValue(newValue);\n onChange?.(numericValue);\n };\n\n const displayText = convertFromHours(value);\n const displayWhole = convertToWholeFromHours(value);\n const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;\n\n return <FormTextInput {...rest} value={value} onChange={handleChange} onBlur={handleBlur} title={title} />;\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormTimeInputProps } from './time-input.mjs';
|
|
4
|
+
import './text-input.mjs';
|
|
5
|
+
|
|
6
|
+
type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {
|
|
7
|
+
name: Path<T>;
|
|
8
|
+
rules?: RegisterOptions<T, Path<T>>;
|
|
9
|
+
error?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
|
|
12
|
+
|
|
13
|
+
export { HookFormTimeInput };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
+
import { FormTimeInputProps } from './time-input.js';
|
|
4
|
+
import './text-input.js';
|
|
5
|
+
|
|
6
|
+
type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {
|
|
7
|
+
name: Path<T>;
|
|
8
|
+
rules?: RegisterOptions<T, Path<T>>;
|
|
9
|
+
error?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
|
|
12
|
+
|
|
13
|
+
export { HookFormTimeInput };
|
|
@@ -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 _chunkZEXZUJSWjs = require('../../chunk-ZEXZUJSW.js');
|
|
5
5
|
require('../../chunk-KRSIQ2CB.js');
|
|
6
6
|
require('../../chunk-GJJM336N.js');
|
|
7
7
|
require('../../chunk-TV4NNZTS.js');
|
|
@@ -18,11 +18,11 @@ var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
|
|
|
18
18
|
|
|
19
19
|
var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
|
|
20
20
|
|
|
21
|
-
// components/form/hook-time-
|
|
21
|
+
// components/form/hook-time-input.tsx
|
|
22
22
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
23
23
|
var _get2 = require('lodash-es/get'); var _get3 = _interopRequireDefault(_get2);
|
|
24
24
|
var _reacthookform = require('react-hook-form');
|
|
25
|
-
function
|
|
25
|
+
function HookFormTimeInput(_a) {
|
|
26
26
|
var _b = _a, {
|
|
27
27
|
id,
|
|
28
28
|
name,
|
|
@@ -56,7 +56,7 @@ function HookFormTimeTextInput(_a) {
|
|
|
56
56
|
control,
|
|
57
57
|
rules,
|
|
58
58
|
render: ({ field: { onChange, onBlur, value } }) => /* @__PURE__ */ _react2.default.createElement(
|
|
59
|
-
|
|
59
|
+
_chunkZEXZUJSWjs.FormTimeInput,
|
|
60
60
|
_chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), {
|
|
61
61
|
name,
|
|
62
62
|
label,
|
|
@@ -79,5 +79,5 @@ function HookFormTimeTextInput(_a) {
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
|
|
82
|
-
exports.
|
|
83
|
-
//# sourceMappingURL=hook-time-
|
|
82
|
+
exports.HookFormTimeInput = HookFormTimeInput;
|
|
83
|
+
//# sourceMappingURL=hook-time-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-time-input.js","../../../components/form/hook-time-input.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AClBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,iBAAA,CAAyC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACvD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAvBF,EAAA,EAgByD,EAAA,EAQpD,KAAA,EAAA,wCAAA,EARoD,EAQpD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;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,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,mBAC5C,eAAA,CAAA,aAAA;AAAA,QAAC,8BAAA;AAAA,QAAA,4CAAA,6CAAA,CAAA,CAAA,EACK,IAAA,CAAA,EADL;AAAA,UAEC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,UAAA,EAAY;AAAA,YACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,QAAA,CAAA;AAAA,MACF;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;ADYA;AACE;AACF,8CAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-time-input.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 { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormTimeInput<T extends FieldValues>({\n id,\n name,\n rules,\n label,\n error,\n classNames,\n disabled,\n ...rest\n}: HookFormTimeInputProps<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: { onChange, onBlur, value } }) => (\n <FormTimeInput\n {...rest}\n name={name}\n label={label}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\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 />\n )}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
} from "../../chunk-
|
|
3
|
+
FormTimeInput
|
|
4
|
+
} from "../../chunk-DH6E44M4.mjs";
|
|
5
5
|
import "../../chunk-ASPYSRE6.mjs";
|
|
6
6
|
import "../../chunk-KBUB4CRW.mjs";
|
|
7
7
|
import "../../chunk-JOYUTUGI.mjs";
|
|
@@ -18,11 +18,11 @@ import {
|
|
|
18
18
|
__spreadValues
|
|
19
19
|
} from "../../chunk-YOSPWY5K.mjs";
|
|
20
20
|
|
|
21
|
-
// components/form/hook-time-
|
|
21
|
+
// components/form/hook-time-input.tsx
|
|
22
22
|
import React from "react";
|
|
23
23
|
import _get from "lodash-es/get";
|
|
24
24
|
import { Controller, useFormContext } from "react-hook-form";
|
|
25
|
-
function
|
|
25
|
+
function HookFormTimeInput(_a) {
|
|
26
26
|
var _b = _a, {
|
|
27
27
|
id,
|
|
28
28
|
name,
|
|
@@ -56,7 +56,7 @@ function HookFormTimeTextInput(_a) {
|
|
|
56
56
|
control,
|
|
57
57
|
rules,
|
|
58
58
|
render: ({ field: { onChange, onBlur, value } }) => /* @__PURE__ */ React.createElement(
|
|
59
|
-
|
|
59
|
+
FormTimeInput,
|
|
60
60
|
__spreadProps(__spreadValues({}, rest), {
|
|
61
61
|
name,
|
|
62
62
|
label,
|
|
@@ -78,6 +78,6 @@ function HookFormTimeTextInput(_a) {
|
|
|
78
78
|
), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
|
|
79
79
|
}
|
|
80
80
|
export {
|
|
81
|
-
|
|
81
|
+
HookFormTimeInput
|
|
82
82
|
};
|
|
83
|
-
//# sourceMappingURL=hook-time-
|
|
83
|
+
//# sourceMappingURL=hook-time-input.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../components/form/hook-time-input.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 { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormTimeInput<T extends FieldValues>({\n id,\n name,\n rules,\n label,\n error,\n classNames,\n disabled,\n ...rest\n}: HookFormTimeInputProps<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: { onChange, onBlur, value } }) => (\n <FormTimeInput\n {...rest}\n name={name}\n label={label}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\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 />\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,kBAAyC,IAS3B;AAT2B,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAgByD,IAQpD,iBARoD,IAQpD;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,UAAU,QAAQ,MAAM,EAAE,MAC5C;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FormTextInputProps } from './text-input.mjs';
|
|
3
|
+
|
|
4
|
+
interface FormTimeInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {
|
|
5
|
+
value?: number;
|
|
6
|
+
onChange?: (value: number) => void;
|
|
7
|
+
}
|
|
8
|
+
declare function FormTimeInput({ value: parentValue, onChange, ...rest }: FormTimeInputProps): React__default.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { FormTimeInput, type FormTimeInputProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { FormTextInputProps } from './text-input.js';
|
|
3
|
+
|
|
4
|
+
interface FormTimeInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {
|
|
5
|
+
value?: number;
|
|
6
|
+
onChange?: (value: number) => void;
|
|
7
|
+
}
|
|
8
|
+
declare function FormTimeInput({ value: parentValue, onChange, ...rest }: FormTimeInputProps): React__default.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { FormTimeInput, type FormTimeInputProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkZEXZUJSWjs = require('../../chunk-ZEXZUJSW.js');
|
|
5
5
|
require('../../chunk-KRSIQ2CB.js');
|
|
6
6
|
require('../../chunk-GJJM336N.js');
|
|
7
7
|
require('../../chunk-TV4NNZTS.js');
|
|
@@ -10,5 +10,5 @@ require('../../chunk-B2G2EZ4P.js');
|
|
|
10
10
|
require('../../chunk-2NMEKWO5.js');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.
|
|
14
|
-
//# sourceMappingURL=time-
|
|
13
|
+
exports.FormTimeInput = _chunkZEXZUJSWjs.FormTimeInput;
|
|
14
|
+
//# sourceMappingURL=time-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/time-input.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,uDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/time-input.js"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
} from "../../chunk-
|
|
3
|
+
FormTimeInput
|
|
4
|
+
} from "../../chunk-DH6E44M4.mjs";
|
|
5
5
|
import "../../chunk-ASPYSRE6.mjs";
|
|
6
6
|
import "../../chunk-KBUB4CRW.mjs";
|
|
7
7
|
import "../../chunk-JOYUTUGI.mjs";
|
|
@@ -9,6 +9,6 @@ import "../../chunk-7W42BHVK.mjs";
|
|
|
9
9
|
import "../../chunk-3ONILUYO.mjs";
|
|
10
10
|
import "../../chunk-YOSPWY5K.mjs";
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
FormTimeInput
|
|
13
13
|
};
|
|
14
|
-
//# sourceMappingURL=time-
|
|
14
|
+
//# sourceMappingURL=time-input.mjs.map
|
package/package.json
CHANGED
package/chunk-ENHV3QCF.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../components/form/time-text-input.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect, ChangeEvent } from 'react';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { convertToHours, convertFromHours, convertToWholeFromHours } from '../../lib/number';\n\nexport interface FormTimeTextInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {\n value?: number;\n onChange?: (value: number) => void;\n}\n\nexport function FormTimeTextInput({ value: parentValue = 0, onChange, ...rest }: FormTimeTextInputProps) {\n const [value, setValue] = useState<string>(String(parentValue));\n\n useEffect(() => {\n setValue(String(parentValue ?? ''));\n }, [parentValue]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n setValue(e.target.value);\n };\n\n const handleBlur = (e: ChangeEvent<HTMLInputElement>) => {\n const newValue = convertToHours(e.target.value);\n const numericValue = Number(newValue);\n\n setValue(newValue);\n onChange?.(numericValue);\n };\n\n const displayText = convertFromHours(value);\n const displayWhole = convertToWholeFromHours(value);\n const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;\n\n return <FormTextInput {...rest} value={value} onChange={handleChange} onBlur={handleBlur} title={title} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAEA,OAAO,SAAS,UAAU,iBAA8B;AAUjD,SAAS,kBAAkB,IAAuE;AAAvE,eAAE,SAAO,cAAc,GAAG,SAZ5D,IAYkC,IAAuC,iBAAvC,IAAuC,CAArC,SAAwB;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,OAAO,WAAW,CAAC;AAE9D,YAAU,MAAM;AACd,aAAS,OAAO,oCAAe,EAAE,CAAC;AAAA,EACpC,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,MAAqC;AACzD,aAAS,EAAE,OAAO,KAAK;AAAA,EACzB;AAEA,QAAM,aAAa,CAAC,MAAqC;AACvD,UAAM,WAAW,eAAe,EAAE,OAAO,KAAK;AAC9C,UAAM,eAAe,OAAO,QAAQ;AAEpC,aAAS,QAAQ;AACjB,yCAAW;AAAA,EACb;AAEA,QAAM,cAAc,iBAAiB,KAAK;AAC1C,QAAM,eAAe,wBAAwB,KAAK;AAClD,QAAM,QAAQ,gBAAgB,eAAe,GAAG,WAAW,KAAK,YAAY,MAAM;AAElF,SAAO,oCAAC,gDAAkB,OAAlB,EAAwB,OAAc,UAAU,cAAc,QAAQ,YAAY,QAAc;AAC1G;","names":[]}
|
package/chunk-TYI6YBBZ.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-TYI6YBBZ.js","../components/form/time-text-input.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACZA,4EAAwD;AAUjD,SAAS,iBAAA,CAAkB,EAAA,EAAuE;AAAvE,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,KAAA,EAAO,YAAA,EAAc,CAAA,EAAG,SAZ5D,EAAA,EAYkC,EAAA,EAAuC,KAAA,EAAA,wCAAA,EAAvC,EAAuC,CAArC,OAAA,EAAwB,UAAA,CAAA,CAAA;AAC1D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,MAAiB,CAAO,WAAW,CAAC,CAAA;AAE9D,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,QAAA,CAAS,MAAA,CAAO,YAAA,GAAA,KAAA,EAAA,YAAA,EAAe,EAAE,CAAC,CAAA;AAAA,EACpC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,aAAA,EAAe,CAAC,CAAA,EAAA,GAAqC;AACzD,IAAA,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,EACzB,CAAA;AAEA,EAAA,MAAM,WAAA,EAAa,CAAC,CAAA,EAAA,GAAqC;AACvD,IAAA,MAAM,SAAA,EAAW,6CAAA,CAAe,CAAE,MAAA,CAAO,KAAK,CAAA;AAC9C,IAAA,MAAM,aAAA,EAAe,MAAA,CAAO,QAAQ,CAAA;AAEpC,IAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,IAAA,SAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,QAAA,CAAW,YAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,YAAA,EAAc,+CAAA,KAAsB,CAAA;AAC1C,EAAA,MAAM,aAAA,EAAe,sDAAA,KAA6B,CAAA;AAClD,EAAA,MAAM,MAAA,EAAQ,YAAA,IAAgB,aAAA,EAAe,CAAA,EAAA;AAErC,EAAA;AACV;ADAgD;AACA;AACA;AACA","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-TYI6YBBZ.js","sourcesContent":[null,"'use client';\n\nimport React, { useState, useEffect, ChangeEvent } from 'react';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { convertToHours, convertFromHours, convertToWholeFromHours } from '../../lib/number';\n\nexport interface FormTimeTextInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {\n value?: number;\n onChange?: (value: number) => void;\n}\n\nexport function FormTimeTextInput({ value: parentValue = 0, onChange, ...rest }: FormTimeTextInputProps) {\n const [value, setValue] = useState<string>(String(parentValue));\n\n useEffect(() => {\n setValue(String(parentValue ?? ''));\n }, [parentValue]);\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n setValue(e.target.value);\n };\n\n const handleBlur = (e: ChangeEvent<HTMLInputElement>) => {\n const newValue = convertToHours(e.target.value);\n const numericValue = Number(newValue);\n\n setValue(newValue);\n onChange?.(numericValue);\n };\n\n const displayText = convertFromHours(value);\n const displayWhole = convertToWholeFromHours(value);\n const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;\n\n return <FormTextInput {...rest} value={value} onChange={handleChange} onBlur={handleBlur} title={title} />;\n}\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
-
import { FormTimeTextInputProps } from './time-text-input.mjs';
|
|
4
|
-
import './text-input.mjs';
|
|
5
|
-
|
|
6
|
-
type HookFormTimeTextInputProps<T extends FieldValues> = Omit<FormTimeTextInputProps, 'name' | 'inputProps'> & {
|
|
7
|
-
name: Path<T>;
|
|
8
|
-
rules?: RegisterOptions<T, Path<T>>;
|
|
9
|
-
error?: string;
|
|
10
|
-
};
|
|
11
|
-
declare function HookFormTimeTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeTextInputProps<T>): React__default.JSX.Element | null;
|
|
12
|
-
|
|
13
|
-
export { HookFormTimeTextInput };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
|
|
3
|
-
import { FormTimeTextInputProps } from './time-text-input.js';
|
|
4
|
-
import './text-input.js';
|
|
5
|
-
|
|
6
|
-
type HookFormTimeTextInputProps<T extends FieldValues> = Omit<FormTimeTextInputProps, 'name' | 'inputProps'> & {
|
|
7
|
-
name: Path<T>;
|
|
8
|
-
rules?: RegisterOptions<T, Path<T>>;
|
|
9
|
-
error?: string;
|
|
10
|
-
};
|
|
11
|
-
declare function HookFormTimeTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeTextInputProps<T>): React__default.JSX.Element | null;
|
|
12
|
-
|
|
13
|
-
export { HookFormTimeTextInput };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-time-text-input.js","../../../components/form/hook-time-text-input.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AClBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,qBAAA,CAA6C,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EAC3D;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAvBF,EAAA,EAgB6D,EAAA,EAQxD,KAAA,EAAA,wCAAA,EARwD,EAQxD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;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,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,mBAC5C,eAAA,CAAA,aAAA;AAAA,QAAC,kCAAA;AAAA,QAAA,4CAAA,6CAAA,CAAA,CAAA,EACK,IAAA,CAAA,EADL;AAAA,UAEC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,UAAA,EAAY;AAAA,YACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,QAAA,CAAA;AAAA,MACF;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;ADYA;AACE;AACF,sDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-time-text-input.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 { FormTimeTextInput } from './time-text-input';\nimport type { FormTimeTextInputProps } from './time-text-input';\n\ntype HookFormTimeTextInputProps<T extends FieldValues> = Omit<FormTimeTextInputProps, 'name' | 'inputProps'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormTimeTextInput<T extends FieldValues>({\n id,\n name,\n rules,\n label,\n error,\n classNames,\n disabled,\n ...rest\n}: HookFormTimeTextInputProps<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: { onChange, onBlur, value } }) => (\n <FormTimeTextInput\n {...rest}\n name={name}\n label={label}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\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 />\n )}\n />\n {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n </div>\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../components/form/hook-time-text-input.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 { FormTimeTextInput } from './time-text-input';\nimport type { FormTimeTextInputProps } from './time-text-input';\n\ntype HookFormTimeTextInputProps<T extends FieldValues> = Omit<FormTimeTextInputProps, 'name' | 'inputProps'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n error?: string;\n};\n\nexport function HookFormTimeTextInput<T extends FieldValues>({\n id,\n name,\n rules,\n label,\n error,\n classNames,\n disabled,\n ...rest\n}: HookFormTimeTextInputProps<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: { onChange, onBlur, value } }) => (\n <FormTimeTextInput\n {...rest}\n name={name}\n label={label}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\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 />\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,sBAA6C,IAS3B;AAT2B,eAC3D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAgB6D,IAQxD,iBARwD,IAQxD;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,UAAU,QAAQ,MAAM,EAAE,MAC5C;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { FormTextInputProps } from './text-input.mjs';
|
|
3
|
-
|
|
4
|
-
interface FormTimeTextInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {
|
|
5
|
-
value?: number;
|
|
6
|
-
onChange?: (value: number) => void;
|
|
7
|
-
}
|
|
8
|
-
declare function FormTimeTextInput({ value: parentValue, onChange, ...rest }: FormTimeTextInputProps): React__default.JSX.Element;
|
|
9
|
-
|
|
10
|
-
export { FormTimeTextInput, type FormTimeTextInputProps };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { FormTextInputProps } from './text-input.js';
|
|
3
|
-
|
|
4
|
-
interface FormTimeTextInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {
|
|
5
|
-
value?: number;
|
|
6
|
-
onChange?: (value: number) => void;
|
|
7
|
-
}
|
|
8
|
-
declare function FormTimeTextInput({ value: parentValue, onChange, ...rest }: FormTimeTextInputProps): React__default.JSX.Element;
|
|
9
|
-
|
|
10
|
-
export { FormTimeTextInput, type FormTimeTextInputProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/time-text-input.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,+DAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/time-text-input.js"}
|
|
File without changes
|