@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/atoms/mapping-settings.d.ts

@@ -0,0 +1,44 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingSettingsWidget - RJSF widget for destination-specific settings
+ *
+ * Manages settings as an object for destination-specific configuration.
+ * Contains a nested RJSF form for settings properties when schema is provided.
+ *
+ * States:
+ * - Default (no settings): Shows collapsed toggle with "Add settings" button
+ * - With schema: Shows toggle collapsible section with schema-based form
+ * - Without schema: Shows toggle collapsible section with JSON editor fallback
+ *
+ * The widget receives destination schemas via uiSchema['ui:options']:
+ * - schema: RJSF schema for the settings object
+ * - uiSchema: UI customization for settings fields
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     settings: {
+ *       type: 'object',
+ *       title: 'Settings',
+ *       description: 'Destination-specific configuration'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema (with destination schema):
+ * const uiSchema = {
+ *   settings: {
+ *     'ui:field': 'mappingSettings',
+ *     'ui:options': {
+ *       schema: metaSchema.mappingSchema,
+ *       uiSchema: metaSchema.mappingUiSchema
+ *     }
+ *   }
+ * }
+ */
+export declare function MappingSettingsWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+export default MappingSettingsWidget;
+//# sourceMappingURL=mapping-settings.d.ts.map

package/dist/components/atoms/mapping-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-settings.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-settings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,2CAyLvD;AAED,eAAe,qBAAqB,CAAC"}

package/dist/components/atoms/mapping-settings.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { MappingCollapsible } from './mapping-collapsible';
+import { MappingFormWrapper } from '../forms/mapping-form-wrapper';
+import { IconButton } from './icon-button';
+import { cleanFormData } from '../../utils/clean-form-data';
+/**
+ * MappingSettingsWidget - RJSF widget for destination-specific settings
+ *
+ * Manages settings as an object for destination-specific configuration.
+ * Contains a nested RJSF form for settings properties when schema is provided.
+ *
+ * States:
+ * - Default (no settings): Shows collapsed toggle with "Add settings" button
+ * - With schema: Shows toggle collapsible section with schema-based form
+ * - Without schema: Shows toggle collapsible section with JSON editor fallback
+ *
+ * The widget receives destination schemas via uiSchema['ui:options']:
+ * - schema: RJSF schema for the settings object
+ * - uiSchema: UI customization for settings fields
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     settings: {
+ *       type: 'object',
+ *       title: 'Settings',
+ *       description: 'Destination-specific configuration'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema (with destination schema):
+ * const uiSchema = {
+ *   settings: {
+ *     'ui:field': 'mappingSettings',
+ *     'ui:options': {
+ *       schema: metaSchema.mappingSchema,
+ *       uiSchema: metaSchema.mappingUiSchema
+ *     }
+ *   }
+ * }
+ */
+export function MappingSettingsWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, uiSchema, } = props;
+    const settingsConfig = value || {};
+    const hasSettings = Object.keys(settingsConfig).length > 0;
+    // Extract title and description from schema
+    const title = schema?.title || 'Settings';
+    const description = schema?.description || 'Destination-specific configuration overrides';
+    // Extract destination schemas from uiSchema options
+    const destinationSchema = uiSchema?.['ui:options']?.schema;
+    const destinationUiSchema = uiSchema?.['ui:options']?.uiSchema;
+    // Determine if we have a schema to work with
+    const hasSchema = destinationSchema &&
+        destinationSchema.properties &&
+        Object.keys(destinationSchema.properties).length > 0;
+    // Track if user wants to show the form (either has settings or clicked add button)
+    const [showForm, setShowForm] = useState(hasSettings);
+    // Start expanded if we have existing settings or form is shown
+    const [isExpanded, setIsExpanded] = useState(hasSettings);
+    // Track previous value to avoid redundant updates
+    const prevValueRef = useRef(value);
+    // Update state when value changes externally (e.g., switching between mapping rules)
+    useEffect(() => {
+        const newHasSettings = value && typeof value === 'object' && Object.keys(value).length > 0;
+        setShowForm(!!newHasSettings);
+        setIsExpanded(!!newHasSettings);
+    }, [value]);
+    const handleAddSettings = () => {
+        // Show the form without initializing settings
+        setShowForm(true);
+        setIsExpanded(true);
+    };
+    const handleFormChange = useCallback((formData) => {
+        const newSettings = cleanFormData(formData);
+        // If all fields are empty, set to undefined
+        const finalSettings = Object.keys(newSettings).length > 0 ? newSettings : undefined;
+        // Only call onChange if settings actually changed
+        if (prevValueRef.current !== finalSettings) {
+            prevValueRef.current = finalSettings;
+            onChange(finalSettings);
+        }
+    }, [onChange]);
+    const handleClear = () => {
+        onChange(undefined);
+        setShowForm(false);
+        setIsExpanded(false);
+    };
+    const hasError = rawErrors && rawErrors.length > 0;
+    // Mode 1: No settings yet - show add button
+    if (!showForm) {
+        return (_jsx("div", { className: "elb-rjsf-widget", children: _jsxs("div", { className: "elb-settings-widget-wrapper", children: [_jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, className: hasError ? 'elb-field-error' : '', children: _jsxs("div", { className: "elb-settings-widget-add", children: [_jsx("p", { className: "elb-settings-widget-hint", children: hasSchema
+                                        ? 'Configure destination-specific options for this event'
+                                        : 'Add settings object (schema not available)' }), _jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddSettings, disabled: disabled || readonly, children: "Add Settings" })] }) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, i) => (_jsx("span", { children: error }, i))) }))] }) }));
+    }
+    // Mode 2: Has settings - show form with schema or fallback
+    return (_jsx("div", { className: "elb-rjsf-widget", children: _jsxs("div", { className: "elb-settings-widget-wrapper", children: [_jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, className: hasError ? 'elb-field-error' : '', children: _jsxs("div", { className: "elb-settings-widget-content", children: [hasSchema ? (
+                            // Schema-aware mode: Use destination schema
+                            _jsx("div", { className: "elb-settings-widget-form", children: _jsx(MappingFormWrapper, { schema: destinationSchema, uiSchema: destinationUiSchema, formData: value || {}, onChange: handleFormChange }) })) : (
+                            // Fallback mode: Show message + JSON representation
+                            _jsxs("div", { className: "elb-settings-widget-fallback", children: [_jsx("p", { className: "elb-settings-widget-hint", children: "This destination doesn't provide a visual settings editor. Settings are stored as a JSON object." }), _jsx("pre", { className: "elb-settings-widget-json", children: JSON.stringify(value, null, 2) }), _jsx("p", { className: "elb-settings-widget-hint text-muted", children: "Edit via Code view or update the mapping configuration directly." })] })), _jsx("div", { className: "elb-settings-widget-actions", children: _jsx(IconButton, { icon: "delete", variant: "danger", onClick: handleClear, disabled: disabled || readonly, children: "Clear Settings" }) })] }) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, i) => (_jsx("span", { children: error }, i))) }))] }) }));
+}
+export default MappingSettingsWidget;
+//# sourceMappingURL=mapping-settings.js.map

