extended-dynamic-forms 0.2.0 → 0.3.0

package/dist/widgets/choice/utils/responseMappers.d.ts

@@ -0,0 +1,342 @@
+import { ChoiceOption, ResponseMapper, ResponseMapperConfig } from '../ChoiceWidget.types';
+
+/**
+ * Error thrown when response mapping fails
+ */
+export declare class ResponseMappingError extends Error {
+    readonly path?: string | undefined;
+    readonly index?: number | undefined;
+    readonly originalError?: Error | undefined;
+    constructor(message: string, path?: string | undefined, index?: number | undefined, originalError?: Error | undefined);
+}
+/**
+ * Validate a single choice option
+ *
+ * @param option - The option to validate
+ * @param index - The index in the array for error reporting
+ * @returns Validated ChoiceOption
+ * @throws ResponseMappingError if validation fails
+ */
+export declare function validateChoiceOption(option: unknown, index: number): ChoiceOption;
+/**
+ * Validate an array of choice options
+ *
+ * @param options - Array to validate
+ * @returns Validated ChoiceOption array
+ * @throws ResponseMappingError if validation fails
+ */
+export declare function validateChoiceOptions(options: unknown): ChoiceOption[];
+/**
+ * Get a nested value from an object using dot notation
+ *
+ * @param obj - Object to extract value from
+ * @param path - Dot notation path (e.g., 'data.items')
+ * @returns The value at the path or undefined
+ *
+ * @example
+ * ```typescript
+ * const obj = { data: { items: [1, 2, 3] } };
+ * getNestedValue(obj, 'data.items'); // [1, 2, 3]
+ * ```
+ */
+export declare function getNestedValue(obj: unknown, path: string): unknown;
+/**
+ * Set a nested value in an object using dot notation
+ *
+ * @param obj - Object to set value in
+ * @param path - Dot notation path
+ * @param value - Value to set
+ * @returns New object with value set (immutable)
+ */
+export declare function setNestedValue(obj: Record<string, unknown>, path: string, value: unknown): Record<string, unknown>;
+/**
+ * Extract array from response data using a path
+ *
+ * @param data - Response data
+ * @param arrayPath - Path to array (optional)
+ * @returns Extracted array
+ * @throws ResponseMappingError if array not found
+ */
+export declare function extractArrayFromResponse(data: unknown, arrayPath?: string): unknown[];
+/**
+ * Map a simple response structure to ChoiceOption array
+ *
+ * @param data - Response data
+ * @param config - Simple mapper configuration
+ * @returns Mapped ChoiceOption array
+ *
+ * @example
+ * ```typescript
+ * const data = { items: [{ name: 'Option 1', id: 1 }] };
+ * const options = mapSimpleResponse(data, {
+ *   arrayPath: 'items',
+ *   labelField: 'name',
+ *   valueField: 'id'
+ * });
+ * ```
+ */
+export declare function mapSimpleResponse(data: unknown, config?: NonNullable<ResponseMapperConfig['simple']>): ChoiceOption[];
+/**
+ * Map a nested response structure to ChoiceOption array
+ *
+ * @param data - Response data
+ * @param config - Nested mapper configuration
+ * @returns Mapped ChoiceOption array
+ *
+ * @example
+ * ```typescript
+ * const data = {
+ *   response: {
+ *     data: [
+ *       {
+ *         info: { displayName: 'Option 1' },
+ *         meta: { identifier: 'opt1', active: false }
+ *       }
+ *     ]
+ *   }
+ * };
+ *
+ * const options = mapNestedResponse(data, {
+ *   arrayPath: 'response.data',
+ *   paths: {
+ *     label: 'info.displayName',
+ *     value: 'meta.identifier',
+ *     disabled: 'meta.active'
+ *   }
+ * });
+ * ```
+ */
+export declare function mapNestedResponse(data: unknown, config: NonNullable<ResponseMapperConfig['nested']>): ChoiceOption[];
+/**
+ * Create a custom response mapper with validation
+ *
+ * @param mapper - Custom mapper function
+ * @returns Wrapped mapper with validation
+ *
+ * @example
+ * ```typescript
+ * const customMapper = createCustomMapper((data: any) => {
+ *   return data.options.map((opt: any) => ({
+ *     label: opt.text || opt.name,
+ *     value: opt.key || opt.id,
+ *     disabled: !opt.enabled
+ *   }));
+ * });
+ * ```
+ */
+export declare function createCustomMapper(mapper: ResponseMapper): ResponseMapper;
+/**
+ * Main response mapper that handles all mapper types
+ *
+ * @param data - Response data to map
+ * @param config - Response mapper configuration
+ * @returns Mapped ChoiceOption array
+ * @throws ResponseMappingError if mapping fails
+ */
+export declare function mapResponse(data: unknown, config: ResponseMapperConfig): ChoiceOption[];
+/**
+ * Predefined response mappers for common API patterns
+ */
+export declare const COMMON_MAPPERS: {
+    /**
+     * Simple flat array: [{ label: "Option", value: "opt" }]
+     */
+    readonly SIMPLE_ARRAY: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly labelField: "label";
+            readonly valueField: "value";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Name/ID pattern: [{ name: "Option", id: 1 }]
+     */
+    readonly NAME_ID: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly labelField: "name";
+            readonly valueField: "id";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Title/Key pattern: [{ title: "Option", key: "opt" }]
+     */
+    readonly TITLE_KEY: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly labelField: "title";
+            readonly valueField: "key";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Text/Value pattern: [{ text: "Option", value: "opt" }]
+     */
+    readonly TEXT_VALUE: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly labelField: "text";
+            readonly valueField: "value";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Display/Code pattern: [{ display: "Option", code: "OPT" }]
+     */
+    readonly DISPLAY_CODE: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly labelField: "display";
+            readonly valueField: "code";
+            readonly disabledField: "disabled";
+        };
+    };
+};
+/**
+ * Paginated response mappers for common pagination patterns
+ */
+export declare const PAGINATED_MAPPERS: {
+    /**
+     * Standard paginated: { data: [...], total: 100, page: 1 }
+     */
+    readonly DATA_ARRAY: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly arrayPath: "data";
+            readonly labelField: "label";
+            readonly valueField: "value";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Results pattern: { results: [...], count: 100 }
+     */
+    readonly RESULTS_ARRAY: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly arrayPath: "results";
+            readonly labelField: "name";
+            readonly valueField: "id";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Items pattern: { items: [...], totalItems: 100 }
+     */
+    readonly ITEMS_ARRAY: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly arrayPath: "items";
+            readonly labelField: "label";
+            readonly valueField: "value";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Nested data: { data: { items: [...] }, meta: {...} }
+     */
+    readonly NESTED_DATA_ITEMS: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly arrayPath: "data.items";
+            readonly labelField: "label";
+            readonly valueField: "value";
+            readonly disabledField: "disabled";
+        };
+    };
+    /**
+     * Response wrapper: { response: { data: [...] } }
+     */
+    readonly RESPONSE_DATA: {
+        readonly type: "simple";
+        readonly simple: {
+            readonly arrayPath: "response.data";
+            readonly labelField: "name";
+            readonly valueField: "id";
+            readonly disabledField: "disabled";
+        };
+    };
+};
+/**
+ * Helper function to create a mapper for active/inactive patterns
+ *
+ * @param config - Configuration for active field mapping
+ * @returns ResponseMapperConfig
+ *
+ * @example
+ * ```typescript
+ * const mapper = createActiveMapper({
+ *   arrayPath: 'users',
+ *   labelField: 'fullName',
+ *   valueField: 'userId',
+ *   activeField: 'isActive',
+ *   invertActive: false // true = active when false
+ * });
+ * ```
+ */
+export declare function createActiveMapper(config: {
+    arrayPath?: string;
+    labelField: string;
+    valueField: string;
+    activeField: string;
+    invertActive?: boolean;
+}): ResponseMapperConfig;
+/**
+ * Create a mapper pipeline that applies multiple transformations
+ *
+ * @param mappers - Array of mapper functions to apply in sequence
+ * @returns Combined mapper function
+ *
+ * @example
+ * ```typescript
+ * const pipeline = createMapperPipeline([
+ *   // First extract and map basic structure
+ *   (data) => mapSimpleResponse(data, { arrayPath: 'users' }),
+ *   // Then filter out inactive users
+ *   (options) => options.filter(opt => !opt.disabled),
+ *   // Finally sort by label
+ *   (options) => options.sort((a, b) => a.label.localeCompare(b.label))
+ * ]);
+ * ```
+ */
+export declare function createMapperPipeline(mappers: Array<ResponseMapper | ((options: ChoiceOption[]) => ChoiceOption[])>): ResponseMapper;
+/**
+ * Filter helper to remove disabled options
+ *
+ * @param options - Options to filter
+ * @returns Filtered options
+ */
+export declare function filterEnabledOptions(options: ChoiceOption[]): ChoiceOption[];
+/**
+ * Sort helper to sort options by label
+ *
+ * @param options - Options to sort
+ * @param locale - Locale for comparison (optional)
+ * @returns Sorted options
+ */
+export declare function sortByLabel(options: ChoiceOption[], locale?: string): ChoiceOption[];
+/**
+ * Sort helper to sort options by value
+ *
+ * @param options - Options to sort
+ * @returns Sorted options
+ */
+export declare function sortByValue(options: ChoiceOption[]): ChoiceOption[];
+/**
+ * Group helper to add group metadata to options
+ *
+ * @param options - Options to group
+ * @param groupBy - Function to determine group for each option
+ * @returns Options with group metadata
+ */
+export declare function groupOptions(options: ChoiceOption[], groupBy: (option: ChoiceOption) => string): ChoiceOption[];
+/**
+ * Transform helper to add additional metadata
+ *
+ * @param options - Options to transform
+ * @param transform - Transform function
+ * @returns Transformed options
+ */
+export declare function transformOptions(options: ChoiceOption[], transform: (option: ChoiceOption, index: number) => ChoiceOption): ChoiceOption[];

