@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/preview.stories.d.ts

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Preview } from './preview';
+/**
+ * Preview - HTML preview component with data attribute highlighting
+ *
+ * Renders HTML in an isolated iframe with buttons to highlight different
+ * walkerOS data attributes (context, entity, property, action).
+ * Optionally captures events when onEvent callback is provided.
+ */
+declare const meta: Meta<typeof Preview>;
+export default meta;
+type Story = StoryObj<typeof Preview>;
+/**
+ * Default preview with product card HTML and styling
+ *
+ * Features highlight buttons to show walkerOS data attributes:
+ * - Context (purple)
+ * - Entity (blue)
+ * - Property (green)
+ * - Action (orange)
+ */
+export declare const Default: Story;
+//# sourceMappingURL=preview.stories.d.ts.map

package/dist/components/molecules/preview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AA4JtC;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/dist/components/molecules/preview.stories.js

@@ -0,0 +1,186 @@
+import { Preview } from './preview';
+/**
+ * Preview - HTML preview component with data attribute highlighting
+ *
+ * Renders HTML in an isolated iframe with buttons to highlight different
+ * walkerOS data attributes (context, entity, property, action).
+ * Optionally captures events when onEvent callback is provided.
+ */
+const meta = {
+    component: Preview,
+    title: 'Molecules/Preview',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+const sampleHtml = `<div
+  data-elb="product"
+  data-elbaction="load:view"
+  data-elbcontext="stage:inspire"
+  class="product-card">
+  <figure class="product-image">
+    <div class="product-badge-container">
+      <div data-elb-product="badge:delicious" class="product-badge">delicious</div>
+    </div>
+  </figure>
+  <div class="product-body">
+    <h3 data-elb-product="name:#innerText" class="product-title">
+      Everyday Ruck Snack
+    </h3>
+    <div class="product-form-control">
+      <label class="product-label">Taste</label>
+      <select
+        data-elb-product="taste:#value"
+        class="product-select">
+        <option value="sweet">Sweet</option>
+        <option value="spicy">Spicy</option>
+      </select>
+    </div>
+    <p data-elb-product="price:2.50" class="product-price">
+      € 2.50 <span data-elb-product="old_price:3.14" class="product-old-price">€ 3.14</span>
+    </p>
+    <div data-elbcontext="stage:hooked" class="product-actions">
+      <button data-elbaction="click:save" class="product-button product-button-secondary">
+        Add to Wishlist
+      </button>
+      <button data-elbaction="click:add" class="product-button product-button-primary">
+        Add to Cart
+      </button>
+    </div>
+  </div>
+</div>`;
+const sampleCss = `
+* {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+.product-card {
+  width: 288px;
+  background: white;
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+  border-radius: 8px;
+  overflow: hidden;
+  margin: 0 auto;
+}
+
+.product-image {
+  position: relative;
+  height: 200px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  margin: 0;
+}
+
+.product-badge-container {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.product-badge {
+  background: #01b5e2;
+  color: white;
+  padding: 4px 12px;
+  border-radius: 12px;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+.product-body {
+  padding: 16px;
+}
+
+.product-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin: 0 0 16px 0;
+  color: #1f2937;
+}
+
+.product-form-control {
+  margin-bottom: 16px;
+}
+
+.product-label {
+  display: block;
+  font-size: 0.875rem;
+  font-weight: 500;
+  margin-bottom: 4px;
+  color: #374151;
+}
+
+.product-select {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+.product-price {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: #1f2937;
+  margin: 0 0 16px 0;
+}
+
+.product-old-price {
+  font-size: 0.875rem;
+  color: #9ca3af;
+  text-decoration: line-through;
+  font-weight: 400;
+  margin-left: 8px;
+}
+
+.product-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.product-button {
+  flex: 1;
+  padding: 10px;
+  border: none;
+  border-radius: 6px;
+  font-weight: 600;
+  font-size: 0.875rem;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.product-button-secondary {
+  background: #f3f4f6;
+  color: #4b5563;
+}
+
+.product-button-secondary:hover {
+  background: #e5e7eb;
+}
+
+.product-button-primary {
+  background: #3b82f6;
+  color: white;
+}
+
+.product-button-primary:hover {
+  background: #2563eb;
+}
+`;
+/**
+ * Default preview with product card HTML and styling
+ *
+ * Features highlight buttons to show walkerOS data attributes:
+ * - Context (purple)
+ * - Entity (blue)
+ * - Property (green)
+ * - Action (orange)
+ */
+export const Default = {
+    args: {
+        label: 'Preview',
+        html: sampleHtml,
+        css: sampleCss,
+    },
+};
+//# sourceMappingURL=preview.stories.js.map

package/dist/components/molecules/preview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/preview.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmCZ,CAAC;AAER,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;CACF,CAAC"}

package/dist/components/molecules/property-suggestions.d.ts

@@ -0,0 +1,17 @@
+import type { RJSFSchema } from '@rjsf/utils';
+import type { NodeType } from '../../hooks/useMappingNavigation';
+/**
+ * Property Suggestions Component
+ *
+ * Shows configured properties first (as tiles with values), then available suggestions in a grid.
+ * Uses schema to determine the correct NodeType for each property.
+ */
+export interface PropertySuggestionsProps {
+    schema?: RJSFSchema;
+    existingKeys?: string[];
+    currentValue?: Record<string, unknown>;
+    onSelect: (propertyName: string, nodeType: NodeType) => void;
+    className?: string;
+}
+export declare function PropertySuggestions({ schema, existingKeys, currentValue, onSelect, className, }: PropertySuggestionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=property-suggestions.d.ts.map

package/dist/components/molecules/property-suggestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-suggestions.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/property-suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAIjE;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAiB,EACjB,YAAiB,EACjB,QAAQ,EACR,SAAc,GACf,EAAE,wBAAwB,kDA2E1B"}

package/dist/components/molecules/property-suggestions.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RuleTile } from '../atoms/config-tile';
+import { detectNodeTypeFromSchema } from '../../utils/type-detector';
+function getPropertyStatus(value, title) {
+    if (value === undefined || value === null || value === '') {
+        return { enabled: false, text: 'Not set' };
+    }
+    // Simple value display
+    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 ? 'true' : 'false' };
+    }
+    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 PropertySuggestions({ schema, existingKeys = [], currentValue = {}, onSelect, className = '', }) {
+    if (!schema || !schema.properties) {
+        return null;
+    }
+    // Separate configured and available properties
+    const configuredProperties = [];
+    const availableProperties = [];
+    Object.entries(schema.properties).forEach(([name, propSchema]) => {
+        const propSchemaObj = propSchema;
+        // Detect the correct NodeType from the property's schema
+        const nodeType = detectNodeTypeFromSchema(propSchemaObj);
+        const propertyInfo = {
+            name,
+            title: propSchemaObj.title || name,
+            description: propSchemaObj.description,
+            nodeType,
+        };
+        if (existingKeys.includes(name)) {
+            configuredProperties.push(propertyInfo);
+        }
+        else {
+            availableProperties.push(propertyInfo);
+        }
+    });
+    // Sort both lists alphabetically
+    configuredProperties.sort((a, b) => a.title.localeCompare(b.title));
+    availableProperties.sort((a, b) => a.title.localeCompare(b.title));
+    return (_jsxs("div", { className: `elb-property-suggestions ${className}`, children: [configuredProperties.length > 0 && (_jsx("div", { className: "elb-property-suggestions-section", children: _jsx("div", { className: "elb-property-suggestions-grid", children: configuredProperties.map((prop) => (_jsx(RuleTile, { label: prop.title, description: prop.description || '', status: getPropertyStatus(currentValue[prop.name], prop.title), onClick: () => onSelect(prop.name, prop.nodeType) }, prop.name))) }) })), availableProperties.length > 0 && (_jsxs("div", { className: "elb-property-suggestions-section", children: [configuredProperties.length > 0 && (_jsx("div", { className: "elb-property-suggestions-divider", children: _jsx("span", { children: "Available Properties" }) })), _jsx("div", { className: "elb-property-suggestions-grid", children: availableProperties.map((prop) => (_jsx(RuleTile, { label: prop.title, description: prop.description || '', status: { enabled: false, text: 'Not set' }, onClick: () => onSelect(prop.name, prop.nodeType) }, prop.name))) })] }))] }));
+}
+//# sourceMappingURL=property-suggestions.js.map

