@blaze-dev/ui 0.1.0 → 0.3.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/feedback/error-box.d.ts.map +1 -1
- package/dist/feedback/error-box.js +1 -2
- package/dist/feedback/error-box.js.map +1 -1
- 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/dist/modal.d.ts.map +1 -1
- package/dist/modal.js +1 -2
- package/dist/modal.js.map +1 -1
- package/package.json +2 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-box.d.ts","sourceRoot":"","sources":["../../src/feedback/error-box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"error-box.d.ts","sourceRoot":"","sources":["../../src/feedback/error-box.tsx"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,2CAiB3E"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ExclamationCircleIcon } from '@heroicons/react/24/outline';
|
|
3
2
|
export function ErrorBox({ error, onRetry, className, title }) {
|
|
4
3
|
const detail = typeof error === 'string' ? error : error.message || 'Unknown error';
|
|
5
4
|
const message = title ? `${title}: ${detail}` : detail;
|
|
6
|
-
return (_jsxs("div", { className: className ? `alert alert-error ${className}` : 'alert alert-error', children: [_jsx(
|
|
5
|
+
return (_jsxs("div", { className: className ? `alert alert-error ${className}` : 'alert alert-error', children: [_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: 1.5, stroke: 'currentColor', className: 'h-6 w-6 shrink-0', children: _jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z' }) }), _jsx("span", { className: 'flex-1 break-words', children: message }), onRetry && (_jsx("button", { type: 'button', onClick: onRetry, className: 'btn btn-sm btn-ghost', children: "Retry" }))] }));
|
|
7
6
|
}
|
|
8
7
|
//# sourceMappingURL=error-box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-box.js","sourceRoot":"","sources":["../../src/feedback/error-box.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"error-box.js","sourceRoot":"","sources":["../../src/feedback/error-box.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAiB;IAC1E,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,eAAe,CAAA;IACnF,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAEtD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,aAChF,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,EAAE,GAAG,EAAE,MAAM,EAAC,cAAc,EAAC,SAAS,EAAC,kBAAkB,YAC1I,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0EAA0E,GAAG,GAC9H,EACN,eAAM,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAQ,EACpD,OAAO,IAAI,CACV,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,sBAE/D,CACV,IACG,CACP,CAAA;AACH,CAAC"}
|
|
@@ -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"}
|
package/dist/modal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAUD,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,SAAc,GACf,EAAE,UAAU,kDAiCZ"}
|
package/dist/modal.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { XMarkIcon } from '@heroicons/react/24/outline';
|
|
3
2
|
const sizeClasses = {
|
|
4
3
|
sm: 'max-w-sm',
|
|
5
4
|
md: 'max-w-md',
|
|
@@ -10,6 +9,6 @@ const sizeClasses = {
|
|
|
10
9
|
export function Modal({ isOpen, onClose, title, subtitle, children, size = 'lg', className = '', }) {
|
|
11
10
|
if (!isOpen)
|
|
12
11
|
return null;
|
|
13
|
-
return (_jsxs("div", { className: 'modal modal-open', role: 'dialog', "aria-modal": 'true', children: [_jsxs("div", { className: `modal-box p-0 overflow-hidden w-[calc(100%-2rem)] sm:w-full ${sizeClasses[size]} ${className}`, children: [_jsxs("div", { className: 'flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-base-300 bg-base-200', children: [_jsxs("div", { children: [_jsx("h3", { className: 'text-lg font-semibold', children: title }), subtitle && _jsx("p", { className: 'text-sm text-base-content/60', children: subtitle })] }), _jsx("button", { type: 'button', onClick: onClose, className: 'btn btn-ghost btn-sm btn-circle', "aria-label": 'Close modal', children: _jsx(
|
|
12
|
+
return (_jsxs("div", { className: 'modal modal-open', role: 'dialog', "aria-modal": 'true', children: [_jsxs("div", { className: `modal-box p-0 overflow-hidden w-[calc(100%-2rem)] sm:w-full ${sizeClasses[size]} ${className}`, children: [_jsxs("div", { className: 'flex items-center justify-between px-4 sm:px-6 py-3 sm:py-4 border-b border-base-300 bg-base-200', children: [_jsxs("div", { children: [_jsx("h3", { className: 'text-lg font-semibold', children: title }), subtitle && _jsx("p", { className: 'text-sm text-base-content/60', children: subtitle })] }), _jsx("button", { type: 'button', onClick: onClose, className: 'btn btn-ghost btn-sm btn-circle', "aria-label": 'Close modal', children: _jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: 1.5, stroke: 'currentColor', className: 'w-5 h-5', children: _jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }) }) })] }), children] }), _jsx("button", { type: 'button', className: 'modal-backdrop', onClick: onClose, "aria-label": 'Close modal', tabIndex: 0 })] }));
|
|
14
13
|
}
|
|
15
14
|
//# sourceMappingURL=modal.js.map
|
package/dist/modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":";AAYA,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,GACH;IACX,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,aAC/D,eAAK,SAAS,EAAE,+DAA+D,WAAW,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,aAC7G,eAAK,SAAS,EAAC,kGAAkG,aAC/G,0BACE,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EACjD,QAAQ,IAAI,YAAG,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAK,IACnE,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iCAAiC,gBAChC,aAAa,YAExB,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,EAAE,GAAG,EAAE,MAAM,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,YACjI,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,GACC,IACL,EACL,QAAQ,IACL,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,OAAO,gBACL,aAAa,EACxB,QAAQ,EAAE,CAAC,GACX,IACE,CACP,CAAA;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"type": "git",
|
|
5
5
|
"url": "https://github.com/blaze-it/ui"
|
|
6
6
|
},
|
|
7
|
-
"version": "0.
|
|
7
|
+
"version": "0.3.0",
|
|
8
8
|
"private": false,
|
|
9
9
|
"description": "Shared React + DaisyUI component library for Blaze projects",
|
|
10
10
|
"type": "module",
|
|
@@ -34,11 +34,9 @@
|
|
|
34
34
|
"react": ">=18.0.0",
|
|
35
35
|
"react-dom": ">=18.0.0",
|
|
36
36
|
"@tanstack/react-table": ">=8.0.0",
|
|
37
|
-
"react-hook-form": ">=7.0.0"
|
|
38
|
-
"@heroicons/react": ">=2.0.0"
|
|
37
|
+
"react-hook-form": ">=7.0.0"
|
|
39
38
|
},
|
|
40
39
|
"devDependencies": {
|
|
41
|
-
"@heroicons/react": "^2.2.0",
|
|
42
40
|
"@tanstack/react-table": "^8.21.0",
|
|
43
41
|
"@types/react": "^19.0.0",
|
|
44
42
|
"react": "^19.0.0",
|