package/dist/widgets/date/DateTimeWidget.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * DateTime Widget for date and time selection
+ *
+ * Can be configured to use either:
+ * 1. Ant Design DatePicker with showTime option (default)
+ * 2. Native HTML datetime-local input (when useNativeInput is true)
+ *
+ * Supports Ant Design DatePicker API properties through uiSchema options:
+ * - useNativeInput: Use HTML datetime-local input instead of DatePicker
+ * - format: DateTime format (default: 'YYYY-MM-DD HH:mm:ss')
+ * - showTime: Time picker options (true or object with time picker config)
+ * - placeholder: Input placeholder text
+ * - placement: Dropdown placement
+ * - size: Component size ('small', 'middle', 'large')
+ * - bordered: Show border
+ * - status: Validation status ('error', 'warning')
+ * - style: Custom CSS styles
+ * - className: Custom CSS class
+ * - And all other Ant Design DatePicker props
+ */
+declare const DateTimeWidget: FC<WidgetProps>;
+export default DateTimeWidget;
+export { DateTimeWidget };

package/dist/widgets/date/EnhancedDateWidget.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Enhanced Date Widget using Ant Design DatePicker
+ *
+ * Supports Ant Design DatePicker API properties through uiSchema options:
+ * - format: Date format (default: 'YYYY-MM-DD')
+ * - picker: Date picker type ('date', 'week', 'month', 'quarter', 'year')
+ * - placeholder: Input placeholder text
+ * - showTime: Show time picker
+ * - showNow: Show 'Now' button
+ * - showToday: Show 'Today' button
+ * - placement: Dropdown placement
+ * - size: Component size ('small', 'middle', 'large')
+ * - bordered: Show border
+ * - status: Validation status ('error', 'warning')
+ * - style: Custom CSS styles
+ * - className: Custom CSS class
+ * - And all other Ant Design DatePicker props
+ *
+ * Falls back to native HTML date input when readonly is true
+ */
+declare const EnhancedDateWidget: FC<WidgetProps>;
+export default EnhancedDateWidget;
+export { EnhancedDateWidget };

