@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/atoms/mapping-breadcrumb.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function MappingBreadcrumb({ segments, onNavigate, className = '', }) {
+    return (_jsx("nav", { className: `elb-mapping-breadcrumb ${className}`, "aria-label": "Breadcrumb", children: _jsx("ol", { className: "elb-mapping-breadcrumb-list", children: segments.map((segment, index) => {
+                const isLast = index === segments.length - 1;
+                const isRoot = segment.nodeType === 'root';
+                const isClickable = !isLast || isRoot;
+                return (_jsx("li", { className: "elb-mapping-breadcrumb-item", children: isClickable ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: `elb-mapping-breadcrumb-link ${isRoot ? 'is-root' : ''}`, onClick: () => onNavigate(segment.path), "aria-current": isLast ? 'page' : undefined, children: segment.label }), !isLast && (_jsx("span", { className: "elb-mapping-breadcrumb-separator", "aria-hidden": "true", children: "/" }))] })) : (_jsx("span", { className: "elb-mapping-breadcrumb-current", children: segment.label })) }, segment.path.join('.')));
+            }) }) }));
+}
+//# sourceMappingURL=mapping-breadcrumb.js.map

package/dist/components/atoms/mapping-breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-breadcrumb.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,SAAS,GAAG,EAAE,GACS;IACvB,OAAO,CACL,cACE,SAAS,EAAE,0BAA0B,SAAS,EAAE,gBACrC,YAAY,YAEvB,aAAI,SAAS,EAAC,6BAA6B,YACxC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC;gBAC3C,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC;gBAEtC,OAAO,CACL,aAEE,SAAS,EAAC,6BAA6B,YAEtC,WAAW,CAAC,CAAC,CAAC,CACb,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,+BAA+B,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,kBACzB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAExC,OAAO,CAAC,KAAK,GACP,EACR,CAAC,MAAM,IAAI,CACV,eACE,SAAS,EAAC,kCAAkC,iBAChC,MAAM,kBAGb,CACR,IACA,CACJ,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gCAAgC,YAC7C,OAAO,CAAC,KAAK,GACT,CACR,IA1BI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CA2BxB,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-collapsible.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export interface MappingCollapsibleProps {
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    mode?: 'toggle' | 'checkbox';
+    defaultExpanded?: boolean;
+    isExpanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * MappingCollapsible - Unified collapsible component with two modes
+ *
+ * Modes:
+ * - 'toggle' (default): Chevron icon that expands/collapses content
+ * - 'checkbox': Checkbox that shows/hides content when checked
+ *
+ * Both modes support:
+ * - Two-line label: title + optional description
+ * - Controlled or uncontrolled state
+ * - Theme-aware styling
+ *
+ * @example
+ * // Toggle mode (consent widget)
+ * <MappingCollapsible
+ *   mode="toggle"
+ *   title="Consent"
+ *   description="Required consent states"
+ *   isExpanded={isExpanded}
+ *   onToggle={setIsExpanded}
+ * >
+ *   <ConsentRows />
+ * </MappingCollapsible>
+ *
+ * @example
+ * // Checkbox mode (condition widget)
+ * <MappingCollapsible
+ *   mode="checkbox"
+ *   title="Condition"
+ *   description="Conditionally apply this rule"
+ *   checked={hasCondition}
+ *   onCheckedChange={setHasCondition}
+ * >
+ *   <CodeEditor />
+ * </MappingCollapsible>
+ */
+export declare function MappingCollapsible({ title, description, children, mode, defaultExpanded, isExpanded: controlledExpanded, onToggle, checked, onCheckedChange, disabled, className, }: MappingCollapsibleProps): import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleSection: typeof MappingCollapsible;
+export declare const MappingCheckboxCollapsible: (props: Omit<MappingCollapsibleProps, "mode">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-collapsible.d.ts.map

package/dist/components/atoms/mapping-collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAe,EACf,eAAuB,EACvB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EACR,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,SAAc,GACf,EAAE,uBAAuB,2CAyGzB;AAGD,eAAO,MAAM,kBAAkB,2BAAqB,CAAC;AACrD,eAAO,MAAM,0BAA0B,GACrC,OAAO,IAAI,CAAC,uBAAuB,EAAE,MAAM,CAAC,4CACQ,CAAC"}

package/dist/components/atoms/mapping-collapsible.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * MappingCollapsible - Unified collapsible component with two modes
+ *
+ * Modes:
+ * - 'toggle' (default): Chevron icon that expands/collapses content
+ * - 'checkbox': Checkbox that shows/hides content when checked
+ *
+ * Both modes support:
+ * - Two-line label: title + optional description
+ * - Controlled or uncontrolled state
+ * - Theme-aware styling
+ *
+ * @example
+ * // Toggle mode (consent widget)
+ * <MappingCollapsible
+ *   mode="toggle"
+ *   title="Consent"
+ *   description="Required consent states"
+ *   isExpanded={isExpanded}
+ *   onToggle={setIsExpanded}
+ * >
+ *   <ConsentRows />
+ * </MappingCollapsible>
+ *
+ * @example
+ * // Checkbox mode (condition widget)
+ * <MappingCollapsible
+ *   mode="checkbox"
+ *   title="Condition"
+ *   description="Conditionally apply this rule"
+ *   checked={hasCondition}
+ *   onCheckedChange={setHasCondition}
+ * >
+ *   <CodeEditor />
+ * </MappingCollapsible>
+ */
+export function MappingCollapsible({ title, description, children, mode = 'toggle', defaultExpanded = false, isExpanded: controlledExpanded, onToggle, checked = false, onCheckedChange, disabled = false, className = '', }) {
+    const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);
+    // Toggle mode state
+    const isControlled = controlledExpanded !== undefined;
+    const isExpanded = isControlled ? controlledExpanded : uncontrolledExpanded;
+    const isOpen = mode === 'toggle' ? isExpanded : checked;
+    const handleToggle = () => {
+        if (mode === 'toggle') {
+            const newExpanded = !isExpanded;
+            if (!isControlled) {
+                setUncontrolledExpanded(newExpanded);
+            }
+            onToggle?.(newExpanded);
+        }
+        else {
+            // Checkbox mode
+            if (!disabled) {
+                onCheckedChange?.(!checked);
+            }
+        }
+    };
+    const handleCheckboxChange = (e) => {
+        onCheckedChange?.(e.target.checked);
+    };
+    // Determine which CSS classes to use
+    const containerClass = mode === 'checkbox' ? 'elb-checkbox-collapsible' : 'elb-collapsible';
+    const headerClass = mode === 'checkbox'
+        ? 'elb-checkbox-collapsible-header'
+        : 'elb-collapsible-header';
+    const labelClass = mode === 'checkbox'
+        ? 'elb-checkbox-collapsible-label'
+        : 'elb-collapsible-label';
+    const titleClass = mode === 'checkbox' ? 'elb-checkbox-collapsible-title' : 'elb-rjsf-label';
+    const descriptionClass = mode === 'checkbox'
+        ? 'elb-checkbox-collapsible-description'
+        : 'elb-collapsible-description';
+    const contentClass = mode === 'checkbox'
+        ? 'elb-checkbox-collapsible-content'
+        : 'elb-collapsible-content';
+    if (mode === 'checkbox') {
+        return (_jsxs("div", { className: `${containerClass} ${className}`.trim(), children: [_jsxs("div", { className: headerClass, onClick: handleToggle, children: [_jsx("input", { type: "checkbox", className: "elb-rjsf-checkbox elb-checkbox-collapsible-checkbox", checked: checked, onChange: handleCheckboxChange, disabled: disabled, onClick: (e) => e.stopPropagation() }), _jsxs("div", { className: labelClass, children: [_jsx("div", { className: titleClass, children: title }), description && (_jsx("div", { className: descriptionClass, children: description }))] })] }), checked && _jsx("div", { className: contentClass, children: children })] }));
+    }
+    // Toggle mode
+    return (_jsxs("div", { className: `${containerClass} ${className}`.trim(), children: [_jsxs("button", { type: "button", className: headerClass, onClick: handleToggle, children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: isExpanded ? (_jsx("polyline", { points: "6 9 12 15 18 9" })) : (_jsx("polyline", { points: "9 18 15 12 9 6" })) }), _jsxs("div", { className: labelClass, children: [_jsx("span", { className: titleClass, children: title }), description && (_jsx("span", { className: descriptionClass, children: description }))] })] }), isExpanded && _jsx("div", { className: contentClass, children: children })] }));
+}
+// Legacy exports for backward compatibility
+export const CollapsibleSection = MappingCollapsible;
+export const MappingCheckboxCollapsible = (props) => _jsx(MappingCollapsible, { ...props, mode: "checkbox" });
+//# sourceMappingURL=mapping-collapsible.js.map

