@walkeros/explorer 0.3.1 → 1.0.0

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MappingDataWidget } from './mapping-data';
+/**
+ * MappingDataField - RJSF field wrapper for data transformation
+ *
+ * Bridges RJSF FieldProps to our custom MappingDataWidget.
+ * Required because RJSF uses fields (not widgets) for complex object types.
+ *
+ * @example
+ * // Register in field registry:
+ * export const mappingFields: RegistryFieldsType = {
+ *   mappingData: MappingDataField,
+ * };
+ *
+ * @example
+ * // Use in uiSchema:
+ * const uiSchema = {
+ *   data: {
+ *     'ui:field': 'mappingData'
+ *   }
+ * };
+ */
+export function MappingDataField(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(MappingDataWidget, { ...widgetProps });
+}
+//# sourceMappingURL=mapping-data-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-data-field.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-data-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAiB;IAChD,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,iBAAiB,OAAK,WAAW,GAAI,CAAC;AAChD,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingDataWidget - RJSF widget for data transformation
+ *
+ * Manages ValueConfig as an object for data transformation.
+ * Contains a nested RJSF form for ValueConfig properties.
+ *
+ * States:
+ * - Default (no data): Shows collapsed toggle with "Add data transformation" button
+ * - With data: Shows toggle collapsible section with ValueConfig form
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     data: {
+ *       type: 'object',
+ *       title: 'Data',
+ *       description: 'Transform event data'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   data: {
+ *     'ui:field': 'mappingData'
+ *   }
+ * }
+ */
+export declare function MappingDataWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-data.d.ts.map

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

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

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

@@ -0,0 +1,76 @@
+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 { valueConfigSchema, valueConfigUiSchema, } from '../../schemas/value-config-schema';
+import { IconButton } from './icon-button';
+import { cleanFormData } from '../../utils/clean-form-data';
+/**
+ * MappingDataWidget - RJSF widget for data transformation
+ *
+ * Manages ValueConfig as an object for data transformation.
+ * Contains a nested RJSF form for ValueConfig properties.
+ *
+ * States:
+ * - Default (no data): Shows collapsed toggle with "Add data transformation" button
+ * - With data: Shows toggle collapsible section with ValueConfig form
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     data: {
+ *       type: 'object',
+ *       title: 'Data',
+ *       description: 'Transform event data'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   data: {
+ *     'ui:field': 'mappingData'
+ *   }
+ * }
+ */
+export function MappingDataWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, } = props;
+    const dataConfig = value || {};
+    const hasData = Object.keys(dataConfig).length > 0;
+    // Extract title and description from schema
+    const title = schema?.title || 'Data';
+    const description = schema?.description;
+    // Track if user wants to show the form (either has data or clicked add button)
+    const [showForm, setShowForm] = useState(hasData);
+    // Start expanded if we have existing data or form is shown
+    const [isExpanded, setIsExpanded] = useState(hasData);
+    // 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 newHasData = value && typeof value === 'object' && Object.keys(value).length > 0;
+        setShowForm(!!newHasData);
+        setIsExpanded(!!newHasData);
+    }, [value]);
+    const handleAddData = () => {
+        // Show the form without initializing data
+        setShowForm(true);
+        setIsExpanded(true);
+    };
+    const handleFormChange = useCallback((formData) => {
+        const newData = cleanFormData(formData);
+        // If all fields are empty, set to undefined
+        const finalData = Object.keys(newData).length > 0 ? newData : undefined;
+        // Only call onChange if data actually changed
+        if (prevValueRef.current !== finalData) {
+            prevValueRef.current = finalData;
+            onChange(finalData);
+        }
+    }, [onChange]);
+    const hasError = rawErrors && rawErrors.length > 0;
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx("div", { className: "elb-data-widget-wrapper", children: _jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, children: showForm ? (_jsx("div", { className: "elb-data-widget-form", children: _jsx(MappingFormWrapper, { schema: valueConfigSchema, uiSchema: valueConfigUiSchema, formData: hasData ? dataConfig : undefined, onChange: handleFormChange, nested: true }) })) : (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddData, disabled: disabled || readonly, className: "elb-data-add-button", children: "Add data transformation" })) }) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, index) => (_jsx("div", { children: error }, index))) }))] }));
+}
+//# sourceMappingURL=mapping-data.js.map

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

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

package/dist/components/atoms/mapping-enum-select.d.ts