package/dist/widgets/date/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Date and Time Widget Exports
+ *
+ * This module provides various date and time input widgets:
+ *
+ * - DateWidget: Basic HTML date input widget
+ * - EnhancedDateWidget: Ant Design DatePicker with full API support
+ * - DateTimeWidget: DateTime picker with both DatePicker and native options
+ */
+export { DateWidget } from './DateWidget';
+export { EnhancedDateWidget } from './EnhancedDateWidget';
+export { DateTimeWidget } from './DateTimeWidget';
+export { DateWidget as default } from './DateWidget';

package/dist/widgets/file/FileUploadWidget.d.ts

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * File Upload Widget with support for both native input and Ant Design Upload
+ *
+ * @description
+ * This widget provides two modes for file upload:
+ * 1. Native HTML input[type="file"] (default)
+ * 2. Ant Design Upload component (when ui:options.useAntUpload is true)
+ *
+ * Both modes convert files to base64 data URLs for storage in form data.
+ *
+ * @example
+ * // In uiSchema for native input
+ * {
+ *   myFileField: {
+ *     'ui:widget': 'fileUpload',
+ *     'ui:options': {
+ *       accept: 'image/*'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema for Ant Design Upload
+ * {
+ *   myFileField: {
+ *     'ui:widget': 'fileUpload',
+ *     'ui:options': {
+ *       useAntUpload: true,
+ *       accept: '.pdf,.doc,.docx',
+ *       maxSize: 5 // in MB
+ *     }
+ *   }
+ * }
+ */
+declare const FileUploadWidget: FC<WidgetProps>;
+export default FileUploadWidget;
+export { FileUploadWidget };

package/dist/widgets/file/index.d.ts

@@ -0,0 +1,2 @@
+export { FileWidget } from './FileWidget';
+export { FileUploadWidget, default as FileUploadWidgetDefault } from './FileUploadWidget';

package/dist/widgets/index.d.ts

@@ -1,33 +1,49 @@
 import { ColorWidget } from './input/ColorWidget';
-import { DateWidget } from './date/DateWidget';
-import { FileWidget } from './file/FileWidget';
 import { RangeWidget } from './input/RangeWidget';
 import { RatingWidget } from './input/RatingWidget';
-import { customWidgets as enhancedWidgets, EnhancedTextWidget, EnhancedTextareaWidget, EnhancedSelectWidget, EnhancedCheckboxWidget, EnhancedRadioWidget, EnhancedNumberWidget, TelephoneWidget, EmailWidget, URLWidget, PasswordWidget, DateTimeWidget, FileUploadWidget } from './enhanced/EnhancedWidgets';
+import { NumberWidget } from './input/NumberWidget';
+import { TelephoneWidget } from './input/TelephoneWidget';
+import { EmailWidget } from './input/EmailWidget';
+import { URLWidget } from './input/URLWidget';
+import { TextWidget } from './text/TextWidget';
+import { TextareaWidget } from './text/TextareaWidget';
+import { PasswordWidget } from './text/PasswordWidget';
+import { DateWidget, EnhancedDateWidget, DateTimeWidget } from './date';
+import { FileWidget } from './file/FileWidget';
+import { FileUploadWidget } from './file/FileUploadWidget';
+import { ChoiceWidget } from './choice';
 
+export * from './choice';
+export * from './text';
 export declare const customWidgets: {
+    choice: import('react').FC<import('./choice').ChoiceWidgetProps>;
+    color: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    range: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    slider: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    rating: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    text: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     TextWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    textarea: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     TextareaWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    SelectWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    CheckboxWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    RadioWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    password: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    PasswordWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     UpDownWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    FileWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    number: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    NumberWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     tel: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    email: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    url: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    password: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    date: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    'datetime-local': import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     TelWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TelephoneWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    email: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     EmailWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    url: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     URLWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    PasswordWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    date: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     DateWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    'datetime-local': import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     DateTimeWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    color: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
     file: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    range: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
-    rating: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    FileWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    fileUpload: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    FileUploadWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
 };
-export { ColorWidget, DateWidget, FileWidget, RangeWidget, RatingWidget, EnhancedTextWidget, EnhancedTextareaWidget, EnhancedSelectWidget, EnhancedCheckboxWidget, EnhancedRadioWidget, EnhancedNumberWidget, TelephoneWidget, EmailWidget, URLWidget, PasswordWidget, DateTimeWidget, FileUploadWidget, enhancedWidgets, };
+export { ChoiceWidget, ColorWidget, RangeWidget, RatingWidget, TextWidget, TextareaWidget, PasswordWidget, NumberWidget, TelephoneWidget, EmailWidget, URLWidget, DateWidget, EnhancedDateWidget, DateTimeWidget, FileWidget, FileUploadWidget, };

package/dist/widgets/input/EmailWidget.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Email input widget using Ant Design Input component
+ *
+ * This widget provides an email input field with support for:
+ * - Native email input type for validation and mobile keyboard optimization
+ * - Built-in browser email validation
+ * - All Ant Design Input API properties through uiSchema options
+ *
+ * @example
+ * // In schema
+ * {
+ *   type: "string",
+ *   format: "email",
+ *   pattern: "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$" // Optional custom pattern
+ * }
+ *
+ * // In uiSchema
+ * {
+ *   "ui:widget": "email",
+ *   "ui:options": {
+ *     placeholder: "user@example.com",
+ *     prefix: <MailOutlined />,
+ *     allowClear: true,
+ *     size: "large",
+ *     suffix: ".com"
+ *   }
+ * }
+ */
+declare const EmailWidget: FC<WidgetProps>;
+export default EmailWidget;
+export { EmailWidget };

package/dist/widgets/input/NumberWidget.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Number input widget using Ant Design InputNumber component
+ *
+ * This widget provides a numeric input field with support for:
+ * - Min/max constraints from JSON Schema
+ * - Step/multipleOf validation
+ * - Precision control
+ * - Custom formatting and parsing
+ * - Keyboard controls
+ * - All Ant Design InputNumber API properties through uiSchema options
+ *
+ * @example
+ * // In schema
+ * {
+ *   type: "number",
+ *   minimum: 0,
+ *   maximum: 100,
+ *   multipleOf: 0.01
+ * }
+ *
+ * // In uiSchema
+ * {
+ *   "ui:widget": "number",
+ *   "ui:options": {
+ *     placeholder: "Enter amount",
+ *     precision: 2,
+ *     formatter: value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','),
+ *     parser: value => value.replace(/\$\s?|(,*)/g, ''),
+ *     controls: true,
+ *     size: "large"
+ *   }
+ * }
+ */
+declare const NumberWidget: FC<WidgetProps>;
+export default NumberWidget;
+export { NumberWidget };

package/dist/widgets/input/TelephoneWidget.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Telephone input widget using Ant Design Input component
+ *
+ * This widget provides a telephone/phone number input field with support for:
+ * - Native tel input type for mobile keyboard optimization
+ * - Pattern validation support
+ * - All Ant Design Input API properties through uiSchema options
+ *
+ * @example
+ * // In schema
+ * {
+ *   type: "string",
+ *   format: "tel",
+ *   pattern: "^\\+?[1-9]\\d{1,14}$" // E.164 format
+ * }
+ *
+ * // In uiSchema
+ * {
+ *   "ui:widget": "tel",
+ *   "ui:options": {
+ *     placeholder: "+1 (555) 000-0000",
+ *     prefix: <PhoneOutlined />,
+ *     allowClear: true,
+ *     size: "large",
+ *     maxLength: 20
+ *   }
+ * }
+ */
+declare const TelephoneWidget: FC<WidgetProps>;
+export default TelephoneWidget;
+export { TelephoneWidget };

package/dist/widgets/input/URLWidget.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * URL input widget using Ant Design Input component
+ *
+ * This widget provides a URL input field with support for:
+ * - Native url input type for validation
+ * - Built-in browser URL validation
+ * - All Ant Design Input API properties through uiSchema options
+ *
+ * @example
+ * // In schema
+ * {
+ *   type: "string",
+ *   format: "uri",
+ *   pattern: "^https?://.*" // Optional: enforce http/https only
+ * }
+ *
+ * // In uiSchema
+ * {
+ *   "ui:widget": "url",
+ *   "ui:options": {
+ *     placeholder: "https://example.com",
+ *     prefix: <LinkOutlined />,
+ *     allowClear: true,
+ *     size: "large",
+ *     addonBefore: "https://"
+ *   }
+ * }
+ */
+declare const URLWidget: FC<WidgetProps>;
+export default URLWidget;
+export { URLWidget };

package/dist/widgets/input/index.d.ts

@@ -0,0 +1,7 @@
+export { ColorWidget } from './ColorWidget';
+export { RangeWidget } from './RangeWidget';
+export { RatingWidget } from './RatingWidget';
+export { NumberWidget } from './NumberWidget';
+export { TelephoneWidget } from './TelephoneWidget';
+export { EmailWidget } from './EmailWidget';
+export { URLWidget } from './URLWidget';