@walkeros/explorer 3.0.1 → 3.0.2

package/dist/components/molecules/dropdown.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dropdown - Generic dropdown container (UI only)
+ *
+ * Pure UI component for dropdown menus.
+ * Click-outside and keyboard handling should be implemented in the parent
+ * via hooks like useDropdown.
+ *
+ * @example
+ * <Dropdown
+ *   trigger={<button>Menu</button>}
+ *   isOpen={isOpen}
+ *   onToggle={toggle}
+ *   align="right"
+ * >
+ *   <DropdownItem onClick={handleAction}>Action</DropdownItem>
+ *   <DropdownDivider />
+ *   <DropdownItem onClick={handleLogout} variant="danger">Logout</DropdownItem>
+ * </Dropdown>
+ */
+export function Dropdown({ trigger, isOpen, onToggle, children, align = 'left', ariaLabel, className = '', }) {
+    return (_jsxs("div", { className: `elb-dropdown ${className}`.trim(), children: [_jsx("div", { className: "elb-dropdown__trigger", onClick: onToggle, role: "button", tabIndex: 0, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-label": ariaLabel, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onToggle();
+                    }
+                }, children: trigger }), isOpen && (_jsx("div", { className: `elb-dropdown__panel elb-dropdown__panel--${align}`, role: "menu", children: children }))] }));
+}
+/**
+ * DropdownItem - Menu item within a dropdown
+ *
+ * @example
+ * <DropdownItem onClick={handleClick}>Action</DropdownItem>
+ */
+export function DropdownItem({ children, onClick, disabled = false, variant = 'default', className = '', }) {
+    return (_jsx("button", { type: "button", role: "menuitem", className: `elb-dropdown__item elb-dropdown__item--${variant} ${disabled ? 'elb-dropdown__item--disabled' : ''} ${className}`.trim(), onClick: onClick, disabled: disabled, children: children }));
+}
+/**
+ * DropdownDivider - Visual separator between menu items
+ *
+ * @example
+ * <DropdownDivider />
+ */
+export function DropdownDivider({ className = '' }) {
+    return (_jsx("div", { className: `elb-dropdown__divider ${className}`.trim(), role: "separator" }));
+}
+//# sourceMappingURL=dropdown.js.map

package/dist/components/molecules/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.tsx"],"names":[],"mappings":";AAqCA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,SAAS,EACT,SAAS,GAAG,EAAE,GACA;IACd,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,CAAC,IAAI,EAAE,aAChD,cACE,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACG,MAAM,mBACL,MAAM,gBACT,SAAS,EACrB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,EAAE,CAAC;oBACb,CAAC;gBACH,CAAC,YAEA,OAAO,GACJ,EACL,MAAM,IAAI,CACT,cACE,SAAS,EAAE,4CAA4C,KAAK,EAAE,EAC9D,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GACI;IAClB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,0CAA0C,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACpI,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,GAAG,EAAE,EAAwB;IACtE,OAAO,CACL,cACE,SAAS,EAAE,yBAAyB,SAAS,EAAE,CAAC,IAAI,EAAE,EACtD,IAAI,EAAC,WAAW,GAChB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Dropdown } from './dropdown';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;
+//# sourceMappingURL=dropdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAiC,MAAM,YAAY,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown, DropdownItem, DropdownDivider } from './dropdown';
+const meta = {
+    title: 'Molecules/Dropdown',
+    component: Dropdown,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        trigger: _jsx("button", { children: "Open Menu" }),
+        isOpen: true,
+        onToggle: () => { },
+        align: 'left',
+        children: (_jsxs(_Fragment, { children: [_jsx(DropdownItem, { onClick: () => { }, children: "Action 1" }), _jsx(DropdownItem, { onClick: () => { }, children: "Action 2" }), _jsx(DropdownDivider, {}), _jsx(DropdownItem, { onClick: () => { }, variant: "danger", children: "Delete" })] })),
+    },
+};
+//# sourceMappingURL=dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/dropdown.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAErE,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,yCAA0B;QACnC,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,CACR,8BACE,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,yBAAyB,EACxD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,yBAAyB,EACxD,KAAC,eAAe,KAAG,EACnB,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAC,QAAQ,uBAElC,IACd,CACJ;KACF;CACF,CAAC"}

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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"}