package/dist/components/molecules/property-suggestions.js.map

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

package/dist/components/molecules/property-table.d.ts

@@ -0,0 +1,7 @@
+import type { RJSFSchema } from '@rjsf/utils';
+export interface PropertyTableProps {
+    schema: RJSFSchema;
+    className?: string;
+}
+export declare function PropertyTable({ schema, className }: PropertyTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=property-table.d.ts.map

package/dist/components/molecules/property-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-table.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/property-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmKD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAoHtE"}

package/dist/components/molecules/property-table.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+function schemaToProperties(schema) {
+    const properties = [];
+    const required = schema.required || [];
+    if (!schema.properties) {
+        return properties;
+    }
+    for (const [name, prop] of Object.entries(schema.properties)) {
+        const property = prop;
+        let type = property.type || 'any';
+        if (property.enum) {
+            type = property.enum
+                .map((v) => `'${v}'`)
+                .join(' | ');
+        }
+        if (type === 'array' && property.items) {
+            const items = property.items;
+            if (items.enum) {
+                type = `Array<${items.enum.map((v) => `'${v}'`).join(' | ')}>`;
+            }
+            else {
+                type = `Array<${items.type || 'any'}>`;
+            }
+        }
+        if (type === 'object' && property.additionalProperties) {
+            const addProps = property.additionalProperties;
+            const valueType = addProps.type || 'any';
+            type = `Record<string, ${valueType}>`;
+        }
+        if (property.anyOf || property.oneOf) {
+            const variants = (property.anyOf || property.oneOf);
+            type = variants.map((v) => v.type || 'any').join(' | ');
+        }
+        let description = property.description || '';
+        let example;
+        const exampleMatch = description.match(/\(like\s+(.+?)\)$/);
+        if (exampleMatch) {
+            example = exampleMatch[1];
+            description = description.replace(/\s*\(like\s+.+?\)$/, '');
+        }
+        if (type === 'any' && description.toLowerCase().includes('function')) {
+            type = 'function';
+        }
+        properties.push({
+            name,
+            type,
+            description,
+            required: required.includes(name),
+            default: property.default !== undefined ? String(property.default) : undefined,
+            example,
+        });
+    }
+    return properties;
+}
+function PropertyModal({ property, isOpen, onClose }) {
+    if (!isOpen || !property)
+        return null;
+    const handleBackdropClick = (e) => {
+        if (e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    return (_jsx("div", { className: "elb-property-table__modal-backdrop", onClick: handleBackdropClick, children: _jsxs("div", { className: "elb-property-table__modal-content", children: [_jsxs("div", { className: "elb-property-table__modal-header", children: [_jsxs("h3", { className: "elb-property-table__modal-title", children: [_jsx("code", { className: "elb-property-table__modal-property-name", children: property.name }), property.required && (_jsx("span", { className: "elb-property-table__required-icon", children: "*" }))] }), _jsx("button", { className: "elb-property-table__close-button", onClick: onClose, "aria-label": "Close", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "elb-property-table__modal-body", children: [_jsxs("div", { className: "elb-property-table__modal-row", children: [_jsx("span", { className: "elb-property-table__modal-label", children: "Type:" }), _jsx("code", { className: "elb-property-table__modal-type elb-property-table__modal-type--wrap", children: property.type })] }), property.description && (_jsxs("div", { className: "elb-property-table__modal-row", children: [_jsx("span", { className: "elb-property-table__modal-label", children: "Description:" }), _jsx("p", { className: "elb-property-table__modal-description", children: property.description })] })), property.default && (_jsxs("div", { className: "elb-property-table__modal-row", children: [_jsx("span", { className: "elb-property-table__modal-label", children: "Default:" }), _jsx("code", { className: "elb-property-table__modal-default", children: property.default })] })), property.example && (_jsxs("div", { className: "elb-property-table__modal-row", children: [_jsx("span", { className: "elb-property-table__modal-label", children: "Example:" }), _jsx("code", { className: "elb-property-table__modal-example", children: property.example })] }))] })] }) }));
+}
+export function PropertyTable({ schema, className }) {
+    const [selectedProperty, setSelectedProperty] = useState(null);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const properties = schemaToProperties(schema);
+    const hasRequiredProperties = properties.some((property) => property.required);
+    const TYPE_MAX_LENGTH = 30;
+    const isTruncated = (type) => type.length > TYPE_MAX_LENGTH;
+    const truncateType = (type) => {
+        if (type.length <= TYPE_MAX_LENGTH)
+            return type;
+        return type.slice(0, TYPE_MAX_LENGTH);
+    };
+    const openModal = (property) => {
+        setSelectedProperty(property);
+        setIsModalOpen(true);
+    };
+    const closeModal = () => {
+        setIsModalOpen(false);
+        setSelectedProperty(null);
+    };
+    return (_jsxs("div", { className: `elb-explorer ${className || ''}`, children: [_jsx("div", { className: "elb-property-table__container", children: _jsxs("table", { className: "elb-property-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Property" }), _jsx("th", { children: "Type" }), _jsx("th", { children: "Description" }), _jsx("th", { children: "More" })] }) }), _jsx("tbody", { children: properties.map((property, index) => (_jsxs("tr", { children: [_jsx("td", { className: "elb-property-table__property-cell", "data-label": "Property", children: _jsxs("code", { className: "elb-property-table__property-name", children: [property.name, property.required && (_jsx("span", { className: "elb-property-table__required-icon", children: "*" }))] }) }), _jsx("td", { className: "elb-property-table__type-cell", "data-label": "Type", children: isTruncated(property.type) ? (_jsx("button", { className: "elb-property-table__type-button", onClick: () => openModal(property), "aria-label": `View full type for ${property.name}`, children: _jsx("code", { className: "elb-property-table__property-type elb-property-table__property-type--truncated", children: truncateType(property.type) }) })) : (_jsx("code", { className: "elb-property-table__property-type", children: property.type })) }), _jsx("td", { className: "elb-property-table__description", "data-label": "Description", children: property.description }), _jsx("td", { className: "elb-property-table__action-cell", "data-label": "More", children: _jsx("button", { className: "elb-property-table__more-button", onClick: () => openModal(property), "aria-label": `More info about ${property.name}`, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] }) }) })] }, index))) })] }) }), hasRequiredProperties && (_jsxs("div", { className: "elb-property-table__required-notice", children: [_jsx("span", { className: "elb-property-table__required-icon", children: "*" }), " Required fields"] })), _jsx(PropertyModal, { property: selectedProperty, isOpen: isModalOpen, onClose: closeModal })] }));
+}
+//# sourceMappingURL=property-table.js.map