package/dist/components/atoms/mapping-collapsible.js.map

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

package/dist/components/atoms/mapping-condition-field.d.ts

@@ -0,0 +1,18 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingConditionField - RJSF custom field for condition strings
+ *
+ * This is a field wrapper (not a widget) because RJSF requires custom fields
+ * for complex types. The field wraps our MappingConditionWidget and provides
+ * the necessary interface that RJSF expects for custom fields.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   condition: {
+ *     'ui:field': 'mappingCondition'
+ *   }
+ * }
+ */
+export declare function MappingConditionField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-condition-field.d.ts.map

package/dist/components/atoms/mapping-condition-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-condition-field.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-condition-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,2CA0BtD"}

package/dist/components/atoms/mapping-condition-field.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MappingConditionWidget } from './mapping-condition';
+/**
+ * MappingConditionField - RJSF custom field for condition strings
+ *
+ * This is a field wrapper (not a widget) because RJSF requires custom fields
+ * for complex types. The field wraps our MappingConditionWidget and provides
+ * the necessary interface that RJSF expects for custom fields.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   condition: {
+ *     'ui:field': 'mappingCondition'
+ *   }
+ * }
+ */
+export function MappingConditionField(props) {
+    const { formData, onChange, schema, uiSchema, idSchema, rawErrors, disabled, readonly, } = props;
+    // Convert FieldProps to WidgetProps format
+    const widgetProps = {
+        id: idSchema.$id,
+        value: formData,
+        onChange,
+        schema,
+        uiSchema,
+        rawErrors: rawErrors || [],
+        disabled: disabled || false,
+        readonly: readonly || false,
+    };
+    // @ts-expect-error - Old Phase 1 component, RJSF WidgetProps type mismatch to be fixed in Phase 5
+    return _jsx(MappingConditionWidget, { ...widgetProps });
+}
+//# sourceMappingURL=mapping-condition-field.js.map

