@cratis/components 0.1.9 → 0.1.12

package/dist/esm/CommandForm/CommandForm.stories.js

@@ -1,12 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { CommandForm } from './CommandForm';
+import { ValidationMessage } from './ValidationMessage';
+import { UserRegistrationCommand } from './UserRegistrationCommand';
+import { InputTextField, NumberField, TextAreaField, CheckboxField, RangeField, SelectField } from './fields';
+import { Button } from 'primereact/button';
 const meta = {
     title: 'CommandForm/CommandForm',
     component: CommandForm,
 };
 export default meta;
+const roleOptions = [
+    { id: 'user', name: 'User' },
+    { id: 'admin', name: 'Administrator' },
+    { id: 'moderator', name: 'Moderator' }
+];
 export const Default = {
     args: {},
     render: (args) => (_jsx("div", { className: "storybook-wrapper", children: _jsx(CommandForm, { ...args }) }))
 };
+export const UserRegistration = {
+    render: () => {
+        const [result, setResult] = useState('');
+        const handleSubmit = () => {
+            setResult('Form submitted successfully!');
+        };
+        return (_jsxs("div", { className: "p-8 w-[800px] mx-auto", children: [_jsx("h2", { className: "text-2xl font-bold mb-6", children: "User Registration Form" }), _jsx("h3", { className: "text-xl font-semibold mb-4 mt-6", children: "Account Information" }), _jsxs(CommandForm, { command: UserRegistrationCommand, initialValues: {
+                        username: '',
+                        email: '',
+                        password: '',
+                        confirmPassword: '',
+                        age: 18,
+                        bio: '',
+                        favoriteColor: '#3b82f6',
+                        birthDate: '',
+                        agreeToTerms: false,
+                        experienceLevel: 50,
+                        role: ''
+                    }, onFieldChange: (cmd, fieldName, oldValue, newValue) => {
+                        console.log(`Field ${fieldName} changed from`, oldValue, 'to', newValue);
+                    }, children: [_jsx(InputTextField, { value: c => c.username, title: "Username", placeholder: "Enter username" }), _jsx(ValidationMessage, { value: c => c.username }), _jsx(InputTextField, { value: c => c.email, title: "Email Address", type: "email", placeholder: "Enter email" }), _jsx(ValidationMessage, { value: c => c.email }), _jsx(InputTextField, { value: c => c.password, title: "Password", type: "password", placeholder: "Enter password" }), _jsx(ValidationMessage, { value: c => c.password }), _jsx(InputTextField, { value: c => c.confirmPassword, title: "Confirm Password", type: "password", placeholder: "Confirm password" }), _jsx(ValidationMessage, { value: c => c.confirmPassword }), _jsx("h3", { className: "text-xl font-semibold mb-0 mt-6", children: "Personal Information" }), _jsx(NumberField, { value: c => c.age, title: "Age", placeholder: "Enter age", min: 13, max: 120 }), _jsx(ValidationMessage, { value: c => c.age }), _jsx(InputTextField, { value: c => c.birthDate, title: "Birth Date", type: "date", placeholder: "Select birth date" }), _jsx(ValidationMessage, { value: c => c.birthDate }), _jsx(TextAreaField, { value: c => c.bio, title: "Bio", placeholder: "Tell us about yourself", rows: 4, required: false }), _jsx(ValidationMessage, { value: c => c.bio }), _jsx(InputTextField, { value: c => c.favoriteColor, title: "Favorite Color", type: "color" }), _jsx(ValidationMessage, { value: c => c.favoriteColor }), _jsx("h3", { className: "text-xl font-semibold mb-0 mt-6", children: "Preferences" }), _jsx(SelectField, { value: c => c.role, title: "Role", options: roleOptions, optionIdField: "id", optionLabelField: "name", placeholder: "Select a role" }), _jsx(ValidationMessage, { value: c => c.role }), _jsx(RangeField, { value: c => c.experienceLevel, title: "Experience Level", min: 0, max: 100, step: 10 }), _jsx(ValidationMessage, { value: c => c.experienceLevel }), _jsx(CheckboxField, { value: c => c.agreeToTerms, title: "Terms & Conditions", label: "I agree to the terms and conditions" }), _jsx(ValidationMessage, { value: c => c.agreeToTerms })] }), _jsxs("div", { className: "flex gap-2 mt-6", children: [_jsx(Button, { label: "Submit", onClick: handleSubmit, severity: "success" }), _jsx(Button, { label: "Cancel", onClick: () => setResult(''), severity: "secondary" })] }), result && (_jsx("div", { className: "bg-green-100 p-4 rounded-lg mt-4 border border-green-300", children: _jsx("p", { className: "text-green-800 font-semibold m-0", children: result }) }))] }));
+    }
+};
 //# sourceMappingURL=CommandForm.stories.js.map

