@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/mapping-policy-overview-pane.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInput } from '../atoms/mapping-input';
+import { MappingConfirmButton } from '../atoms/mapping-confirm-button';
+import { getConfiguredProperties } from '../../utils/value-display-formatter';
+export function MappingPolicyOverviewPane({ path = ['policy'], mappingState, navigation, className = '', }) {
+    const [newPolicyPath, setNewPolicyPath] = useState('');
+    const [pathExists, setPathExists] = useState(false);
+    // Get policy from the current path
+    const policyValue = mappingState.actions.getValue(path);
+    const policy = policyValue &&
+        typeof policyValue === 'object' &&
+        !Array.isArray(policyValue)
+        ? policyValue
+        : {};
+    // Get sorted list of policy paths
+    const policyPaths = Object.keys(policy).sort();
+    const handlePathInputChange = (value) => {
+        setNewPolicyPath(value);
+        setPathExists(policy[value] !== undefined);
+    };
+    const handlePathSubmit = () => {
+        const policyPath = newPolicyPath.trim();
+        if (!policyPath) {
+            setNewPolicyPath('');
+            return;
+        }
+        // Navigate to the policy rule (creates path in navigation)
+        // Don't pre-populate value - let user configure it
+        navigation.openTab([...path, policyPath], 'valueType');
+        setNewPolicyPath('');
+        setPathExists(false);
+    };
+    const handlePathKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            handlePathSubmit();
+        }
+        else if (e.key === 'Escape') {
+            setNewPolicyPath('');
+            setPathExists(false);
+        }
+    };
+    const handlePathBlur = () => {
+        setTimeout(() => {
+            handlePathSubmit();
+        }, 150);
+    };
+    const handlePathClick = (policyPath) => {
+        navigation.openTab([...path, policyPath], 'valueType');
+    };
+    const handleBadgeClick = (policyPath, property) => {
+        // All badges navigate to the ValueType pane which shows all tiles
+        // User can click the appropriate tile there
+        navigation.openTab([...path, policyPath], 'valueType');
+    };
+    const handleDeleteClick = (policyPath) => {
+        mappingState.actions.deleteValue([...path, policyPath]);
+    };
+    // Determine which properties are configured for a policy value
+    return (_jsxs(BaseMappingPane, { title: "Policy", description: policyPaths.length === 0
+            ? 'No policy rules yet. Add rules to pre-process events before mapping.'
+            : `${policyPaths.length} rule${policyPaths.length === 1 ? '' : 's'}`, navigation: navigation, className: className, children: [_jsx("div", { className: "elb-policy-input-section", children: _jsx(MappingInput, { value: newPolicyPath, onChange: handlePathInputChange, onKeyDown: handlePathKeyDown, onBlur: handlePathBlur, placeholder: "Type path to create or select (e.g., user.email)...", className: pathExists ? 'is-existing' : '' }) }), policyPaths.length > 0 && (_jsx("div", { className: "elb-policy-list", children: policyPaths.map((path) => {
+                    const value = policy[path];
+                    const configuredProps = getConfiguredProperties(value);
+                    return (_jsxs("div", { className: "elb-policy-row", children: [_jsx("button", { type: "button", className: "elb-policy-row-path", onClick: () => handlePathClick(path), title: "Click to edit this policy rule", children: path }), _jsx("div", { className: "elb-policy-row-badges", children: configuredProps.map(({ prop, value, isLong }) => (_jsxs("button", { type: "button", className: "elb-policy-badge", onClick: () => handleBadgeClick(path, prop), title: `${prop}: ${value}`, children: [_jsxs("span", { className: "elb-policy-badge-label", children: [prop, ":"] }), _jsx("span", { className: `elb-policy-badge-value ${isLong ? 'is-long' : ''}`, children: value })] }, prop))) }), _jsx("div", { className: "elb-policy-row-actions", children: _jsx(MappingConfirmButton, { confirmLabel: "Delete?", onConfirm: () => handleDeleteClick(path), ariaLabel: `Delete policy rule ${path}`, className: "elb-mapping-delete-button" }) })] }, path));
+                }) })), policyPaths.length === 0 && (_jsxs("div", { className: "elb-policy-empty", children: [_jsx("p", { children: "Policy rules modify events before mapping is applied. Common uses:" }), _jsxs("ul", { children: [_jsx("li", { children: "Normalize data (e.g., lowercase emails)" }), _jsx("li", { children: "Enrich events (e.g., copy values, compute totals)" }), _jsx("li", { children: "Clean data (e.g., remove PII, format dates)" })] })] }))] }));
+}
+//# sourceMappingURL=mapping-policy-overview-pane.js.map

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

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

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