package/dist/components/atoms/mapping-condition-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-condition-field.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-condition-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAiB;IACrD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,2CAA2C;IAC3C,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ,CAAC,GAAG;QAChB,KAAK,EAAE,QAAQ;QACf,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,QAAQ,EAAE,QAAQ,IAAI,KAAK;QAC3B,QAAQ,EAAE,QAAQ,IAAI,KAAK;KAC5B,CAAC;IAEF,kGAAkG;IAClG,OAAO,KAAC,sBAAsB,OAAK,WAAW,GAAI,CAAC;AACrD,CAAC"}

package/dist/components/atoms/mapping-condition.d.ts

@@ -0,0 +1,34 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingConditionWidget - RJSF widget for condition functions
+ *
+ * Manages condition functions as strings for mapping rules.
+ * A condition determines whether a mapping rule should be applied.
+ *
+ * States:
+ * - Unchecked (default): No condition, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     condition: {
+ *       type: 'string',
+ *       title: 'Use condition',
+ *       description: 'Conditionally apply this mapping rule'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   condition: {
+ *     'ui:widget': 'mappingCondition'
+ *   }
+ * }
+ */
+export declare function MappingConditionWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-condition.d.ts.map

package/dist/components/atoms/mapping-condition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-condition.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-condition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,WAAW,2CAgExD"}