package/dist/components/atoms/mapping-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-settings.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-settings.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/mapping-string.d.ts

@@ -0,0 +1,19 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingString - Custom RJSF widget for string inputs
+ *
+ * A styled text input widget that integrates with RJSF forms and uses
+ * the explorer's CSS variable theming system. Displays validation errors
+ * and supports disabled/readonly states.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   name: {
+ *     'ui:widget': 'mappingString',
+ *     'ui:placeholder': 'Enter mapping name...'
+ *   }
+ * }
+ */
+export declare function MappingStringWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-string.d.ts.map

package/dist/components/atoms/mapping-string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-string.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-string.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,2CAuCrD"}

package/dist/components/atoms/mapping-string.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MappingString - Custom RJSF widget for string inputs
+ *
+ * A styled text input widget that integrates with RJSF forms and uses
+ * the explorer's CSS variable theming system. Displays validation errors
+ * and supports disabled/readonly states.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   name: {
+ *     'ui:widget': 'mappingString',
+ *     'ui:placeholder': 'Enter mapping name...'
+ *   }
+ * }
+ */
+export function MappingStringWidget(props) {
+    const { id, value, onChange, disabled, readonly, placeholder, rawErrors = [], required, } = props;
+    const handleChange = (event) => {
+        onChange(event.target.value === '' ? undefined : event.target.value);
+    };
+    const hasError = rawErrors && rawErrors.length > 0;
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx("input", { id: id, type: "text", className: `elb-rjsf-input ${hasError ? 'elb-rjsf-input-error' : ''}`, value: value ?? '', onChange: handleChange, disabled: disabled || readonly, placeholder: placeholder, required: required }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, index) => (_jsx("div", { children: error }, index))) }))] }));
+}
+//# sourceMappingURL=mapping-string.js.map

