@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/mapping-loop-field.d.ts

@@ -0,0 +1,44 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingLoopField - Custom field for array processing with loop transformation
+ *
+ * Manages a loop tuple: [source, transform]
+ * - source: String path to array ('nested', 'data.items') or 'this' for current value
+ * - transform: ValueConfig to apply to each item in the array
+ *
+ * Features:
+ * - Collapsible toggle interface
+ * - Source path input with placeholder hints
+ * - Recursive ValueConfig form for item transformation
+ * - Empty state with add button
+ *
+ * @example
+ * // In schema:
+ * loop: {
+ *   type: 'array',
+ *   title: 'Loop',
+ *   description: 'Process arrays by applying transformation to each item',
+ *   items: [
+ *     { type: 'string' },  // source
+ *     { type: 'object' }   // transform
+ *   ],
+ *   minItems: 2,
+ *   maxItems: 2
+ * }
+ *
+ * // In uiSchema:
+ * loop: {
+ *   'ui:field': 'mappingLoop',
+ * }
+ *
+ * @example
+ * // Usage:
+ * {
+ *   loop: [
+ *     'nested',  // Process items in event.nested array
+ *     { map: { item_id: 'data.id', item_name: 'data.name' } }
+ *   ]
+ * }
+ */
+export declare function MappingLoopField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-loop-field.d.ts.map

package/dist/components/molecules/mapping-loop-field.d.ts.map

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

