@cratis/components 0.1.19 → 1.0.4

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

@@ -1,49 +0,0 @@
-import { Constructor } from '@cratis/fundamentals';
-import { SetCommandValues } from '@cratis/arc.react/commands';
-import { ICommandResult } from '@cratis/arc/commands';
-import React from 'react';
-export type BeforeExecuteCallback<TCommand> = (values: TCommand) => TCommand;
-export interface CommandFormProps<TCommand extends object> {
-    command: Constructor<TCommand>;
-    initialValues?: Partial<TCommand>;
-    currentValues?: Partial<TCommand> | undefined;
-    onFieldValidate?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => string | undefined;
-    onFieldChange?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => void;
-    onBeforeExecute?: BeforeExecuteCallback<TCommand>;
-    children?: React.ReactNode;
-}
-interface CommandFormContextValue<TCommand> {
-    command: Constructor<TCommand>;
-    commandInstance: TCommand;
-    setCommandValues: SetCommandValues<TCommand>;
-    commandResult?: ICommandResult<unknown>;
-    setCommandResult: (result: ICommandResult<unknown>) => void;
-    getFieldError: (propertyName: string) => string | undefined;
-    isValid: boolean;
-    setFieldValidity: (fieldName: string, isValid: boolean) => void;
-    onFieldValidate?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => string | undefined;
-    onFieldChange?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => void;
-    onBeforeExecute?: BeforeExecuteCallback<TCommand>;
-    customFieldErrors: Record<string, string>;
-    setCustomFieldError: (fieldName: string, error: string | undefined) => void;
-}
-export declare const useCommandFormContext: <TCommand>() => CommandFormContextValue<TCommand>;
-export declare const useCommandInstance: <TCommand = unknown>() => TCommand;
-export declare const useSetCommandResult: () => (result: ICommandResult<unknown>) => void;
-export declare const CommandForm: {
-    <TCommand extends object = object>(props: CommandFormProps<TCommand>): import("react/jsx-runtime").JSX.Element;
-    Fields: {
-        (props: {
-            children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Column: {
-        (_props: {
-            children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export {};
-//# sourceMappingURL=CommandForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandForm.d.ts","sourceRoot":"","sources":["../../../CommandForm/CommandForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAc,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,MAAM,MAAM,qBAAqB,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,CAAC;AAE7E,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,MAAM;IACrD,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IACrH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrG,eAAe,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,UAAU,uBAAuB,CAAC,QAAQ;IACtC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACxC,gBAAgB,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IACrH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrG,eAAe,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/E;AAID,eAAO,MAAM,qBAAqB,GAAI,QAAQ,OAKxB,uBAAuB,CAAC,QAAQ,CACrD,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,GAAG,OAAO,OAEvB,QAC7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,iBA5BD,cAAc,CAAC,OAAO,CAAC,KAAK,IA+B1D,CAAC;AAkNF,eAAO,MAAM,WAAW;KA/GM,QAAQ,SAAS,MAAM,kBAAkB,gBAAgB,CAAC,QAAQ,CAAC;;gBAjGxD;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE;;;;iBAsM1B;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE;;;CAU1B,CAAC"}

package/dist/esm/CommandForm/CommandForm.js

@@ -1,178 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CommandFormFields } from './CommandFormFields.js';
-import { useCommand } from '@cratis/arc.react/commands';
-import React, { createContext, useContext, useMemo, useState, useCallback } from 'react';
-import { Panel } from 'primereact/panel';
-
-const CommandFormContext = createContext(undefined);
-const useCommandFormContext = () => {
-    const context = useContext(CommandFormContext);
-    if (!context) {
-        throw new Error('useCommandFormContext must be used within a CommandForm');
-    }
-    return context;
-};
-const useCommandInstance = () => {
-    const { commandInstance } = useCommandFormContext();
-    return commandInstance;
-};
-const useSetCommandResult = () => {
-    const { setCommandResult } = useCommandFormContext();
-    return setCommandResult;
-};
-const CommandFormFieldsWrapper = (props) => {
-    React.Children.forEach(props.children, child => {
-        if (React.isValidElement(child)) {
-            const component = child.type;
-            if (component.displayName !== 'CommandFormField') {
-                throw new Error(`Only CommandFormField components are allowed as children of CommandForm.Fields. Got: ${component.displayName || component.name || 'Unknown'}`);
-            }
-        }
-    });
-    return jsx(Fragment, {});
-};
-CommandFormFieldsWrapper.displayName = 'CommandFormFieldsWrapper';
-const getCommandFormFields = (props) => {
-    if (!props.children) {
-        return { fieldsOrColumns: [], otherChildren: [], initialValuesFromFields: {} };
-    }
-    let fields = [];
-    const columns = [];
-    let hasColumns = false;
-    const otherChildren = [];
-    let initialValuesFromFields = {};
-    const extractInitialValue = (field) => {
-        const fieldProps = field.props;
-        if (fieldProps.currentValue !== undefined && fieldProps.value) {
-            const propertyAccessor = fieldProps.value;
-            const propertyName = getPropertyNameFromAccessor(propertyAccessor);
-            if (propertyName) {
-                initialValuesFromFields = { ...initialValuesFromFields, [propertyName]: fieldProps.currentValue };
-            }
-        }
-    };
-    React.Children.toArray(props.children).forEach(child => {
-        if (!React.isValidElement(child)) {
-            otherChildren.push(child);
-            return;
-        }
-        const component = child.type;
-        if (component.displayName === 'CommandFormColumn') {
-            hasColumns = true;
-            const childProps = child.props;
-            const columnFields = React.Children.toArray(childProps.children).filter(child => {
-                if (React.isValidElement(child)) {
-                    const comp = child.type;
-                    if (comp.displayName === 'CommandFormField') {
-                        extractInitialValue(child);
-                        return true;
-                    }
-                }
-                return false;
-            });
-            columns.push({ fields: columnFields });
-        }
-        else if (component.displayName === 'CommandFormField') {
-            extractInitialValue(child);
-            fields.push(child);
-        }
-        else if (component === CommandFormFieldsWrapper || component.displayName === 'CommandFormFieldsWrapper') {
-            const childProps = child.props;
-            const relevantChildren = React.Children.toArray(childProps.children).filter(child => {
-                if (React.isValidElement(child)) {
-                    const component = child.type;
-                    if (component.displayName === 'CommandFormField') {
-                        extractInitialValue(child);
-                        return true;
-                    }
-                }
-                return false;
-            });
-            fields = [...fields, ...relevantChildren];
-        }
-        else {
-            otherChildren.push(child);
-        }
-    });
-    return { fieldsOrColumns: hasColumns ? columns : fields, otherChildren, initialValuesFromFields };
-};
-function getPropertyNameFromAccessor(accessor) {
-    if (typeof accessor !== 'function')
-        return '';
-    const fnStr = accessor.toString();
-    const match = fnStr.match(/\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);
-    return match ? match[1] : '';
-}
-const CommandFormComponent = (props) => {
-    const { fieldsOrColumns, otherChildren, initialValuesFromFields } = useMemo(() => getCommandFormFields(props), [props.children]);
-    const valuesFromCurrentValues = useMemo(() => {
-        if (!props.currentValues)
-            return {};
-        const tempCommand = new props.command();
-        const commandProperties = (tempCommand.properties || []);
-        const extracted = {};
-        commandProperties.forEach((propertyName) => {
-            if (props.currentValues[propertyName] !== undefined) {
-                extracted[propertyName] = props.currentValues[propertyName];
-            }
-        });
-        return extracted;
-    }, [props.currentValues, props.command]);
-    const mergedInitialValues = useMemo(() => ({
-        ...valuesFromCurrentValues,
-        ...initialValuesFromFields,
-        ...props.initialValues
-    }), [valuesFromCurrentValues, initialValuesFromFields, props.initialValues]);
-    const useCommandResult = useCommand(props.command, mergedInitialValues);
-    const commandInstance = useCommandResult[0];
-    const setCommandValues = useCommandResult[1];
-    const [commandResult, setCommandResult] = useState(undefined);
-    const [fieldValidities, setFieldValidities] = useState({});
-    const [customFieldErrors, setCustomFieldErrors] = useState({});
-    React.useEffect(() => {
-        if (mergedInitialValues && Object.keys(mergedInitialValues).length > 0) {
-            setCommandValues(mergedInitialValues);
-        }
-    }, [mergedInitialValues, setCommandValues]);
-    const isValid = Object.values(fieldValidities).every(valid => valid);
-    const setFieldValidity = useCallback((fieldName, isFieldValid) => {
-        setFieldValidities(prev => ({ ...prev, [fieldName]: isFieldValid }));
-    }, []);
-    const setCustomFieldError = useCallback((fieldName, error) => {
-        setCustomFieldErrors(prev => {
-            if (error === undefined) {
-                const newErrors = { ...prev };
-                delete newErrors[fieldName];
-                return newErrors;
-            }
-            return { ...prev, [fieldName]: error };
-        });
-    }, []);
-    const getFieldError = (propertyName) => {
-        if (customFieldErrors[propertyName]) {
-            return customFieldErrors[propertyName];
-        }
-        if (!commandResult || !commandResult.validationResults) {
-            return undefined;
-        }
-        for (const validationResult of commandResult.validationResults) {
-            if (validationResult.members && validationResult.members.includes(propertyName)) {
-                return validationResult.message;
-            }
-        }
-        return undefined;
-    };
-    const exceptionMessages = commandResult?.exceptionMessages || [];
-    const hasColumns = fieldsOrColumns.length > 0 && 'fields' in fieldsOrColumns[0];
-    return (jsxs(CommandFormContext.Provider, { value: { command: props.command, commandInstance, setCommandValues, commandResult, setCommandResult, getFieldError, isValid, setFieldValidity, onFieldValidate: props.onFieldValidate, onFieldChange: props.onFieldChange, onBeforeExecute: props.onBeforeExecute, customFieldErrors, setCustomFieldError }, children: [jsx(CommandFormFields, { fields: hasColumns ? undefined : fieldsOrColumns, columns: hasColumns ? fieldsOrColumns : undefined }), exceptionMessages.length > 0 && (jsx("div", { className: "card flex flex-row gap-3 mt-3", children: jsx(Panel, { header: "The server responded with", className: "w-full", children: jsx("ul", { children: exceptionMessages.map((msg, idx) => (jsx("li", { children: msg }, idx))) }) }) })), otherChildren] }));
-};
-const CommandFormColumnComponent = (_props) => {
-    return jsx(Fragment, {});
-};
-CommandFormColumnComponent.displayName = 'CommandFormColumn';
-CommandFormComponent.Fields = CommandFormFieldsWrapper;
-CommandFormComponent.Column = CommandFormColumnComponent;
-const CommandForm = CommandFormComponent;
-
-export { CommandForm, useCommandFormContext, useCommandInstance, useSetCommandResult };
-//# sourceMappingURL=CommandForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandForm.js","sources":["../../../CommandForm/CommandForm.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 { CommandFormFields, ColumnInfo } from './CommandFormFields';\nimport { Constructor } from '@cratis/fundamentals';\nimport { useCommand, SetCommandValues } from '@cratis/arc.react/commands';\nimport { ICommandResult } from '@cratis/arc/commands';\nimport { Command } from '@cratis/arc/commands';\nimport React, { createContext, useContext, useMemo, useState, useCallback } from 'react';\nimport type { CommandFormFieldProps } from './CommandFormField';\nimport { Panel } from 'primereact/panel';\n\nexport type BeforeExecuteCallback<TCommand> = (values: TCommand) => TCommand;\n\nexport interface CommandFormProps<TCommand extends object> {\n    command: Constructor<TCommand>;\n    initialValues?: Partial<TCommand>;\n    currentValues?: Partial<TCommand> | undefined;\n    onFieldValidate?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => string | undefined;\n    onFieldChange?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => void;\n    onBeforeExecute?: BeforeExecuteCallback<TCommand>;\n    children?: React.ReactNode;\n}\n\ninterface CommandFormContextValue<TCommand> {\n    command: Constructor<TCommand>;\n    commandInstance: TCommand;\n    setCommandValues: SetCommandValues<TCommand>;\n    commandResult?: ICommandResult<unknown>;\n    setCommandResult: (result: ICommandResult<unknown>) => void;\n    getFieldError: (propertyName: string) => string | undefined;\n    isValid: boolean;\n    setFieldValidity: (fieldName: string, isValid: boolean) => void;\n    onFieldValidate?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => string | undefined;\n    onFieldChange?: (command: TCommand, fieldName: string, oldValue: unknown, newValue: unknown) => void;\n    onBeforeExecute?: BeforeExecuteCallback<TCommand>;\n    customFieldErrors: Record<string, string>;\n    setCustomFieldError: (fieldName: string, error: string | undefined) => void;\n}\n\nconst CommandFormContext = createContext<CommandFormContextValue<unknown> | undefined>(undefined);\n\nexport const useCommandFormContext = <TCommand,>() => {\n    const context = useContext(CommandFormContext);\n    if (!context) {\n        throw new Error('useCommandFormContext must be used within a CommandForm');\n    }\n    return context as CommandFormContextValue<TCommand>;\n};\n\n// Hook to get just the command instance for easier access\nexport const useCommandInstance = <TCommand = unknown>() => {\n    const { commandInstance } = useCommandFormContext<TCommand>();\n    return commandInstance as TCommand;\n};\n\n// Hook to get setCommandResult for easier access\nexport const useSetCommandResult = () => {\n    const { setCommandResult } = useCommandFormContext();\n    return setCommandResult;\n};\n\nconst CommandFormFieldsWrapper = (props: { children: React.ReactNode }) => {\n    React.Children.forEach(props.children, child => {\n        if (React.isValidElement(child)) {\n            const component = child.type as React.ComponentType<unknown>;\n            if (component.displayName !== 'CommandFormField') {\n                throw new Error(`Only CommandFormField components are allowed as children of CommandForm.Fields. Got: ${component.displayName || component.name || 'Unknown'}`);\n            }\n        }\n    });\n\n    return <></>;\n};\n\nCommandFormFieldsWrapper.displayName = 'CommandFormFieldsWrapper';\n\nconst getCommandFormFields = <TCommand,>(props: { children?: React.ReactNode }): { fieldsOrColumns: React.ReactElement[] | ColumnInfo[], otherChildren: React.ReactNode[], initialValuesFromFields: Partial<TCommand> } => {\n    if (!props.children) {\n        return { fieldsOrColumns: [], otherChildren: [], initialValuesFromFields: {} };\n    }\n    let fields: React.ReactElement<CommandFormFieldProps<unknown>>[] = [];\n    const columns: ColumnInfo[] = [];\n    let hasColumns = false;\n    const otherChildren: React.ReactNode[] = [];\n    let initialValuesFromFields: Partial<TCommand> = {};\n\n    const extractInitialValue = (field: React.ReactElement) => {\n        const fieldProps = field.props as Record<string, unknown>;\n        if (fieldProps.currentValue !== undefined && fieldProps.value) {\n            const propertyAccessor = fieldProps.value;\n            const propertyName = getPropertyNameFromAccessor(propertyAccessor);\n            if (propertyName) {\n                initialValuesFromFields = { ...initialValuesFromFields, [propertyName]: fieldProps.currentValue } as Partial<TCommand>;\n            }\n        }\n    };\n\n    React.Children.toArray(props.children).forEach(child => {\n        if (!React.isValidElement(child)) {\n            otherChildren.push(child);\n            return;\n        }\n\n        const component = child.type as React.ComponentType<unknown>;\n\n        // Check if child is a CommandFormColumn\n        if (component.displayName === 'CommandFormColumn') {\n            hasColumns = true;\n            const childProps = child.props as { children?: React.ReactNode };\n            const columnFields = React.Children.toArray(childProps.children).filter(child => {\n                if (React.isValidElement(child)) {\n                    const comp = child.type as React.ComponentType<unknown>;\n                    if (comp.displayName === 'CommandFormField') {\n                        extractInitialValue(child as React.ReactElement);\n                        return true;\n                    }\n                }\n                return false;\n            }) as React.ReactElement[];\n            columns.push({ fields: columnFields as React.ReactElement<CommandFormFieldProps<unknown>>[] });\n        }\n        // Check if child is a CommandFormField (direct child)\n        else if (component.displayName === 'CommandFormField') {\n            extractInitialValue(child as React.ReactElement);\n            fields.push(child as React.ReactElement<CommandFormFieldProps<unknown>>);\n        }\n        // Check if child is Fields wrapper (backwards compatibility)\n        else if (component === CommandFormFieldsWrapper || component.displayName === 'CommandFormFieldsWrapper') {\n            const childProps = child.props as { children: React.ReactNode };\n            const relevantChildren = React.Children.toArray(childProps.children).filter(child => {\n                if (React.isValidElement(child)) {\n                    const component = child.type as React.ComponentType<unknown>;\n                    if (component.displayName === 'CommandFormField') {\n                        extractInitialValue(child as React.ReactElement);\n                        return true;\n                    }\n                }\n                return false;\n            }) as React.ReactElement[];\n            fields = [...fields, ...(relevantChildren as React.ReactElement<CommandFormFieldProps<unknown>>[])];\n        }\n        // Everything else is not a field, keep it as other children\n        else {\n            otherChildren.push(child);\n        }\n    });\n\n    return { fieldsOrColumns: hasColumns ? columns : fields, otherChildren, initialValuesFromFields };\n};\n\n// Helper function to extract property name from accessor function\nfunction getPropertyNameFromAccessor<T = unknown>(accessor: ((obj: T) => unknown) | unknown): string {\n    if (typeof accessor !== 'function') return '';\n    const fnStr = accessor.toString();\n    const match = fnStr.match(/\\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);\n    return match ? match[1] : '';\n}\n\nconst CommandFormComponent = <TCommand extends object = object>(props: CommandFormProps<TCommand>) => {\n    const { fieldsOrColumns, otherChildren, initialValuesFromFields } = useMemo(() => getCommandFormFields<TCommand>(props), [props.children]);\n\n    // Extract matching properties from currentValues\n    const valuesFromCurrentValues = useMemo(() => {\n        if (!props.currentValues) return {};\n\n        const tempCommand = new props.command();\n        const commandProperties = ((tempCommand as Record<string, unknown>).properties || []) as string[];\n        const extracted: Partial<TCommand> = {};\n\n        commandProperties.forEach((propertyName: string) => {\n            if ((props.currentValues as Record<string, unknown>)[propertyName] !== undefined) {\n                (extracted as Record<string, unknown>)[propertyName] = (props.currentValues as Record<string, unknown>)[propertyName];\n            }\n        });\n\n        return extracted;\n    }, [props.currentValues, props.command]);\n\n    // Merge initialValues prop with values extracted from field currentValue props and currentValues\n    const mergedInitialValues = useMemo(() => ({\n        ...valuesFromCurrentValues,\n        ...initialValuesFromFields,\n        ...props.initialValues\n    }), [valuesFromCurrentValues, initialValuesFromFields, props.initialValues]);\n\n    // useCommand returns [instance, setter] for the typed command. Provide generics so commandInstance is TCommand.\n    // Using type assertion through unknown to work around generic constraint mismatch\n    const useCommandResult = useCommand(props.command as unknown as Constructor<Command<Partial<TCommand>, object>>, mergedInitialValues);\n    const commandInstance = useCommandResult[0] as unknown as TCommand;\n    const setCommandValues = useCommandResult[1] as SetCommandValues<TCommand>;\n    const [commandResult, setCommandResult] = useState<ICommandResult<unknown> | undefined>(undefined);\n    const [fieldValidities, setFieldValidities] = useState<Record<string, boolean>>({});\n    const [customFieldErrors, setCustomFieldErrors] = useState<Record<string, string>>({});\n\n    // Update command values when mergedInitialValues changes (e.g., when data loads asynchronously)\n    React.useEffect(() => {\n        if (mergedInitialValues && Object.keys(mergedInitialValues).length > 0) {\n            setCommandValues(mergedInitialValues as TCommand);\n        }\n    }, [mergedInitialValues, setCommandValues]);\n\n    const isValid = Object.values(fieldValidities).every(valid => valid);\n\n    const setFieldValidity = useCallback((fieldName: string, isFieldValid: boolean) => {\n        setFieldValidities(prev => ({ ...prev, [fieldName]: isFieldValid }));\n    }, []);\n\n    const setCustomFieldError = useCallback((fieldName: string, error: string | undefined) => {\n        setCustomFieldErrors(prev => {\n            if (error === undefined) {\n                const newErrors = { ...prev };\n                delete newErrors[fieldName];\n                return newErrors;\n            }\n            return { ...prev, [fieldName]: error };\n        });\n    }, []);\n\n    const getFieldError = (propertyName: string): string | undefined => {\n        // Check custom field errors first\n        if (customFieldErrors[propertyName]) {\n            return customFieldErrors[propertyName];\n        }\n\n        if (!commandResult || !commandResult.validationResults) {\n            return undefined;\n        }\n\n        for (const validationResult of commandResult.validationResults) {\n            if (validationResult.members && validationResult.members.includes(propertyName)) {\n                return validationResult.message;\n            }\n        }\n\n        return undefined;\n    };\n\n    const exceptionMessages = commandResult?.exceptionMessages || [];\n    const hasColumns = fieldsOrColumns.length > 0 && 'fields' in fieldsOrColumns[0];\n\n    return (\n        <CommandFormContext.Provider value={{ command: props.command, commandInstance, setCommandValues, commandResult, setCommandResult, getFieldError, isValid, setFieldValidity, onFieldValidate: props.onFieldValidate, onFieldChange: props.onFieldChange, onBeforeExecute: props.onBeforeExecute, customFieldErrors, setCustomFieldError }}>\n            <CommandFormFields fields={hasColumns ? undefined : (fieldsOrColumns as React.ReactElement<CommandFormFieldProps<unknown>>[])} columns={hasColumns ? fieldsOrColumns as ColumnInfo[] : undefined} />\n            {exceptionMessages.length > 0 && (\n                <div className=\"card flex flex-row gap-3 mt-3\">\n                    <Panel header=\"The server responded with\" className=\"w-full\">\n                        <ul>\n                            {exceptionMessages.map((msg, idx) => (\n                                <li key={idx}>{msg}</li>\n                            ))}\n                        </ul>\n                    </Panel>\n                </div>\n            )}\n            {otherChildren}\n        </CommandFormContext.Provider>\n    );\n};\n\nconst CommandFormColumnComponent = (_props: { children: React.ReactNode }) => {\n    void _props;\n    return <></>;\n};\n\nCommandFormColumnComponent.displayName = 'CommandFormColumn';\n\nCommandFormComponent.Fields = CommandFormFieldsWrapper;\nCommandFormComponent.Column = CommandFormColumnComponent;\n\nexport const CommandForm = CommandFormComponent;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CommandForm } from './CommandForm';
-declare const meta: Meta<typeof CommandForm>;
-export default meta;
-type Story = StoryObj<typeof CommandForm>;
-export declare const Default: Story;
-export declare const UserRegistration: Story;
-//# sourceMappingURL=CommandForm.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandForm.stories.d.ts","sourceRoot":"","sources":["../../../CommandForm/CommandForm.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAQ1C,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwF9B,CAAC"}

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

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

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

@@ -1,18 +0,0 @@
-import type { PropertyAccessor } from '@cratis/fundamentals';
-export interface CommandFormFieldProps<TCommand = unknown> {
-    icon?: React.ReactElement;
-    value?: PropertyAccessor<TCommand>;
-    currentValue?: unknown;
-    onValueChange?: (value: unknown) => void;
-    onChange?: (value: unknown) => void;
-    required?: boolean;
-    title?: string;
-    description?: string;
-    propertyDescriptor?: unknown;
-    fieldName?: string;
-}
-export declare const CommandFormField: {
-    <TCommand>(_props?: CommandFormFieldProps<TCommand>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=CommandFormField.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandFormField.d.ts","sourceRoot":"","sources":["../../../CommandForm/CommandFormField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,qBAAqB,CAAC,QAAQ,GAAG,OAAO;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAE1B,KAAK,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEnC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB;KAAI,QAAQ,WAAY,qBAAqB,CAAC,QAAQ,CAAC;;CAGnF,CAAC"}

package/dist/esm/CommandForm/CommandFormField.js

@@ -1,9 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-const CommandFormField = (_props) => {
-    return jsx(Fragment, {});
-};
-CommandFormField.displayName = 'CommandFormField';
-
-export { CommandFormField };
-//# sourceMappingURL=CommandFormField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandFormField.js","sources":["../../../CommandForm/CommandFormField.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 type { PropertyAccessor } from '@cratis/fundamentals';\n\nexport interface CommandFormFieldProps<TCommand = unknown> {\n    icon?: React.ReactElement;\n    /** Accessor function that selects a property on the command, e.g. c => c.name */\n    value?: PropertyAccessor<TCommand>;\n    /** Current value for the property (injected by CommandFormFields) */\n    currentValue?: unknown;\n    /** Called when the field value changes (injected by CommandFormFields) */\n    onValueChange?: (value: unknown) => void;\n    onChange?: (value: unknown) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: unknown;\n    fieldName?: string;\n}\n\nexport const CommandFormField = <TCommand,>(_props?: CommandFormFieldProps<TCommand>) => {\n    void _props;\n    return <></>;\n};\n\nCommandFormField.displayName = 'CommandFormField';\n"],"names":["_jsx"],"mappings":";;AAqBO,MAAM,gBAAgB,GAAG,CAAY,MAAwC,KAAI;AAEpF,IAAA,OAAOA,iBAAK;AAChB;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { CommandFormFieldProps } from './CommandFormField';
-export interface ColumnInfo {
-    fields: React.ReactElement<CommandFormFieldProps<unknown>>[];
-}
-export interface CommandFormFieldsProps {
-    fields?: React.ReactElement<CommandFormFieldProps<unknown>>[];
-    columns?: ColumnInfo[];
-}
-export declare const CommandFormFields: (props: CommandFormFieldsProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CommandFormFields.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAGhE,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;CAChE;AAED,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;IAC9D,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CAC1B;AAkFD,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CA8C9D,CAAC"}

package/dist/esm/CommandForm/CommandFormFields.js

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCommandFormContext } from './CommandForm.js';
-import React from 'react';
-import { Tooltip } from 'primereact/tooltip';
-
-const CommandFormFieldWrapper = ({ field, index }) => {
-    const context = useCommandFormContext();
-    const fieldProps = field.props;
-    const propertyAccessor = fieldProps.value;
-    const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : '';
-    const currentValue = propertyName ? context.commandInstance?.[propertyName] : undefined;
-    const errorMessage = propertyName ? context.getFieldError(propertyName) : undefined;
-    const propertyDescriptor = propertyName && context.commandInstance?.propertyDescriptors
-        ? context.commandInstance.propertyDescriptors.find((pd) => pd.name === propertyName)
-        : undefined;
-    const clonedField = React.cloneElement(field, {
-        ...fieldProps,
-        currentValue,
-        propertyDescriptor,
-        fieldName: propertyName,
-        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);
-                }
-                if (context.onFieldChange) {
-                    context.onFieldChange(context.commandInstance, propertyName, oldValue, value);
-                }
-            }
-            fieldProps.onChange?.(value);
-        },
-        required: fieldProps.required ?? true,
-        invalid: !!errorMessage
-    });
-    const tooltipId = fieldProps.description ? `tooltip-${propertyName}-${index}` : undefined;
-    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;
-    if (columns && columns.length > 0) {
-        return (jsx("div", { className: "card flex flex-column md:flex-row gap-3", children: columns.map((column, columnIndex) => (jsx("div", { className: "flex flex-column gap-3 flex-1", children: column.fields.map((field, index) => {
-                    const fieldProps = field.props;
-                    const propertyAccessor = fieldProps.value;
-                    const propertyName = propertyAccessor ? getPropertyName(propertyAccessor) : `field-${columnIndex}-${index}`;
-                    return (jsx(CommandFormFieldWrapper, { field: field, index: index }, propertyName));
-                }) }, `column-${columnIndex}`))) }));
-    }
-    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}`;
-            return (jsx(CommandFormFieldWrapper, { field: field, index: index }, propertyName));
-        }) }));
-};
-function getPropertyName(accessor) {
-    const fnStr = accessor.toString();
-    const match = fnStr.match(/\.([a-zA-Z_$][a-zA-Z0-9_$]*)/);
-    return match ? match[1] : '';
-}
-
-export { CommandFormFields };
-//# sourceMappingURL=CommandFormFields.js.map

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

@@ -1 +0,0 @@
-{"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';\nimport type { ICommandResult } from '@cratis/arc/commands';\n\nexport interface ColumnInfo {\n    fields: React.ReactElement<CommandFormFieldProps<unknown>>[];\n}\n\nexport interface CommandFormFieldsProps {\n    fields?: React.ReactElement<CommandFormFieldProps<unknown>>[];\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<unknown>>; index: number }) => {\n    const context = useCommandFormContext<unknown>();\n    const fieldProps = field.props as CommandFormFieldProps<unknown>;\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 Record<string, unknown>)?.[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 Record<string, unknown>)?.propertyDescriptors\n        ? ((context.commandInstance as Record<string, unknown>).propertyDescriptors as Array<Record<string, unknown>>).find((pd: Record<string, unknown>) => 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 Record<string, unknown>);\n\n                // Call validate() on the command instance and store the result\n                if (context.commandInstance && typeof (context.commandInstance as Record<string, unknown>).validate === 'function') {\n                    const validationResult = ((context.commandInstance as Record<string, unknown>).validate as () => ICommandResult<unknown>)();\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 Record<string, unknown>, 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 Record<string, unknown>, propertyName, oldValue, value);\n                }\n            }\n            fieldProps.onChange?.(value as unknown);\n        },\n        required: fieldProps.required ?? true,\n        invalid: !!errorMessage\n    } as Record<string, unknown>);\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<unknown>;\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<unknown>;\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

@@ -1,63 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"UserRegistrationCommand.d.ts","sourceRoot":"","sources":["../../../CommandForm/UserRegistrationCommand.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAc,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,wBAAwB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,gCAAiC,SAAQ,gBAAgB,CAAC,wBAAwB,CAAC;;CAQ/F;AAED,qBAAa,uBAAwB,SAAQ,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAE,YAAW,wBAAwB;IACtH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAyB;IAC/C,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAA0C;IAC/E,QAAQ,CAAC,mBAAmB,EAAE,kBAAkB,EAAE,CAYhD;IAEF,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,aAAa,CAAW;IAChC,OAAO,CAAC,gBAAgB,CAAU;IAClC,OAAO,CAAC,KAAK,CAAU;;IAMvB,IAAI,iBAAiB,IAAI,MAAM,EAAE,CAEhC;IAED,IAAI,UAAU,IAAI,MAAM,EAAE,CAczB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAGhC;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAGpB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAGpB;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAG9B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,EAG9B;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAGhC;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrB;IAED,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,wBAAwB,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;CAGlJ"}