package/dist/components/atoms/mapping-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-string.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-string.tsx"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAkB;IACpD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,kBAAkB,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EACrE,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,gBAAgB,YAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,wBAAkB,KAAK,IAAb,KAAK,CAAe,CAC/B,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-tab.d.ts

@@ -0,0 +1,15 @@
+import type { NavigationTab } from '../../hooks/useMappingNavigation';
+/**
+ * Single tab for tab-based navigation
+ *
+ * Displays tab label, active state, and close button
+ */
+export interface MappingTabProps {
+    tab: NavigationTab;
+    isActive: boolean;
+    onSelect: (tabId: string) => void;
+    onClose: (tabId: string) => void;
+    className?: string;
+}
+export declare function MappingTab({ tab, isActive, onSelect, onClose, className, }: MappingTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-tab.d.ts.map

package/dist/components/atoms/mapping-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-tab.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAc,GACf,EAAE,eAAe,2CA+BjB"}

package/dist/components/atoms/mapping-tab.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MappingTab({ tab, isActive, onSelect, onClose, className = '', }) {
+    return (_jsxs("div", { className: `elb-mapping-tab ${isActive ? 'is-active' : ''} ${className}`, role: "tab", "aria-selected": isActive, "aria-controls": `panel-${tab.id}`, id: `tab-${tab.id}`, children: [_jsx("button", { type: "button", className: "elb-mapping-tab-button", onClick: () => onSelect(tab.id), children: _jsx("span", { className: "elb-mapping-tab-label", children: tab.label }) }), tab.path.length > 0 && (_jsx("button", { type: "button", className: "elb-mapping-tab-close", onClick: (e) => {
+                    e.stopPropagation();
+                    onClose(tab.id);
+                }, "aria-label": `Close ${tab.label}`, children: "\u00D7" }))] }));
+}
+//# sourceMappingURL=mapping-tab.js.map

package/dist/components/atoms/mapping-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-tab.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-tab.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,UAAU,CAAC,EACzB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,EAAE,GACE;IAChB,OAAO,CACL,eACE,SAAS,EAAE,mBAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACxE,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,SAAS,GAAG,CAAC,EAAE,EAAE,EAChC,EAAE,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,aAEnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,YAE/B,eAAM,SAAS,EAAC,uBAAuB,YAAE,GAAG,CAAC,KAAK,GAAQ,GACnD,EACR,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClB,CAAC,gBACW,SAAS,GAAG,CAAC,KAAK,EAAE,uBAGzB,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-type-button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Value configuration type options
+ */
+export type ValueConfigType = 'key' | 'value' | 'map' | 'loop' | 'function' | 'set';
+/**
+ * Single type selection button
+ *
+ * Used in the type selector grid/list to choose transformation type
+ */
+export interface MappingTypeButtonProps {
+    type: ValueConfigType;
+    label: string;
+    description: string;
+    isActive: boolean;
+    onClick: () => void;
+    className?: string;
+}
+export declare function MappingTypeButton({ type, label, description, isActive, onClick, className, }: MappingTypeButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-type-button.d.ts.map

package/dist/components/atoms/mapping-type-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-type-button.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-type-button.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,UAAU,GACV,KAAK,CAAC;AAEV;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAc,GACf,EAAE,sBAAsB,2CAexB"}

package/dist/components/atoms/mapping-type-button.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MappingTypeButton({ type, label, description, isActive, onClick, className = '', }) {
+    return (_jsx("button", { type: "button", className: `elb-mapping-type-button ${isActive ? 'is-active' : ''} ${className}`, onClick: onClick, "aria-pressed": isActive, "data-type": type, children: _jsxs("div", { className: "elb-mapping-type-button-content", children: [_jsx("span", { className: "elb-mapping-type-label", children: label }), _jsx("span", { className: "elb-mapping-type-description", children: description })] }) }));
+}
+//# sourceMappingURL=mapping-type-button.js.map

package/dist/components/atoms/mapping-type-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-type-button.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-type-button.tsx"],"names":[],"mappings":";AAyBA,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,EAAE,GACS;IACvB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,2BAA2B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAChF,OAAO,EAAE,OAAO,kBACF,QAAQ,eACX,IAAI,YAEf,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,EACvD,eAAM,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAQ,IAC/D,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-validate-field.d.ts

@@ -0,0 +1,23 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingValidateField - RJSF field wrapper for validate
+ *
+ * Bridges RJSF FieldProps to our custom MappingValidateWidget.
+ * Required because RJSF uses fields (not widgets) for complex types.
+ *
+ * @example
+ * // Register in field registry:
+ * export const mappingFields: RegistryFieldsType = {
+ *   mappingValidate: MappingValidateField,
+ * };
+ *
+ * @example
+ * // Use in uiSchema:
+ * const uiSchema = {
+ *   validate: {
+ *     'ui:field': 'mappingValidate'
+ *   }
+ * };
+ */
+export declare function MappingValidateField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-validate-field.d.ts.map

package/dist/components/atoms/mapping-validate-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate-field.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-validate-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,2CAyBrD"}

package/dist/components/atoms/mapping-validate-field.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MappingValidateWidget } from './mapping-validate';
+/**
+ * MappingValidateField - RJSF field wrapper for validate
+ *
+ * Bridges RJSF FieldProps to our custom MappingValidateWidget.
+ * Required because RJSF uses fields (not widgets) for complex types.
+ *
+ * @example
+ * // Register in field registry:
+ * export const mappingFields: RegistryFieldsType = {
+ *   mappingValidate: MappingValidateField,
+ * };
+ *
+ * @example
+ * // Use in uiSchema:
+ * const uiSchema = {
+ *   validate: {
+ *     'ui:field': 'mappingValidate'
+ *   }
+ * };
+ */
+export function MappingValidateField(props) {
+    const { formData, onChange, schema, uiSchema, idSchema, rawErrors, disabled, readonly, } = props;
+    const widgetProps = {
+        id: idSchema.$id,
+        value: formData,
+        onChange,
+        schema,
+        uiSchema,
+        rawErrors: rawErrors || [],
+        disabled: disabled || false,
+        readonly: readonly || false,
+    };
+    // @ts-expect-error - Old Phase 1 component, RJSF WidgetProps type mismatch to be fixed in Phase 5
+    return _jsx(MappingValidateWidget, { ...widgetProps });
+}
+//# sourceMappingURL=mapping-validate-field.js.map

package/dist/components/atoms/mapping-validate-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate-field.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-validate-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ,CAAC,GAAG;QAChB,KAAK,EAAE,QAAQ;QACf,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,QAAQ,EAAE,QAAQ,IAAI,KAAK;QAC3B,QAAQ,EAAE,QAAQ,IAAI,KAAK;KAC5B,CAAC;IAEF,kGAAkG;IAClG,OAAO,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;AACpD,CAAC"}

package/dist/components/atoms/mapping-validate.d.ts

@@ -0,0 +1,34 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingValidateWidget - RJSF widget for validate functions
+ *
+ * Manages validate functions as strings for ValueConfig.
+ * A validate function checks if the mapped value is valid.
+ *
+ * States:
+ * - Unchecked (default): No validation, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     validate: {
+ *       type: 'string',
+ *       title: 'Validate',
+ *       description: 'Validate the result'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   validate: {
+ *     'ui:field': 'mappingValidate'
+ *   }
+ * }
+ */
+export declare function MappingValidateWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-validate.d.ts.map

package/dist/components/atoms/mapping-validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-validate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,2CAgEvD"}

package/dist/components/atoms/mapping-validate.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingCollapsible } from './mapping-collapsible';
+import { CodeBox } from '../molecules/code-box';
+/**
+ * Default validate function template
+ * Provides a starting point for users with parameter hints
+ */
+const DEFAULT_VALIDATE = `(value) => {
+  // Return true if value is valid
+  // value: The result from key/fn/map/etc
+  return value !== undefined;
+}`;
+/**
+ * MappingValidateWidget - RJSF widget for validate functions
+ *
+ * Manages validate functions as strings for ValueConfig.
+ * A validate function checks if the mapped value is valid.
+ *
+ * States:
+ * - Unchecked (default): No validation, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     validate: {
+ *       type: 'string',
+ *       title: 'Validate',
+ *       description: 'Validate the result'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   validate: {
+ *     'ui:field': 'mappingValidate'
+ *   }
+ * }
+ */
+export function MappingValidateWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, } = props;
+    const validateCode = value || '';
+    const hasValidate = Boolean(validateCode);
+    // Extract title and description from schema
+    const title = schema?.title || 'Validate';
+    const description = schema?.description;
+    const handleCheckboxChange = (checked) => {
+        if (checked) {
+            // Enable validate - set to default template
+            onChange(DEFAULT_VALIDATE);
+        }
+        else {
+            // Disable validate - set to undefined
+            onChange(undefined);
+        }
+    };
+    const handleCodeChange = (code) => {
+        // Update the validate code
+        onChange(code || undefined);
+    };
+    const hasError = rawErrors && rawErrors.length > 0;
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx(MappingCollapsible, { mode: "checkbox", title: title, description: description, checked: hasValidate, onCheckedChange: handleCheckboxChange, disabled: disabled || readonly, children: _jsx(CodeBox, { code: validateCode, onChange: handleCodeChange, language: "javascript", showHeader: false, lineNumbers: true, folding: false, disabled: disabled || readonly }) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, index) => (_jsx("div", { children: error }, index))) }))] }));
+}
+//# sourceMappingURL=mapping-validate.js.map