@@ -0,0 +1,30 @@
+import type { RJSFSchema, UiSchema } from '@rjsf/utils';
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Primitive Pane View - Schema-validated text input for primitive values
+ *
+ * Uses type="text" with schema validation to allow typing ANY value:
+ * - String fields (with pattern, minLength, maxLength validation)
+ * - Number fields (with min, max validation)
+ * - Schema-based hints and placeholders
+ * - Real-time validation with error highlighting
+ * - Allows typing invalid values to show validation errors
+ *
+ * Examples:
+ * - settings.pixelId: string with pattern validation (can type "abc123", shows error)
+ * - settings.timeout: number with min/max (can type "abc", shows error)
+ * - settings.apiKey: string with minLength
+ *
+ * Key: Always uses type="text" input, never type="number" to allow typing anything
+ */
+export interface MappingPrimitivePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schema?: RJSFSchema;
+    uiSchema?: UiSchema;
+    className?: string;
+}
+export declare function MappingPrimitivePaneView({ path, mappingState, navigation, schema, uiSchema, className, }: MappingPrimitivePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-primitive-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-primitive-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-primitive-pane-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAKnF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAc,GACf,EAAE,6BAA6B,2CAoF/B"}

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInput } from '../atoms/mapping-input';
+import { validateValue } from '../../utils/schema-validation';
+export function MappingPrimitivePaneView({ path, mappingState, navigation, schema, uiSchema, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    // Convert to string for editing
+    const stringValue = value === null ? 'null' : value === undefined ? '' : String(value);
+    // Determine field type from schema
+    const fieldType = schema?.type || 'string';
+    const isNumber = fieldType === 'number' || fieldType === 'integer';
+    const handleChange = (newValue) => {
+        // Empty string handling
+        if (newValue === '') {
+            mappingState.actions.setValue(path, '');
+            return;
+        }
+        // Number type coercion
+        if (isNumber) {
+            const asNumber = Number(newValue);
+            if (!isNaN(asNumber)) {
+                mappingState.actions.setValue(path, asNumber);
+                return;
+            }
+        }
+        // Default to string (validation will show error if wrong type)
+        mappingState.actions.setValue(path, newValue);
+    };
+    // Get field info from schema
+    const title = schema?.title || path[path.length - 1];
+    const description = schema?.description ||
+        `${isNumber ? 'Number' : 'Text'} field${schema?.pattern ? ' with validation' : ''}`;
+    const placeholder = uiSchema?.['ui:placeholder'] ||
+        (schema?.examples && Array.isArray(schema.examples) && typeof schema.examples[0] === 'string'
+            ? schema.examples[0]
+            : undefined) ||
+        undefined;
+    // Validate current value
+    const validationResult = validateValue(value, schema);
+    const hasError = !validationResult.valid;
+    return (_jsx(BaseMappingPane, { title: title, description: description, navigation: navigation, className: className, children: _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingInput, { value: stringValue, onChange: handleChange, placeholder: placeholder, type: "text", autoFocus: true, error: hasError }), _jsxs("div", { className: "elb-mapping-pane-hint", children: ["Current type: ", _jsx("strong", { children: typeof value }), uiSchema?.['ui:help'] && (_jsxs(_Fragment, { children: [_jsx("br", {}), uiSchema['ui:help']] })), hasError && validationResult.error && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("span", { style: { color: 'var(--color-button-danger)' }, children: ["\u26A0 ", validationResult.error] })] }))] })] }) }));
+}
+//# sourceMappingURL=mapping-primitive-pane-view.js.map

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

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

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

