@cratis/components 0.1.10 → 0.1.12

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"}

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { InputText } from 'primereact/inputtext';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const InputTextField = asCommandFormField((props) => (jsx(InputText, { type: props.type || 'text', value: props.value, onChange: props.onChange, invalid: props.invalid, placeholder: props.placeholder, className: "w-full" })), {
+    defaultValue: '',
+    extractValue: (e) => e.target.value
+});
+
+export { InputTextField };
+//# sourceMappingURL=InputTextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextField.js","sources":["../../../../CommandForm/fields/InputTextField.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 { InputText } from 'primereact/inputtext';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '../asCommandFormField';\n\ninterface InputTextComponentProps extends WrappedFieldProps<string> {\n    type?: 'text' | 'email' | 'password' | 'color' | 'date' | 'datetime-local' | 'time' | 'url' | 'tel' | 'search';\n    placeholder?: string;\n}\n\nexport const InputTextField = asCommandFormField<InputTextComponentProps>(\n    (props) => (\n        <InputText\n            type={props.type || 'text'}\n            value={props.value}\n            onChange={props.onChange}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: '',\n        extractValue: (e: React.ChangeEvent<HTMLInputElement>) => e.target.value\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;AAYO,MAAM,cAAc,GAAG,kBAAkB,CAC5C,CAAC,KAAK,MACFA,IAAC,SAAS,EAAA,EACN,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAsC,KAAK,CAAC,CAAC,MAAM,CAAC;AACtE,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+import { WrappedFieldProps } from '../asCommandFormField';
+interface NumberFieldComponentProps extends WrappedFieldProps<number> {
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare const NumberField: {
+    <TCommand>(props: Omit<NumberFieldComponentProps, keyof WrappedFieldProps<unknown>> & import("..").BaseCommandFormFieldProps<TCommand> & import("..").InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=NumberField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;;;CAiBvB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { InputNumber } from 'primereact/inputnumber';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const NumberField = asCommandFormField((props) => (jsx(InputNumber, { value: props.value, onValueChange: (e) => props.onChange(e.value ?? 0), invalid: props.invalid, placeholder: props.placeholder, min: props.min, max: props.max, step: props.step, className: "w-full" })), {
+    defaultValue: 0,
+    extractValue: (e) => (typeof e === 'number' ? e : 0)
+});
+
+export { NumberField };
+//# sourceMappingURL=NumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../../CommandForm/fields/NumberField.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 { InputNumber } from 'primereact/inputnumber';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '../asCommandFormField';\n\ninterface NumberFieldComponentProps extends WrappedFieldProps<number> {\n    placeholder?: string;\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const NumberField = asCommandFormField<NumberFieldComponentProps>(\n    (props) => (\n        <InputNumber\n            value={props.value}\n            onValueChange={(e) => props.onChange(e.value ?? 0)}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: 0,\n        extractValue: (e: unknown) => (typeof e === 'number' ? e : 0)\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;AAcO,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,GAAA,CAAC,WAAW,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAU,MAAM,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAC/D,CAAA;;;;"}

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

@@ -0,0 +1,12 @@
+import { WrappedFieldProps } from '../asCommandFormField';
+interface RangeComponentProps extends WrappedFieldProps<number> {
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare const RangeField: {
+    <TCommand>(props: Omit<RangeComponentProps, keyof WrappedFieldProps<unknown>> & import("..").BaseCommandFormFieldProps<TCommand> & import("..").InjectedCommandFormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=SliderField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU;;;CA4BtB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const RangeField = asCommandFormField((props) => {
+    const min = props.min ?? 0;
+    const max = props.max ?? 100;
+    const step = props.step ?? 1;
+    return (jsxs("div", { className: "w-full flex items-center gap-4 p-3 border border-gray-300 rounded-md", children: [jsx("input", { type: "range", value: props.value, onChange: props.onChange, min: min, max: max, step: step, required: props.required, className: "flex-1" }), jsx("span", { className: "min-w-[3rem] text-right font-semibold", children: props.value })] }));
+}, {
+    defaultValue: 0,
+    extractValue: (e) => parseFloat(e.target.value)
+});
+
+export { RangeField };
+//# sourceMappingURL=SliderField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sources":["../../../../CommandForm/fields/SliderField.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 RangeComponentProps extends WrappedFieldProps<number> {\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const RangeField = asCommandFormField<RangeComponentProps>(\n    (props) => {\n        const min = props.min ?? 0;\n        const max = props.max ?? 100;\n        const step = props.step ?? 1;\n\n        return (\n            <div className=\"w-full flex items-center gap-4 p-3 border border-gray-300 rounded-md\">\n                <input\n                    type=\"range\"\n                    value={props.value}\n                    onChange={props.onChange}\n                    min={min}\n                    max={max}\n                    step={step}\n                    required={props.required}\n                    className=\"flex-1\"\n                />\n                <span className=\"min-w-[3rem] text-right font-semibold\">\n                    {props.value}\n                </span>\n            </div>\n        );\n    },\n    {\n        defaultValue: 0,\n        extractValue: (e: React.ChangeEvent<HTMLInputElement>) => parseFloat(e.target.value)\n    }\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;MAYa,UAAU,GAAG,kBAAkB,CACxC,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG;AAC5B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC;IAE5B,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sEAAsE,EAAA,QAAA,EAAA,CACjFC,GAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAC,QAAQ,EAAA,CACpB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAClD,KAAK,CAAC,KAAK,EAAA,CACT,CAAA,EAAA,CACL;AAEd,CAAC,EACD;AACI,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC,CAAsC,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;AACtF,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa;;;CAgBzB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { asCommandFormField } from '../asCommandFormField.js';
+
+const TextAreaField = asCommandFormField((props) => (jsx(InputTextarea, { value: props.value, onChange: props.onChange, invalid: props.invalid, placeholder: props.placeholder, rows: props.rows ?? 5, cols: props.cols, className: "w-full" })), {
+    defaultValue: '',
+    extractValue: (e) => e.target.value
+});
+
+export { TextAreaField };
+//# sourceMappingURL=TextAreaField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.js","sources":["../../../../CommandForm/fields/TextAreaField.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 { InputTextarea } from 'primereact/inputtextarea';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '../asCommandFormField';\n\ninterface TextAreaFieldComponentProps extends WrappedFieldProps<string> {\n    placeholder?: string;\n    rows?: number;\n    cols?: number;\n}\n\nexport const TextAreaField = asCommandFormField<TextAreaFieldComponentProps>(\n    (props) => (\n        <InputTextarea\n            value={props.value}\n            onChange={props.onChange}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            rows={props.rows ?? 5}\n            cols={props.cols}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: '',\n        extractValue: (e: React.ChangeEvent<HTMLTextAreaElement>) => e.target.value\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;AAaO,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,aAAa,EAAA,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,CAAC,CAAyC,KAAK,CAAC,CAAC,MAAM,CAAC;AACzE,CAAA;;;;"}

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

@@ -0,0 +1,7 @@
+export * from './InputTextField';
+export * from './NumberField';
+export * from './CheckboxField';
+export * from './TextAreaField';
+export { SelectField } from './DropdownField';
+export { RangeField } from './SliderField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './InputTextField';
+export * from './NumberField';
+export * from './CheckboxField';
+export * from './TextAreaField';
+export { SelectField } from './DropdownField';
+export { RangeField } from './SliderField';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../CommandForm/fields/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1,8 +1,7 @@
 export * from './CommandForm';
 export * from './CommandFormField';
+export * from './ValidationMessage';
 export * from './CommandFormFields';
-export * from './InputTextField';
-export * from './DatePickerField';
-export * from './DropdownField';
-export * from './SliderField';
+export * from './asCommandFormField';
+export * from './fields';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandForm/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandForm/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}

package/dist/esm/CommandForm/index.js

@@ -1,8 +1,12 @@
 export { CommandForm, useCommandFormContext, useCommandInstance, useSetCommandResult } from './CommandForm.js';
 export { CommandFormField } from './CommandFormField.js';
+export { ValidationMessage } from './ValidationMessage.js';
 export { CommandFormFields } from './CommandFormFields.js';
-export { InputTextField } from './InputTextField.js';
-export { DatePickerField } from './DatePickerField.js';
-export { DropdownField } from './DropdownField.js';
-export { SliderField } from './SliderField.js';
+export { asCommandFormField } from './asCommandFormField.js';
+export { InputTextField } from './fields/InputTextField.js';
+export { NumberField } from './fields/NumberField.js';
+export { CheckboxField } from './fields/CheckboxField.js';
+export { TextAreaField } from './fields/TextAreaField.js';
+export { SelectField } from './fields/DropdownField.js';
+export { RangeField } from './fields/SliderField.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PivotViewer.d.ts","sourceRoot":"","sources":["../../../PivotViewer/PivotViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiBhD,OAAO,mBAAmB,CAAC;AAQ3B,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAiB,GACpB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA8uBzB"}
+{"version":3,"file":"PivotViewer.d.ts","sourceRoot":"","sources":["../../../PivotViewer/PivotViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiBhD,OAAO,mBAAmB,CAAC;AAQ3B,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAiB,GACpB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAgwBzB"}