@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/organisms/config-editor/config-editor-box.d.ts

@@ -0,0 +1,35 @@
+import { type NavigationState } from './config-editor-tabs';
+import type { ConfigStructureDef } from '../../../schemas/config-structures/types';
+import type { RJSFSchema } from '@rjsf/utils';
+/**
+ * Config Editor Box
+ *
+ * Wrapper component that provides Code/Visual toggle.
+ * Persists navigation state when switching between views.
+ *
+ * @example
+ * <ConfigEditorBox
+ *   config={destinationConfig}
+ *   onChange={setConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   schemas={metaSchemas}
+ *   label="Meta Pixel Configuration"
+ * />
+ */
+export interface ConfigEditorBoxProps<T extends Record<string, unknown>> {
+    config: T;
+    onChange?: (config: T) => void;
+    structure: ConfigStructureDef;
+    schemas?: Record<string, RJSFSchema>;
+    sections?: Record<string, boolean>;
+    label?: string;
+    className?: string;
+    initialTab?: 'code' | 'visual';
+    resizable?: boolean;
+    showTree?: boolean;
+    showHeader?: boolean;
+    initialNavigationState?: NavigationState;
+    onNavigationStateChange?: (state: NavigationState) => void;
+}
+export declare function ConfigEditorBox<T extends Record<string, unknown>>({ config, onChange, structure, schemas, sections, label, className, initialTab, resizable, showTree, showHeader, initialNavigationState, onNavigationStateChange, }: ConfigEditorBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-editor-box.d.ts.map

package/dist/components/organisms/config-editor/config-editor-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor-box.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor-box.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAuB,EACvB,SAAc,EACd,UAAqB,EACrB,SAAiB,EACjB,QAAe,EACf,UAAiB,EACjB,sBAAsB,EACtB,uBAAuB,GACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAwFzB"}

package/dist/components/organisms/config-editor/config-editor-box.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from 'react';
+import { Box } from '../../atoms/box';
+import { ButtonGroup } from '../../atoms/button-group';
+import { CodeBox } from '../../molecules/code-box';
+import { ConfigEditorTabs } from './config-editor-tabs';
+export function ConfigEditorBox({ config, onChange, structure, schemas, sections, label = 'Configuration', className = '', initialTab = 'visual', resizable = false, showTree = true, showHeader = true, initialNavigationState, onNavigationStateChange, }) {
+    const [activeTab, setActiveTab] = useState(initialTab);
+    // Persist navigation state across view switches
+    const [persistedNavigationState, setPersistedNavigationState] = useState(initialNavigationState || null);
+    // Convert config to JSON string
+    const configJson = useMemo(() => JSON.stringify(config, null, 2), [config]);
+    // Build button group data
+    const buttons = useMemo(() => [
+        {
+            label: 'Visual',
+            value: 'visual',
+            active: activeTab === 'visual',
+        },
+        {
+            label: 'Code',
+            value: 'code',
+            active: activeTab === 'code',
+        },
+    ], [activeTab]);
+    // Handle tab change
+    const handleTabChange = (value) => {
+        setActiveTab(value);
+    };
+    // Handle code changes
+    const handleCodeChange = (newCode) => {
+        if (!onChange)
+            return;
+        try {
+            const newConfig = JSON.parse(newCode);
+            onChange(newConfig);
+        }
+        catch (e) {
+            // Invalid JSON - ignore (expected during editing)
+        }
+    };
+    // Handle navigation state persistence
+    // Memoize to prevent infinite re-render loop in useEffect dependencies
+    const handleNavigationChange = useCallback((state) => {
+        setPersistedNavigationState(state);
+        onNavigationStateChange?.(state);
+    }, [onNavigationStateChange]);
+    return (_jsx(Box, { header: label, headerActions: showHeader ? (_jsx(ButtonGroup, { buttons: buttons, onButtonClick: handleTabChange })) : undefined, className: className, resizable: resizable, showHeader: showHeader, children: activeTab === 'code' ? (_jsx(CodeBox, { code: configJson, language: "json", label: label, disabled: !onChange, onChange: onChange ? handleCodeChange : undefined })) : (_jsx(ConfigEditorTabs, { config: config, onChange: onChange, structure: structure, schemas: schemas, sections: sections, showTree: showTree, initialNavigationState: persistedNavigationState || undefined, onNavigationStateChange: handleNavigationChange })) }));
+}
+//# sourceMappingURL=config-editor-box.js.map

package/dist/components/organisms/config-editor/config-editor-box.js.map

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

package/dist/components/organisms/config-editor/config-editor-tabs.d.ts

@@ -0,0 +1,52 @@
+import { type NodeType } from '../../../hooks/useMappingNavigation';
+import type { ConfigStructureDef } from '../../../schemas/config-structures/types';
+import type { RJSFSchema } from '@rjsf/utils';
+/**
+ * Generic Config Editor Tabs
+ *
+ * Core editor component that works with any config type at any depth.
+ * Uses structure definitions and schemas to provide appropriate editing UI.
+ *
+ * Features:
+ * - Generic tree navigation (config-driven)
+ * - Structure-aware type detection
+ * - Validation with error overview
+ * - Code/Visual toggle support
+ * - Works at any depth (full config or nested object)
+ *
+ * @example
+ * // Full DestinationConfig
+ * <ConfigEditorTabs
+ *   config={destinationConfig}
+ *   onChange={setConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   schemas={{ settings: settingsSchema, mapping: mappingSchema }}
+ * />
+ *
+ * @example
+ * // Single Rule
+ * <ConfigEditorTabs
+ *   config={ruleConfig}
+ *   onChange={setRuleConfig}
+ *   structure={MAPPING_RULE_STRUCTURE}
+ *   schemas={{ mapping: mappingSettingsSchema }}
+ * />
+ */
+export interface ConfigEditorTabsProps<T extends Record<string, unknown>> {
+    config: T;
+    onChange?: (config: T) => void;
+    structure: ConfigStructureDef;
+    schemas?: Record<string, RJSFSchema>;
+    sections?: Record<string, boolean>;
+    showTree?: boolean;
+    initialNavigationState?: NavigationState;
+    onNavigationStateChange?: (state: NavigationState) => void;
+    className?: string;
+}
+export interface NavigationState {
+    currentPath: string[];
+    nodeType: NodeType;
+    expandedPaths: string[][];
+}
+export declare function ConfigEditorTabs<T extends Record<string, unknown>>({ config, onChange, structure, schemas, sections, showTree, initialNavigationState, onNavigationStateChange, className, }: ConfigEditorTabsProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-editor-tabs.d.ts.map

package/dist/components/organisms/config-editor/config-editor-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor-tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,QAAQ,EACd,MAAM,qCAAqC,CAAC;AAS7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAClE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAa,EACb,QAAe,EACf,sBAAsB,EACtB,uBAAuB,EACvB,SAAc,GACf,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAiO1B"}

package/dist/components/organisms/config-editor/config-editor-tabs.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useMemo } from 'react';
+import { useMappingState, } from '../../../hooks/useMappingState';
+import { useMappingNavigation, } from '../../../hooks/useMappingNavigation';
+import { useTreeState } from '../../../hooks/useTreeState';
+import { MappingNavigationHeader } from '../../molecules/mapping-navigation-header';
+import { ConfigTreeSidebar } from '../../molecules/config-tree-sidebar';
+import { MappingPane } from '../../molecules/mapping-pane';
+import { ConfigOverviewPane } from '../../molecules/config-overview-pane';
+import { ValidationOverviewPane } from '../../molecules/validation-overview-pane';
+import { CodeBox } from '../../molecules/code-box';
+import { getValueAtPath } from '../../../utils/mapping-path';
+import { buildTree } from '../../../utils/generic-tree-builder';
+import { detectNodeType } from '../../../utils/type-detector';
+import { validateConfig } from '../../../utils/config-validator';
+export function ConfigEditorTabs({ config, onChange, structure, schemas, sections = {}, showTree = true, initialNavigationState, onNavigationStateChange, className = '', }) {
+    const mappingState = useMappingState(config, onChange);
+    const navigation = useMappingNavigation({
+        config,
+        structure,
+        schemas,
+    });
+    const treeState = useTreeState(initialNavigationState?.expandedPaths || [[]]);
+    const [codeViewActive, setCodeViewActive] = useState(false);
+    // Build tree using unified tree builder
+    const configTree = useMemo(() => buildTree(config, structure, schemas, sections), [config, structure, schemas, sections]);
+    // Validate config
+    const validationErrors = useMemo(() => validateConfig(config, schemas), [config, schemas]);
+    // Get active tab
+    const activeTab = navigation.openTabs.find((tab) => tab.id === navigation.activeTabId);
+    // Get code for current path
+    const currentCode = useMemo(() => {
+        if (!activeTab || activeTab.path.length === 0) {
+            return JSON.stringify(config, null, 2);
+        }
+        const value = getValueAtPath(config, activeTab.path);
+        return JSON.stringify(value, null, 2);
+    }, [activeTab, config]);
+    // Handle code changes
+    const handleCodeChange = (code) => {
+        if (!onChange)
+            return;
+        try {
+            const parsed = JSON.parse(code);
+            if (!activeTab || activeTab.path.length === 0) {
+                onChange(parsed);
+            }
+            else {
+                const newConfig = { ...config };
+                let current = newConfig;
+                // Navigate to parent
+                for (let i = 0; i < activeTab.path.length - 1; i++) {
+                    current = current[activeTab.path[i]];
+                }
+                // Update value
+                current[activeTab.path[activeTab.path.length - 1]] = parsed;
+                onChange(newConfig);
+            }
+        }
+        catch (e) {
+            // Invalid JSON, don't update
+        }
+    };
+    // Initialize navigation history with Overview
+    useEffect(() => {
+        if (navigation.navigationHistory.length === 0) {
+            navigation.switchToTab('');
+            if (initialNavigationState &&
+                initialNavigationState.currentPath.length > 0) {
+                navigation.openTab(initialNavigationState.currentPath, initialNavigationState.nodeType);
+            }
+        }
+    }, []);
+    // Persist navigation state changes
+    useEffect(() => {
+        if (onNavigationStateChange && activeTab) {
+            onNavigationStateChange({
+                currentPath: activeTab.path,
+                nodeType: activeTab.nodeType,
+                expandedPaths: Array.from(treeState.expandedPaths).map((key) => key.split('.')),
+            });
+        }
+    }, [activeTab, treeState.expandedPaths, onNavigationStateChange]);
+    // Auto-expand tree to show active tab path
+    useEffect(() => {
+        if (activeTab && activeTab.path.length > 0) {
+            for (let i = 1; i <= activeTab.path.length; i++) {
+                const pathToExpand = activeTab.path.slice(0, i);
+                treeState.expandPath(pathToExpand);
+            }
+        }
+    }, [activeTab?.id]);
+    // Get NodeType for a path using structure
+    const getNodeTypeForPath = (path) => {
+        const value = mappingState.actions.getValue(path);
+        return detectNodeType(value, path, structure, schemas);
+    };
+    return (_jsxs("div", { className: `elb-mapping-editor-tabs elb-mapping-editor-tabs--responsive ${className}`, "data-layout": "responsive", children: [showTree && (_jsxs(_Fragment, { children: [_jsx("div", { className: "elb-mapping-editor-mobile-backdrop", onClick: () => navigation.setTreeVisible(false), "aria-hidden": "true" }), _jsx(ConfigTreeSidebar, { tree: configTree, currentPath: activeTab?.path || [], expandedPaths: treeState.expandedPaths, visible: navigation.treeVisible, onToggle: treeState.togglePath, onNavigate: (path) => {
+                            const nodeType = getNodeTypeForPath(path);
+                            navigation.openTab(path, nodeType);
+                        }, onClose: () => navigation.setTreeVisible(false), className: "elb-mapping-editor-sidebar" })] })), _jsxs("div", { className: "elb-mapping-editor-main", children: [_jsx(MappingNavigationHeader, { breadcrumb: navigation.breadcrumb, paneType: codeViewActive ? undefined : activeTab?.nodeType, showTreeButton: showTree, showCodeButton: !!activeTab, codeViewActive: codeViewActive, showDeleteButton: activeTab && activeTab.path.length > 0, validationErrors: validationErrors.length, onNavigate: (path) => {
+                            if (path.length === 0) {
+                                navigation.closeAllTabs();
+                            }
+                            else {
+                                navigation.navigateToBreadcrumb(path);
+                            }
+                        }, onToggleTree: navigation.toggleTree, onToggleCode: () => setCodeViewActive(!codeViewActive), onValidationClick: () => {
+                            navigation.openTab([], 'validationOverview');
+                        }, onDeleteClick: () => {
+                            if (activeTab) {
+                                const path = activeTab.path;
+                                mappingState.actions.deleteValue(path);
+                                if (path.length > 1) {
+                                    // Navigate to parent
+                                    const parentPath = path.slice(0, -1);
+                                    const parentType = getNodeTypeForPath(parentPath);
+                                    navigation.openTab(parentPath, parentType);
+                                }
+                                else {
+                                    // Close tab
+                                    navigation.closeTab(activeTab.id);
+                                }
+                            }
+                        } }), _jsx("div", { className: "elb-mapping-editor-content", children: codeViewActive ? (_jsx(CodeBox, { code: currentCode, language: "json", label: "", onChange: onChange ? handleCodeChange : undefined, showFormat: !!onChange, showHeader: false })) : activeTab ? (activeTab.nodeType === 'validationOverview' ? (_jsx(ValidationOverviewPane, { errors: validationErrors, navigation: navigation, config: config, structure: structure, schemas: schemas })) : (_jsx(MappingPane, { nodeType: activeTab.nodeType, path: activeTab.path, mappingState: mappingState, navigation: navigation, schemas: schemas, structure: structure }))) : (_jsx(ConfigOverviewPane, { config: config, structure: structure, navigation: navigation, schemas: schemas })) })] })] }));
+}
+//# sourceMappingURL=config-editor-tabs.js.map

package/dist/components/organisms/config-editor/config-editor-tabs.js.map

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

package/dist/components/organisms/config-editor/config-editor.d.ts

@@ -0,0 +1,47 @@
+import { type ConfigEditorBoxProps } from './config-editor-box';
+/**
+ * ConfigEditor - Generic Visual Configuration Editor
+ *
+ * A fully generic configuration editor that works at ANY depth with ANY config type.
+ * Uses structure definitions and schemas to provide appropriate editing UI.
+ *
+ * Key Features:
+ * - Works at any depth (full config or nested object)
+ * - Structure-driven (no hardcoded assumptions)
+ * - Schema-aware (validation, type hints, metadata)
+ * - Code/Visual toggle
+ * - Tree navigation
+ * - Validation with error overview
+ * - TypeScript generic for type safety
+ *
+ * @example
+ * // Full DestinationConfig
+ * <ConfigEditor
+ *   config={destinationConfig}
+ *   onChange={setConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   schemas={metaSchemas}
+ *   label="Meta Pixel Configuration"
+ * />
+ *
+ * @example
+ * // Single Rule (deep nested)
+ * <ConfigEditor
+ *   config={pageViewRule}
+ *   onChange={setRule}
+ *   structure={MAPPING_RULE_STRUCTURE}
+ *   schemas={{ mapping: mappingSchema }}
+ *   label="Page View Rule"
+ *   showTree={false}
+ * />
+ *
+ * @example
+ * // Read-only (no onChange)
+ * <ConfigEditor
+ *   config={destinationConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   initialTab="code"
+ * />
+ */
+export declare function ConfigEditor<T extends Record<string, unknown>>(props: ConfigEditorBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-editor.d.ts.map

package/dist/components/organisms/config-editor/config-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5D,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAG/B"}

package/dist/components/organisms/config-editor/config-editor.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfigEditorBox, } from './config-editor-box';
+/**
+ * ConfigEditor - Generic Visual Configuration Editor
+ *
+ * A fully generic configuration editor that works at ANY depth with ANY config type.
+ * Uses structure definitions and schemas to provide appropriate editing UI.
+ *
+ * Key Features:
+ * - Works at any depth (full config or nested object)
+ * - Structure-driven (no hardcoded assumptions)
+ * - Schema-aware (validation, type hints, metadata)
+ * - Code/Visual toggle
+ * - Tree navigation
+ * - Validation with error overview
+ * - TypeScript generic for type safety
+ *
+ * @example
+ * // Full DestinationConfig
+ * <ConfigEditor
+ *   config={destinationConfig}
+ *   onChange={setConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   schemas={metaSchemas}
+ *   label="Meta Pixel Configuration"
+ * />
+ *
+ * @example
+ * // Single Rule (deep nested)
+ * <ConfigEditor
+ *   config={pageViewRule}
+ *   onChange={setRule}
+ *   structure={MAPPING_RULE_STRUCTURE}
+ *   schemas={{ mapping: mappingSchema }}
+ *   label="Page View Rule"
+ *   showTree={false}
+ * />
+ *
+ * @example
+ * // Read-only (no onChange)
+ * <ConfigEditor
+ *   config={destinationConfig}
+ *   structure={DESTINATION_CONFIG_STRUCTURE}
+ *   initialTab="code"
+ * />
+ */
+export function ConfigEditor(props) {
+    return _jsx(ConfigEditorBox, { ...props });
+}
+//# sourceMappingURL=config-editor.js.map

package/dist/components/organisms/config-editor/config-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor.js","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,UAAU,YAAY,CAC1B,KAA8B;IAE9B,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC"}

package/dist/components/organisms/config-editor/config-editor.stories.d.ts

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConfigEditor } from './config-editor';
+/**
+ * ConfigEditor - Generic visual configuration editor
+ *
+ * Complete visual editor for complex nested configurations with:
+ * - Tree navigation for deep structures
+ * - Visual/Code toggle tabs
+ * - RJSF forms for property editing
+ * - Validation and error display
+ * - Works at any depth
+ */
+declare const meta: Meta<typeof ConfigEditor>;
+export default meta;
+type Story = StoryObj<typeof ConfigEditor>;
+/**
+ * Default config editor with mapping rule
+ *
+ * Shows a mapping rule configuration with:
+ * - Event name
+ * - Batch size
+ * - Data mapping properties
+ */
+export declare const Default: Story;
+//# sourceMappingURL=config-editor.stories.d.ts.map

