@cratis/components 0.1.19 → 1.0.4

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

@@ -1 +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"}
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/DropdownField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC5E,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa;;;CAiBzB,CAAC"}

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

@@ -1,11 +1,11 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { asCommandFormField } from '../asCommandFormField.js';
+import { jsx } from 'react/jsx-runtime';
+import { Dropdown } from 'primereact/dropdown';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
-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, {
+const DropdownField = asCommandFormField((props) => (jsx(Dropdown, { value: props.value, onChange: (e) => props.onChange(e.value), options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, invalid: props.invalid, className: "w-full" })), {
     defaultValue: '',
-    extractValue: (e) => e.target.value
+    extractValue: (e) => e
 });
 
-export { SelectField };
+export { DropdownField };
 //# sourceMappingURL=DropdownField.js.map

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

@@ -1 +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;;;;"}
+{"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 { Dropdown } from 'primereact/dropdown';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\n\ninterface DropdownFieldComponentProps extends WrappedFieldProps<string | number> {\n    options: Array<{ [key: string]: unknown }>;\n    optionValue: string;\n    optionLabel: string;\n    placeholder?: string;\n}\n\nexport const DropdownField = asCommandFormField<DropdownFieldComponentProps>(\n    (props) => (\n        <Dropdown\n            value={props.value}\n            onChange={(e) => props.onChange(e.value)}\n            options={props.options}\n            optionValue={props.optionValue}\n            optionLabel={props.optionLabel}\n            placeholder={props.placeholder}\n            invalid={props.invalid}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: '',\n        extractValue: (e: unknown) => e as string | number\n    }\n);\n"],"names":["_jsx"],"mappings":";;;;AAcO,MAAM,aAAa,GAAG,kBAAkB,CAC3C,CAAC,KAAK,MACFA,GAAA,CAAC,QAAQ,IACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK;AACjC,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import '@cratis/arc/validation';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const AllFields: Story;
+export declare const InputTextFieldExample: Story;
+export declare const NumberFieldExample: Story;
+export declare const TextAreaFieldExample: Story;
+export declare const DropdownFieldExample: Story;
+export declare const SliderFieldExample: Story;
+export declare const CheckboxFieldExample: Story;
+//# sourceMappingURL=Fields.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fields.stories.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/Fields.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,wBAAwB,CAAC;AAUhC,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAkEtB,eAAO,MAAM,SAAS,EAAE,KAsMvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkCnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAqBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAwBlC,CAAC"}

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

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CommandForm } from '@cratis/arc.react/commands';
+import { Command, CommandValidator } from '@cratis/arc/commands';
+import { PropertyDescriptor } from '@cratis/arc/reflection';
+import { StoryContainer, StorySection, StoryDivider } from '@cratis/arc.react/stories';
+import '@cratis/arc/validation';
+import { InputTextField, NumberField, TextAreaField, CheckboxField, SliderField, DropdownField } from './index';
+const meta = {
+    title: 'CommandForm/PrimeReact Fields',
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+class FormFieldsCommand extends Command {
+    route = '/api/fields';
+    validation = new FormFieldsCommandValidator();
+    propertyDescriptors = [
+        new PropertyDescriptor('textInput', String),
+        new PropertyDescriptor('emailInput', String),
+        new PropertyDescriptor('passwordInput', String),
+        new PropertyDescriptor('numberInput', Number),
+        new PropertyDescriptor('textArea', String),
+        new PropertyDescriptor('checkbox', Boolean),
+        new PropertyDescriptor('slider', Number),
+        new PropertyDescriptor('dropdown', String),
+    ];
+    textInput = '';
+    emailInput = '';
+    passwordInput = '';
+    numberInput = 0;
+    textArea = '';
+    checkbox = false;
+    slider = 50;
+    dropdown = '';
+    constructor() {
+        super(Object, false);
+    }
+    get requestParameters() {
+        return [];
+    }
+    get properties() {
+        return [
+            'textInput',
+            'emailInput',
+            'passwordInput',
+            'numberInput',
+            'textArea',
+            'checkbox',
+            'slider',
+            'dropdown'
+        ];
+    }
+}
+class FormFieldsCommandValidator extends CommandValidator {
+    constructor() {
+        super();
+        this.ruleFor(c => c.textInput).notEmpty().minLength(3);
+        this.ruleFor(c => c.emailInput).notEmpty().emailAddress();
+        this.ruleFor(c => c.passwordInput).notEmpty().minLength(6);
+        this.ruleFor(c => c.numberInput).greaterThanOrEqual(1).lessThanOrEqual(100);
+        this.ruleFor(c => c.dropdown).notEmpty();
+    }
+}
+const dropdownOptions = [
+    { id: 'option1', name: 'Option 1' },
+    { id: 'option2', name: 'Option 2' },
+    { id: 'option3', name: 'Option 3' },
+    { id: 'option4', name: 'Option 4' }
+];
+export const AllFields = {
+    render: () => {
+        const [validationState, setValidationState] = useState({ errors: {}, canSubmit: false });
+        return (_jsxs(StoryContainer, { size: "md", asCard: true, children: [_jsx("h1", { children: "PrimeReact Form Fields" }), _jsx("p", { children: "This showcase demonstrates all available PrimeReact-based form fields integrated with CommandForm from @cratis/arc.react." }), _jsx(StoryDivider, {}), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: {
+                        textInput: '',
+                        emailInput: '',
+                        passwordInput: '',
+                        numberInput: 25,
+                        textArea: '',
+                        checkbox: false,
+                        slider: 50,
+                        dropdown: '',
+                    }, onFieldChange: async (command, fieldName) => {
+                        const result = await command.validate();
+                        if (!result.isValid) {
+                            const fieldError = result.validationResults.find(v => v.members.includes(fieldName));
+                            if (fieldError) {
+                                setValidationState(prev => ({
+                                    errors: { ...prev.errors, [fieldName]: fieldError.message },
+                                    canSubmit: false
+                                }));
+                            }
+                        }
+                        else {
+                            setValidationState(prev => {
+                                const { [fieldName]: removed, ...rest } = prev.errors;
+                                return {
+                                    errors: rest,
+                                    canSubmit: Object.keys(rest).length === 0
+                                };
+                            });
+                        }
+                    }, children: [_jsxs(StorySection, { children: [_jsx("h3", { children: "Text Inputs" }), _jsx(InputTextField, { value: c => c.textInput, title: "Text Input", placeholder: "Enter at least 3 characters", description: "Standard text input field with validation" }), validationState.errors.textInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.textInput })), _jsx(InputTextField, { value: c => c.emailInput, title: "Email Input", type: "email", placeholder: "Enter a valid email address", description: "Email input with email validation" }), validationState.errors.emailInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.emailInput })), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password Input", type: "password", placeholder: "Enter at least 6 characters", description: "Password input field (min 6 characters)" }), validationState.errors.passwordInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.passwordInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Number Input" }), _jsx(NumberField, { value: c => c.numberInput, title: "Number Field", placeholder: "Enter a number (1-100)", description: "Number input with min/max boundaries", min: 1, max: 100, step: 1 }), validationState.errors.numberInput && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.numberInput }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Text Area" }), _jsx(TextAreaField, { value: c => c.textArea, title: "Text Area Field", placeholder: "Enter a longer text...", description: "Multi-line text input", rows: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Dropdown" }), _jsx(DropdownField, { value: c => c.dropdown, title: "Dropdown Field", placeholder: "Select an option", description: "PrimeReact dropdown component", options: dropdownOptions, optionValue: "id", optionLabel: "name" }), validationState.errors.dropdown && (_jsx("div", { style: { color: 'var(--red-500)', fontSize: '0.875rem', marginTop: '0.25rem', marginBottom: '1rem' }, children: validationState.errors.dropdown }))] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Slider" }), _jsx(SliderField, { value: c => c.slider, title: "Slider Field", description: "Slider for numeric values", min: 0, max: 100, step: 5 })] }), _jsx(StoryDivider, {}), _jsxs(StorySection, { children: [_jsx("h3", { children: "Checkbox" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I agree to the terms and conditions" })] }), _jsx(StoryDivider, {}), _jsxs("div", { style: { marginTop: '1.5rem', display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx("button", { type: "submit", disabled: !validationState.canSubmit, className: "p-button p-component", children: "Submit Form" }), !validationState.canSubmit && Object.keys(validationState.errors).length > 0 && (_jsx("span", { style: { color: 'var(--orange-500)', fontSize: '0.875rem' }, children: "Please fix validation errors" }))] })] })] }));
+    }
+};
+export const InputTextFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "InputTextField" }), _jsx("p", { children: "PrimeReact InputText component wrapped for CommandForm." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { textInput: '', emailInput: '', passwordInput: '' }, children: [_jsx(InputTextField, { value: c => c.textInput, title: "Standard Text", placeholder: "Type here..." }), _jsx(InputTextField, { value: c => c.emailInput, title: "Email", type: "email", placeholder: "your@email.com" }), _jsx(InputTextField, { value: c => c.passwordInput, title: "Password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] })] }));
+    }
+};
+export const NumberFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "NumberField" }), _jsx("p", { children: "PrimeReact InputNumber component with spinners and constraints." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { numberInput: 42 }, children: _jsx(NumberField, { value: c => c.numberInput, title: "Quantity", placeholder: "Enter a number", min: 0, max: 100, step: 1 }) })] }));
+    }
+};
+export const TextAreaFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "TextAreaField" }), _jsx("p", { children: "PrimeReact InputTextarea for multi-line text input." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { textArea: '' }, children: _jsx(TextAreaField, { value: c => c.textArea, title: "Description", placeholder: "Enter a detailed description...", rows: 6 }) })] }));
+    }
+};
+export const DropdownFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "DropdownField" }), _jsx("p", { children: "PrimeReact Dropdown for selecting from a list of options." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { dropdown: '' }, children: _jsx(DropdownField, { value: c => c.dropdown, title: "Select Option", placeholder: "Choose...", options: dropdownOptions, optionValue: "id", optionLabel: "name" }) })] }));
+    }
+};
+export const SliderFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "SliderField" }), _jsx("p", { children: "PrimeReact Slider for selecting numeric values visually." }), _jsx(CommandForm, { command: FormFieldsCommand, initialValues: { slider: 75 }, children: _jsx(SliderField, { value: c => c.slider, title: "Volume", min: 0, max: 100, step: 5 }) })] }));
+    }
+};
+export const CheckboxFieldExample = {
+    render: () => {
+        return (_jsxs(StoryContainer, { size: "sm", asCard: true, children: [_jsx("h2", { children: "CheckboxField" }), _jsx("p", { children: "PrimeReact Checkbox for boolean values." }), _jsxs(CommandForm, { command: FormFieldsCommand, initialValues: { checkbox: false }, children: [_jsx(CheckboxField, { value: c => c.checkbox, label: "Enable notifications" }), _jsx(CheckboxField, { value: c => c.checkbox, label: "I have read and agree to the terms" })] })] }));
+    }
+};
+//# sourceMappingURL=Fields.stories.js.map

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

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

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

