@blaze-dev/ui 0.1.0 → 0.2.0
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/dist/forms/form-checkbox.d.ts +11 -0
- package/dist/forms/form-checkbox.d.ts.map +1 -0
- package/dist/forms/form-checkbox.js +5 -0
- package/dist/forms/form-checkbox.js.map +1 -0
- package/dist/forms/form-error.d.ts +8 -0
- package/dist/forms/form-error.d.ts.map +1 -0
- package/dist/forms/form-error.js +7 -0
- package/dist/forms/form-error.js.map +1 -0
- package/dist/forms/form-field.d.ts +8 -8
- package/dist/forms/form-field.d.ts.map +1 -1
- package/dist/forms/form-field.js +4 -3
- package/dist/forms/form-field.js.map +1 -1
- package/dist/forms/form-select.d.ts +10 -11
- package/dist/forms/form-select.d.ts.map +1 -1
- package/dist/forms/form-select.js +4 -3
- package/dist/forms/form-select.js.map +1 -1
- package/dist/forms/form-textarea.d.ts +7 -7
- package/dist/forms/form-textarea.d.ts.map +1 -1
- package/dist/forms/form-textarea.js +4 -3
- package/dist/forms/form-textarea.js.map +1 -1
- package/dist/forms/index.d.ts +3 -0
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/index.js +3 -0
- package/dist/forms/index.js.map +1 -1
- package/dist/forms/submit-button.d.ts +10 -0
- package/dist/forms/submit-button.d.ts.map +1 -0
- package/dist/forms/submit-button.js +6 -0
- package/dist/forms/submit-button.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FieldValues, Path, UseFormReturn } from 'react-hook-form';
|
|
2
|
+
interface FormCheckboxProps<T extends FieldValues> {
|
|
3
|
+
form: UseFormReturn<T>;
|
|
4
|
+
name: Path<T>;
|
|
5
|
+
label: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function FormCheckbox<T extends FieldValues>({ form, name, label, description, className, }: FormCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=form-checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,UAAU,iBAAiB,CAAC,CAAC,SAAS,WAAW;IAC/C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAc,GACf,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAkBtB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function FormCheckbox({ form, name, label, description, className = '', }) {
|
|
3
|
+
return (_jsx("div", { className: `form-control ${className}`, children: _jsxs("label", { className: 'label cursor-pointer justify-start gap-3', children: [_jsx("input", { type: 'checkbox', className: 'checkbox checkbox-primary checkbox-sm', ...form.register(name) }), _jsxs("div", { children: [_jsx("span", { className: 'label-text font-medium text-sm', children: label }), description && (_jsx("p", { className: 'text-xs opacity-50 mt-0.5', children: description }))] })] }) }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=form-checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-checkbox.js","sourceRoot":"","sources":["../../src/forms/form-checkbox.tsx"],"names":[],"mappings":";AAUA,MAAM,UAAU,YAAY,CAAwB,EAClD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,GAAG,EAAE,GACO;IACrB,OAAO,CACL,cAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,YACzC,iBAAO,SAAS,EAAC,0CAA0C,aACzD,gBACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uCAAuC,KAC7C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GACvB,EACF,0BACE,eAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAQ,EAC9D,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAK,CAC3D,IACG,IACA,GACJ,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface FormErrorProps {
|
|
2
|
+
error: string | null;
|
|
3
|
+
onDismiss?: () => void;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function FormError({ error, onDismiss, className }: FormErrorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=form-error.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../src/forms/form-error.tsx"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAc,EAAE,EAAE,cAAc,kDA2B7E"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function FormError({ error, onDismiss, className = '' }) {
|
|
3
|
+
if (!error)
|
|
4
|
+
return null;
|
|
5
|
+
return (_jsxs("div", { role: 'alert', className: `alert alert-error ${className}`, children: [_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'h-5 w-5 shrink-0', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', children: _jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2', d: 'M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z' }) }), _jsx("span", { className: 'text-sm flex-1', children: error }), onDismiss && (_jsx("button", { onClick: onDismiss, className: 'btn btn-ghost btn-xs', children: "Dismiss" }))] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=form-error.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../src/forms/form-error.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAkB;IAC5E,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,eAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,qBAAqB,SAAS,EAAE,aAC3D,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,sEAAsE,GACxE,GACE,EACN,eAAM,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAQ,EAC9C,SAAS,IAAI,CACZ,iBAAQ,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,sBAAsB,wBAEnD,CACV,IACG,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { FieldValues, Path, UseFormReturn } from 'react-hook-form';
|
|
2
2
|
interface FormFieldProps<T extends FieldValues> {
|
|
3
|
-
|
|
3
|
+
form: UseFormReturn<T>;
|
|
4
4
|
name: Path<T>;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
type?: 'text' | 'email' | 'number' | 'password' | 'tel' | 'url' | 'date' | 'time';
|
|
5
|
+
label?: string;
|
|
6
|
+
type?: string;
|
|
8
7
|
placeholder?: string;
|
|
9
|
-
|
|
10
|
-
className?: string;
|
|
8
|
+
hint?: string;
|
|
11
9
|
required?: boolean;
|
|
12
10
|
disabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
inputClassName?: string;
|
|
13
13
|
}
|
|
14
|
-
export declare function FormField<T extends FieldValues>({
|
|
14
|
+
export declare function FormField<T extends FieldValues>({ form, name, label, type, placeholder, hint, required, disabled, className, inputClassName, }: FormFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=form-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../src/forms/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../src/forms/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW;IAC5C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAa,EACb,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAc,EACd,cAAmB,GACpB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAiCnB"}
|
package/dist/forms/form-field.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function FormField({
|
|
3
|
-
const
|
|
4
|
-
|
|
2
|
+
export function FormField({ form, name, label, type = 'text', placeholder, hint, required, disabled, className = '', inputClassName = '', }) {
|
|
3
|
+
const error = form.formState.errors[name];
|
|
4
|
+
const errorMessage = error?.message;
|
|
5
|
+
return (_jsxs("div", { className: `form-control ${className}`, children: [label && (_jsx("label", { className: 'label', children: _jsxs("span", { className: 'label-text font-medium text-sm', children: [label, required && _jsx("span", { className: 'text-error ml-1', children: "*" })] }) })), _jsx("input", { type: type, placeholder: placeholder, disabled: disabled, className: `input input-bordered w-full ${errorMessage ? 'input-error' : ''} ${inputClassName}`, ...form.register(name, { valueAsNumber: type === 'number' }) }), errorMessage && (_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text-alt text-error', children: errorMessage }) })), !errorMessage && hint && (_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text-alt opacity-50', children: hint }) }))] }));
|
|
5
6
|
}
|
|
6
7
|
//# sourceMappingURL=form-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../src/forms/form-field.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,SAAS,CAAwB,EAC/C,
|
|
1
|
+
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../src/forms/form-field.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,SAAS,CAAwB,EAC/C,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,MAAM,EACb,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,GACD;IAClB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,YAAY,GAAG,KAAK,EAAE,OAA6B,CAAA;IAEzD,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,aACxC,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,OAAO,YACtB,gBAAM,SAAS,EAAC,gCAAgC,aAC7C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,kBAAS,IAClD,GACD,CACT,EACD,gBACE,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,+BAA+B,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,cAAc,EAAE,KAC3F,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,KAAK,QAAQ,EAAE,CAAC,GAC7D,EACD,YAAY,IAAI,CACf,gBAAO,SAAS,EAAC,OAAO,YACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,YAAY,GAAQ,GAC3D,CACT,EACA,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,gBAAO,SAAS,EAAC,OAAO,YACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAQ,GACnD,CACT,IACG,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
interface SelectOption {
|
|
3
|
-
value: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
1
|
+
import type { FieldValues, Path, UseFormReturn } from 'react-hook-form';
|
|
6
2
|
interface FormSelectProps<T extends FieldValues> {
|
|
7
|
-
|
|
3
|
+
form: UseFormReturn<T>;
|
|
8
4
|
name: Path<T>;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
label?: string;
|
|
6
|
+
options: {
|
|
7
|
+
value: string;
|
|
8
|
+
label: string;
|
|
9
|
+
}[];
|
|
12
10
|
placeholder?: string;
|
|
13
|
-
className?: string;
|
|
14
11
|
required?: boolean;
|
|
15
12
|
disabled?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
selectClassName?: string;
|
|
16
15
|
}
|
|
17
|
-
export declare function FormSelect<T extends FieldValues>({
|
|
16
|
+
export declare function FormSelect<T extends FieldValues>({ form, name, label, options, placeholder, required, disabled, className, selectClassName, }: FormSelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
export {};
|
|
19
18
|
//# sourceMappingURL=form-select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../src/forms/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../src/forms/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW;IAC7C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAc,EACd,eAAoB,GACrB,EAAE,eAAe,CAAC,CAAC,CAAC,2CAiCpB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function FormSelect({
|
|
3
|
-
const
|
|
4
|
-
|
|
2
|
+
export function FormSelect({ form, name, label, options, placeholder, required, disabled, className = '', selectClassName = '', }) {
|
|
3
|
+
const error = form.formState.errors[name];
|
|
4
|
+
const errorMessage = error?.message;
|
|
5
|
+
return (_jsxs("div", { className: `form-control ${className}`, children: [label && (_jsx("label", { className: 'label', children: _jsxs("span", { className: 'label-text font-medium text-sm', children: [label, required && _jsx("span", { className: 'text-error ml-1', children: "*" })] }) })), _jsxs("select", { disabled: disabled, className: `select select-bordered w-full ${errorMessage ? 'select-error' : ''} ${selectClassName}`, ...form.register(name), children: [placeholder && _jsx("option", { value: '', children: placeholder }), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), errorMessage && (_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text-alt text-error', children: errorMessage }) }))] }));
|
|
5
6
|
}
|
|
6
7
|
//# sourceMappingURL=form-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../src/forms/form-select.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../src/forms/form-select.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,UAAU,CAAwB,EAChD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,GACD;IACnB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,YAAY,GAAG,KAAK,EAAE,OAA6B,CAAA;IAEzD,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,aACxC,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,OAAO,YACtB,gBAAM,SAAS,EAAC,gCAAgC,aAC7C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,kBAAS,IAClD,GACD,CACT,EACD,kBACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,iCAAiC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,eAAe,EAAE,KAC/F,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAEtB,WAAW,IAAI,iBAAQ,KAAK,EAAC,EAAE,YAAE,WAAW,GAAU,EACtD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IADC,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,EACR,YAAY,IAAI,CACf,gBAAO,SAAS,EAAC,OAAO,YACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,YAAY,GAAQ,GAC3D,CACT,IACG,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { FieldValues, Path, UseFormReturn } from 'react-hook-form';
|
|
2
2
|
interface FormTextareaProps<T extends FieldValues> {
|
|
3
|
-
|
|
3
|
+
form: UseFormReturn<T>;
|
|
4
4
|
name: Path<T>;
|
|
5
|
-
|
|
6
|
-
error?: FieldError;
|
|
5
|
+
label?: string;
|
|
7
6
|
placeholder?: string;
|
|
8
|
-
|
|
9
|
-
className?: string;
|
|
7
|
+
hint?: string;
|
|
10
8
|
required?: boolean;
|
|
11
9
|
disabled?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
rows?: number;
|
|
12
12
|
}
|
|
13
|
-
export declare function FormTextarea<T extends FieldValues>({
|
|
13
|
+
export declare function FormTextarea<T extends FieldValues>({ form, name, label, placeholder, hint, required, className, rows, }: FormTextareaProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
15
15
|
//# sourceMappingURL=form-textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../src/forms/form-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../src/forms/form-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,UAAU,iBAAiB,CAAC,CAAC,SAAS,WAAW;IAC/C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,IAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAgCtB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function FormTextarea({
|
|
3
|
-
const
|
|
4
|
-
|
|
2
|
+
export function FormTextarea({ form, name, label, placeholder, hint, required, className = '', rows = 4, }) {
|
|
3
|
+
const error = form.formState.errors[name];
|
|
4
|
+
const errorMessage = error?.message;
|
|
5
|
+
return (_jsxs("div", { className: `form-control ${className}`, children: [label && (_jsx("label", { className: 'label', children: _jsxs("span", { className: 'label-text font-medium text-sm', children: [label, required && _jsx("span", { className: 'text-error ml-1', children: "*" })] }) })), _jsx("textarea", { placeholder: placeholder, className: `textarea textarea-bordered w-full ${errorMessage ? 'textarea-error' : ''}`, rows: rows, ...form.register(name) }), errorMessage && (_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text-alt text-error', children: errorMessage }) })), !errorMessage && hint && (_jsx("label", { className: 'label', children: _jsx("span", { className: 'label-text-alt opacity-50', children: hint }) }))] }));
|
|
5
6
|
}
|
|
6
7
|
//# sourceMappingURL=form-textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-textarea.js","sourceRoot":"","sources":["../../src/forms/form-textarea.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,YAAY,CAAwB,EAClD,
|
|
1
|
+
{"version":3,"file":"form-textarea.js","sourceRoot":"","sources":["../../src/forms/form-textarea.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,YAAY,CAAwB,EAClD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,CAAC,GACa;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACzC,MAAM,YAAY,GAAG,KAAK,EAAE,OAA6B,CAAA;IAEzD,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,aACxC,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,OAAO,YACtB,gBAAM,SAAS,EAAC,gCAAgC,aAC7C,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,iBAAiB,kBAAS,IAClD,GACD,CACT,EACD,mBACE,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,qCAAqC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,EACtF,IAAI,EAAE,IAAI,KACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GACvB,EACD,YAAY,IAAI,CACf,gBAAO,SAAS,EAAC,OAAO,YACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,YAAY,GAAQ,GAC3D,CACT,EACA,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,gBAAO,SAAS,EAAC,OAAO,YACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAQ,GACnD,CACT,IACG,CACP,CAAA;AACH,CAAC"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export { FormField } from './form-field.js';
|
|
2
2
|
export { FormSelect } from './form-select.js';
|
|
3
3
|
export { FormTextarea } from './form-textarea.js';
|
|
4
|
+
export { FormCheckbox } from './form-checkbox.js';
|
|
5
|
+
export { FormError } from './form-error.js';
|
|
6
|
+
export { SubmitButton } from './submit-button.js';
|
|
4
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
|
package/dist/forms/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export { FormField } from './form-field.js';
|
|
2
2
|
export { FormSelect } from './form-select.js';
|
|
3
3
|
export { FormTextarea } from './form-textarea.js';
|
|
4
|
+
export { FormCheckbox } from './form-checkbox.js';
|
|
5
|
+
export { FormError } from './form-error.js';
|
|
6
|
+
export { SubmitButton } from './submit-button.js';
|
|
4
7
|
//# sourceMappingURL=index.js.map
|
package/dist/forms/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface SubmitButtonProps {
|
|
2
|
+
isSubmitting: boolean;
|
|
3
|
+
label: string;
|
|
4
|
+
loadingLabel?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
size?: 'xs' | 'sm' | 'md';
|
|
7
|
+
}
|
|
8
|
+
export declare function SubmitButton({ isSubmitting, label, loadingLabel, className, size, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=submit-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../../src/forms/submit-button.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,SAA6B,EAC7B,IAAI,GACL,EAAE,iBAAiB,2CAYnB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function SubmitButton({ isSubmitting, label, loadingLabel, className = 'btn btn-primary', size, }) {
|
|
3
|
+
const sizeClass = size ? `btn-${size}` : '';
|
|
4
|
+
return (_jsxs("button", { type: 'submit', disabled: isSubmitting, className: `${className} ${sizeClass}`, children: [isSubmitting && _jsx("span", { className: 'loading loading-spinner loading-sm' }), isSubmitting ? (loadingLabel ?? label) : label] }));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=submit-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"submit-button.js","sourceRoot":"","sources":["../../src/forms/submit-button.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,SAAS,GAAG,iBAAiB,EAC7B,IAAI,GACc;IAClB,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3C,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,EAAE,aAErC,YAAY,IAAI,eAAM,SAAS,EAAC,oCAAoC,GAAG,EACvE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IACxC,CACV,CAAA;AACH,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -9,4 +9,7 @@ export { DataTable } from './data/data-table.js';
|
|
|
9
9
|
export { FormField } from './forms/form-field.js';
|
|
10
10
|
export { FormSelect } from './forms/form-select.js';
|
|
11
11
|
export { FormTextarea } from './forms/form-textarea.js';
|
|
12
|
+
export { FormCheckbox } from './forms/form-checkbox.js';
|
|
13
|
+
export { FormError } from './forms/form-error.js';
|
|
14
|
+
export { SubmitButton } from './forms/submit-button.js';
|
|
12
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGlG,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -13,4 +13,7 @@ export { DataTable } from './data/data-table.js';
|
|
|
13
13
|
export { FormField } from './forms/form-field.js';
|
|
14
14
|
export { FormSelect } from './forms/form-select.js';
|
|
15
15
|
export { FormTextarea } from './forms/form-textarea.js';
|
|
16
|
+
export { FormCheckbox } from './forms/form-checkbox.js';
|
|
17
|
+
export { FormError } from './forms/form-error.js';
|
|
18
|
+
export { SubmitButton } from './forms/submit-button.js';
|
|
16
19
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,WAAW;AACX,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA8B,MAAM,8BAA8B,CAAA;AAElG,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,WAAW;AACX,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA8B,MAAM,8BAA8B,CAAA;AAElG,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,QAAQ;AACR,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA"}
|