package/dist/components/organisms/config-editor/config-editor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAsC3C;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/dist/components/organisms/config-editor/config-editor.stories.js

@@ -0,0 +1,77 @@
+import { ConfigEditor } from './config-editor';
+import { MAPPING_RULE_STRUCTURE, } from '../../../schemas/config-structures';
+/**
+ * ConfigEditor - Generic visual configuration editor
+ *
+ * Complete visual editor for complex nested configurations with:
+ * - Tree navigation for deep structures
+ * - Visual/Code toggle tabs
+ * - RJSF forms for property editing
+ * - Validation and error display
+ * - Works at any depth
+ */
+const meta = {
+    component: ConfigEditor,
+    title: 'Organisms/ConfigEditor',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+// Simple mapping rule schema
+const mappingSchema = {
+    type: 'object',
+    properties: {
+        name: {
+            type: 'string',
+            description: 'Event name to send to destination',
+        },
+        batch: {
+            type: 'number',
+            description: 'Batch size in milliseconds',
+        },
+        data: {
+            type: 'object',
+            properties: {
+                map: {
+                    type: 'object',
+                    additionalProperties: { type: 'string' },
+                    description: 'Property mapping',
+                },
+            },
+        },
+    },
+};
+const initialConfig = {
+    name: 'page_view',
+    batch: 1000,
+    data: {
+        map: {
+            page_title: 'data.title',
+            page_path: 'data.path',
+        },
+    },
+};
+/**
+ * Default config editor with mapping rule
+ *
+ * Shows a mapping rule configuration with:
+ * - Event name
+ * - Batch size
+ * - Data mapping properties
+ */
+export const Default = {
+    args: {
+        config: initialConfig,
+        onChange: () => { },
+        structure: MAPPING_RULE_STRUCTURE,
+        schemas: {
+            mapping: mappingSchema,
+        },
+        label: 'Page View Rule',
+        initialTab: 'visual',
+        resizable: true,
+    },
+};
+//# sourceMappingURL=config-editor.stories.js.map

package/dist/components/organisms/config-editor/config-editor.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-editor.stories.js","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/config-editor.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,sBAAsB,GAEvB,MAAM,oCAAoC,CAAC;AAG5C;;;;;;;;;GASG;AACH,MAAM,IAAI,GAA8B;IACtC,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,6BAA6B;AAC7B,MAAM,aAAa,GAAe;IAChC,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,4BAA4B;SAC1C;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,GAAG,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,oBAAoB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACxC,WAAW,EAAE,kBAAkB;iBAChC;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,IAAI;IACX,IAAI,EAAE;QACJ,GAAG,EAAE;YACH,UAAU,EAAE,YAAY;YACxB,SAAS,EAAE,WAAW;SACvB;KACF;CACF,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE;YACP,OAAO,EAAE,aAAa;SACvB;QACD,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC"}

package/dist/components/organisms/config-editor/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Generic ConfigEditor Component
+ *
+ * A universal visual configuration editor that works at any depth
+ * with any configuration type.
+ *
+ * Main Exports:
+ * - ConfigEditor: Main component (use this)
+ * - ConfigEditorBox: Box wrapper with Code/Visual toggle
+ * - ConfigEditorTabs: Core editor tabs (without box)
+ *
+ * Types:
+ * - ConfigEditorBoxProps: Props for ConfigEditorBox
+ * - ConfigEditorTabsProps: Props for ConfigEditorTabs
+ * - NavigationState: Navigation state for persistence
+ */
+export { ConfigEditor } from './config-editor';
+export { ConfigEditorBox } from './config-editor-box';
+export { ConfigEditorTabs } from './config-editor-tabs';
+export type { ConfigEditorBoxProps } from './config-editor-box';
+export type { ConfigEditorTabsProps, NavigationState, } from './config-editor-tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/config-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,sBAAsB,CAAC"}

package/dist/components/organisms/config-editor/index.js

@@ -0,0 +1,20 @@
+/**
+ * Generic ConfigEditor Component
+ *
+ * A universal visual configuration editor that works at any depth
+ * with any configuration type.
+ *
+ * Main Exports:
+ * - ConfigEditor: Main component (use this)
+ * - ConfigEditorBox: Box wrapper with Code/Visual toggle
+ * - ConfigEditorTabs: Core editor tabs (without box)
+ *
+ * Types:
+ * - ConfigEditorBoxProps: Props for ConfigEditorBox
+ * - ConfigEditorTabsProps: Props for ConfigEditorTabs
+ * - NavigationState: Navigation state for persistence
+ */
+export { ConfigEditor } from './config-editor';
+export { ConfigEditorBox } from './config-editor-box';
+export { ConfigEditorTabs } from './config-editor-tabs';
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/config-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/config-editor/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/organisms/live-code.d.ts

@@ -0,0 +1,22 @@
+import type { WalkerOS } from '@walkeros/core';
+export interface LiveCodeProps {
+    input: unknown;
+    config?: unknown;
+    output?: unknown;
+    options?: WalkerOS.AnyObject;
+    fn?: (input: unknown, config: unknown, log: (...args: unknown[]) => void, options?: WalkerOS.AnyObject) => Promise<void>;
+    fnName?: string;
+    labelInput?: string;
+    labelConfig?: string;
+    labelOutput?: string;
+    emptyText?: string;
+    disableInput?: boolean;
+    disableConfig?: boolean;
+    showQuotes?: boolean;
+    className?: string;
+    language?: string;
+    format?: boolean;
+    rowHeight?: 'auto' | 'equal' | 'synced' | number;
+}
+export declare function LiveCode({ input: initInput, config: initConfig, output: initOutput, options, fn, fnName, labelInput, labelConfig, labelOutput, emptyText, disableInput, disableConfig, showQuotes, className, language, format, rowHeight, }: LiveCodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=live-code.d.ts.map

package/dist/components/organisms/live-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-code.d.ts","sourceRoot":"","sources":["../../../src/components/organisms/live-code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC7B,EAAE,CAAC,EAAE,CACH,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,OAAO,EACf,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EACjC,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,KACzB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD;AAQD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAe,EACvB,OAAO,EACP,EAAE,EACF,MAAM,EACN,UAAoB,EACpB,WAAsB,EACtB,WAAsB,EACtB,SAA2B,EAC3B,YAAoB,EACpB,aAAqB,EACrB,UAAiB,EACjB,SAAS,EACT,QAAiB,EACjB,MAAa,EACb,SAAS,GACV,EAAE,aAAa,2CAgFf"}