package/dist/components/atoms/mapping-validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-validate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;GAGG;AACH,MAAM,gBAAgB,GAAG;;;;EAIvB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAkB;IACtD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAI,KAA4B,IAAI,EAAE,CAAC;IACzD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IAE1C,4CAA4C;IAC5C,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,UAAU,CAAC;IAC1C,MAAM,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC;IAExC,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAE,EAAE;QAChD,IAAI,OAAO,EAAE,CAAC;YACZ,4CAA4C;YAC5C,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,2BAA2B;QAC3B,QAAQ,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,kBAAkB,IACjB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,YAE9B,KAAC,OAAO,IACN,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAC,YAAY,EACrB,UAAU,EAAE,KAAK,EACjB,WAAW,QACX,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,IAAI,QAAQ,GAC9B,GACiB,EACpB,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,gBAAgB,YAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,wBAAkB,KAAK,IAAb,KAAK,CAAe,CAC/B,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-value.d.ts

@@ -0,0 +1,17 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingValueWidget - Widget for static PropertyType values
+ *
+ * Supports:
+ * - String: text input
+ * - Number: number input
+ * - Boolean: checkbox
+ * - Object: JSON editor (CodeBox)
+ *
+ * Features:
+ * - Custom header with type selector positioned right
+ * - Smart type detection based on current value
+ * - Title and description rendered in widget (not by FieldTemplate)
+ */
+export declare function MappingValueWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-value.d.ts.map