package/dist/components/molecules/mapping-loop-field.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { MappingCollapsible } from '../atoms/mapping-collapsible';
+import { MappingFormWrapper } from '../forms/mapping-form-wrapper';
+import { valueConfigNestedSchema, valueConfigNestedUiSchema, } from '../../schemas/value-config-schema';
+/**
+ * MappingLoopField - Custom field for array processing with loop transformation
+ *
+ * Manages a loop tuple: [source, transform]
+ * - source: String path to array ('nested', 'data.items') or 'this' for current value
+ * - transform: ValueConfig to apply to each item in the array
+ *
+ * Features:
+ * - Collapsible toggle interface
+ * - Source path input with placeholder hints
+ * - Recursive ValueConfig form for item transformation
+ * - Empty state with add button
+ *
+ * @example
+ * // In schema:
+ * loop: {
+ *   type: 'array',
+ *   title: 'Loop',
+ *   description: 'Process arrays by applying transformation to each item',
+ *   items: [
+ *     { type: 'string' },  // source
+ *     { type: 'object' }   // transform
+ *   ],
+ *   minItems: 2,
+ *   maxItems: 2
+ * }
+ *
+ * // In uiSchema:
+ * loop: {
+ *   'ui:field': 'mappingLoop',
+ * }
+ *
+ * @example
+ * // Usage:
+ * {
+ *   loop: [
+ *     'nested',  // Process items in event.nested array
+ *     { map: { item_id: 'data.id', item_name: 'data.name' } }
+ *   ]
+ * }
+ */
+export function MappingLoopField(props) {
+    const { formData, onChange, schema, disabled, readonly } = props;
+    // Parse loop tuple [source, transform] - pure function, no state
+    const parseFormData = (data) => {
+        if (Array.isArray(data) && data.length === 2) {
+            const source = data[0] || '';
+            const transform = data[1] || undefined;
+            return [source, transform];
+        }
+        return ['', undefined];
+    };
+    // Validate loop data and return undefined if invalid/empty
+    const validateLoop = (sourceValue, transformValue) => {
+        // Source must be a non-empty string
+        const hasValidSource = typeof sourceValue === 'string' && sourceValue.trim().length > 0;
+        // Transform must be a non-empty object with at least one property
+        const hasValidTransform = transformValue &&
+            typeof transformValue === 'object' &&
+            Object.keys(transformValue).length > 0;
+        // Only return loop if both source and transform are valid
+        if (hasValidSource && hasValidTransform) {
+            return [sourceValue, transformValue];
+        }
+        return undefined;
+    };
+    // Internal state to manage loop data
+    const [source, setSource] = useState(() => parseFormData(formData)[0]);
+    const [transform, setTransform] = useState(() => parseFormData(formData)[1]);
+    // UI state - start collapsed
+    const [isExpanded, setIsExpanded] = useState(false);
+    // Track previous formData to avoid redundant updates
+    const prevFormDataRef = useRef(formData);
+    // Sync external changes to internal state
+    useEffect(() => {
+        // Only sync if formData actually changed from external source
+        if (prevFormDataRef.current === formData) {
+            return;
+        }
+        prevFormDataRef.current = formData;
+        if (!formData) {
+            if (source !== '' || transform !== undefined) {
+                setSource('');
+                setTransform(undefined);
+            }
+            return;
+        }
+        const [newSource, newTransform] = parseFormData(formData);
+        // Only update if data actually changed (prevent infinite loops)
+        if (newSource !== source ||
+            JSON.stringify(newTransform) !== JSON.stringify(transform)) {
+            setSource(newSource);
+            setTransform(newTransform);
+        }
+    }, [formData]);
+    const handleSourceChange = (e) => {
+        const newSource = e.target.value;
+        setSource(newSource);
+        // If source becomes empty, clear transform and send undefined
+        if (!newSource || newSource.trim().length === 0) {
+            setTransform(undefined);
+            prevFormDataRef.current = undefined;
+            onChange(undefined, []);
+            return;
+        }
+        // Validate and send current state
+        const validLoop = validateLoop(newSource, transform);
+        // Update ref before calling onChange to prevent sync loop
+        prevFormDataRef.current = validLoop;
+        onChange(validLoop, []);
+    };
+    const handleTransformChange = (newTransform) => {
+        const newTransformObj = newTransform;
+        setTransform(newTransformObj);
+        // Validate and update formData
+        const validLoop = validateLoop(source, newTransformObj);
+        // Update ref before calling onChange to prevent sync loop
+        prevFormDataRef.current = validLoop;
+        onChange(validLoop, []);
+    };
+    const title = schema?.title || 'Loop';
+    const description = schema?.description ||
+        'Process arrays by applying transformation to each item';
+    // Check if source has a value
+    const hasSource = source && source.trim().length > 0;
+    return (_jsx("div", { className: "elb-rjsf-widget", children: _jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, children: _jsxs("div", { className: "elb-mapping-loop-content", children: [_jsxs("div", { className: "elb-mapping-loop-source", children: [_jsx("label", { className: "elb-mapping-loop-label", children: "Source array path" }), _jsx("input", { type: "text", className: "elb-mapping-loop-source-input", value: source, onChange: handleSourceChange, placeholder: "e.g., nested, data.items, or 'this'", disabled: disabled || readonly }), _jsx("div", { className: "elb-mapping-loop-hint", children: "Path to array in event, or 'this' for current value" })] }), hasSource && (_jsxs("div", { className: "elb-mapping-loop-transform", children: [_jsxs("div", { className: "elb-mapping-loop-transform-header", children: [_jsx("label", { className: "elb-mapping-loop-label", children: "Transform each item" }), _jsx("div", { className: "elb-mapping-loop-hint", children: "Mapping applied to each array item" })] }), _jsx("div", { className: "elb-mapping-loop-transform-form", children: _jsx(MappingFormWrapper, { schema: valueConfigNestedSchema, uiSchema: valueConfigNestedUiSchema, formData: transform, onChange: handleTransformChange, nested: true }) })] }))] }) }) }));
+}
+//# sourceMappingURL=mapping-loop-field.js.map

package/dist/components/molecules/mapping-loop-field.js.map

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

package/dist/components/molecules/mapping-loop-pane-view.d.ts