@@ -0,0 +1,25 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+/**
+ * Rule Pane View - Pure Presentation Component
+ *
+ * Edits top-level rule configuration properties:
+ * - name: Transformed event name
+ * - batch: Batch timeout in milliseconds (optional)
+ * - ignore: Skip processing flag (optional)
+ *
+ * Advanced properties (consent, condition, validate) are handled
+ * by separate collapsible sections.
+ *
+ * @example
+ * <MappingRulePaneView
+ *   path={['product', 'view']}
+ *   mappingState={mappingState}
+ * />
+ */
+export interface MappingRulePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    className?: string;
+}
+export declare function MappingRulePaneView({ path, mappingState, className, }: MappingRulePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-rule-pane-view.d.ts.map

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

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

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

@@ -0,0 +1,35 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export function MappingRulePaneView({ path, mappingState, className = '', }) {
+    // Get current rule config
+    const rule = mappingState.actions.getValue(path);
+    if (!rule || typeof rule !== 'object') {
+        return (_jsx("div", { className: `elb-mapping-pane elb-mapping-rule-pane ${className}`, children: _jsxs("div", { className: "elb-mapping-pane-error", children: ["Invalid rule configuration at path: ", path.join(' > ')] }) }));
+    }
+    const [entity, action] = path;
+    const ruleName = rule.name;
+    const batch = rule.batch;
+    const ignore = rule.ignore;
+    // Update handlers
+    const handleNameChange = (value) => {
+        mappingState.actions.setValue([...path, 'name'], value);
+    };
+    const handleBatchChange = (value) => {
+        const numValue = parseInt(value, 10);
+        if (isNaN(numValue) || numValue <= 0) {
+            mappingState.actions.deleteValue([...path, 'batch']);
+        }
+        else {
+            mappingState.actions.setValue([...path, 'batch'], numValue);
+        }
+    };
+    const handleIgnoreChange = (checked) => {
+        if (checked) {
+            mappingState.actions.setValue([...path, 'ignore'], true);
+        }
+        else {
+            mappingState.actions.deleteValue([...path, 'ignore']);
+        }
+    };
+    return (_jsxs("div", { className: `elb-mapping-pane elb-mapping-rule-pane ${className}`, children: [_jsxs("div", { className: "elb-mapping-pane-header", children: [_jsxs("h3", { className: "elb-mapping-pane-title", children: ["Rule: ", entity, " ", action] }), _jsx("span", { className: "elb-mapping-pane-type", children: "Rule Configuration" })] }), _jsxs("div", { className: "elb-mapping-pane-content", children: [_jsxs("div", { className: "elb-mapping-pane-field", children: [_jsxs("label", { htmlFor: "rule-name", className: "elb-mapping-pane-label", children: ["Event Name ", _jsx("span", { className: "elb-mapping-pane-required", children: "*" })] }), _jsx("div", { className: "elb-mapping-pane-description", children: "The transformed event name sent to destinations" }), _jsx("input", { id: "rule-name", type: "text", className: "elb-mapping-pane-input", value: ruleName || '', onChange: (e) => handleNameChange(e.target.value), placeholder: `${entity}_${action}` })] }), _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx("label", { htmlFor: "rule-batch", className: "elb-mapping-pane-label", children: "Batch Timeout (ms)" }), _jsx("div", { className: "elb-mapping-pane-description", children: "Wait time before sending event (for batching multiple events)" }), _jsx("input", { id: "rule-batch", type: "number", className: "elb-mapping-pane-input", value: batch || '', onChange: (e) => handleBatchChange(e.target.value), placeholder: "e.g., 1000", min: "0", step: "100" }), batch && (_jsxs("div", { className: "elb-mapping-pane-hint", children: ["Events will batch for ", batch, "ms before sending"] }))] }), _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsxs("label", { className: "elb-mapping-pane-checkbox-label", children: [_jsx("input", { type: "checkbox", className: "elb-mapping-pane-checkbox", checked: ignore || false, onChange: (e) => handleIgnoreChange(e.target.checked) }), _jsx("span", { children: "Ignore this rule (skip processing)" })] }), ignore && (_jsx("div", { className: "elb-mapping-pane-hint elb-mapping-pane-hint--warning", children: "This rule will not be processed" }))] })] }), _jsxs("div", { className: "elb-mapping-pane-advanced", children: [_jsx("div", { className: "elb-mapping-pane-section-title", children: "Advanced Options" }), _jsxs("div", { className: "elb-mapping-pane-advanced-buttons", children: [_jsx("button", { type: "button", className: "elb-mapping-pane-advanced-button", disabled: true, title: "Coming in next phase", children: "+ Add Data Transformation" }), _jsx("button", { type: "button", className: "elb-mapping-pane-advanced-button", disabled: true, title: "Coming in next phase", children: "+ Add Consent Requirements" }), _jsx("button", { type: "button", className: "elb-mapping-pane-advanced-button", disabled: true, title: "Coming in next phase", children: "+ Add Condition" })] })] })] }));
+}
+//# sourceMappingURL=mapping-rule-pane-view.js.map

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

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

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