package/dist/components/atoms/mapping-condition.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingCollapsible } from './mapping-collapsible';
+import { CodeBox } from '../molecules/code-box';
+/**
+ * Default condition function template
+ * Provides a starting point for users with parameter hints
+ */
+const DEFAULT_CONDITION = `(value, mapping, collector) => {
+  // Return true to apply this mapping rule
+  // value: The event data
+  // mapping: The mapping configuration
+  // collector: The collector instance
+  return true;
+}`;
+/**
+ * MappingConditionWidget - RJSF widget for condition functions
+ *
+ * Manages condition functions as strings for mapping rules.
+ * A condition determines whether a mapping rule should be applied.
+ *
+ * States:
+ * - Unchecked (default): No condition, value is undefined
+ * - Checked: Shows code editor with function template
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     condition: {
+ *       type: 'string',
+ *       title: 'Use condition',
+ *       description: 'Conditionally apply this mapping rule'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   condition: {
+ *     'ui:widget': 'mappingCondition'
+ *   }
+ * }
+ */
+export function MappingConditionWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, } = props;
+    const conditionCode = value || '';
+    const hasCondition = Boolean(conditionCode);
+    // Extract title and description from schema
+    const title = schema?.title || 'Use condition';
+    const description = schema?.description;
+    const handleCheckboxChange = (checked) => {
+        if (checked) {
+            // Enable condition - set to default template
+            onChange(DEFAULT_CONDITION);
+        }
+        else {
+            // Disable condition - set to undefined
+            onChange(undefined);
+        }
+    };
+    const handleCodeChange = (code) => {
+        // Update the condition code
+        onChange(code || undefined);
+    };
+    const hasError = rawErrors && rawErrors.length > 0;
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx(MappingCollapsible, { mode: "checkbox", title: title, description: description, checked: hasCondition, onCheckedChange: handleCheckboxChange, disabled: disabled || readonly, children: _jsx(CodeBox, { code: conditionCode, onChange: handleCodeChange, language: "javascript", label: "Condition", lineNumbers: true, folding: false, disabled: disabled || readonly }) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, index) => (_jsx("div", { children: error }, index))) }))] }));
+}
+//# sourceMappingURL=mapping-condition.js.map