@@ -0,0 +1,28 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+export interface MappingLoopPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+/**
+ * Loop Pane View - Array iteration with transformation
+ *
+ * Simple two-part interface:
+ * 1. Input field for scope (array path to iterate over)
+ * 2. Reused ValueTypePaneView for item mapping configuration
+ *
+ * Loop structure: [scope, itemMapping]
+ * - scope: String path to array (e.g., 'nested') or 'this' for current value
+ * - itemMapping: Value transformation applied to each array item
+ *
+ * @example
+ * <MappingLoopPaneView
+ *   path={['product', 'view', 'data', 'items', 'loop']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export declare function MappingLoopPaneView({ path, mappingState, navigation, className, }: MappingLoopPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-loop-pane-view.d.ts.map

package/dist/components/molecules/mapping-loop-pane-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-loop-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-loop-pane-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAKnF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,wBAAwB,2CA8F1B"}

package/dist/components/molecules/mapping-loop-pane-view.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInput } from '../atoms/mapping-input';
+import { MappingValueTypePaneView } from './mapping-value-type-pane-view';
+/**
+ * Loop Pane View - Array iteration with transformation
+ *
+ * Simple two-part interface:
+ * 1. Input field for scope (array path to iterate over)
+ * 2. Reused ValueTypePaneView for item mapping configuration
+ *
+ * Loop structure: [scope, itemMapping]
+ * - scope: String path to array (e.g., 'nested') or 'this' for current value
+ * - itemMapping: Value transformation applied to each array item
+ *
+ * @example
+ * <MappingLoopPaneView
+ *   path={['product', 'view', 'data', 'items', 'loop']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export function MappingLoopPaneView({ path, mappingState, navigation, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const loopArray = Array.isArray(value) && value.length === 2 ? value : null;
+    const [scope, itemMapping] = loopArray || ['', undefined];
+    const handleScopeChange = (newScope) => {
+        // Only create loop array if scope has a value
+        if (!newScope || newScope.trim() === '') {
+            // If scope is empty, delete the loop entirely
+            mappingState.actions.deleteValue(path);
+            return;
+        }
+        // Update scope (first array element) while preserving item mapping
+        mappingState.actions.setValue(path, [newScope, itemMapping]);
+    };
+    // If not initialized, show setup interface
+    if (!loopArray) {
+        return (_jsxs(BaseMappingPane, { title: "Loop Array", description: "Process arrays by applying transformation to each item", navigation: navigation, className: className, children: [_jsxs("div", { className: "elb-mapping-pane-field", children: [_jsxs("label", { className: "elb-mapping-pane-label", children: ["Array Path ", _jsx("span", { className: "elb-mapping-pane-required", children: "*" })] }), _jsx(MappingInput, { value: typeof scope === 'string' ? scope : '', onChange: handleScopeChange, placeholder: "nested", autoFocus: true }), _jsx("div", { className: "elb-mapping-pane-hint", children: "Path to the array in the event (e.g., \"nested\", \"data.items\") or \"this\" for current value" })] }), _jsx("div", { className: "elb-loop-item-mapping-section", children: _jsx(MappingValueTypePaneView, { path: [...path, '1'], mappingState: mappingState, navigation: navigation, hideNavigation: true, className: "" }) })] }));
+    }
+    // Configured loop - show scope input + item mapping editor
+    return (_jsxs(BaseMappingPane, { title: "Loop Array", description: "Process arrays by applying transformation to each item", navigation: navigation, className: className, children: [_jsxs("div", { className: "elb-mapping-pane-field", children: [_jsxs("label", { className: "elb-mapping-pane-label", children: ["Array Path ", _jsx("span", { className: "elb-mapping-pane-required", children: "*" })] }), _jsx(MappingInput, { value: typeof scope === 'string' ? scope : '', onChange: handleScopeChange, placeholder: "nested" }), _jsx("div", { className: "elb-mapping-pane-hint", children: "Path to the array in the event (e.g., \"nested\", \"data.items\") or \"this\" for current value" })] }), _jsx("div", { className: "elb-loop-item-mapping-section", children: _jsx(MappingValueTypePaneView, { path: [...path, '1'], mappingState: mappingState, navigation: navigation, hideNavigation: true, className: "" }) })] }));
+}
+//# sourceMappingURL=mapping-loop-pane-view.js.map

package/dist/components/molecules/mapping-loop-pane-view.js.map

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

package/dist/components/molecules/mapping-map-field.d.ts

@@ -0,0 +1,31 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingMapField - Custom field for object transformation mapping
+ *
+ * Manages a map of key-value pairs where values can be:
+ * - Simple strings (key paths like 'data.id')
+ * - Advanced ValueConfig objects (with key, value, condition, etc.)
+ *
+ * Features:
+ * - Add/remove entries
+ * - Edit key names
+ * - Switch between simple and advanced value modes
+ * - Warnings for empty/duplicate keys
+ * - Recursive support (maps can contain maps)
+ *
+ * @example
+ * // In schema:
+ * map: {
+ *   type: 'object',
+ *   title: 'Map',
+ *   description: 'Transform object properties',
+ *   additionalProperties: true,
+ * }
+ *
+ * // In uiSchema:
+ * map: {
+ *   'ui:field': 'mappingMap',
+ * }
+ */
+export declare function MappingMapField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-map-field.d.ts.map

