@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/config-tree-sidebar.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { MappingInputWithButton } from '../atoms/mapping-input-with-button';
+function ConfigTreeNodeComponent({ node, expandedPaths, selectedPath, onToggle, onSelect, onAddAction, level, }) {
+    const pathKey = node.path.join('.');
+    const isExpanded = expandedPaths.has(pathKey);
+    const isSelected = node.path.length > 0 && node.path.join('.') === selectedPath.join('.');
+    // Check if this node is an ancestor of the selected path
+    const isAncestor = node.path.length > 0 &&
+        selectedPath.length > node.path.length &&
+        node.path.every((segment, i) => segment === selectedPath[i]);
+    const hasChildren = node.children && node.children.length > 0;
+    const showToggle = (hasChildren && node.isExpandable) ||
+        node.type === 'entity' ||
+        (node.key === 'mapping' && node.path.length === 1);
+    const showChildren = hasChildren && isExpanded;
+    // State for adding new action (only for entities under mapping)
+    const [isAddingAction, setIsAddingAction] = useState(false);
+    const [newActionName, setNewActionName] = useState('');
+    const [actionExists, setActionExists] = useState(false);
+    const inputRef = useRef(null);
+    // Check if this is an entity node (path like ['mapping', 'product'])
+    const isEntityNode = node.type === 'entity' &&
+        node.path.length === 2 &&
+        node.path[0] === 'mapping';
+    // Focus input when adding action
+    useEffect(() => {
+        if (isAddingAction && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [isAddingAction]);
+    // Check if action exists in children
+    useEffect(() => {
+        if (isEntityNode && newActionName) {
+            const exists = node.children?.some((child) => child.label === newActionName) ?? false;
+            setActionExists(exists);
+        }
+    }, [newActionName, node, isEntityNode]);
+    // Handle add action button click
+    const handleAddClick = (e) => {
+        e.stopPropagation();
+        if (!isExpanded) {
+            onToggle(node.path);
+        }
+        setIsAddingAction(true);
+    };
+    // Handle action input submit
+    const handleActionSubmit = () => {
+        if (!newActionName.trim()) {
+            setIsAddingAction(false);
+            setNewActionName('');
+            return;
+        }
+        if (actionExists) {
+            // Navigate to existing action
+            const existingChild = node.children?.find((child) => child.label === newActionName);
+            if (existingChild) {
+                onSelect(existingChild.path);
+            }
+            setIsAddingAction(false);
+            setNewActionName('');
+            setActionExists(false);
+        }
+        else if (onAddAction && isEntityNode) {
+            // Create new action
+            onAddAction(node.path[1], newActionName.trim());
+            setIsAddingAction(false);
+            setNewActionName('');
+        }
+    };
+    // Handle action input key down
+    const handleActionKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            setIsAddingAction(false);
+            setNewActionName('');
+            setActionExists(false);
+        }
+    };
+    // Handle row click
+    const handleRowClick = (e) => {
+        const target = e.target;
+        const isToggleClick = target.classList.contains('elb-mapping-tree-toggle');
+        const isAddButtonClick = target.classList.contains('elb-mapping-tree-add-button');
+        if (isAddButtonClick) {
+            return; // Already handled by button
+        }
+        if (isToggleClick && showToggle) {
+            // Clicked on toggle arrow - always toggle
+            onToggle(node.path);
+        }
+        else {
+            // Clicked on row - select and navigate
+            onSelect(node.path);
+            // Also expand if has children and not already expanded
+            if (hasChildren && !isExpanded) {
+                onToggle(node.path);
+            }
+        }
+    };
+    const displayLabel = node.label;
+    return (_jsxs("div", { className: `elb-mapping-tree-node elb-mapping-tree-node--level-${level}`, children: [_jsxs("div", { className: `elb-mapping-tree-node-content ${isSelected ? 'is-selected' : ''} ${isAncestor ? 'is-ancestor' : ''} ${isEntityNode ? 'is-entity' : ''} ${!node.hasValue ? 'is-empty' : ''}`, onClick: handleRowClick, role: "button", tabIndex: 0, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        handleRowClick(e);
+                    }
+                }, children: [showToggle ? (_jsx("span", { className: `elb-mapping-tree-toggle ${isExpanded ? 'is-expanded' : ''}`, children: "\u203A" })) : (_jsx("span", { className: "elb-mapping-tree-spacer" })), _jsx("span", { className: `elb-mapping-tree-label elb-mapping-tree-label--${node.type}`, children: displayLabel }), isEntityNode && onAddAction && (_jsx("button", { type: "button", className: "elb-mapping-tree-add-button", onClick: handleAddClick, "aria-label": "Add action", title: "Add action", children: "+" }))] }), showChildren && (_jsxs("div", { className: "elb-mapping-tree-children", children: [node.children?.map((child) => (_jsx(ConfigTreeNodeComponent, { node: child, expandedPaths: expandedPaths, selectedPath: selectedPath, onToggle: onToggle, onSelect: onSelect, onAddAction: onAddAction, level: level + 1 }, child.path.join('.')))), isAddingAction && isEntityNode && (_jsxs("div", { className: "elb-mapping-tree-add-action", children: [_jsx("span", { className: "elb-mapping-tree-spacer" }), _jsx("div", { ref: inputRef, className: "elb-mapping-tree-add-input-wrapper", children: _jsx(MappingInputWithButton, { value: newActionName, onChange: (val) => setNewActionName(val), onSubmit: handleActionSubmit, onKeyDown: handleActionKeyDown, buttonLabel: actionExists ? 'Open' : 'Create', showButton: true, placeholder: "action", className: `elb-mapping-tree-add-input ${actionExists ? 'is-existing' : ''}`, autoFocus: true }) })] }))] }))] }));
+}
+export function ConfigTreeSidebar({ tree, currentPath, expandedPaths, visible, onToggle, onNavigate, onAddAction, onAddEntity, onClose, className = '', }) {
+    const [isAddingEntity, setIsAddingEntity] = useState(false);
+    const [newEntityName, setNewEntityName] = useState('');
+    const [entityExists, setEntityExists] = useState(false);
+    const entityInputRef = useRef(null);
+    // Focus input when adding entity
+    useEffect(() => {
+        if (isAddingEntity && entityInputRef.current) {
+            entityInputRef.current.focus();
+        }
+    }, [isAddingEntity]);
+    // Check if entity exists in mapping section
+    useEffect(() => {
+        if (newEntityName) {
+            const mappingNode = tree.find((node) => node.key === 'mapping');
+            const exists = mappingNode?.children?.some((child) => child.label === newEntityName) ??
+                false;
+            setEntityExists(exists);
+        }
+    }, [newEntityName, tree]);
+    if (!visible) {
+        return null;
+    }
+    const handleAddEntityClick = () => {
+        setIsAddingEntity(true);
+    };
+    const handleEntityInput = (e) => {
+        setNewEntityName(e.target.value);
+    };
+    const handleEntitySubmit = () => {
+        if (!newEntityName.trim()) {
+            setIsAddingEntity(false);
+            setNewEntityName('');
+            return;
+        }
+        if (entityExists) {
+            // Navigate to existing entity - find and navigate to it
+            const mappingNode = tree.find((node) => node.key === 'mapping');
+            const existingEntity = mappingNode?.children?.find((child) => child.label === newEntityName);
+            if (existingEntity) {
+                onNavigate(existingEntity.path);
+                onToggle(existingEntity.path);
+            }
+            setIsAddingEntity(false);
+            setNewEntityName('');
+            setEntityExists(false);
+        }
+        else if (onAddEntity) {
+            // Create new entity
+            onAddEntity(newEntityName.trim());
+            setIsAddingEntity(false);
+            setNewEntityName('');
+        }
+    };
+    const handleEntityKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleEntitySubmit();
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            setIsAddingEntity(false);
+            setNewEntityName('');
+            setEntityExists(false);
+        }
+    };
+    const handleEntityBlur = () => {
+        // Small delay to allow click events to fire, then submit
+        setTimeout(() => {
+            handleEntitySubmit();
+        }, 150);
+    };
+    return (_jsxs("aside", { className: `elb-mapping-tree-sidebar ${className}`, "aria-label": "Config structure", children: [_jsxs("div", { className: "elb-mapping-tree-content", children: [tree.map((node) => (_jsx(ConfigTreeNodeComponent, { node: node, expandedPaths: expandedPaths, selectedPath: currentPath, onToggle: onToggle, onSelect: onNavigate, onAddAction: onAddAction, level: 0 }, node.path.join('.')))), _jsxs("div", { className: "elb-mapping-tree-add-entity-section", children: [!isAddingEntity && onAddEntity && (_jsxs("button", { type: "button", className: "elb-mapping-tree-add-entity-button", onClick: handleAddEntityClick, children: [_jsx("span", { children: "+" }), " Add Entity"] })), isAddingEntity && (_jsx("div", { className: "elb-mapping-tree-add-entity", children: _jsx("input", { ref: entityInputRef, type: "text", className: `elb-mapping-tree-add-entity-input ${entityExists ? 'is-error' : ''}`, value: newEntityName, onChange: handleEntityInput, onKeyDown: handleEntityKeyDown, onBlur: handleEntityBlur, placeholder: "entity" }) }))] }), _jsx("div", { className: "elb-mapping-tree-bottom-padding" })] }), onClose && (_jsx("button", { type: "button", className: "elb-mapping-tree-close-button", onClick: onClose, "aria-label": "Close tree sidebar", title: "Close sidebar", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M15 18L9 12L15 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }));
+}
+//# sourceMappingURL=config-tree-sidebar.js.map

package/dist/components/molecules/config-tree-sidebar.js.map

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

package/dist/components/molecules/destination-config-overview-pane.d.ts

@@ -0,0 +1,33 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+import type { DestinationSchemas } from '../../types/schemas';
+/**
+ * Destination Config Overview Pane - Shows root-level config properties as tiles
+ *
+ * Displays the top-level structure of a DestinationConfig, showing both
+ * configured and available properties based on the destinationConfigStructureSchema.
+ *
+ * Features:
+ * - Displays configured properties with status/value preview
+ * - Shows available properties from schema (if not yet configured)
+ * - Click tile to navigate to detailed editor
+ * - Schema-driven type detection for correct editor pane
+ *
+ * Similar to SettingsOverviewPane but for root-level config structure
+ * (settings, mapping, data, policy, consent, id, loadScript, queue, verbose)
+ *
+ * @example
+ * <DestinationConfigOverviewPane
+ *   mappingState={configState}
+ *   navigation={navigation}
+ *   schemas={metaPixelSchemas}
+ * />
+ */
+export interface DestinationConfigOverviewPaneProps {
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schemas?: DestinationSchemas;
+    className?: string;
+}
+export declare function DestinationConfigOverviewPane({ mappingState, navigation, schemas, className, }: DestinationConfigOverviewPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=destination-config-overview-pane.d.ts.map

package/dist/components/molecules/destination-config-overview-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"destination-config-overview-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/destination-config-overview-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AASnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,kCAAkC;IACjD,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiHD,wBAAgB,6BAA6B,CAAC,EAC5C,YAAY,EACZ,UAAU,EACV,OAAO,EACP,SAAc,GACf,EAAE,kCAAkC,2CAuHpC"}

package/dist/components/molecules/destination-config-overview-pane.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RuleTile } from '../atoms/config-tile';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { destinationConfigStructureSchema, getRootPropertyNodeType, } from '../../schemas/config-structures/destination-config';
+import { detectNodeTypeFromSchema } from '../../utils/type-detector';
+function getPropertyStatus(key, value) {
+    // Property not configured
+    if (value === undefined || value === null) {
+        return { enabled: false, text: 'Not set' };
+    }
+    switch (key) {
+        case 'settings': {
+            if (typeof value !== 'object' || Array.isArray(value)) {
+                return { enabled: false, text: 'Not set' };
+            }
+            const count = Object.keys(value).length;
+            return count > 0
+                ? {
+                    enabled: true,
+                    text: `${count} ${count === 1 ? 'setting' : 'settings'}`,
+                }
+                : { enabled: false, text: 'Not set' };
+        }
+        case 'mapping': {
+            if (typeof value !== 'object' || Array.isArray(value)) {
+                return { enabled: false, text: 'Not set' };
+            }
+            // Count entity-action pairs
+            const mappingObj = value;
+            let ruleCount = 0;
+            Object.values(mappingObj).forEach((entityConfig) => {
+                if (typeof entityConfig === 'object' && entityConfig !== null) {
+                    ruleCount += Object.keys(entityConfig).length;
+                }
+            });
+            return ruleCount > 0
+                ? {
+                    enabled: true,
+                    text: `${ruleCount} ${ruleCount === 1 ? 'rule' : 'rules'}`,
+                }
+                : { enabled: false, text: 'Not set' };
+        }
+        case 'policy': {
+            if (typeof value !== 'object' || Array.isArray(value)) {
+                return { enabled: false, text: 'Not set' };
+            }
+            const count = Object.keys(value).length;
+            return count > 0
+                ? {
+                    enabled: true,
+                    text: `${count} ${count === 1 ? 'condition' : 'conditions'}`,
+                }
+                : { enabled: false, text: 'Not set' };
+        }
+        case 'consent': {
+            if (typeof value !== 'object' || Array.isArray(value)) {
+                return { enabled: false, text: 'Not set' };
+            }
+            const count = Object.keys(value).length;
+            return count > 0
+                ? {
+                    enabled: true,
+                    text: `${count} ${count === 1 ? 'state' : 'states'}`,
+                }
+                : { enabled: false, text: 'Not set' };
+        }
+        case 'data': {
+            return { enabled: true, text: 'Configured' };
+        }
+        case 'id': {
+            if (typeof value === 'string' && value.trim()) {
+                return { enabled: true, text: value };
+            }
+            return { enabled: false, text: 'Not set' };
+        }
+        case 'loadScript':
+        case 'queue':
+        case 'verbose': {
+            if (typeof value === 'boolean') {
+                return { enabled: true, text: value ? 'Enabled' : 'Disabled' };
+            }
+            return { enabled: false, text: 'Not set' };
+        }
+        default: {
+            // Generic handling for unknown properties
+            if (typeof value === 'string') {
+                return { enabled: true, text: value };
+            }
+            if (typeof value === 'number') {
+                return { enabled: true, text: String(value) };
+            }
+            if (typeof value === 'boolean') {
+                return { enabled: true, text: value ? 'Enabled' : 'Disabled' };
+            }
+            if (Array.isArray(value)) {
+                return { enabled: true, text: `${value.length} items` };
+            }
+            if (typeof value === 'object') {
+                const keys = Object.keys(value);
+                return { enabled: true, text: `${keys.length} properties` };
+            }
+            return { enabled: true, text: 'Configured' };
+        }
+    }
+}
+export function DestinationConfigOverviewPane({ mappingState, navigation, schemas, className = '', }) {
+    const config = mappingState.config;
+    // Gather all property keys (from value + schema)
+    const configuredKeys = Object.keys(config).filter((key) => config[key] !== undefined);
+    const schemaKeys = destinationConfigStructureSchema.properties
+        ? Object.keys(destinationConfigStructureSchema.properties)
+        : [];
+    const allKeys = Array.from(new Set([...configuredKeys, ...schemaKeys])).sort();
+    // Separate configured vs available
+    const configuredProperties = [];
+    const availableProperties = [];
+    allKeys.forEach((key) => {
+        const propSchema = destinationConfigStructureSchema.properties?.[key];
+        const title = propSchema?.title || key.charAt(0).toUpperCase() + key.slice(1);
+        const description = propSchema?.description;
+        // Determine NodeType using schema-driven approach
+        const definedType = getRootPropertyNodeType(key);
+        const nodeType = definedType
+            ? definedType
+            : propSchema
+                ? detectNodeTypeFromSchema(propSchema)
+                : 'valueConfig';
+        if (key in config && config[key] !== undefined) {
+            configuredProperties.push({
+                key,
+                title,
+                description,
+                nodeType,
+                value: config[key],
+            });
+        }
+        else {
+            availableProperties.push({
+                key,
+                title,
+                description,
+                nodeType,
+            });
+        }
+    });
+    const handlePropertyClick = (key, nodeType) => {
+        navigation.openTab([key], nodeType);
+    };
+    return (_jsxs(BaseMappingPane, { title: "Destination Configuration", description: configuredProperties.length === 0
+            ? 'No configuration yet. Click a tile to start configuring.'
+            : `${configuredProperties.length} ${configuredProperties.length === 1 ? 'property' : 'properties'} configured`, navigation: navigation, hideNavigation: true, className: className, children: [_jsx("div", { className: "elb-mapping-rule-section-grid", children: configuredProperties.map((property) => (_jsx(RuleTile, { label: property.title, description: property.description || '', status: getPropertyStatus(property.key, property.value), onClick: () => handlePropertyClick(property.key, property.nodeType) }, property.key))) }), availableProperties.length > 0 && (_jsxs("div", { className: "elb-mapping-rule-section", children: [_jsx("h3", { className: "elb-mapping-rule-section-title", children: "Available Configuration Options" }), _jsx("p", { className: "elb-mapping-rule-section-description", children: "Click to configure additional destination options" }), _jsx("div", { className: "elb-mapping-rule-section-grid", children: availableProperties.map((property) => (_jsx(RuleTile, { label: property.title, description: property.description || '', status: { enabled: false, text: 'Not set' }, onClick: () => handlePropertyClick(property.key, property.nodeType) }, property.key))) })] }))] }));
+}
+//# sourceMappingURL=destination-config-overview-pane.js.map

package/dist/components/molecules/destination-config-overview-pane.js.map

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

package/dist/components/molecules/flow-map/FlowMap.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+export type FlowMarkerPosition = 'source' | 'source-left' | 'source-right' | 'collector' | 'collector-left' | 'collector-right' | 'destination' | 'destination-left' | 'destination-right' | `source-${string}` | `source-${string}-left` | `source-${string}-right` | `destination-${string}` | `destination-${string}-left` | `destination-${string}-right` | `pre-${string}` | `pre-${string}-left` | `pre-${string}-right` | `post-${string}` | `post-${string}-left` | `post-${string}-right` | 'stage-before' | 'stage-before-right' | 'stage-after' | 'stage-after-left' | 'incoming' | 'outgoing' | 'source-collector' | 'collector-destination' | `source-${string}-pre` | `source-${string}-collector` | `pre-${string}-next` | 'pre-collector' | 'collector-post' | `post-${string}-next` | `post-destination-${string}` | 'before-source' | 'destination-after';
+export interface FlowMarker {
+    position: FlowMarkerPosition;
+    /** ID displayed inside the marker dot. Default: array index + 1 */
+    id?: string;
+    /** Legend text. If provided, marker appears in legend below diagram */
+    text?: string;
+}
+export interface FlowStageConfig {
+    /** Iconify icon name to display before the label (e.g., 'simple-icons:google-analytics') */
+    icon?: string;
+    label?: string;
+    text?: React.ReactNode;
+    description?: React.ReactNode;
+    highlight?: boolean;
+    /** Makes box clickable. undefined = default URL, false = not clickable, string = custom URL */
+    link?: false | string;
+}
+export interface FlowSourceConfig extends FlowStageConfig {
+    /** Name of pre-transformer to connect to. Omit to connect directly to collector. */
+    next?: string;
+}
+export interface FlowTransformerConfig extends FlowStageConfig {
+    /** Name of next transformer in chain. Omit to connect to collector (pre) or destination (post). */
+    next?: string;
+}
+export interface FlowDestinationConfig extends FlowStageConfig {
+    /** Name of post-transformer to receive from. Omit to receive directly from collector. */
+    before?: string;
+    /** Optional: stage after this destination (e.g., external platform). Overrides shared stageAfter. */
+    after?: FlowStageConfig;
+}
+export interface FlowLayoutConfig {
+    labelSize: number;
+    labelWeight: string;
+    textSize: number;
+    textWeight: string;
+    boxHeight: number;
+    descriptionSize: number;
+}
+export declare const defaultLayout: FlowLayoutConfig;
+export interface FlowMapProps {
+    /** Optional: stage before source (e.g., "Browser") */
+    stageBefore?: FlowStageConfig;
+    /** Sources with named keys. Each source can specify `next` to connect to a pre-transformer. */
+    sources?: Record<string, FlowSourceConfig>;
+    /** Pre-transformers between sources and collector. Chain via `next` property. */
+    preTransformers?: Record<string, FlowTransformerConfig>;
+    /** Optional: customize collector stage */
+    collector?: FlowStageConfig;
+    /** Post-transformers between collector and destinations. */
+    postTransformers?: Record<string, FlowTransformerConfig>;
+    /** Destinations with named keys. Each destination can specify `before` to receive from a post-transformer. */
+    destinations?: Record<string, FlowDestinationConfig>;
+    /** Optional: stage after destination (e.g., "gtag") */
+    stageAfter?: FlowStageConfig;
+    /** Optional: title above diagram */
+    title?: string;
+    /** Optional: layout configuration */
+    layout?: FlowLayoutConfig;
+    /** Optional: height of stage boxes (default: 50) */
+    boxHeight?: number;
+    /** Optional: height of description area below boxes (default: 30) */
+    descriptionHeight?: number;
+    /** Optional: additional CSS class */
+    className?: string;
+    /** Optional: array of markers to display */
+    markers?: FlowMarker[];
+    /** Optional: show two arrows per connection (forward → and return ←) with parallel offset */
+    withReturn?: boolean;
+}
+export declare function FlowMap({ stageBefore, sources, preTransformers, collector, postTransformers, destinations, stageAfter, title, layout, boxHeight: boxHeightProp, descriptionHeight: descriptionHeightProp, markers, className, withReturn, }: FlowMapProps): React.ReactElement;
+//# sourceMappingURL=FlowMap.d.ts.map

package/dist/components/molecules/flow-map/FlowMap.d.ts.map

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