@@ -1,10 +1,11 @@
-import { WrappedFieldProps } from '../asCommandFormField';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
 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;
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<InputTextComponentProps, TCommand>): React.ReactElement;
     displayName: string;
 };
 export {};

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

@@ -1 +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"}
+{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/InputTextField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { InputText } from 'primereact/inputtext';
-import { asCommandFormField } from '../asCommandFormField.js';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
 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: '',

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

@@ -1 +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;;;;"}
+{"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 '@cratis/arc.react/commands';\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

@@ -1,4 +1,5 @@
-import { WrappedFieldProps } from '../asCommandFormField';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
 interface NumberFieldComponentProps extends WrappedFieldProps<number> {
     placeholder?: string;
     min?: number;
@@ -6,7 +7,7 @@ interface NumberFieldComponentProps extends WrappedFieldProps<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;
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<NumberFieldComponentProps, TCommand>): React.ReactElement;
     displayName: string;
 };
 export {};

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

@@ -1 +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"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/NumberField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { InputNumber } from 'primereact/inputnumber';
-import { asCommandFormField } from '../asCommandFormField.js';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
 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,

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

@@ -1 +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;;;;"}
+{"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 '@cratis/arc.react/commands';\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

@@ -1,11 +1,12 @@
-import { WrappedFieldProps } from '../asCommandFormField';
-interface RangeComponentProps extends WrappedFieldProps<number> {
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
+interface SliderFieldComponentProps 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;
+export declare const SliderField: {
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<SliderFieldComponentProps, TCommand>): React.ReactElement;
     displayName: string;
 };
 export {};

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

@@ -1 +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"}
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/SliderField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,UAAU,yBAA0B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;;;CAoBvB,CAAC"}

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

@@ -1,15 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { asCommandFormField } from '../asCommandFormField.js';
+import { Slider } from 'primereact/slider';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
-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 })] }));
-}, {
+const SliderField = asCommandFormField((props) => (jsxs("div", { className: "w-full", children: [jsx(Slider, { value: props.value, onChange: (e) => props.onChange(e.value), min: props.min ?? 0, max: props.max ?? 100, step: props.step ?? 1, className: "w-full" }), jsx("div", { className: "text-center mt-2", children: jsx("span", { className: "font-semibold", children: props.value }) })] })), {
     defaultValue: 0,
-    extractValue: (e) => parseFloat(e.target.value)
+    extractValue: (e) => (typeof e === 'number' ? e : 0)
 });
 
-export { RangeField };
+export { SliderField };
 //# sourceMappingURL=SliderField.js.map

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

@@ -1 +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;;;;"}
+{"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 { Slider } from 'primereact/slider';\nimport React from 'react';\nimport { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\n\ninterface SliderFieldComponentProps extends WrappedFieldProps<number> {\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const SliderField = asCommandFormField<SliderFieldComponentProps>(\n    (props) => (\n        <div className=\"w-full\">\n            <Slider\n                value={props.value}\n                onChange={(e) => props.onChange(e.value)}\n                min={props.min ?? 0}\n                max={props.max ?? 100}\n                step={props.step ?? 1}\n                className=\"w-full\"\n            />\n            <div className=\"text-center mt-2\">\n                <span className=\"font-semibold\">{props.value}</span>\n            </div>\n        </div>\n    ),\n    {\n        defaultValue: 0,\n        extractValue: (e: unknown) => (typeof e === 'number' ? e : 0)\n    }\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAaO,MAAM,WAAW,GAAG,kBAAkB,CACzC,CAAC,KAAK,MACFA,cAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACnBC,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,SAAS,EAAC,QAAQ,GACpB,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,YAC7BA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,GAAQ,EAAA,CAClD,CAAA,EAAA,CACJ,CACT,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/TextAreaField.d.ts

@@ -1,11 +1,12 @@
-import { WrappedFieldProps } from '../asCommandFormField';
+import React from 'react';
+import { WrappedFieldProps } from '@cratis/arc.react/commands';
 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;
+    <TCommand = unknown>(props: import("@cratis/arc.react/commands").CommandFormFieldComponentProps<TextAreaFieldComponentProps, TCommand>): React.ReactElement;
     displayName: string;
 };
 export {};

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

@@ -1 +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"}
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../CommandForm/fields/TextAreaField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEnF,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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { InputTextarea } from 'primereact/inputtextarea';
-import { asCommandFormField } from '../asCommandFormField.js';
+import { asCommandFormField } from '@cratis/arc.react/commands';
 
 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: '',

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

@@ -1 +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;;;;"}
+{"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 '@cratis/arc.react/commands';\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

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

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

@@ -1 +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"}
+{"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,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

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

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

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

@@ -1 +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"}
+{"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,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

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

@@ -1,7 +1,3 @@
-export * from './CommandForm';
-export * from './CommandFormField';
-export * from './ValidationMessage';
-export * from './CommandFormFields';
-export * from './asCommandFormField';
+export { CommandForm, CommandFormField, ValidationMessage, CommandFormFields, asCommandFormField, useCommandFormContext, useCommandInstance, useSetCommandResult, type CommandFormProps, type CommandFormFieldProps, type CommandFormFieldComponentProps, type BaseCommandFormFieldProps, type WrappedFieldProps, type CommandFormFieldConfig, type InjectedCommandFormFieldProps, type ColumnInfo } from '@cratis/arc.react/commands';
 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,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandForm/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,8BAA8B,EACnC,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,6BAA6B,EAClC,KAAK,UAAU,EAClB,MAAM,4BAA4B,CAAC;AAGpC,cAAc,UAAU,CAAC"}

package/dist/esm/CommandForm/index.js

@@ -1,12 +1,8 @@
-export { CommandForm, useCommandFormContext, useCommandInstance, useSetCommandResult } from './CommandForm.js';
-export { CommandFormField } from './CommandFormField.js';
-export { ValidationMessage } from './ValidationMessage.js';
-export { CommandFormFields } from './CommandFormFields.js';
-export { asCommandFormField } from './asCommandFormField.js';
+export { CommandForm, CommandFormField, CommandFormFields, ValidationMessage, asCommandFormField, useCommandFormContext, useCommandInstance, useSetCommandResult } from '@cratis/arc.react/commands';
 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';
+export { DropdownField } from './fields/DropdownField.js';
+export { SliderField } 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/Common/ErrorBoundary.d.ts

@@ -10,7 +10,7 @@ export declare class ErrorBoundary extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/esm/Common/ErrorBoundary.stories.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ComponentType<Record<string, never>> | undefined;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from '@storybook/react';
+import { ErrorBoundary } from './ErrorBoundary';
+declare const meta: Meta<typeof ErrorBoundary>;
+export default meta;
+type Story = StoryObj<typeof ErrorBoundary>;
+export declare const Default: Story;
+export declare const WithError: Story;
 //# sourceMappingURL=ErrorBoundary.stories.d.ts.map

package/dist/esm/Common/ErrorBoundary.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAuE;AAEvE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}
+{"version":3,"file":"ErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAuB5C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

package/dist/esm/Common/ErrorBoundary.stories.js

@@ -1,6 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as Comp from './ErrorBoundary';
-const Component = Comp.default || Object.values(Comp)[0];
-export default { title: 'Common/ErrorBoundary', component: Component };
-export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ErrorBoundary } from './ErrorBoundary';
+const meta = {
+    title: 'Common/ErrorBoundary',
+    component: ErrorBoundary,
+};
+export default meta;
+const ErrorThrowingComponent = () => {
+    const [shouldThrow, setShouldThrow] = useState(false);
+    if (shouldThrow) {
+        throw new Error('This is a simulated error to demonstrate ErrorBoundary!');
+    }
+    return (_jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-xl mb-3", children: "Click the button to trigger an error" }), _jsx("button", { className: "p-button p-component", onClick: () => setShouldThrow(true), children: "Throw Error" })] }));
+};
+export const Default = {
+    render: () => (_jsx(ErrorBoundary, { children: _jsxs("div", { className: "p-4", children: [_jsx("h1", { className: "text-2xl mb-3", children: "Normal Content" }), _jsx("p", { children: "This content is wrapped in an ErrorBoundary. Everything works fine here." })] }) })),
+};
+export const WithError = {
+    render: () => (_jsx(ErrorBoundary, { children: _jsx(ErrorThrowingComponent, {}) })),
+};
 //# sourceMappingURL=ErrorBoundary.stories.js.map

package/dist/esm/Common/ErrorBoundary.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.stories.js","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,MAAM,SAAS,GAA4D,IAAgC,CAAC,OAA4E,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAuE,CAAC;AAE1R,eAAe,EAAE,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEvE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}
+{"version":3,"file":"ErrorBoundary.stories.js","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":";AAGA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC/E,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,aAAI,SAAS,EAAC,cAAc,qDAA0C,EACtE,iBACI,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,4BAG9B,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,aAAa,cACV,eAAK,SAAS,EAAC,KAAK,aAChB,aAAI,SAAS,EAAC,eAAe,+BAAoB,EACjD,mGAA+E,IAC7E,GACM,CACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,aAAa,cACV,KAAC,sBAAsB,KAAG,GACd,CACnB;CACJ,CAAC"}

package/dist/esm/Common/FormElement.stories.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ComponentType<Record<string, never>> | undefined;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from '@storybook/react';
+import { FormElement } from './FormElement';
+declare const meta: Meta<typeof FormElement>;
+export default meta;
+type Story = StoryObj<typeof FormElement>;
+export declare const Default: Story;
+export declare const WithEmailIcon: Story;
+export declare const WithSearchIcon: Story;
 //# sourceMappingURL=FormElement.stories.d.ts.map