package/dist/components/molecules/mapping-map-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-map-field.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-map-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,2CAgKhD"}

package/dist/components/molecules/mapping-map-field.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { MappingMapEntry } from '../atoms/mapping-map-entry';
+import { MappingCollapsible } from '../atoms/mapping-collapsible';
+import { IconButton } from '../atoms/icon-button';
+/**
+ * MappingMapField - Custom field for object transformation mapping
+ *
+ * Manages a map of key-value pairs where values can be:
+ * - Simple strings (key paths like 'data.id')
+ * - Advanced ValueConfig objects (with key, value, condition, etc.)
+ *
+ * Features:
+ * - Add/remove entries
+ * - Edit key names
+ * - Switch between simple and advanced value modes
+ * - Warnings for empty/duplicate keys
+ * - Recursive support (maps can contain maps)
+ *
+ * @example
+ * // In schema:
+ * map: {
+ *   type: 'object',
+ *   title: 'Map',
+ *   description: 'Transform object properties',
+ *   additionalProperties: true,
+ * }
+ *
+ * // In uiSchema:
+ * map: {
+ *   'ui:field': 'mappingMap',
+ * }
+ */
+export function MappingMapField(props) {
+    const { formData, onChange, schema, uiSchema, disabled, readonly } = props;
+    // Convert object to array for editing
+    const objectToEntries = (obj) => {
+        if (!obj || typeof obj !== 'object')
+            return [];
+        return Object.entries(obj).map(([key, value]) => ({
+            key,
+            value: value,
+        }));
+    };
+    // Convert array back to object
+    const entriesToObject = (entries) => {
+        // Filter out entries with empty keys
+        const validEntries = entries.filter((entry) => entry.key && entry.key.trim());
+        if (validEntries.length === 0)
+            return undefined;
+        const result = {};
+        validEntries.forEach((entry) => {
+            result[entry.key] = entry.value;
+        });
+        return result;
+    };
+    const [entries, setEntries] = useState(() => objectToEntries(formData));
+    const hasEntries = entries.length > 0;
+    // Start expanded if we have existing data
+    const [isExpanded, setIsExpanded] = useState(hasEntries);
+    // Track previous formData to avoid redundant updates
+    const prevFormDataRef = useRef(formData);
+    // Sync external changes to internal state
+    useEffect(() => {
+        // Only sync if formData actually changed from external source
+        if (prevFormDataRef.current === formData) {
+            return;
+        }
+        prevFormDataRef.current = formData;
+        setEntries(objectToEntries(formData));
+    }, [formData]);
+    // Update expanded state when data changes (e.g., switching between mapping rules)
+    useEffect(() => {
+        setIsExpanded(hasEntries);
+    }, [hasEntries]);
+    // Track duplicate keys for warnings
+    const duplicateKeys = new Set();
+    const keyCounts = new Map();
+    entries.forEach((entry) => {
+        if (entry.key) {
+            const count = (keyCounts.get(entry.key) || 0) + 1;
+            keyCounts.set(entry.key, count);
+            if (count > 1) {
+                duplicateKeys.add(entry.key);
+            }
+        }
+    });
+    const handleEntriesChange = (newEntries) => {
+        setEntries(newEntries);
+        const obj = entriesToObject(newEntries);
+        // Update ref before calling onChange to prevent sync loop
+        prevFormDataRef.current = obj;
+        onChange(obj, []);
+    };
+    const handleEntryChange = (index, newEntry) => {
+        const newEntries = [...entries];
+        newEntries[index] = newEntry;
+        handleEntriesChange(newEntries);
+    };
+    const handleEntryRemove = (index) => {
+        const newEntries = entries.filter((_, i) => i !== index);
+        handleEntriesChange(newEntries);
+    };
+    const handleAddEntry = () => {
+        const newEntry = {
+            key: '',
+            value: '',
+            tempId: `temp-${Date.now()}-${Math.random()}`,
+        };
+        handleEntriesChange([...entries, newEntry]);
+        if (!isExpanded) {
+            setIsExpanded(true);
+        }
+    };
+    const title = schema?.title || 'Map';
+    const description = schema?.description || 'Transform object properties';
+    return (_jsx("div", { className: "elb-rjsf-widget", children: _jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, children: hasEntries ? (_jsxs("div", { className: "elb-mapping-map-content", children: [_jsx("div", { className: "elb-mapping-map-entries", children: entries.map((entry, index) => (_jsx(MappingMapEntry, { entry: entry, onChange: (newEntry) => handleEntryChange(index, newEntry), onRemove: () => handleEntryRemove(index), hasEmptyKey: !entry.key || !entry.key.trim(), hasDuplicateKey: entry.key ? duplicateKeys.has(entry.key) : false }, entry.tempId || `entry-${index}`))) }), !disabled && !readonly && (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddEntry, className: "elb-mapping-map-add-row-button", children: "Add key" }))] })) : (!disabled &&
+                !readonly && (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddEntry, className: "elb-mapping-map-add-button", children: "Add key-value pair" }))) }) }));
+}
+//# sourceMappingURL=mapping-map-field.js.map