@@ -0,0 +1,34 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingSetField - Custom field for array of values
+ *
+ * Manages an array of values where each value can be:
+ * - Simple strings (key paths like 'data.id')
+ * - Advanced ValueConfig objects (with key, value, condition, etc.)
+ *
+ * Features:
+ * - Add/remove entries
+ * - Switch between simple and advanced value modes
+ * - Recursive support (values can contain sets)
+ *
+ * @example
+ * // In schema:
+ * set: {
+ *   type: 'array',
+ *   title: 'Set',
+ *   description: 'Array of static values',
+ *   items: {
+ *     oneOf: [
+ *       { type: 'string' },
+ *       { type: 'object' }
+ *     ]
+ *   }
+ * }
+ *
+ * // In uiSchema:
+ * set: {
+ *   'ui:field': 'mappingSet',
+ * }
+ */
+export declare function MappingSetField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-set-field.d.ts.map

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

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

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

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { MappingSetEntry } from '../atoms/mapping-set-entry';
+import { MappingCollapsible } from '../atoms/mapping-collapsible';
+import { IconButton } from '../atoms/icon-button';
+/**
+ * MappingSetField - Custom field for array of values
+ *
+ * Manages an array of values where each value can be:
+ * - Simple strings (key paths like 'data.id')
+ * - Advanced ValueConfig objects (with key, value, condition, etc.)
+ *
+ * Features:
+ * - Add/remove entries
+ * - Switch between simple and advanced value modes
+ * - Recursive support (values can contain sets)
+ *
+ * @example
+ * // In schema:
+ * set: {
+ *   type: 'array',
+ *   title: 'Set',
+ *   description: 'Array of static values',
+ *   items: {
+ *     oneOf: [
+ *       { type: 'string' },
+ *       { type: 'object' }
+ *     ]
+ *   }
+ * }
+ *
+ * // In uiSchema:
+ * set: {
+ *   'ui:field': 'mappingSet',
+ * }
+ */
+export function MappingSetField(props) {
+    const { formData, onChange, schema, disabled, readonly } = props;
+    // Convert array to entries with temp IDs for React keys
+    const arrayToEntries = (arr) => {
+        if (!arr || !Array.isArray(arr))
+            return [];
+        return arr.map((value) => ({
+            value,
+            tempId: `set-${Date.now()}-${Math.random()}`,
+        }));
+    };
+    // Convert entries back to array
+    const entriesToArray = (entries) => {
+        if (entries.length === 0)
+            return undefined;
+        return entries.map((entry) => entry.value);
+    };
+    const [entries, setEntries] = useState(() => arrayToEntries(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, preserving tempIds
+    useEffect(() => {
+        // Only sync if formData actually changed from external source
+        if (prevFormDataRef.current === formData) {
+            return;
+        }
+        prevFormDataRef.current = formData;
+        if (!formData || !Array.isArray(formData)) {
+            if (entries.length > 0) {
+                setEntries([]);
+            }
+            return;
+        }
+        // Preserve existing tempIds when values match
+        const newEntries = formData.map((value, index) => {
+            const existingEntry = entries[index];
+            if (existingEntry &&
+                JSON.stringify(existingEntry.value) === JSON.stringify(value)) {
+                return existingEntry; // Preserve tempId
+            }
+            return {
+                value,
+                tempId: `set-${Date.now()}-${Math.random()}-${index}`,
+            };
+        });
+        setEntries(newEntries);
+    }, [formData]);
+    // Update expanded state when data changes (e.g., switching between mapping rules)
+    useEffect(() => {
+        setIsExpanded(hasEntries);
+    }, [hasEntries]);
+    const handleEntriesChange = (newEntries) => {
+        setEntries(newEntries);
+        const arr = entriesToArray(newEntries);
+        // Update ref before calling onChange to prevent sync loop
+        prevFormDataRef.current = arr;
+        onChange(arr, []);
+    };
+    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 = {
+            value: '',
+            tempId: `set-${Date.now()}-${Math.random()}`,
+        };
+        handleEntriesChange([...entries, newEntry]);
+        if (!isExpanded) {
+            setIsExpanded(true);
+        }
+    };
+    // Drag and drop state
+    const [draggedIndex, setDraggedIndex] = useState(null);
+    const [dragOverIndex, setDragOverIndex] = useState(null);
+    const handleDragStart = (e, index) => {
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', index.toString());
+        setDraggedIndex(index);
+    };
+    const handleDragOver = (e, index) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+        if (draggedIndex !== index) {
+            setDragOverIndex(index);
+        }
+    };
+    const handleDragLeave = () => {
+        setDragOverIndex(null);
+    };
+    const handleDrop = (e, dropIndex) => {
+        e.preventDefault();
+        const dragIndex = parseInt(e.dataTransfer.getData('text/plain'));
+        if (dragIndex === dropIndex) {
+            setDraggedIndex(null);
+            setDragOverIndex(null);
+            return;
+        }
+        // Reorder array
+        const newEntries = [...entries];
+        const [removed] = newEntries.splice(dragIndex, 1);
+        newEntries.splice(dropIndex, 0, removed);
+        handleEntriesChange(newEntries);
+        setDraggedIndex(null);
+        setDragOverIndex(null);
+    };
+    const handleDragEnd = () => {
+        setDraggedIndex(null);
+        setDragOverIndex(null);
+    };
+    const title = schema?.title || 'Set';
+    const description = schema?.description || 'Array of static values';
+    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-set-content", children: [_jsx("div", { className: "elb-mapping-set-entries", children: entries.map((entry, index) => (_jsx("div", { draggable: !disabled && !readonly, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e, index), onDragLeave: handleDragLeave, onDrop: (e) => handleDrop(e, index), onDragEnd: handleDragEnd, children: _jsx(MappingSetEntry, { entry: entry, onChange: (newEntry) => handleEntryChange(index, newEntry), onRemove: () => handleEntryRemove(index), index: index, isDragging: draggedIndex === index, isDragOver: dragOverIndex === index }) }, entry.tempId))) }), !disabled && !readonly && (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddEntry, className: "elb-mapping-set-add-row-button", children: "Add value" }))] })) : (!disabled &&
+                !readonly && (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddEntry, className: "elb-mapping-set-add-button", children: "Add value" }))) }) }));
+}
+//# sourceMappingURL=mapping-set-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-set-field.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-set-field.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAY,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB;IAC/C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,wDAAwD;IACxD,MAAM,cAAc,GAAG,CACrB,GAAwD,EAC5C,EAAE;QACd,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAAE,OAAO,EAAE,CAAC;QAC3C,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACzB,KAAK;YACL,MAAM,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;SAC7C,CAAC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,gCAAgC;IAChC,MAAM,cAAc,GAAG,CACrB,OAAmB,EACkC,EAAE;QACvD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC;QAC3C,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAa,GAAG,EAAE,CACtD,cAAc,CAAC,QAAQ,CAAC,CACzB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtC,0CAA0C;IAC1C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEzD,qDAAqD;IACrD,MAAM,eAAe,GAAG,MAAM,CAAU,QAAQ,CAAC,CAAC;IAElD,8DAA8D;IAC9D,SAAS,CAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,IAAI,eAAe,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;QAEnC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1C,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,UAAU,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;YACD,OAAO;QACT,CAAC;QAED,8CAA8C;QAC9C,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC/C,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;YACrC,IACE,aAAa;gBACb,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAC7D,CAAC;gBACD,OAAO,aAAa,CAAC,CAAC,kBAAkB;YAC1C,CAAC;YACD,OAAO;gBACL,KAAK;gBACL,MAAM,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,EAAE;aACtD,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,UAAU,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kFAAkF;IAClF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,mBAAmB,GAAG,CAAC,UAAsB,EAAE,EAAE;QACrD,UAAU,CAAC,UAAU,CAAC,CAAC;QACvB,MAAM,GAAG,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAEvC,0DAA0D;QAC1D,eAAe,CAAC,OAAO,GAAG,GAAG,CAAC;QAC9B,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,QAAkB,EAAE,EAAE;QAC9D,MAAM,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAChC,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QAC7B,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACzD,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,QAAQ,GAAa;YACzB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;SAC7C,CAAC;QACF,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,MAAM,eAAe,GAAG,CAAC,CAAkB,EAAE,KAAa,EAAE,EAAE;QAC5D,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;QACtC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAkB,EAAE,KAAa,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QACnC,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;YAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAkB,EAAE,SAAiB,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;QAEjE,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,OAAO;QACT,CAAC;QAED,gBAAgB;QAChB,MAAM,UAAU,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAClD,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;QAEzC,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAChC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,EAAE,WAAW,IAAI,wBAAwB,CAAC;IAEpE,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,kBAAkB,IACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,aAAa,YAEtB,UAAU,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,cAEE,SAAS,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EACjC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,EAC7C,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,EAC3C,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EACnC,SAAS,EAAE,aAAa,YAExB,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC1D,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACxC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,YAAY,KAAK,KAAK,EAClC,UAAU,EAAE,aAAa,KAAK,KAAK,GACnC,IAfG,KAAK,CAAC,MAAM,CAgBb,CACP,CAAC,GACE,EACL,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACzB,KAAC,UAAU,IACT,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,gCAAgC,0BAG/B,CACd,IACG,CACP,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ;gBACT,CAAC,QAAQ,IAAI,CACX,KAAC,UAAU,IACT,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAC,4BAA4B,0BAG3B,CACd,CACF,GACkB,GACjB,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+export interface MappingSetPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+/**
+ * Set Pane View - Array of values
+ *
+ * Displays and manages an array of Value mappings.
+ * Each value can be:
+ * - Simple string (key path like 'data.id')
+ * - ValueConfig object (key, fn, map, loop, etc.)
+ *
+ * Features:
+ * - Drag-and-drop reordering
+ * - Add/remove values
+ * - Navigate to ValueTypePaneView for editing
+ * - Show badges for configured properties
+ *
+ * @example
+ * <MappingSetPaneView
+ *   path={['product', 'view', 'data', 'items', 'set']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export declare function MappingSetPaneView({ path, mappingState, navigation, className, }: MappingSetPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-set-pane-view.d.ts.map

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

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

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingConfirmButton } from '../atoms/mapping-confirm-button';
+import { getConfiguredProperties } from '../../utils/value-display-formatter';
+/**
+ * Set Pane View - Array of values
+ *
+ * Displays and manages an array of Value mappings.
+ * Each value can be:
+ * - Simple string (key path like 'data.id')
+ * - ValueConfig object (key, fn, map, loop, etc.)
+ *
+ * Features:
+ * - Drag-and-drop reordering
+ * - Add/remove values
+ * - Navigate to ValueTypePaneView for editing
+ * - Show badges for configured properties
+ *
+ * @example
+ * <MappingSetPaneView
+ *   path={['product', 'view', 'data', 'items', 'set']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export function MappingSetPaneView({ path, mappingState, navigation, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const setArray = Array.isArray(value) ? value : [];
+    // Drag-and-drop state
+    const [draggedIndex, setDraggedIndex] = useState(null);
+    const [dragOverIndex, setDragOverIndex] = useState(null);
+    // Get configured properties from a value (for badges)
+    // Handlers
+    const handleAdd = () => {
+        const newArray = [...setArray, ''];
+        const newIndex = newArray.length - 1;
+        mappingState.actions.setValue(path, newArray);
+        // Navigate to the new entry
+        navigation.openTab([...path, newIndex.toString()], 'valueType');
+    };
+    const handleRowClick = (index) => {
+        navigation.openTab([...path, index.toString()], 'valueType');
+    };
+    const handleDelete = (index) => {
+        const newArray = setArray.filter((_, i) => i !== index);
+        if (newArray.length === 0) {
+            mappingState.actions.deleteValue(path);
+        }
+        else {
+            mappingState.actions.setValue(path, newArray);
+        }
+    };
+    // Drag-and-drop handlers
+    const handleDragStart = (e, index) => {
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', index.toString());
+        setDraggedIndex(index);
+    };
+    const handleDragOver = (e, index) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+        if (draggedIndex !== index) {
+            setDragOverIndex(index);
+        }
+    };
+    const handleDragLeave = () => {
+        setDragOverIndex(null);
+    };
+    const handleDrop = (e, dropIndex) => {
+        e.preventDefault();
+        const dragIndex = parseInt(e.dataTransfer.getData('text/plain'));
+        if (dragIndex === dropIndex) {
+            setDraggedIndex(null);
+            setDragOverIndex(null);
+            return;
+        }
+        // Reorder array
+        const newArray = [...setArray];
+        const [removed] = newArray.splice(dragIndex, 1);
+        newArray.splice(dropIndex, 0, removed);
+        mappingState.actions.setValue(path, newArray);
+        setDraggedIndex(null);
+        setDragOverIndex(null);
+    };
+    const handleDragEnd = () => {
+        setDraggedIndex(null);
+        setDragOverIndex(null);
+    };
+    return (_jsxs(BaseMappingPane, { title: "Set Array", description: "Array of values - each value is processed independently and all results are collected", navigation: navigation, className: className, children: [_jsx("div", { className: "elb-set-input-section", children: _jsx("button", { type: "button", className: "elb-set-add-button", onClick: handleAdd, children: "+ Add Value" }) }), setArray.length > 0 && (_jsx("div", { className: "elb-set-list", children: setArray.map((val, index) => {
+                    const configuredProps = getConfiguredProperties(val);
+                    const isSimple = typeof val === 'string';
+                    return (_jsxs("div", { className: `elb-set-row ${draggedIndex === index ? 'elb-set-row-dragging' : ''} ${dragOverIndex === index ? 'elb-set-row-drag-over' : ''}`, draggable: true, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e, index), onDragLeave: handleDragLeave, onDrop: (e) => handleDrop(e, index), onDragEnd: handleDragEnd, children: [_jsx("div", { className: "elb-set-drag-handle", title: "Drag to reorder", children: _jsxs("svg", { width: "12", height: "16", viewBox: "0 0 12 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "3", cy: "4", r: "1.5" }), _jsx("circle", { cx: "9", cy: "4", r: "1.5" }), _jsx("circle", { cx: "3", cy: "8", r: "1.5" }), _jsx("circle", { cx: "9", cy: "8", r: "1.5" }), _jsx("circle", { cx: "3", cy: "12", r: "1.5" }), _jsx("circle", { cx: "9", cy: "12", r: "1.5" })] }) }), _jsx("div", { className: "elb-set-row-value", onClick: () => handleRowClick(index), children: _jsx("div", { className: "elb-set-row-badges", children: isSimple ? (_jsx("span", { className: "elb-policy-badge", children: _jsxs("span", { className: "elb-policy-badge-value", children: ["\"", val, "\""] }) })) : (configuredProps.map(({ prop, value, isLong }) => (_jsxs("span", { className: "elb-policy-badge", children: [_jsxs("span", { className: "elb-policy-badge-label", children: [prop, ":"] }), _jsx("span", { className: `elb-policy-badge-value ${isLong ? 'is-long' : ''}`, children: value })] }, prop)))) }) }), _jsx("div", { className: "elb-set-row-actions", children: _jsx(MappingConfirmButton, { confirmLabel: "Delete?", onConfirm: () => handleDelete(index), ariaLabel: `Delete value ${index + 1}`, className: "elb-mapping-delete-button" }) })] }, index));
+                }) })), setArray.length === 0 && (_jsxs("div", { className: "elb-set-empty", children: [_jsx("p", { children: "No values in this set. Click \"Add Value\" to create one." }), _jsx("p", { className: "elb-set-empty-hint", children: "Each value will be processed independently." })] }))] }));
+}
+//# sourceMappingURL=mapping-set-pane-view.js.map

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

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

package/dist/components/molecules/mapping-tab-bar.d.ts

@@ -0,0 +1,15 @@
+import type { NavigationTab } from '../../hooks/useMappingNavigation';
+/**
+ * Scrollable tab container
+ *
+ * Displays all open tabs with horizontal scrolling when needed
+ */
+export interface MappingTabBarProps {
+    tabs: NavigationTab[];
+    activeTabId: string;
+    onTabSelect: (tabId: string) => void;
+    onTabClose: (tabId: string) => void;
+    className?: string;
+}
+export declare function MappingTabBar({ tabs, activeTabId, onTabSelect, onTabClose, className, }: MappingTabBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=mapping-tab-bar.d.ts.map

package/dist/components/molecules/mapping-tab-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-tab-bar.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-tab-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,SAAc,GACf,EAAE,kBAAkB,kDAoBpB"}