@opensite/ui 1.7.5 → 1.7.6

package/dist/form-field-types-BYdJNOsW.d.cts

@@ -0,0 +1,92 @@
+/**
+ * Form field types and utilities for dynamic form generation
+ */
+type FormFieldType = "text" | "email" | "search" | "password" | "tel" | "textarea" | "select" | "radio" | "checkbox" | "checkbox-group" | "number" | "url" | "date" | "date-picker" | "date-range" | "time" | "file" | "rich-text" | "multi-select";
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface FormFieldConfig {
+    /**
+     * Unique field name (used as the key in form values)
+     */
+    name: string;
+    /**
+     * Field type
+     */
+    type: FormFieldType;
+    /**
+     * Display label for the field
+     */
+    label: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Column span in grid layout (1-12)
+     * @default 12 (full width)
+     */
+    columnSpan?: number;
+    /**
+     * Options for select/radio/checkbox-group fields
+     */
+    options?: SelectOption[];
+    /**
+     * Number of rows for textarea
+     * @default 4
+     */
+    rows?: number;
+    /**
+     * Custom validation function
+     * Return undefined for valid, or an error message string for invalid
+     */
+    validator?: (value: any, allValues: Record<string, any>) => string | undefined;
+    /**
+     * Additional CSS classes for the field wrapper
+     */
+    className?: string;
+    /**
+     * Whether the field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Accepted file types for file inputs (MIME types or extensions)
+     * @example ".pdf,.doc,.docx"
+     * @example "image/*,application/pdf"
+     */
+    accept?: string;
+    /**
+     * Maximum file size in bytes for file inputs
+     * @default 5MB (5 * 1024 * 1024)
+     */
+    maxSize?: number;
+    /**
+     * Maximum number of files for file inputs
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Allow multiple file selection
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Description text for rich-text editor
+     */
+    description?: string;
+    /**
+     * Layout for radio/checkbox groups
+     * @default "stacked"
+     */
+    layout?: "inline" | "stacked";
+}
+
+export type { FormFieldConfig as F };

package/dist/form-field-types-BYdJNOsW.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Form field types and utilities for dynamic form generation
+ */
+type FormFieldType = "text" | "email" | "search" | "password" | "tel" | "textarea" | "select" | "radio" | "checkbox" | "checkbox-group" | "number" | "url" | "date" | "date-picker" | "date-range" | "time" | "file" | "rich-text" | "multi-select";
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface FormFieldConfig {
+    /**
+     * Unique field name (used as the key in form values)
+     */
+    name: string;
+    /**
+     * Field type
+     */
+    type: FormFieldType;
+    /**
+     * Display label for the field
+     */
+    label: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Column span in grid layout (1-12)
+     * @default 12 (full width)
+     */
+    columnSpan?: number;
+    /**
+     * Options for select/radio/checkbox-group fields
+     */
+    options?: SelectOption[];
+    /**
+     * Number of rows for textarea
+     * @default 4
+     */
+    rows?: number;
+    /**
+     * Custom validation function
+     * Return undefined for valid, or an error message string for invalid
+     */
+    validator?: (value: any, allValues: Record<string, any>) => string | undefined;
+    /**
+     * Additional CSS classes for the field wrapper
+     */
+    className?: string;
+    /**
+     * Whether the field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Accepted file types for file inputs (MIME types or extensions)
+     * @example ".pdf,.doc,.docx"
+     * @example "image/*,application/pdf"
+     */
+    accept?: string;
+    /**
+     * Maximum file size in bytes for file inputs
+     * @default 5MB (5 * 1024 * 1024)
+     */
+    maxSize?: number;
+    /**
+     * Maximum number of files for file inputs
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Allow multiple file selection
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Description text for rich-text editor
+     */
+    description?: string;
+    /**
+     * Layout for radio/checkbox groups
+     * @default "stacked"
+     */
+    layout?: "inline" | "stacked";
+}
+
+export type { FormFieldConfig as F };