package/dist/components/molecules/mapping-map-field.js.map

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

package/dist/components/molecules/mapping-map-overview.d.ts

@@ -0,0 +1,13 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+export interface MappingMapOverviewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    className?: string;
+}
+/**
+ * Clean overview of map keys with navigation and add functionality
+ * Shows tabs for existing keys + add button
+ * Editor for currently selected key below
+ */
+export declare function MappingMapOverview({ path, mappingState, className, }: MappingMapOverviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-map-overview.d.ts.map

package/dist/components/molecules/mapping-map-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-map-overview.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-map-overview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAc,GACf,EAAE,uBAAuB,2CA6JzB"}

package/dist/components/molecules/mapping-map-overview.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Clean overview of map keys with navigation and add functionality
+ * Shows tabs for existing keys + add button
+ * Editor for currently selected key below
+ */
+export function MappingMapOverview({ path, mappingState, className = '', }) {
+    const mapValue = mappingState.actions.getValue(path);
+    const mapObj = (typeof mapValue === 'object' && mapValue !== null && 'map' in mapValue
+        ? mapValue.map
+        : mapValue) || {};
+    const keys = Object.keys(mapObj);
+    const [selectedKey, setSelectedKey] = useState(keys[0] || '');
+    const [isAddingKey, setIsAddingKey] = useState(false);
+    const [newKeyName, setNewKeyName] = useState('');
+    const handleAddKey = () => {
+        if (!newKeyName.trim())
+            return;
+        // Add new key with empty string value
+        const newMap = { ...mapObj, [newKeyName.trim()]: '' };
+        mappingState.actions.setValue(path, { map: newMap });
+        // Select the new key
+        setSelectedKey(newKeyName.trim());
+        setIsAddingKey(false);
+        setNewKeyName('');
+    };
+    const handleDeleteKey = (keyToDelete) => {
+        const newMap = { ...mapObj };
+        delete newMap[keyToDelete];
+        mappingState.actions.setValue(path, { map: newMap });
+        // Select first remaining key
+        const remainingKeys = Object.keys(newMap);
+        setSelectedKey(remainingKeys[0] || '');
+    };
+    const handleKeyValueChange = (key, value) => {
+        const newMap = { ...mapObj, [key]: value };
+        mappingState.actions.setValue(path, { map: newMap });
+    };
+    const selectedValue = selectedKey ? mapObj[selectedKey] : undefined;
+    return (_jsxs("div", { className: `elb-mapping-map-overview ${className}`, children: [_jsxs("div", { className: "elb-mapping-key-tabs", children: [keys.map((key) => (_jsxs("button", { className: `elb-mapping-key-tab ${key === selectedKey ? 'is-active' : ''}`, onClick: () => setSelectedKey(key), type: "button", children: [key, _jsx("button", { className: "elb-mapping-key-tab-delete", onClick: (e) => {
+                                    e.stopPropagation();
+                                    handleDeleteKey(key);
+                                }, title: "Delete key", type: "button", children: "\u00D7" })] }, key))), isAddingKey ? (_jsxs("div", { className: "elb-mapping-key-tab-add-form", children: [_jsx("input", { type: "text", className: "elb-mapping-key-tab-add-input", placeholder: "Key name", value: newKeyName, onChange: (e) => setNewKeyName(e.target.value), onKeyDown: (e) => {
+                                    if (e.key === 'Enter')
+                                        handleAddKey();
+                                    if (e.key === 'Escape') {
+                                        setIsAddingKey(false);
+                                        setNewKeyName('');
+                                    }
+                                }, autoFocus: true }), _jsx("button", { className: "elb-mapping-key-tab-add-confirm", onClick: handleAddKey, type: "button", children: "\u2713" }), _jsx("button", { className: "elb-mapping-key-tab-add-cancel", onClick: () => {
+                                    setIsAddingKey(false);
+                                    setNewKeyName('');
+                                }, type: "button", children: "\u00D7" })] })) : (_jsxs("button", { className: "elb-mapping-key-tab-add", onClick: () => setIsAddingKey(true), type: "button", title: "Add key", children: [_jsx("span", { className: "elb-mapping-key-tab-add-icon", children: "+" }), _jsx("span", { className: "elb-mapping-key-tab-add-text", children: "Add" })] }))] }), selectedKey && (_jsxs("div", { className: "elb-mapping-key-editor", children: [_jsx("div", { className: "elb-mapping-key-editor-header", children: _jsx("span", { className: "elb-mapping-key-editor-label", children: selectedKey }) }), _jsx("div", { className: "elb-mapping-key-editor-content", children: _jsx("input", { type: "text", className: "elb-mapping-key-editor-input", value: typeof selectedValue === 'string'
+                                ? selectedValue
+                                : JSON.stringify(selectedValue), onChange: (e) => handleKeyValueChange(selectedKey, e.target.value), placeholder: "Enter value or path (e.g., data.id)" }) })] })), keys.length === 0 && !isAddingKey && (_jsxs("div", { className: "elb-mapping-map-empty", children: [_jsx("p", { children: "No keys defined" }), _jsx("button", { className: "elb-mapping-map-empty-add", onClick: () => setIsAddingKey(true), type: "button", children: "+ Add first key" })] }))] }));
+}
+//# sourceMappingURL=mapping-map-overview.js.map

package/dist/components/molecules/mapping-map-overview.js.map

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

package/dist/components/molecules/mapping-map-pane-view-rjsf.d.ts

@@ -0,0 +1,53 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+import type { DestinationSchemas } from '../../types/schemas';
+/**
+ * Map Pane View (RJSF) - Schema-driven version of map pane
+ *
+ * Drop-in replacement for MappingMapPaneView using RJSF objectExplorer widget.
+ * Provides identical functionality but is schema-driven instead of hardcoded.
+ *
+ * Features (identical to original):
+ * - Add new key-value pairs
+ * - View configured properties as badges
+ * - Navigate to individual key editors (ValueType pane)
+ * - Delete keys
+ * - Rename keys inline
+ *
+ * Schema-driven features:
+ * - When schemas.data provided: Shows property suggestions from destination data schema
+ * - When schemas.mapping provided: Shows property suggestions for settings paths
+ * - Displays property descriptions and types as hints
+ * - Automatically opens correct editors (enum, boolean, map, etc.) based on schema
+ *
+ * Path-based schema selection:
+ * - data.map paths → uses schemas.data
+ * - settings.map paths → uses schemas.mapping (navigates to nested properties)
+ *
+ * @example
+ * // Data mapping with schema
+ * <MappingMapPaneViewRJSF
+ *   path={['product', 'view', 'data', 'map']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ *   schemas={{ data: dataSchema }}
+ * />
+ *
+ * @example
+ * // Settings mapping with schema
+ * <MappingMapPaneViewRJSF
+ *   path={['product', 'view', 'settings', 'map']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ *   schemas={{ mapping: mappingSchema }}
+ * />
+ */
+export interface MappingMapPaneViewRJSFProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schemas?: DestinationSchemas;
+    className?: string;
+}
+export declare function MappingMapPaneViewRJSF({ path, mappingState, navigation, schemas, className, }: MappingMapPaneViewRJSFProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-map-pane-view-rjsf.d.ts.map

package/dist/components/molecules/mapping-map-pane-view-rjsf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-map-pane-view-rjsf.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-map-pane-view-rjsf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAgC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,SAAc,GACf,EAAE,2BAA2B,2CAsI7B"}