package/dist/esm/CommandForm/CommandForm.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandForm.stories.js","sourceRoot":"","sources":["../../../CommandForm/CommandForm.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAEL;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,SAAS,EAAC,mBAAmB,YAC9B,KAAC,WAAW,OAAK,IAAI,GAAI,GACvB,CACT;CACJ,CAAC"}
+{"version":3,"file":"CommandForm.stories.js","sourceRoot":"","sources":["../../../CommandForm/CommandForm.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/CommandForm/CommandFormFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandFormFields.d.ts","sourceRoot":"","sources":["../../../CommandForm/CommandFormFields.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CAC5D;AAED,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC1D,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CAC1B;AAyED,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CA8C9D,CAAC"}
+{"version":3,"file":"CommandFormFields.d.ts","sourceRoot":"","sources":["../../../CommandForm/CommandFormFields.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CAC5D;AAED,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAC1D,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CAC1B;AAkFD,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CA8C9D,CAAC"}

package/dist/esm/CommandForm/CommandFormFields.js

@@ -21,11 +21,17 @@ const CommandFormFieldWrapper = ({ field, index }) => {
         onValueChange: (value) => {
             if (propertyName) {
                 const oldValue = currentValue;
+                context.setCommandValues({ [propertyName]: value });
+                if (context.commandInstance && typeof context.commandInstance.validate === 'function') {
+                    const validationResult = context.commandInstance.validate();
+                    if (validationResult) {
+                        context.setCommandResult(validationResult);
+                    }
+                }
                 if (context.onFieldValidate) {
                     const validationError = context.onFieldValidate(context.commandInstance, propertyName, oldValue, value);
                     context.setCustomFieldError(propertyName, validationError);
                 }
-                context.setCommandValues({ [propertyName]: value });
                 if (context.onFieldChange) {
                     context.onFieldChange(context.commandInstance, propertyName, oldValue, value);
                 }
@@ -36,7 +42,7 @@ const CommandFormFieldWrapper = ({ field, index }) => {
         invalid: !!errorMessage
     });
     const tooltipId = fieldProps.description ? `tooltip-${propertyName}-${index}` : undefined;
-    return (jsxs("div", { style: { width: '100%' }, children: [jsxs("div", { className: "p-inputgroup", style: { width: '100%' }, children: [fieldProps.description && (jsx(Tooltip, { target: `.${tooltipId}`, content: fieldProps.description })), fieldProps.icon && (jsx("span", { className: `p-inputgroup-addon ${tooltipId || ''}`, children: fieldProps.icon })), clonedField] }), errorMessage && (jsx("small", { className: "p-error block mt-1", children: errorMessage }))] }));
+    return (jsxs("div", { className: "w-full", children: [jsxs("div", { className: "p-inputgroup w-full", children: [fieldProps.description && (jsx(Tooltip, { target: `.${tooltipId}`, content: fieldProps.description })), fieldProps.icon && (jsx("span", { className: `p-inputgroup-addon ${tooltipId || ''}`, children: fieldProps.icon })), clonedField] }), errorMessage && (jsx("small", { className: "p-error block mt-1", children: errorMessage }))] }));
 };
 const CommandFormFields = (props) => {
     const { fields, columns } = props;
@@ -48,7 +54,7 @@ const CommandFormFields = (props) => {
                     return (jsx(CommandFormFieldWrapper, { field: field, index: index }, propertyName));
                 }) }, `column-${columnIndex}`))) }));
     }
