extended-dynamic-forms 0.3.6 → 0.3.7

package/dist/widgets/base/types.d.ts

@@ -11,8 +11,12 @@ export interface EnhancedWidgetProps extends WidgetProps {
 export interface AntInputOptions {
     size?: 'large' | 'middle' | 'small';
     placeholder?: string;
+    autoFocus?: boolean;
+    autoComplete?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
+    prefixIconName?: string;
+    suffixIconName?: string;
     allowClear?: boolean;
     bordered?: boolean;
     variant?: 'outlined' | 'borderless' | 'filled';
@@ -30,6 +34,8 @@ export interface AntInputOptions {
     className?: string;
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
+    addonBeforeIconName?: string;
+    addonAfterIconName?: string;
     emptyValue?: any;
 }
 /**
@@ -57,6 +63,10 @@ export interface AntDatePickerOptions {
     picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
     placeholder?: string | [string, string];
     placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    range?: boolean;
+    disablePastDates?: boolean;
+    disableFutureDates?: boolean;
+    disableWeekends?: boolean;
     showTime?: boolean | object;
     showNow?: boolean;
     showToday?: boolean;
@@ -65,10 +75,12 @@ export interface AntDatePickerOptions {
     bordered?: boolean;
     variant?: 'outlined' | 'borderless' | 'filled';
     suffixIcon?: React.ReactNode;
+    suffixIconName?: string;
     style?: React.CSSProperties;
     className?: string;
     status?: 'error' | 'warning';
     emptyValue?: any;
+    [key: string]: any;
 }
 /**
  * Ant Design InputNumber component options
@@ -77,6 +89,9 @@ export interface AntInputNumberOptions {
     size?: 'large' | 'middle' | 'small';
     placeholder?: string;
     prefix?: React.ReactNode;
+    prefixIconName?: string;
+    addonBeforeIconName?: string;
+    addonAfterIconName?: string;
     min?: number;
     max?: number;
     step?: number;
@@ -101,6 +116,148 @@ export interface AntInputNumberOptions {
     addonAfter?: React.ReactNode;
     emptyValue?: any;
 }
+/**
+ * Ant Design Slider component options
+ */
+export interface AntSliderOptions {
+    min?: number;
+    max?: number;
+    step?: number | null;
+    range?: boolean | {
+        draggableTrack?: boolean;
+    };
+    dots?: boolean;
+    marks?: Record<number, React.ReactNode> | boolean;
+    included?: boolean;
+    vertical?: boolean;
+    reverse?: boolean;
+    tooltip?: any;
+    trackStyle?: React.CSSProperties | React.CSSProperties[];
+    handleStyle?: React.CSSProperties | React.CSSProperties[];
+    railStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    className?: string;
+    keyboard?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Ant Design Rate component options
+ */
+export interface AntRateOptions {
+    allowHalf?: boolean;
+    allowClear?: boolean;
+    autoFocus?: boolean;
+    character?: React.ReactNode | ((props: {
+        index: number;
+    }) => React.ReactNode);
+    count?: number;
+    tooltips?: string[];
+    iconName?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Ant Design TimePicker component options
+ */
+export interface AntTimePickerOptions {
+    format?: string;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    showNow?: boolean;
+    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    size?: 'large' | 'middle' | 'small';
+    bordered?: boolean;
+    variant?: 'outlined' | 'borderless' | 'filled';
+    status?: 'error' | 'warning';
+    suffixIconName?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+/**
+ * Ant Design ColorPicker component options
+ */
+export interface AntColorPickerOptions {
+    format?: 'hex' | 'hsb' | 'rgb';
+    onFormatChange?: (format: string) => void;
+    disabledAlpha?: boolean;
+    presets?: any[];
+    showText?: boolean | ((color: any) => React.ReactNode);
+    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    size?: 'large' | 'middle' | 'small';
+    allowClear?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+/**
+ * Ant Design Switch component options
+ */
+export interface AntSwitchOptions {
+    checkedChildren?: React.ReactNode;
+    unCheckedChildren?: React.ReactNode;
+    checkedIconName?: string;
+    unCheckedIconName?: string;
+    size?: 'small' | 'default';
+    loading?: boolean;
+    autoFocus?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+/**
+ * Ant Design Image component options
+ */
+export interface AntImageOptions {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    fallback?: string;
+    preview?: boolean | {
+        visible?: boolean;
+        onVisibleChange?: (visible: boolean) => void;
+    };
+    placeholder?: React.ReactNode;
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    decoding?: 'async' | 'auto' | 'sync';
+    loading?: 'eager' | 'lazy';
+    referrerPolicy?: string;
+    sizes?: string;
+    srcSet?: string;
+    draggable?: boolean;
+    previewMask?: React.ReactNode;
+    rootClassName?: string;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
+    onClick?: (e: any) => void;
+    onLoad?: () => void;
+    onError?: (e: any) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+/**
+ * Ant Design Alert component options
+ */
+export interface AntAlertOptions {
+    message?: React.ReactNode;
+    description?: React.ReactNode;
+    type?: 'success' | 'info' | 'warning' | 'error';
+    showIcon?: boolean;
+    iconName?: string;
+    banner?: boolean;
+    closable?: boolean;
+    closeText?: React.ReactNode;
+    action?: React.ReactNode;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    afterClose?: () => void;
+    [key: string]: any;
+}
 /**
  * Type mapping for widget options
  */
@@ -114,6 +271,13 @@ export type WidgetOptionsMap = {
     number: AntInputNumberOptions;
     date: AntDatePickerOptions;
     'datetime-local': AntDatePickerOptions;
+    time?: AntTimePickerOptions;
+    range?: AntSliderOptions;
+    rating?: AntRateOptions;
+    color?: AntColorPickerOptions;
+    switch?: AntSwitchOptions;
+    image?: AntImageOptions;
+    alert?: AntAlertOptions;
     file: any;
 };
 /**

package/dist/widgets/base/utils.d.ts

@@ -1,7 +1,14 @@
 import { InputProps, TextAreaProps } from 'antd/es/input';
 import { DatePickerProps } from 'antd/es/date-picker';
 import { InputNumberProps } from 'antd/es/input-number';
-import { AntInputOptions, AntTextAreaOptions, AntDatePickerOptions, AntInputNumberOptions } from './types';
+import { AntInputOptions, AntTextAreaOptions, AntDatePickerOptions, AntInputNumberOptions, AntSliderOptions, AntRateOptions, AntTimePickerOptions, AntColorPickerOptions, AntSwitchOptions, AntImageOptions, AntAlertOptions } from './types';
+import { SliderSingleProps } from 'antd/es/slider';
+import { RateProps } from 'antd/es/rate';
+import { TimePickerProps } from 'antd/es/time-picker';
+import { ColorPickerProps } from 'antd/es/color-picker';
+import { SwitchProps } from 'antd/es/switch';
+import { ImageProps } from 'antd/es/image';
+import { AlertProps } from 'antd/es/alert';
 
 /**
  * Extract Ant Design Input props from uiSchema options
@@ -19,6 +26,34 @@ export declare const getAntDatePickerProps: (options?: AntDatePickerOptions) =>
  * Extract Ant Design InputNumber props from uiSchema options
  */
 export declare const getAntInputNumberProps: (options?: AntInputNumberOptions) => Partial<InputNumberProps>;
+/**
+ * Extract Ant Design Slider props from uiSchema options
+ */
+export declare const getAntSliderProps: (options?: AntSliderOptions) => Partial<SliderSingleProps>;
+/**
+ * Extract Ant Design Rate props from uiSchema options
+ */
+export declare const getAntRateProps: (options?: AntRateOptions) => Partial<RateProps>;
+/**
+ * Extract Ant Design TimePicker props from uiSchema options
+ */
+export declare const getAntTimePickerProps: (options?: AntTimePickerOptions) => Partial<TimePickerProps>;
+/**
+ * Extract Ant Design ColorPicker props from uiSchema options
+ */
+export declare const getAntColorPickerProps: (options?: AntColorPickerOptions) => Partial<ColorPickerProps>;
+/**
+ * Extract Ant Design Switch props from uiSchema options
+ */
+export declare const getAntSwitchProps: (options?: AntSwitchOptions) => Partial<SwitchProps>;
+/**
+ * Extract Ant Design Image props from uiSchema options
+ */
+export declare const getAntImageProps: (options?: AntImageOptions) => Partial<ImageProps>;
+/**
+ * Extract Ant Design Alert props from uiSchema options
+ */
+export declare const getAntAlertProps: (options?: AntAlertOptions) => Partial<AlertProps>;
 /**
  * Check if the widget has validation errors
  */

package/dist/widgets/choice/ChoiceWidget.types.d.ts

@@ -1,4 +1,6 @@
 import { WidgetProps } from '@rjsf/utils';
+import { SelectProps, RadioGroupProps, RadioProps } from 'antd';
+import { CheckboxGroupProps, CheckboxProps } from 'antd/es/checkbox';
 
 /**
  * Presentation modes for the Choice Widget
@@ -340,6 +342,24 @@ export interface ChoiceWidgetConfig {
     validation?: ValidationConfig;
     /** Accessibility configuration */
     accessibility?: AccessibilityConfig;
+    /**
+     * Layout preferences for radio/checkbox presentations
+     */
+    layout?: {
+        /** Direction to lay out options */
+        direction?: 'horizontal' | 'vertical';
+    };
+    /**
+     * Raw Ant Design props to pass to sub-widgets (Select, Radio, Checkbox).
+     * EDF-managed handlers/values take precedence; conflicting keys are ignored.
+     */
+    antd?: {
+        select?: Partial<SelectProps>;
+        radioGroup?: Partial<RadioGroupProps>;
+        radio?: Partial<RadioProps>;
+        checkboxGroup?: Partial<CheckboxGroupProps>;
+        checkbox?: Partial<CheckboxProps>;
+    };
     /** Custom CSS class names */
     className?: string;
     /** Custom inline styles */

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Time Widget using Ant Design TimePicker with full prop pass-through
+ */
+declare const TimeWidget: FC<WidgetProps>;
+export default TimeWidget;
+export { TimeWidget };

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

@@ -0,0 +1,3 @@
+import { default as dayjs } from 'dayjs';
+
+export default dayjs;

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

@@ -10,4 +10,5 @@
 export { DateWidget } from './DateWidget';
 export { EnhancedDateWidget } from './EnhancedDateWidget';
 export { DateTimeWidget } from './DateTimeWidget';
+export { TimeWidget } from './TimeWidget';
 export { DateWidget as default } from './DateWidget';

package/dist/widgets/index.d.ts

@@ -37,10 +37,18 @@ export declare const customWidgets: {
     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>>;
+    switch: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    SwitchWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    image: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    ImageWidget: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    alert: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    AlertWidget: 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>>;
+    time: import('react').FC<import('@rjsf/utils').WidgetProps<any, import('@rjsf/utils').RJSFSchema, any>>;
+    TimeWidget: 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>>;
     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>>;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Display-only widget using Ant Design Alert
+ * Message/description can come from ui:options or fall back to schema title/description, or value.
+ */
+declare const AlertWidget: FC<WidgetProps>;
+export default AlertWidget;
+export { AlertWidget };

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Display-only widget using Ant Design Image
+ * Uses the field value as the `src` by default; ui:options.src can override.
+ */
+declare const ImageWidget: FC<WidgetProps>;
+export default ImageWidget;
+export { ImageWidget };

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WidgetProps } from '@rjsf/utils';
+
+/**
+ * Boolean input widget using Ant Design Switch with full prop pass-through
+ */
+declare const SwitchWidget: FC<WidgetProps>;
+export default SwitchWidget;
+export { SwitchWidget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extended-dynamic-forms",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "Extended React JSON Schema Form (RJSF) v6 with custom components, widgets, templates, layouts, and form events",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -66,7 +66,8 @@
   "peerDependencies": {
     "antd": "^5.24.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "dayjs": "^1.11.13"
   },
   "devDependencies": {
     "@rjsf/antd": "6.0.0-beta.17",
@@ -105,7 +106,7 @@
   "dependencies": {
     "@types/json-logic-js": "^2.0.8",
     "date-fns": "^4.1.0",
-    "dayjs": "^1.11.13",
+    "lucide-react": "^0.452.0",
     "json-logic-js": "^2.0.5",
     "json-rules-engine-simplified": "^0.2.0"
   },