package/dist/components/atoms/mapping-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-value.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-value.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,2CAqMpD"}

package/dist/components/atoms/mapping-value.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect } from 'react';
+import { CodeBox } from '../molecules/code-box';
+import { FieldHeader } from './field-header';
+import { Toggle } from './toggle';
+/**
+ * MappingValueWidget - Widget for static PropertyType values
+ *
+ * Supports:
+ * - String: text input
+ * - Number: number input
+ * - Boolean: checkbox
+ * - Object: JSON editor (CodeBox)
+ *
+ * Features:
+ * - Custom header with type selector positioned right
+ * - Smart type detection based on current value
+ * - Title and description rendered in widget (not by FieldTemplate)
+ */
+export function MappingValueWidget(props) {
+    const { value, onChange, disabled, readonly, schema, label, options } = props;
+    // Extract title and description from schema or props
+    // When using oneOf, RJSF may not pass description through schema
+    const title = schema?.title || label || 'Value';
+    const description = schema?.description || 'Static value to return';
+    // Get emptyValue from options if specified
+    const emptyValue = options?.emptyValue;
+    // Determine type from actual value, default to none if undefined
+    const getCurrentType = () => {
+        // If value matches emptyValue, treat as string (to preserve empty strings)
+        if (emptyValue !== undefined && value === emptyValue) {
+            return 'string';
+        }
+        // Explicit undefined/null check - default to none for empty values
+        if (value === undefined || value === null)
+            return 'none';
+        const valueType = typeof value;
+        // Check for object type (but not arrays)
+        if (valueType === 'object' && !Array.isArray(value))
+            return 'object';
+        // Check for primitive types - including 0, false, and empty string
+        if (valueType === 'number' || valueType === 'boolean')
+            return valueType;
+        if (valueType === 'string')
+            return 'string';
+        // Default fallback
+        return 'none';
+    };
+    const [selectedType, setSelectedType] = useState(getCurrentType);
+    // Track if user manually selected a type (to prevent auto-switching)
+    const userSelectedTypeRef = React.useRef(false);
+    // Track previous value to detect external changes (not user typing)
+    const prevValueRef = React.useRef(value);
+    // Sync selectedType only when value changes externally (e.g., loading new rule)
+    useEffect(() => {
+        // Detect if this is an external change by checking if value type changed
+        const prevType = typeof prevValueRef.current;
+        const currentType = typeof value;
+        // Check if this is a major type change (switching rules)
+        const isMajorTypeChange = prevType !== currentType ||
+            (value === undefined && prevValueRef.current !== undefined) ||
+            (value !== undefined && prevValueRef.current === undefined);
+        if (isMajorTypeChange) {
+            // Reset the user selection flag when loading new rule
+            userSelectedTypeRef.current = false;
+            const detectedType = getCurrentType();
+            setSelectedType(detectedType);
+        }
+        else if (userSelectedTypeRef.current) {
+            // User manually selected a type, keep it even if value changes
+            // This allows empty string to stay as 'string' type
+        }
+        prevValueRef.current = value;
+    }, [value]);
+    const handleTypeChange = (newType) => {
+        // Mark that user manually selected a type
+        userSelectedTypeRef.current = true;
+        setSelectedType(newType);
+        // Set default value for new type
+        switch (newType) {
+            case 'none':
+                onChange(undefined);
+                break;
+            case 'string':
+                onChange('');
+                break;
+            case 'number':
+                onChange(0);
+                break;
+            case 'boolean':
+                onChange(false);
+                break;
+            case 'object':
+                onChange({});
+                break;
+        }
+    };
+    const handleStringChange = (e) => {
+        // Always pass the string value, even if empty
+        // Use emptyValue if specified and value is empty, otherwise use the actual value
+        const stringValue = e.target.value;
+        const valueToSend = stringValue === '' && emptyValue !== undefined ? emptyValue : stringValue;
+        onChange(valueToSend);
+    };
+    const handleNumberChange = (e) => {
+        const num = parseFloat(e.target.value);
+        onChange(isNaN(num) ? 0 : num);
+    };
+    const handleBooleanChange = (checked) => {
+        onChange(checked);
+    };
+    const handleObjectChange = (code) => {
+        try {
+            const parsed = JSON.parse(code);
+            onChange(parsed);
+        }
+        catch {
+            // Keep existing value if invalid JSON
+        }
+    };
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx(FieldHeader, { title: title, description: description, action: _jsxs("select", { className: "elb-value-widget-type-select", value: selectedType, 
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    onChange: (e) => handleTypeChange(e.target.value), disabled: disabled || readonly, children: [_jsx("option", { value: "none", children: "None" }), _jsx("option", { value: "string", children: "String" }), _jsx("option", { value: "number", children: "Number" }), _jsx("option", { value: "boolean", children: "Boolean" }), _jsx("option", { value: "object", children: "Object" })] }) }), selectedType === 'string' && (_jsx("input", { type: "text", value: value || '', onChange: handleStringChange, disabled: disabled, readOnly: readonly, className: "elb-auto-select-input", placeholder: "Enter string value" })), selectedType === 'number' && (_jsx("input", { type: "number", value: typeof value === 'number' ? value : 0, onChange: handleNumberChange, disabled: disabled, readOnly: readonly, className: "elb-auto-select-input", placeholder: "Enter number value" })), selectedType === 'boolean' && (_jsx(Toggle, { checked: !Boolean(value), onChange: (checked) => handleBooleanChange(!checked), disabled: disabled || readonly, label: value ? 'true' : 'false' })), selectedType === 'object' && (_jsx(CodeBox, { code: JSON.stringify(value || {}, null, 2), onChange: handleObjectChange, language: "json", height: 120, 
+                // @ts-expect-error - Old Phase 1 component, readOnly prop type mismatch to be fixed in Phase 5
+                readOnly: readonly }))] }));
+}
+//# sourceMappingURL=mapping-value.js.map