-    return (jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', width: '100%' }, children: (fields || []).map((field, index) => {
+    return (jsx("div", { className: "flex flex-col gap-4 w-full", children: (fields || []).map((field, index) => {
             const fieldProps = field.props;
             const propertyAccessor = fieldProps.value;
             const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${index}`;

package/dist/esm/CommandForm/CommandFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandFormFields.js","sources":["../../../CommandForm/CommandFormFields.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useCommandFormContext } from './CommandForm';\nimport React from 'react';\nimport { Tooltip } from 'primereact/tooltip';\nimport type { CommandFormFieldProps } from './CommandFormField';\n\nexport interface ColumnInfo {\n    fields: React.ReactElement<CommandFormFieldProps<any>>[];\n}\n\nexport interface CommandFormFieldsProps {\n    fields?: React.ReactElement<CommandFormFieldProps<any>>[];\n    columns?: ColumnInfo[];\n}\n\n// Separate component for each field to prevent re-rendering all fields\nconst CommandFormFieldWrapper = ({ field, index }: { field: React.ReactElement<CommandFormFieldProps<any>>; index: number }) => {\n    const context = useCommandFormContext<any>();\n    const fieldProps = field.props as CommandFormFieldProps<any>;\n    const propertyAccessor = fieldProps.value;\n\n    // Get the property name from the accessor function\n    const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : '';\n\n    // Get the current value from the command instance\n    const currentValue = propertyName ? (context.commandInstance as any)?.[propertyName] : undefined;\n\n    // Get the error message for this field, if any\n    const errorMessage = propertyName ? context.getFieldError(propertyName) : undefined;\n\n    // Get the property descriptor for this field from the command instance\n    const propertyDescriptor = propertyName && (context.commandInstance as any)?.propertyDescriptors\n        ? (context.commandInstance as any).propertyDescriptors.find((pd: any) => pd.name === propertyName)\n        : undefined;\n\n    // Clone the field element with the current value and onChange handler\n    const clonedField = React.cloneElement(field as React.ReactElement, {\n        ...fieldProps,\n        currentValue,\n        propertyDescriptor,\n        fieldName: propertyName,\n        onValueChange: (value: unknown) => {\n            if (propertyName) {\n                const oldValue = currentValue;\n\n                // Call custom field validator if provided\n                if (context.onFieldValidate) {\n                    const validationError = context.onFieldValidate(context.commandInstance as any, propertyName, oldValue, value);\n                    context.setCustomFieldError(propertyName, validationError);\n                }\n\n                context.setCommandValues({ [propertyName]: value } as any);\n\n                // Call field change callback if provided\n                if (context.onFieldChange) {\n                    context.onFieldChange(context.commandInstance as any, propertyName, oldValue, value);\n                }\n            }\n            fieldProps.onChange?.(value as any);\n        },\n        required: fieldProps.required ?? true,\n        invalid: !!errorMessage\n    } as any);\n\n    const tooltipId = fieldProps.description ? `tooltip-${propertyName}-${index}` : undefined;\n\n    return (\n        <div style={{ width: '100%' }}>\n            <div className=\"p-inputgroup\" style={{ width: '100%' }}>\n                {fieldProps.description && (\n                    <Tooltip target={`.${tooltipId}`} content={fieldProps.description} />\n                )}\n                {fieldProps.icon && (\n                    <span className={`p-inputgroup-addon ${tooltipId || ''}`}>\n                        {fieldProps.icon}\n                    </span>\n                )}\n                {clonedField}\n            </div>\n            {errorMessage && (\n                <small className=\"p-error block mt-1\">{errorMessage}</small>\n            )}\n        </div>\n    );\n};\n\nexport const CommandFormFields = (props: CommandFormFieldsProps) => {\n    const { fields, columns } = props;\n\n    // Render columns if provided\n    if (columns && columns.length > 0) {\n        return (\n            <div className=\"card flex flex-column md:flex-row gap-3\">\n                {columns.map((column, columnIndex) => (\n                    <div key={`column-${columnIndex}`} className=\"flex flex-column gap-3 flex-1\">\n                            {column.fields.map((field, index) => {\n                                const fieldProps = field.props as CommandFormFieldProps<any>;\n                                const propertyAccessor = fieldProps.value;\n                                const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${columnIndex}-${index}`;\n\n                                return (\n                                    <CommandFormFieldWrapper\n                                        key={propertyName}\n                                        field={field}\n                                        index={index}\n                                    />\n                                );\n                            })}\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // Render fields (single column layout)\n    return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', width: '100%' }}>\n            {(fields || []).map((field, index) => {\n                const fieldProps = field.props as CommandFormFieldProps<any>;\n                const propertyAccessor = fieldProps.value;\n                const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${index}`;\n\n                return (\n                    <CommandFormFieldWrapper\n                        key={propertyName}\n                        field={field}\n                        index={index}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\n// Helper function to extract property name from accessor function\nfunction getPropertyName<T>(accessor: (obj: T) => unknown): string {\n    const fnStr = accessor.toString();\n    const match = fnStr.match(/\\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);\n    return match ? match[1] : '';\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"CommandFormFields.js","sources":["../../../CommandForm/CommandFormFields.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useCommandFormContext } from './CommandForm';\nimport React from 'react';\nimport { Tooltip } from 'primereact/tooltip';\nimport type { CommandFormFieldProps } from './CommandFormField';\n\nexport interface ColumnInfo {\n    fields: React.ReactElement<CommandFormFieldProps<any>>[];\n}\n\nexport interface CommandFormFieldsProps {\n    fields?: React.ReactElement<CommandFormFieldProps<any>>[];\n    columns?: ColumnInfo[];\n}\n\n// Separate component for each field to prevent re-rendering all fields\nconst CommandFormFieldWrapper = ({ field, index }: { field: React.ReactElement<CommandFormFieldProps<any>>; index: number }) => {\n    const context = useCommandFormContext<any>();\n    const fieldProps = field.props as CommandFormFieldProps<any>;\n    const propertyAccessor = fieldProps.value;\n\n    // Get the property name from the accessor function\n    const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : '';\n\n    // Get the current value from the command instance\n    const currentValue = propertyName ? (context.commandInstance as any)?.[propertyName] : undefined;\n\n    // Get the error message for this field, if any\n    const errorMessage = propertyName ? context.getFieldError(propertyName) : undefined;\n\n    // Get the property descriptor for this field from the command instance\n    const propertyDescriptor = propertyName && (context.commandInstance as any)?.propertyDescriptors\n        ? (context.commandInstance as any).propertyDescriptors.find((pd: any) => pd.name === propertyName)\n        : undefined;\n\n    // Clone the field element with the current value and onChange handler\n    const clonedField = React.cloneElement(field as React.ReactElement, {\n        ...fieldProps,\n        currentValue,\n        propertyDescriptor,\n        fieldName: propertyName,\n        onValueChange: (value: unknown) => {\n            if (propertyName) {\n                const oldValue = currentValue;\n\n                // Update the command value\n                context.setCommandValues({ [propertyName]: value } as any);\n\n                // Call validate() on the command instance and store the result\n                if (context.commandInstance && typeof (context.commandInstance as any).validate === 'function') {\n                    const validationResult = (context.commandInstance as any).validate();\n                    if (validationResult) {\n                        context.setCommandResult(validationResult);\n                    }\n                }\n\n                // Call custom field validator if provided\n                if (context.onFieldValidate) {\n                    const validationError = context.onFieldValidate(context.commandInstance as any, propertyName, oldValue, value);\n                    context.setCustomFieldError(propertyName, validationError);\n                }\n\n                // Call field change callback if provided\n                if (context.onFieldChange) {\n                    context.onFieldChange(context.commandInstance as any, propertyName, oldValue, value);\n                }\n            }\n            fieldProps.onChange?.(value as any);\n        },\n        required: fieldProps.required ?? true,\n        invalid: !!errorMessage\n    } as any);\n\n    const tooltipId = fieldProps.description ? `tooltip-${propertyName}-${index}` : undefined;\n\n    return (\n        <div className=\"w-full\">\n            <div className=\"p-inputgroup w-full\">\n                {fieldProps.description && (\n                    <Tooltip target={`.${tooltipId}`} content={fieldProps.description} />\n                )}\n                {fieldProps.icon && (\n                    <span className={`p-inputgroup-addon ${tooltipId || ''}`}>\n                        {fieldProps.icon}\n                    </span>\n                )}\n                {clonedField}\n            </div>\n            {errorMessage && (\n                <small className=\"p-error block mt-1\">{errorMessage}</small>\n            )}\n        </div>\n    );\n};\n\nexport const CommandFormFields = (props: CommandFormFieldsProps) => {\n    const { fields, columns } = props;\n\n    // Render columns if provided\n    if (columns && columns.length > 0) {\n        return (\n            <div className=\"card flex flex-column md:flex-row gap-3\">\n                {columns.map((column, columnIndex) => (\n                    <div key={`column-${columnIndex}`} className=\"flex flex-column gap-3 flex-1\">\n                            {column.fields.map((field, index) => {\n                                const fieldProps = field.props as CommandFormFieldProps<any>;\n                                const propertyAccessor = fieldProps.value;\n                                const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${columnIndex}-${index}`;\n\n                                return (\n                                    <CommandFormFieldWrapper\n                                        key={propertyName}\n                                        field={field}\n                                        index={index}\n                                    />\n                                );\n                            })}\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    // Render fields (single column layout)\n    return (\n        <div className=\"flex flex-col gap-4 w-full\">\n            {(fields || []).map((field, index) => {\n                const fieldProps = field.props as CommandFormFieldProps<any>;\n                const propertyAccessor = fieldProps.value;\n                const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${index}`;\n\n                return (\n                    <CommandFormFieldWrapper\n                        key={propertyName}\n                        field={field}\n                        index={index}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n\n// Helper function to extract property name from accessor function\nfunction getPropertyName<T>(accessor: (obj: T) => unknown): string {\n    const fnStr = accessor.toString();\n    const match = fnStr.match(/\\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);\n    return match ? match[1] : '';\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/CommandForm/UserRegistrationCommand.d.ts

@@ -0,0 +1,63 @@
+import { Command, CommandValidator } from '@cratis/arc/commands';
+import { SetCommandValues, ClearCommandValues } from '@cratis/arc.react/commands';
+import { PropertyDescriptor } from '@cratis/arc/reflection';
+import '@cratis/arc/validation';
+export interface IUserRegistrationCommand {
+    username?: string;
+    email?: string;
+    password?: string;
+    confirmPassword?: string;
+    age?: number;
+    bio?: string;
+    favoriteColor?: string;
+    birthDate?: string;
+    agreeToTerms?: boolean;
+    experienceLevel?: number;
+    role?: string;
+}
+export declare class UserRegistrationCommandValidator extends CommandValidator<IUserRegistrationCommand> {
+    constructor();
+}
+export declare class UserRegistrationCommand extends Command<IUserRegistrationCommand, object> implements IUserRegistrationCommand {
+    readonly route: string;
+    readonly validation: CommandValidator;
+    readonly propertyDescriptors: PropertyDescriptor[];
+    private _username;
+    private _email;
+    private _password;
+    private _confirmPassword;
+    private _age;
+    private _bio;
+    private _favoriteColor;
+    private _birthDate;
+    private _agreeToTerms;
+    private _experienceLevel;
+    private _role;
+    constructor();
+    get requestParameters(): string[];
+    get properties(): string[];
+    get username(): string;
+    set username(value: string);
+    get email(): string;
+    set email(value: string);
+    get password(): string;
+    set password(value: string);
+    get confirmPassword(): string;
+    set confirmPassword(value: string);
+    get age(): number;
+    set age(value: number);
+    get bio(): string;
+    set bio(value: string);
+    get favoriteColor(): string;
+    set favoriteColor(value: string);
+    get birthDate(): string;
+    set birthDate(value: string);
+    get agreeToTerms(): boolean;
+    set agreeToTerms(value: boolean);
+    get experienceLevel(): number;
+    set experienceLevel(value: number);
+    get role(): string;
+    set role(value: string);
+    static use(initialValues?: IUserRegistrationCommand): [UserRegistrationCommand, SetCommandValues<IUserRegistrationCommand>, ClearCommandValues];
+}
+//# sourceMappingURL=UserRegistrationCommand.d.ts.map

package/dist/esm/CommandForm/UserRegistrationCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserRegistrationCommand.d.ts","sourceRoot":"","sources":["../../../CommandForm/UserRegistrationCommand.ts"],"names":[],"mappings":"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"}

package/dist/esm/CommandForm/UserRegistrationCommand.js

@@ -0,0 +1,143 @@
+import { Command, CommandValidator } from '@cratis/arc/commands';
+import { useCommand } from '@cratis/arc.react/commands';
+import { PropertyDescriptor } from '@cratis/arc/reflection';
+import '@cratis/arc/validation';
+export class UserRegistrationCommandValidator extends CommandValidator {
+    constructor() {
+        super();
+        this.ruleFor(c => c.username).notEmpty().minLength(3).maxLength(20);
+        this.ruleFor(c => c.email).notEmpty().emailAddress();
+        this.ruleFor(c => c.password).notEmpty().minLength(8);
+        this.ruleFor(c => c.age).greaterThanOrEqual(13).lessThanOrEqual(120);
+    }
+}
+export class UserRegistrationCommand extends Command {
+    route = '/api/users/register';
+    validation = new UserRegistrationCommandValidator();
+    propertyDescriptors = [
+        new PropertyDescriptor('username', String),
+        new PropertyDescriptor('email', String),
+        new PropertyDescriptor('password', String),
+        new PropertyDescriptor('confirmPassword', String),
+        new PropertyDescriptor('age', Number),
+        new PropertyDescriptor('bio', String),
+        new PropertyDescriptor('favoriteColor', String),
+        new PropertyDescriptor('birthDate', String),
+        new PropertyDescriptor('agreeToTerms', Boolean),
+        new PropertyDescriptor('experienceLevel', Number),
+        new PropertyDescriptor('role', String),
+    ];
+    _username;
+    _email;
+    _password;
+    _confirmPassword;
+    _age;
+    _bio;
+    _favoriteColor;
+    _birthDate;
+    _agreeToTerms;
+    _experienceLevel;
+    _role;
+    constructor() {
+        super(Object, false);
+    }
+    get requestParameters() {
+        return [];
+    }
+    get properties() {
+        return [
+            'username',
+            'email',
+            'password',
+            'confirmPassword',
+            'age',
+            'bio',
+            'favoriteColor',
+            'birthDate',
+            'agreeToTerms',
+            'experienceLevel',
+            'role',
+        ];
+    }
+    get username() {
+        return this._username;
+    }
+    set username(value) {
+        this._username = value;
+        this.propertyChanged('username');
+    }
+    get email() {
+        return this._email;
+    }
+    set email(value) {
+        this._email = value;
+        this.propertyChanged('email');
+    }
+    get password() {
+        return this._password;
+    }
+    set password(value) {
+        this._password = value;
+        this.propertyChanged('password');
+    }
+    get confirmPassword() {
+        return this._confirmPassword;
+    }
+    set confirmPassword(value) {
+        this._confirmPassword = value;
+        this.propertyChanged('confirmPassword');
+    }
+    get age() {
+        return this._age;
+    }
+    set age(value) {
+        this._age = value;
+        this.propertyChanged('age');
+    }
+    get bio() {
+        return this._bio;
+    }
+    set bio(value) {
+        this._bio = value;
+        this.propertyChanged('bio');
+    }
+    get favoriteColor() {
+        return this._favoriteColor;
+    }
+    set favoriteColor(value) {
+        this._favoriteColor = value;
+        this.propertyChanged('favoriteColor');
+    }
+    get birthDate() {
+        return this._birthDate;
+    }
+    set birthDate(value) {
+        this._birthDate = value;
+        this.propertyChanged('birthDate');
+    }
+    get agreeToTerms() {
+        return this._agreeToTerms;
+    }
+    set agreeToTerms(value) {
+        this._agreeToTerms = value;
+        this.propertyChanged('agreeToTerms');
+    }
+    get experienceLevel() {
+        return this._experienceLevel;
+    }
+    set experienceLevel(value) {
+        this._experienceLevel = value;
+        this.propertyChanged('experienceLevel');
+    }
+    get role() {
+        return this._role;
+    }
+    set role(value) {
+        this._role = value;
+        this.propertyChanged('role');
+    }
+    static use(initialValues) {
+        return useCommand(UserRegistrationCommand, initialValues);
+    }
+}
+//# sourceMappingURL=UserRegistrationCommand.js.map

package/dist/esm/CommandForm/UserRegistrationCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserRegistrationCommand.js","sourceRoot":"","sources":["../../../CommandForm/UserRegistrationCommand.ts"],"names":[],"mappings":"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"}

package/dist/esm/CommandForm/ValidationMessage.d.ts

@@ -0,0 +1,8 @@
+export interface ValidationMessageProps<TCommand> {
+    value: (command: TCommand) => unknown;
+}
+export declare const ValidationMessage: {
+    <TCommand>(props: ValidationMessageProps<TCommand>): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=ValidationMessage.d.ts.map

package/dist/esm/CommandForm/ValidationMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../CommandForm/ValidationMessage.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,sBAAsB,CAAC,QAAQ;IAC5C,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB;KAAI,QAAQ,SAAU,sBAAsB,CAAC,QAAQ,CAAC;;CAqBnF,CAAC"}

package/dist/esm/CommandForm/ValidationMessage.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCommandFormContext } from './CommandForm.js';
+
+const ValidationMessage = (props) => {
+    const context = useCommandFormContext();
+    const propertyAccessor = props.value;
+    const getPropertyName = (accessor) => {
+        const fnStr = accessor.toString();
+        const match = fnStr.match(/\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);
+        return match ? match[1] : '';
+    };
+    const propertyName = getPropertyName(propertyAccessor);
+    const errorMessage = propertyName ? context.getFieldError(propertyName) : undefined;
+    if (!errorMessage) {
+        return null;
+    }
+    return (jsx("small", { className: "p-error block mt-1", children: errorMessage }));
+};
+ValidationMessage.displayName = 'ValidationMessage';
+
+export { ValidationMessage };
+//# sourceMappingURL=ValidationMessage.js.map

package/dist/esm/CommandForm/ValidationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.js","sources":["../../../CommandForm/ValidationMessage.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React from 'react';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface ValidationMessageProps<TCommand> {\n    value: (command: TCommand) => unknown;\n}\n\nexport const ValidationMessage = <TCommand,>(props: ValidationMessageProps<TCommand>) => {\n    const context = useCommandFormContext<TCommand>();\n    const propertyAccessor = props.value;\n    \n    // Get the property name from the accessor function\n    const getPropertyName = (accessor: (obj: TCommand) => unknown): string => {\n        const fnStr = accessor.toString();\n        const match = fnStr.match(/\\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);\n        return match ? match[1] : '';\n    };\n    \n    const propertyName = getPropertyName(propertyAccessor);\n    const errorMessage = propertyName ? context.getFieldError(propertyName) : undefined;\n    \n    if (!errorMessage) {\n        return null;\n    }\n    \n    return (\n        <small className=\"p-error block mt-1\">{errorMessage}</small>\n    );\n};\n\nValidationMessage.displayName = 'ValidationMessage';\n"],"names":["_jsx"],"mappings":";;;AAUO,MAAM,iBAAiB,GAAG,CAAY,KAAuC,KAAI;AACpF,IAAA,MAAM,OAAO,GAAG,qBAAqB,EAAY;AACjD,IAAA,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK;AAGpC,IAAA,MAAM,eAAe,GAAG,CAAC,QAAoC,KAAY;AACrE,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE;QACjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,8BAA8B,CAAC;AACzD,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE;AAChC,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC;AACtD,IAAA,MAAM,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS;IAEnF,IAAI,CAAC,YAAY,EAAE;AACf,QAAA,OAAO,IAAI;IACf;IAEA,QACIA,eAAO,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,YAAY,EAAA,CAAS;AAEpE;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/esm/CommandForm/asCommandFormField.d.ts

@@ -0,0 +1,32 @@
+import { PropertyAccessor } from '@cratis/fundamentals';
+import { PropertyDescriptor } from '@cratis/arc/reflection';
+import React, { ComponentType } from 'react';
+export interface InjectedCommandFormFieldProps {
+    currentValue?: unknown;
+    onValueChange?: (value: unknown) => void;
+    propertyDescriptor?: PropertyDescriptor;
+    fieldName?: string;
+}
+export interface BaseCommandFormFieldProps<TCommand> {
+    icon?: React.ReactElement;
+    value: PropertyAccessor<TCommand>;
+    required?: boolean;
+    title?: string;
+    description?: string;
+}
+export interface CommandFormFieldConfig<TValue = unknown> {
+    defaultValue: TValue;
+    extractValue?: (event: unknown) => TValue;
+}
+export interface WrappedFieldProps<TValue = unknown> {
+    value: TValue;
+    onChange: (valueOrEvent: TValue | unknown) => void;
+    invalid: boolean;
+    required: boolean;
+    errors: string[];
+}
+export declare function asCommandFormField<TComponentProps extends WrappedFieldProps<unknown>>(component: ComponentType<TComponentProps> | ((props: TComponentProps) => React.ReactElement), config: CommandFormFieldConfig<TComponentProps['value']>): {
+    <TCommand>(props: Omit<TComponentProps, keyof WrappedFieldProps> & BaseCommandFormFieldProps<TCommand> & InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=asCommandFormField.d.ts.map

package/dist/esm/CommandForm/asCommandFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asCommandFormField.d.ts","sourceRoot":"","sources":["../../../CommandForm/asCommandFormField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,WAAW,6BAA6B;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,MAAM,WAAW,yBAAyB,CAAC,QAAQ;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,MAAM,WAAW,sBAAsB,CAAC,MAAM,GAAG,OAAO;IAEpD,YAAY,EAAE,MAAM,CAAC;IAErB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC;CAC7C;AAKD,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;CACpB;AAoCD,wBAAgB,kBAAkB,CAAC,eAAe,SAAS,iBAAiB,CAAC,OAAO,CAAC,EACjF,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC,EAC5F,MAAM,EAAE,sBAAsB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;KAOlC,QAAQ,SACnB,IAAI,CAAC,eAAe,EAAE,MAAM,iBAAiB,CAAC,GAC9C,yBAAyB,CAAC,QAAQ,CAAC,GACnC,6BAA6B;;EA+C3C"}

package/dist/esm/CommandForm/asCommandFormField.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useCommandFormContext } from './CommandForm.js';
+
+function asCommandFormField(component, config) {
+    const { defaultValue, extractValue } = config;
+    const Component = typeof component === 'function' && !component.prototype?.render
+        ? component
+        : component;
+    const WrappedField = (props) => {
+        const { currentValue, onValueChange, fieldName, required = true, ...componentProps } = props;
+        const [localValue, setLocalValue] = useState(currentValue ?? defaultValue);
+        const { getFieldError, customFieldErrors } = useCommandFormContext();
+        const serverError = fieldName ? getFieldError(fieldName) : undefined;
+        const customError = fieldName ? customFieldErrors[fieldName] : undefined;
+        const errors = [];
+        if (serverError)
+            errors.push(serverError);
+        if (customError)
+            errors.push(customError);
+        const isInvalid = errors.length > 0;
+        useEffect(() => {
+            setLocalValue(currentValue ?? defaultValue);
+        }, [currentValue]);
+        const handleChange = (valueOrEvent) => {
+            const newValue = extractValue ? extractValue(valueOrEvent) : valueOrEvent;
+            setLocalValue(newValue);
+            onValueChange?.(newValue);
+        };
+        const wrappedProps = {
+            ...componentProps,
+            value: localValue,
+            onChange: handleChange,
+            invalid: isInvalid,
+            required,
+            errors
+        };
+        return jsx(Component, { ...wrappedProps });
+    };
+    WrappedField.displayName = 'CommandFormField';
+    return WrappedField;
+}
+
+export { asCommandFormField };
+//# sourceMappingURL=asCommandFormField.js.map

package/dist/esm/CommandForm/asCommandFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asCommandFormField.js","sources":["../../../CommandForm/asCommandFormField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect, ComponentType } from 'react';\nimport { useCommandFormContext } from './CommandForm';\n\n/**\n * Props that will be injected by CommandFormFields into your wrapped component\n */\nexport interface InjectedCommandFormFieldProps {\n    currentValue?: unknown;\n    onValueChange?: (value: unknown) => void;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\n/**\n * Props that your field component should accept (excluding the injected ones)\n */\nexport interface BaseCommandFormFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    required?: boolean;\n    title?: string;\n    description?: string;\n}\n\n/**\n * Configuration for the field wrapper\n */\nexport interface CommandFormFieldConfig<TValue = unknown> {\n    /** Default value when currentValue is undefined */\n    defaultValue: TValue;\n    /** Value extractor from the change event */\n    extractValue?: (event: unknown) => TValue;\n}\n\n/**\n * Props that your wrapped component will receive\n */\nexport interface WrappedFieldProps<TValue = unknown> {\n    value: TValue;\n    onChange: (valueOrEvent: TValue | unknown) => void;\n    invalid: boolean;\n    required: boolean;\n    errors: string[];\n}\n\n/**\n * Wraps a field component to work with CommandForm, handling all integration automatically.\n * \n * @example\n * ```typescript\n * interface MyInputProps extends WrappedFieldProps<string> {\n *     placeholder?: string;\n * }\n * \n * export const MyInputField = asCommandFormField<MyInputProps>(\n *     (props) => (\n *         <div>\n *             <input\n *                 value={props.value}\n *                 onChange={props.onChange}\n *                 placeholder={props.placeholder}\n *                 className={props.invalid ? 'invalid' : ''}\n *             />\n *             {props.errors.length > 0 && (\n *                 <div className=\"error-messages\">\n *                     {props.errors.map((error, idx) => (\n *                         <small key={idx} className=\"p-error\">{error}</small>\n *                     ))}\n *                 </div>\n *             )}\n *         </div>\n *     ),\n *     {\n *         defaultValue: '',\n *         extractValue: (e) => e.target.value\n *     }\n * );\n * ```\n */\nexport function asCommandFormField<TComponentProps extends WrappedFieldProps<unknown>>(\n    component: ComponentType<TComponentProps> | ((props: TComponentProps) => React.ReactElement),\n    config: CommandFormFieldConfig<TComponentProps['value']>\n) {\n    const { defaultValue, extractValue } = config;\n    const Component = typeof component === 'function' && !component.prototype?.render \n        ? component \n        : component as ComponentType<TComponentProps>;\n\n    const WrappedField = <TCommand,>(\n        props: Omit<TComponentProps, keyof WrappedFieldProps> & \n               BaseCommandFormFieldProps<TCommand> & \n               InjectedCommandFormFieldProps\n    ) => {\n        const { \n            currentValue, \n            onValueChange, \n            fieldName, \n            required = true,\n            ...componentProps \n        } = props;\n\n        const [localValue, setLocalValue] = useState(currentValue ?? defaultValue);\n        const { getFieldError, customFieldErrors } = useCommandFormContext();\n\n        const serverError = fieldName ? getFieldError(fieldName) : undefined;\n        const customError = fieldName ? customFieldErrors[fieldName] : undefined;\n        \n        const errors: string[] = [];\n        if (serverError) errors.push(serverError);\n        if (customError) errors.push(customError);\n\n        const isInvalid = errors.length > 0;\n\n        useEffect(() => {\n            setLocalValue(currentValue ?? defaultValue);\n        }, [currentValue]);\n\n        const handleChange = (valueOrEvent: unknown) => {\n            const newValue = extractValue ? extractValue(valueOrEvent) : valueOrEvent;\n            setLocalValue(newValue);\n            onValueChange?.(newValue);\n        };\n\n        const wrappedProps = {\n            ...componentProps,\n            value: localValue,\n            onChange: handleChange,\n            invalid: isInvalid,\n            required,\n            errors\n        } as TComponentProps;\n\n        return <Component {...wrappedProps} />;\n    };\n\n    WrappedField.displayName = 'CommandFormField';\n\n    return WrappedField;\n}\n"],"names":["_jsx"],"mappings":";;;;AAoFM,SAAU,kBAAkB,CAC9B,SAA4F,EAC5F,MAAwD,EAAA;AAExD,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM;AAC7C,IAAA,MAAM,SAAS,GAAG,OAAO,SAAS,KAAK,UAAU,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;AACvE,UAAE;UACA,SAA2C;AAEjD,IAAA,MAAM,YAAY,GAAG,CACjB,KAEoC,KACpC;AACA,QAAA,MAAM,EACF,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,GAAG,cAAc,EACpB,GAAG,KAAK;AAET,QAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC;QAC1E,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,qBAAqB,EAAE;AAEpE,QAAA,MAAM,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,SAAS;AACpE,QAAA,MAAM,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS;QAExE,MAAM,MAAM,GAAa,EAAE;AAC3B,QAAA,IAAI,WAAW;AAAE,YAAA,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AACzC,QAAA,IAAI,WAAW;AAAE,YAAA,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;AAEzC,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;QAEnC,SAAS,CAAC,MAAK;AACX,YAAA,aAAa,CAAC,YAAY,IAAI,YAAY,CAAC;AAC/C,QAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,QAAA,MAAM,YAAY,GAAG,CAAC,YAAqB,KAAI;AAC3C,YAAA,MAAM,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY;YACzE,aAAa,CAAC,QAAQ,CAAC;AACvB,YAAA,aAAa,GAAG,QAAQ,CAAC;AAC7B,QAAA,CAAC;AAED,QAAA,MAAM,YAAY,GAAG;AACjB,YAAA,GAAG,cAAc;AACjB,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,YAAY;AACtB,YAAA,OAAO,EAAE,SAAS;YAClB,QAAQ;YACR;SACgB;AAEpB,QAAA,OAAOA,GAAA,CAAC,SAAS,EAAA,EAAA,GAAK,YAAY,GAAI;AAC1C,IAAA,CAAC;AAED,IAAA,YAAY,CAAC,WAAW,GAAG,kBAAkB;AAE7C,IAAA,OAAO,YAAY;AACvB;;;;"}

package/dist/esm/CommandForm/fields/CheckboxField.d.ts

@@ -0,0 +1,10 @@
+import { WrappedFieldProps } from '../asCommandFormField';
+interface CheckboxFieldComponentProps extends WrappedFieldProps<boolean> {
+    label?: string;
+}
+export declare const CheckboxField: {
+    <TCommand>(props: Omit<CheckboxFieldComponentProps, keyof WrappedFieldProps<unknown>> & import("..").BaseCommandFormFieldProps<TCommand> & import("..").InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=CheckboxField.d.ts.map

package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa;;;CAezB,CAAC"}

package/dist/esm/CommandForm/fields/CheckboxField.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Checkbox } from 'primereact/checkbox';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const CheckboxField = asCommandFormField((props) => (jsxs("div", { className: "flex align-items-center", children: [jsx(Checkbox, { checked: props.value, onChange: props.onChange, invalid: props.invalid }), props.label && jsx("label", { className: "ml-2", children: props.label })] })), {
+    defaultValue: false,
+    extractValue: (e) => e.checked
+});
+
+export { CheckboxField };
+//# sourceMappingURL=CheckboxField.js.map

package/dist/esm/CommandForm/fields/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sources":["../../../../CommandForm/fields/CheckboxField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Checkbox } from 'primereact/checkbox';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '../asCommandFormField';\n\ninterface CheckboxFieldComponentProps extends WrappedFieldProps<boolean> {\n    label?: string;\n}\n\nexport const CheckboxField = asCommandFormField<CheckboxFieldComponentProps>(\n    (props) => (\n        <div className=\"flex align-items-center\">\n            <Checkbox\n                checked={props.value}\n                onChange={props.onChange}\n                invalid={props.invalid}\n            />\n            {props.label && <label className=\"ml-2\">{props.label}</label>}\n        </div>\n    ),\n    {\n        defaultValue: false,\n        extractValue: (e: { checked: boolean }) => e.checked\n    }\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAWO,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,cAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA,CACxB,EACD,KAAK,CAAC,KAAK,IAAIA,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAS,CAAA,EAAA,CAC3D,CACT,EACD;AACI,IAAA,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,CAAC,CAAuB,KAAK,CAAC,CAAC;AAChD,CAAA;;;;"}

package/dist/esm/CommandForm/fields/DropdownField.d.ts

@@ -0,0 +1,15 @@
+import { WrappedFieldProps } from '../asCommandFormField';
+interface SelectComponentProps extends WrappedFieldProps<string> {
+    options: Array<{
+        [key: string]: unknown;
+    }>;
+    optionIdField: string;
+    optionLabelField: string;
+    placeholder?: string;
+}
+export declare const SelectField: {
+    <TCommand>(props: Omit<SelectComponentProps, keyof WrappedFieldProps<unknown>> & import("..").BaseCommandFormFieldProps<TCommand> & import("..").InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=DropdownField.d.ts.map

package/dist/esm/CommandForm/fields/DropdownField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,oBAAqB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC5D,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAkBD,eAAO,MAAM,WAAW;;;CAMvB,CAAC"}

package/dist/esm/CommandForm/fields/DropdownField.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const SelectComponent = (props) => (jsxs("select", { value: props.value || '', onChange: props.onChange, required: props.required, className: `w-full p-3 rounded-md text-base ${props.invalid ? 'border border-red-500' : 'border border-gray-300'}`, children: [props.placeholder && jsx("option", { value: "", children: props.placeholder }), props.options.map((option, index) => (jsx("option", { value: String(option[props.optionIdField]), children: String(option[props.optionLabelField]) }, index)))] }));
+const SelectField = asCommandFormField(SelectComponent, {
+    defaultValue: '',
+    extractValue: (e) => e.target.value
+});
+
+export { SelectField };
+//# sourceMappingURL=DropdownField.js.map

package/dist/esm/CommandForm/fields/DropdownField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownField.js","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '../asCommandFormField';\n\ninterface SelectComponentProps extends WrappedFieldProps<string> {\n    options: Array<{ [key: string]: unknown }>;\n    optionIdField: string;\n    optionLabelField: string;\n    placeholder?: string;\n}\n\nconst SelectComponent = (props: SelectComponentProps) => (\n    <select\n        value={props.value || ''}\n        onChange={props.onChange}\n        required={props.required}\n        className={`w-full p-3 rounded-md text-base ${props.invalid ? 'border border-red-500' : 'border border-gray-300'}`}\n    >\n        {props.placeholder && <option value=\"\">{props.placeholder}</option>}\n        {props.options.map((option, index) => (\n            <option key={index} value={String(option[props.optionIdField])}>\n                {String(option[props.optionLabelField])}\n            </option>\n        ))}\n    </select>\n);\n\nexport const SelectField = asCommandFormField<SelectComponentProps>(\n    SelectComponent,\n    {\n        defaultValue: '',\n        extractValue: (e: React.ChangeEvent<HTMLSelectElement>) => e.target.value\n    }\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAaA,MAAM,eAAe,GAAG,CAAC,KAA2B,MAChDA,IAAA,CAAA,QAAA,EAAA,EACI,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,CAAA,gCAAA,EAAmC,KAAK,CAAC,OAAO,GAAG,uBAAuB,GAAG,wBAAwB,CAAA,CAAE,aAEjH,KAAK,CAAC,WAAW,IAAIC,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,EAAE,EAAA,QAAA,EAAE,KAAK,CAAC,WAAW,GAAU,EAClE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC7BA,GAAA,CAAA,QAAA,EAAA,EAAoB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAA,QAAA,EACzD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAA,EAD9B,KAAK,CAET,CACZ,CAAC,CAAA,EAAA,CACG,CACZ;AAEM,MAAM,WAAW,GAAG,kBAAkB,CACzC,eAAe,EACf;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAuC,KAAK,CAAC,CAAC,MAAM,CAAC;AACvE,CAAA;;;;"}

package/dist/esm/CommandForm/fields/InputTextField.d.ts

@@ -0,0 +1,11 @@
+import { WrappedFieldProps } from '../asCommandFormField';
+interface InputTextComponentProps extends WrappedFieldProps<string> {
+    type?: 'text' | 'email' | 'password' | 'color' | 'date' | 'datetime-local' | 'time' | 'url' | 'tel' | 'search';
+    placeholder?: string;
+}
+export declare const InputTextField: {
+    <TCommand>(props: Omit<InputTextComponentProps, keyof WrappedFieldProps<unknown>> & import("..").BaseCommandFormFieldProps<TCommand> & import("..").InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=InputTextField.d.ts.map

package/dist/esm/CommandForm/fields/InputTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/G,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc;;;CAe1B,CAAC"}