package/dist/components/molecules/property-table.js.map

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

package/dist/components/molecules/property-table.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PropertyTable } from './property-table';
+/**
+ * PropertyTable - Schema-based property documentation table
+ *
+ * Generates a documentation table from a JSON Schema showing properties,
+ * types, descriptions, defaults, and required fields. Click on a row to
+ * see full property details in a modal.
+ */
+declare const meta: Meta<typeof PropertyTable>;
+export default meta;
+type Story = StoryObj<typeof PropertyTable>;
+/**
+ * Default property table with various data types
+ *
+ * Demonstrates different schema types:
+ * - Required fields (marked with *)
+ * - Enum types
+ * - Arrays with typed items
+ * - Objects with additionalProperties
+ * - Union types (anyOf)
+ */
+export declare const Default: Story;
+//# sourceMappingURL=property-table.stories.d.ts.map

package/dist/components/molecules/property-table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/property-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAIpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AA2D5C;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/components/molecules/property-table.stories.js

@@ -0,0 +1,86 @@
+import { PropertyTable } from './property-table';
+/**
+ * PropertyTable - Schema-based property documentation table
+ *
+ * Generates a documentation table from a JSON Schema showing properties,
+ * types, descriptions, defaults, and required fields. Click on a row to
+ * see full property details in a modal.
+ */
+const meta = {
+    component: PropertyTable,
+    title: 'Molecules/PropertyTable',
+    tags: ['autodocs'],
+};
+export default meta;
+const exampleSchema = {
+    type: 'object',
+    required: ['apiKey', 'region'],
+    properties: {
+        apiKey: {
+            type: 'string',
+            description: 'Your API authentication key for the service',
+        },
+        region: {
+            type: 'string',
+            enum: ['us-east-1', 'eu-west-1', 'ap-south-1'],
+            description: 'Geographic region for data processing',
+            default: 'us-east-1',
+        },
+        timeout: {
+            type: 'number',
+            description: 'Request timeout in milliseconds (like 5000)',
+            default: '3000',
+        },
+        retryAttempts: {
+            type: 'number',
+            description: 'Number of retry attempts on failure',
+            default: '3',
+        },
+        enableDebug: {
+            type: 'boolean',
+            description: 'Enable verbose debug logging',
+            default: 'false',
+        },
+        tags: {
+            type: 'array',
+            items: {
+                type: 'string',
+            },
+            description: 'Custom tags for categorization (like analytics, marketing)',
+        },
+        metadata: {
+            type: 'object',
+            additionalProperties: {
+                type: 'string',
+            },
+            description: 'Additional key-value metadata',
+        },
+        endpoints: {
+            type: 'array',
+            items: {
+                enum: ['tracking', 'analytics', 'conversion'],
+            },
+            description: 'Enabled API endpoints',
+        },
+        mode: {
+            anyOf: [{ type: 'string' }, { type: 'number' }],
+            description: 'Operation mode - can be string identifier or numeric code',
+        },
+    },
+};
+/**
+ * Default property table with various data types
+ *
+ * Demonstrates different schema types:
+ * - Required fields (marked with *)
+ * - Enum types
+ * - Arrays with typed items
+ * - Objects with additionalProperties
+ * - Union types (anyOf)
+ */
+export const Default = {
+    args: {
+        schema: exampleSchema,
+    },
+};
+//# sourceMappingURL=property-table.stories.js.map