@@ -0,0 +1,28 @@
+export interface MappingEnumSelectProps {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    options: Array<string | number>;
+    placeholder?: string;
+    type?: 'string' | 'number';
+    autoFocus?: boolean;
+}
+/**
+ * MappingEnumSelect - Autocomplete dropdown for enum fields
+ *
+ * Unified autocomplete/dropdown hybrid:
+ * - Click or focus to show all options
+ * - Type to filter options (autocomplete)
+ * - Accept custom values (not in enum)
+ * - Keyboard navigation (ArrowUp, ArrowDown, Enter, Escape)
+ * - Click-outside to close
+ * - Monospace font consistent with other mapping inputs
+ *
+ * @example
+ * <MappingEnumSelect
+ *   value="PageView"
+ *   onChange={setValue}
+ *   options={['PageView', 'Purchase', 'AddToCart']}
+ * />
+ */
+export declare function MappingEnumSelect({ value, onChange, options, placeholder, type, autoFocus, }: MappingEnumSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-enum-select.d.ts.map

package/dist/components/atoms/mapping-enum-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-enum-select.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-enum-select.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAiC,EACjC,IAAe,EACf,SAAiB,GAClB,EAAE,sBAAsB,2CA8LxB"}

package/dist/components/atoms/mapping-enum-select.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+/**
+ * MappingEnumSelect - Autocomplete dropdown for enum fields
+ *
+ * Unified autocomplete/dropdown hybrid:
+ * - Click or focus to show all options
+ * - Type to filter options (autocomplete)
+ * - Accept custom values (not in enum)
+ * - Keyboard navigation (ArrowUp, ArrowDown, Enter, Escape)
+ * - Click-outside to close
+ * - Monospace font consistent with other mapping inputs
+ *
+ * @example
+ * <MappingEnumSelect
+ *   value="PageView"
+ *   onChange={setValue}
+ *   options={['PageView', 'Purchase', 'AddToCart']}
+ * />
+ */
+export function MappingEnumSelect({ value, onChange, options, placeholder = 'Type or select...', type = 'string', autoFocus = false, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const [inputValue, setInputValue] = useState(String(value || ''));
+    const [hasTyped, setHasTyped] = useState(false);
+    const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    const dropdownRef = useRef(null);
+    // Update input value when prop changes externally
+    useEffect(() => {
+        setInputValue(String(value || ''));
+        setHasTyped(false);
+    }, [value]);
+    // Reset highlighted index when dropdown opens or filter changes
+    useEffect(() => {
+        if (isOpen) {
+            setHighlightedIndex(0);
+        }
+    }, [isOpen]);
+    // Click outside to close
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                // Commit the typed value on blur
+                if (hasTyped && inputValue.trim() !== '') {
+                    onChange(type === 'number' ? Number(inputValue) : inputValue);
+                }
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => document.removeEventListener('mousedown', handleClickOutside);
+        }
+    }, [isOpen, hasTyped, inputValue, onChange, type]);
+    // Scroll highlighted option into view
+    useEffect(() => {
+        if (isOpen &&
+            dropdownRef.current &&
+            dropdownRef.current.children[highlightedIndex]) {
+            const highlighted = dropdownRef.current.children[highlightedIndex];
+            if (highlighted) {
+                highlighted.scrollIntoView({ block: 'nearest' });
+            }
+        }
+    }, [highlightedIndex, isOpen]);
+    // Filter options based on input
+    const filteredOptions = hasTyped && inputValue.trim() !== ''
+        ? options.filter((option) => String(option)
+            .toLowerCase()
+            .includes(inputValue.toLowerCase().trim()))
+        : options;
+    const handleInputFocus = () => {
+        setIsOpen(true);
+    };
+    const handleInputChange = (e) => {
+        const newValue = e.target.value;
+        setInputValue(newValue);
+        setHasTyped(true);
+        setIsOpen(true);
+        setHighlightedIndex(0);
+    };
+    const handleOptionClick = (option) => {
+        setInputValue(String(option));
+        onChange(option);
+        setIsOpen(false);
+        setHasTyped(false);
+    };
+    const handleKeyDown = (e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                if (!isOpen) {
+                    setIsOpen(true);
+                }
+                else if (filteredOptions.length > 0) {
+                    setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : prev);
+                }
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                if (isOpen && filteredOptions.length > 0) {
+                    setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev));
+                }
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (isOpen &&
+                    filteredOptions.length > 0 &&
+                    filteredOptions[highlightedIndex] !== undefined) {
+                    handleOptionClick(filteredOptions[highlightedIndex]);
+                }
+                else {
+                    // Accept custom value
+                    const trimmedValue = inputValue.trim();
+                    if (trimmedValue !== '') {
+                        onChange(type === 'number' ? Number(trimmedValue) : trimmedValue);
+                        setIsOpen(false);
+                        setHasTyped(false);
+                    }
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                setIsOpen(false);
+                // Revert to original value
+                setInputValue(String(value || ''));
+                setHasTyped(false);
+                break;
+            case 'Tab':
+                // Accept current typed value or highlighted option
+                if (hasTyped && inputValue.trim() !== '') {
+                    onChange(type === 'number' ? Number(inputValue) : inputValue);
+                }
+                setIsOpen(false);
+                break;
+        }
+    };
+    return (_jsxs("div", { className: "elb-mapping-enum-select", ref: containerRef, children: [_jsx("input", { ref: inputRef, type: "text", className: `elb-mapping-enum-select-input ${isOpen ? 'is-open' : ''}`, value: inputValue, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleKeyDown, placeholder: placeholder, autoFocus: autoFocus }), isOpen && (_jsx("div", { className: `elb-mapping-enum-select-dropdown ${filteredOptions.length > 5 ? 'scrollable' : ''}`, ref: dropdownRef, children: filteredOptions.length > 0 ? (filteredOptions.map((option, index) => (_jsx("div", { className: `elb-mapping-enum-select-option ${index === highlightedIndex ? 'is-highlighted' : ''} ${String(option) === String(value) ? 'is-selected' : ''}`, onClick: () => handleOptionClick(option), onMouseEnter: () => setHighlightedIndex(index), children: String(option) }, String(option))))) : (_jsx("div", { className: "elb-mapping-enum-select-empty", children: "No matching options. Press Enter to use custom value." })) }))] }));
+}
+//# sourceMappingURL=mapping-enum-select.js.map