package/dist/components/atoms/mapping-condition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-condition.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-condition.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;GAGG;AACH,MAAM,iBAAiB,GAAG;;;;;;EAMxB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkB;IACvD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAI,KAA4B,IAAI,EAAE,CAAC;IAC1D,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IAE5C,4CAA4C;IAC5C,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,eAAe,CAAC;IAC/C,MAAM,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC;IAExC,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAE,EAAE;QAChD,IAAI,OAAO,EAAE,CAAC;YACZ,6CAA6C;YAC7C,QAAQ,CAAC,iBAAiB,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,uCAAuC;YACvC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,4BAA4B;QAC5B,QAAQ,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,kBAAkB,IACjB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,EACrB,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,YAE9B,KAAC,OAAO,IACN,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAC,YAAY,EACrB,KAAK,EAAC,WAAW,EACjB,WAAW,QACX,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,IAAI,QAAQ,GAC9B,GACiB,EACpB,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,gBAAgB,YAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,wBAAkB,KAAK,IAAb,KAAK,CAAe,CAC/B,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-confirm-button.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Confirm Button - Transforms to confirmation state on click
+ *
+ * When clicked, transforms to show "Confirm?" text with visual emphasis.
+ * Clicking again confirms the action. Clicking outside or ESC cancels.
+ *
+ * By default, uses a trash icon. Can be overridden with custom icon.
+ *
+ * @example
+ * <MappingConfirmButton
+ *   confirmLabel="Delete?"
+ *   onConfirm={() => deleteItem()}
+ *   ariaLabel="Delete item"
+ * />
+ */
+export interface MappingConfirmButtonProps {
+    /** Icon to show in default state (defaults to trash icon) */
+    icon?: React.ReactNode;
+    /** Label to show in confirmation state */
+    confirmLabel?: string;
+    /** Callback when action is confirmed */
+    onConfirm: () => void;
+    /** Accessibility label */
+    ariaLabel: string;
+    /** Additional CSS class */
+    className?: string;
+}
+export declare function MappingConfirmButton({ icon, confirmLabel, onConfirm, ariaLabel, className, }: MappingConfirmButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-confirm-button.d.ts.map

package/dist/components/atoms/mapping-confirm-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-confirm-button.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-confirm-button.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,yBAAyB;IACxC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAoB,EACpB,YAAyB,EACzB,SAAS,EACT,SAAS,EACT,SAAc,GACf,EAAE,yBAAyB,2CAoD3B"}

package/dist/components/atoms/mapping-confirm-button.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+// Default trash icon
+const TrashIcon = () => (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 1.5V2.5H2V4H3V13.5C3 14.3284 3.67157 15 4.5 15H11.5C12.3284 15 13 14.3284 13 13.5V4H14V2.5H9.5V1.5H6.5ZM4.5 4H11.5V13.5H4.5V4ZM6 5.5V12H7.5V5.5H6ZM8.5 5.5V12H10V5.5H8.5Z", fill: "currentColor" }) }));
+export function MappingConfirmButton({ icon = _jsx(TrashIcon, {}), confirmLabel = 'Confirm?', onConfirm, ariaLabel, className = '', }) {
+    const [isConfirming, setIsConfirming] = useState(false);
+    const buttonRef = useRef(null);
+    // Handle click outside to cancel
+    useEffect(() => {
+        if (!isConfirming)
+            return;
+        const handleClickOutside = (e) => {
+            if (buttonRef.current && !buttonRef.current.contains(e.target)) {
+                setIsConfirming(false);
+            }
+        };
+        const handleEscape = (e) => {
+            if (e.key === 'Escape') {
+                setIsConfirming(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleEscape);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [isConfirming]);
+    const handleClick = () => {
+        if (isConfirming) {
+            // Confirm action
+            onConfirm();
+            setIsConfirming(false);
+        }
+        else {
+            // Enter confirmation state
+            setIsConfirming(true);
+        }
+    };
+    return (_jsx("button", { ref: buttonRef, type: "button", className: `elb-mapping-confirm-button ${isConfirming ? 'is-confirming' : ''} ${className}`, onClick: handleClick, "aria-label": isConfirming ? confirmLabel : ariaLabel, title: isConfirming ? confirmLabel : ariaLabel, children: isConfirming ? confirmLabel : icon }));
+}
+//# sourceMappingURL=mapping-confirm-button.js.map

package/dist/components/atoms/mapping-confirm-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-confirm-button.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-confirm-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpD,qBAAqB;AACrB,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,gLAAgL,EAClL,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAC;AA8BF,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,GAAG,KAAC,SAAS,KAAG,EACpB,YAAY,GAAG,UAAU,EACzB,SAAS,EACT,SAAS,EACT,SAAS,GAAG,EAAE,GACY;IAC1B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC3C,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBACvE,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAEnD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,YAAY,EAAE,CAAC;YACjB,iBAAiB;YACjB,SAAS,EAAE,CAAC;YACZ,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,2BAA2B;YAC3B,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,8BAA8B,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAC3F,OAAO,EAAE,WAAW,gBACR,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAE7C,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,GAC5B,CACV,CAAC;AACJ,CAAC"}

package/dist/components/atoms/mapping-consent-field.d.ts

@@ -0,0 +1,20 @@
+import type { FieldProps } from '@rjsf/utils';
+/**
+ * MappingConsentField - RJSF custom field for consent object
+ *
+ * This is a field wrapper (not a widget) because RJSF requires custom fields
+ * for object types, not widgets. Widgets are only used for primitive types.
+ *
+ * The field wraps our MappingConsentWidget and provides the necessary
+ * interface that RJSF expects for custom fields.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   consent: {
+ *     'ui:field': 'mappingConsent'
+ *   }
+ * }
+ */
+export declare function MappingConsentField(props: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-consent-field.d.ts.map

package/dist/components/atoms/mapping-consent-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-consent-field.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-consent-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,2CA0BpD"}

package/dist/components/atoms/mapping-consent-field.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MappingConsentWidget } from './mapping-consent';
+/**
+ * MappingConsentField - RJSF custom field for consent object
+ *
+ * This is a field wrapper (not a widget) because RJSF requires custom fields
+ * for object types, not widgets. Widgets are only used for primitive types.
+ *
+ * The field wraps our MappingConsentWidget and provides the necessary
+ * interface that RJSF expects for custom fields.
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   consent: {
+ *     'ui:field': 'mappingConsent'
+ *   }
+ * }
+ */
+export function MappingConsentField(props) {
+    const { formData, onChange, schema, uiSchema, idSchema, rawErrors, disabled, readonly, } = props;
+    // Convert FieldProps to WidgetProps format
+    const widgetProps = {
+        id: idSchema.$id,
+        value: formData,
+        onChange,
+        schema,
+        uiSchema,
+        rawErrors: rawErrors || [],
+        disabled: disabled || false,
+        readonly: readonly || false,
+    };
+    // @ts-expect-error - Old Phase 1 component, RJSF WidgetProps type mismatch to be fixed in Phase 5
+    return _jsx(MappingConsentWidget, { ...widgetProps });
+}
+//# sourceMappingURL=mapping-consent-field.js.map

package/dist/components/atoms/mapping-consent-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-consent-field.js","sourceRoot":"","sources":["../../../src/components/atoms/mapping-consent-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,2CAA2C;IAC3C,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,QAAQ,CAAC,GAAG;QAChB,KAAK,EAAE,QAAQ;QACf,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,QAAQ,EAAE,QAAQ,IAAI,KAAK;QAC3B,QAAQ,EAAE,QAAQ,IAAI,KAAK;KAC5B,CAAC;IAEF,kGAAkG;IAClG,OAAO,KAAC,oBAAoB,OAAK,WAAW,GAAI,CAAC;AACnD,CAAC"}

package/dist/components/atoms/mapping-consent.d.ts

@@ -0,0 +1,34 @@
+import type { WidgetProps } from '@rjsf/utils';
+/**
+ * MappingConsentWidget - RJSF widget for consent object
+ *
+ * Manages consent requirements as an object: { [consentType: string]: boolean }
+ * where true = granted required, false = denied required
+ *
+ * States:
+ * - Default (no consent): Shows grey "+ Require consent" button
+ * - With data: Shows collapsible section with consent rows
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     consent: {
+ *       type: 'object',
+ *       title: 'Consent',
+ *       description: 'Required consent states'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   consent: {
+ *     'ui:widget': 'mappingConsent'
+ *   }
+ * }
+ */
+export declare function MappingConsentWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-consent.d.ts.map

package/dist/components/atoms/mapping-consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-consent.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/mapping-consent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,2CA8HtD"}

package/dist/components/atoms/mapping-consent.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { MappingCollapsible } from './mapping-collapsible';
+import { ConsentRow } from '../molecules/mapping-consent-row';
+import { IconButton } from './icon-button';
+/**
+ * MappingConsentWidget - RJSF widget for consent object
+ *
+ * Manages consent requirements as an object: { [consentType: string]: boolean }
+ * where true = granted required, false = denied required
+ *
+ * States:
+ * - Default (no consent): Shows grey "+ Require consent" button
+ * - With data: Shows collapsible section with consent rows
+ *
+ * @example
+ * // In schema:
+ * const schema = {
+ *   type: 'object',
+ *   properties: {
+ *     consent: {
+ *       type: 'object',
+ *       title: 'Consent',
+ *       description: 'Required consent states'
+ *     }
+ *   }
+ * }
+ *
+ * @example
+ * // In uiSchema:
+ * const uiSchema = {
+ *   consent: {
+ *     'ui:widget': 'mappingConsent'
+ *   }
+ * }
+ */
+export function MappingConsentWidget(props) {
+    const { id, value, onChange, disabled, readonly, rawErrors = [], schema, } = props;
+    const consentData = value || {};
+    const hasConsent = Object.keys(consentData).length > 0;
+    // Extract title and description from schema
+    const title = schema?.title || 'Consent';
+    const description = schema?.description;
+    // Start expanded if we have existing consent data
+    const [isExpanded, setIsExpanded] = useState(hasConsent);
+    // Update expanded state when consent data changes (e.g., switching between mapping rules)
+    useEffect(() => {
+        setIsExpanded(hasConsent);
+    }, [hasConsent]);
+    const handleAddConsent = () => {
+        // Add a new consent entry with empty key and true value (checked by default)
+        const newConsent = { ...consentData, '': true };
+        onChange(newConsent);
+        if (!isExpanded) {
+            setIsExpanded(true);
+        }
+    };
+    const handleUpdateConsentType = (oldKey, newKey) => {
+        if (oldKey === newKey)
+            return;
+        const newConsent = { ...consentData };
+        const value = newConsent[oldKey];
+        delete newConsent[oldKey];
+        // Only add if newKey is not empty
+        if (newKey.trim()) {
+            newConsent[newKey] = value;
+        }
+        // If no entries left, set to undefined
+        const finalConsent = Object.keys(newConsent).length > 0 ? newConsent : undefined;
+        onChange(finalConsent);
+    };
+    const handleUpdateGranted = (key, granted) => {
+        const newConsent = { ...consentData, [key]: granted };
+        onChange(newConsent);
+    };
+    const handleRemove = (key) => {
+        const newConsent = { ...consentData };
+        delete newConsent[key];
+        // If no entries left, set to undefined
+        const finalConsent = Object.keys(newConsent).length > 0 ? newConsent : undefined;
+        onChange(finalConsent);
+    };
+    const hasError = rawErrors && rawErrors.length > 0;
+    return (_jsxs("div", { className: "elb-rjsf-widget", children: [_jsx(MappingCollapsible, { mode: "toggle", title: title, description: description, isExpanded: isExpanded, onToggle: setIsExpanded, children: hasConsent ? (_jsxs("div", { className: "elb-consent-rows", children: [Object.entries(consentData).map(([key, granted], index) => (_jsx(ConsentRow, { consentType: key, granted: granted, onConsentTypeChange: (newKey) => handleUpdateConsentType(key, newKey), onGrantedChange: (newGranted) => handleUpdateGranted(key, newGranted), onRemove: () => handleRemove(key) }, index))), _jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddConsent, disabled: disabled || readonly, className: "elb-consent-add-row-button", children: "Add consent" })] })) : (_jsx(IconButton, { icon: "add", variant: "default", onClick: handleAddConsent, disabled: disabled || readonly, className: "elb-consent-add-button", children: "Require consent" })) }), hasError && (_jsx("div", { className: "elb-rjsf-error", children: rawErrors.map((error, index) => (_jsx("div", { children: error }, index))) }))] }));
+}
+//# sourceMappingURL=mapping-consent.js.map

package/dist/components/atoms/mapping-consent.js.map

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