package/dist/components/molecules/property-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-table.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/property-table.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,aAAa,GAAe;IAChC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC9B,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,6CAA6C;SAC3D;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;YAC9C,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE,WAAW;SACrB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE,MAAM;SAChB;QACD,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,qCAAqC;YAClD,OAAO,EAAE,GAAG;SACb;QACD,WAAW,EAAE;YACX,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,8BAA8B;YAC3C,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,QAAQ;aACf;YACD,WAAW,EAAE,4DAA4D;SAC1E;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,oBAAoB,EAAE;gBACpB,IAAI,EAAE,QAAQ;aACf;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC;aAC9C;YACD,WAAW,EAAE,uBAAuB;SACrC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC/C,WAAW,EAAE,2DAA2D;SACzE;KACF;CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}

package/dist/components/molecules/settings-overview-pane.d.ts

@@ -0,0 +1,32 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+import type { RJSFSchema } from '@rjsf/utils';
+/**
+ * Settings Overview Pane - Shows config-level settings as tiles
+ *
+ * Similar to RuleOverview but for config.settings instead of mapping rules.
+ * Shows destination-specific settings like pixelId, measurementId, etc.
+ *
+ * Features:
+ * - Displays configured settings as tiles with values
+ * - Shows available settings from schema (if provided)
+ * - Click tile to navigate to detailed editor
+ * - Schema-driven type detection for correct editor pane
+ *
+ * @example
+ * <SettingsOverviewPane
+ *   path={['settings']}
+ *   mappingState={configState}
+ *   navigation={navigation}
+ *   schema={settingsSchema}
+ * />
+ */
+export interface SettingsOverviewPaneProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schema?: RJSFSchema;
+    className?: string;
+}
+export declare function SettingsOverviewPane({ path, mappingState, navigation, schema, className, }: SettingsOverviewPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=settings-overview-pane.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-overview-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/settings-overview-pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAc,GACf,EAAE,yBAAyB,2CA2H3B"}