package/dist/components/atoms/mapping-enum-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-enum-select.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-enum-select.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAW3D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,mBAAmB,EACjC,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,GACM;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,kDAAkD;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;QACnC,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,gEAAgE;IAChE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,YAAY,CAAC,OAAO;gBACpB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACpD,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,iCAAiC;gBACjC,IAAI,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;oBACzC,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE,CACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IACE,MAAM;YACN,WAAW,CAAC,OAAO;YACnB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAC9C,CAAC;YACD,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,CAC9C,gBAAgB,CACF,CAAC;YACjB,IAAI,WAAW,EAAE,CAAC;gBAChB,WAAW,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACnD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,gCAAgC;IAChC,MAAM,eAAe,GACnB,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE;QAClC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACxB,MAAM,CAAC,MAAM,CAAC;aACX,WAAW,EAAE;aACb,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAC7C;QACH,CAAC,CAAC,OAAO,CAAC;IAEd,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,MAAuB,EAAE,EAAE;QACpD,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QAC9B,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,SAAS,CAAC,IAAI,CAAC,CAAC;gBAClB,CAAC;qBAAM,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtC,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3B,IAAI,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACpD,CAAC;gBACJ,CAAC;gBACD,MAAM;YAER,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzC,mBAAmB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YAER,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IACE,MAAM;oBACN,eAAe,CAAC,MAAM,GAAG,CAAC;oBAC1B,eAAe,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAC/C,CAAC;oBACD,iBAAiB,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;gBACvD,CAAC;qBAAM,CAAC;oBACN,sBAAsB;oBACtB,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;oBACvC,IAAI,YAAY,KAAK,EAAE,EAAE,CAAC;wBACxB,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;wBAClE,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC;gBACD,MAAM;YAER,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,2BAA2B;gBAC3B,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;gBACnC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;YAER,KAAK,KAAK;gBACR,mDAAmD;gBACnD,IAAI,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;oBACzC,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;gBAChE,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,EAAC,GAAG,EAAE,YAAY,aACxD,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,iCAAiC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACrE,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,EAED,MAAM,IAAI,CACT,cACE,SAAS,EAAE,oCACT,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9C,EAAE,EACF,GAAG,EAAE,WAAW,YAEf,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,cAEE,SAAS,EAAE,kCACT,KAAK,KAAK,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAClD,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAE7C,MAAM,CAAC,MAAM,CAAC,IAPV,MAAM,CAAC,MAAM,CAAC,CAQf,CACP,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,+BAA+B,sEAExC,CACP,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MappingFnWidget } from './mapping-fn';
+/**
+ * MappingFnField - RJSF field wrapper for fn (transformation function)
+ *
+ * Bridges RJSF FieldProps to our custom MappingFnWidget.
+ * Required because RJSF uses fields (not widgets) for complex types.
+ *
+ * @example
+ * // Register in field registry:
+ * export const mappingFields: RegistryFieldsType = {
+ *   mappingFn: MappingFnField,
+ * };
+ *
+ * @example
+ * // Use in uiSchema:
+ * const uiSchema = {
+ *   fn: {
+ *     'ui:field': 'mappingFn'
+ *   }
+ * };
+ */
+export function MappingFnField(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(MappingFnWidget, { ...widgetProps });
+}
+//# sourceMappingURL=mapping-fn-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-fn-field.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-fn-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,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,eAAe,OAAK,WAAW,GAAI,CAAC;AAC9C,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingFnWidget - RJSF widget for custom transformation functions
+ *
+ * Manages fn (transformation) functions as strings for ValueConfig.
+ * A fn function transforms values from one format to another.
+ *
+ * States:
+ * - Unchecked (default): No transformation, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     fn: {
+ *       type: 'string',
+ *       title: 'Function',
+ *       description: 'Custom transformation function'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   fn: {
+ *     'ui:field': 'mappingFn'
+ *   }
+ * }
+ */
+export declare function MappingFnWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-fn.d.ts.map

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

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

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingCollapsible } from './mapping-collapsible';
+import { CodeBox } from '../molecules/code-box';
+/**
+ * Default fn function template
+ * Provides a starting point for users with parameter hints
+ */
+const DEFAULT_FN = `(value, mapping, options) => {
+  // Transform the value
+  // value: Input value from event or previous transformation
+  // mapping: The current mapping configuration
+  // options: { consent, collector, props }
+  return value;
+}`;
+/**
+ * MappingFnWidget - RJSF widget for custom transformation functions
+ *
+ * Manages fn (transformation) functions as strings for ValueConfig.
+ * A fn function transforms values from one format to another.
+ *
+ * States:
+ * - Unchecked (default): No transformation, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     fn: {
+ *       type: 'string',
+ *       title: 'Function',
+ *       description: 'Custom transformation function'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   fn: {
+ *     'ui:field': 'mappingFn'
+ *   }
+ * }
+ */
+export function MappingFnWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, } = props;
+    const fnCode = value || '';
+    const hasFn = Boolean(fnCode);
+    // Extract title and description from schema
+    const title = schema?.title || 'Function';
+    const description = schema?.description;
+    const handleCheckboxChange = (checked) => {
+        if (checked) {
+            // Enable fn - set to default template
+            onChange(DEFAULT_FN);
+        }
+        else {
+            // Disable fn - set to undefined
+            onChange(undefined);
+        }
+    };
+    const handleCodeChange = (code) => {
+        // Update the fn 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: hasFn, onCheckedChange: handleCheckboxChange, disabled: disabled || readonly, children: _jsx(CodeBox, { code: fnCode, 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-fn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-fn.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-fn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;GAGG;AACH,MAAM,UAAU,GAAG;;;;;;EAMjB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,eAAe,CAAC,KAAkB;IAChD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAI,KAA4B,IAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE9B,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,sCAAsC;YACtC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,gCAAgC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,qBAAqB;QACrB,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,KAAK,EACd,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,YAE9B,KAAC,OAAO,IACN,IAAI,EAAE,MAAM,EACZ,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-grid.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface MappingGridProps {
+    children: React.ReactNode;
+    layout?: 'row' | 'cols-2' | string;
+    gap?: number | string;
+    responsive?: boolean;
+    className?: string;
+}
+/**
+ * MappingGrid - Enhanced grid layout component for form fields
+ *
+ * Provides flexible grid layouts for mapping form components with responsive
+ * support. Designed for form field arrangements like [Label, Input] pairs,
+ * [AutoSelect, Button] combinations, and multi-column layouts.
+ *
+ * @example
+ * // Two column layout
+ * <MappingGrid layout="cols-2">
+ *   <label>Name</label>
+ *   <input />
+ * </MappingGrid>
+ *
+ * @example
+ * // Single row with auto-fit columns
+ * <MappingGrid layout="row">
+ *   <AutoSelect />
+ *   <IconButton />
+ * </MappingGrid>
+ *
+ * @example
+ * // Custom grid template
+ * <MappingGrid layout="1fr 2fr">
+ *   <label>Field</label>
+ *   <input />
+ * </MappingGrid>
+ *
+ * @example
+ * // Responsive: 1 col on mobile, 2 cols on tablet+
+ * <MappingGrid layout="cols-2" responsive>
+ *   <field1 />
+ *   <field2 />
+ * </MappingGrid>
+ */
+export declare function MappingGrid({ children, layout, gap, responsive, className, }: MappingGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-grid.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAc,EACd,GAAQ,EACR,UAAiB,EACjB,SAAc,GACf,EAAE,gBAAgB,2CA0DlB"}