@har-analyzer/components 0.0.14 → 0.0.16

package/dist/chunks/index2.js

@@ -0,0 +1,49 @@
+import { jsx as e } from "react/jsx-runtime";
+import r from "@cloudscape-design/components/tabs";
+import { Suspense as s, lazy as t, useMemo as a } from "react";
+import l from "@cloudscape-design/components/box";
+import d from "@cloudscape-design/components/spinner";
+function c({ children: n }) {
+  return /* @__PURE__ */ e(l, { padding: { horizontal: "m" }, children: n });
+}
+function m({ children: n }) {
+  return /* @__PURE__ */ e(s, { fallback: /* @__PURE__ */ e(d, { size: "large" }), children: n });
+}
+const p = t(() => import("./headers-viewer.js")), f = t(() => import("./payload-viewer.js")), u = t(() => import("./response-viewer.js")), b = t(() => import("./content-viewer.js"));
+function o({ children: n }) {
+  return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: n }) });
+}
+function z({ harEntry: n }) {
+  const i = a(() => JSON.stringify(n), [n]);
+  return /* @__PURE__ */ e(
+    r,
+    {
+      tabs: [
+        {
+          label: "Headers",
+          id: "headers",
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(p, { harEntry: n }) })
+        },
+        {
+          label: "Payload",
+          id: "payload",
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(f, { harEntry: n }) })
+        },
+        {
+          label: "Response",
+          id: "response",
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(u, { harEntry: n }) })
+        },
+        {
+          label: "HAR Entry",
+          id: "har-entry",
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(b, { content: i, mimeType: "json" }) })
+        }
+      ]
+    }
+  );
+}
+export {
+  c as H,
+  z as V
+};

package/dist/chunks/payload-viewer.js

@@ -0,0 +1,15 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { C as s } from "./collapsible-key-value-list.js";
+import { C as a } from "./collapsible-section.js";
+import { V as m } from "./vertical-gap.js";
+import l from "./content-viewer.js";
+function d({ harEntry: e }) {
+  const o = e.request.postData?.text ?? "", r = e.request.postData?.mimeType;
+  return /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ t(s, { title: "Query Parameters", items: e.request.queryString }),
+    /* @__PURE__ */ t(a, { title: "Request Payload", children: /* @__PURE__ */ t(l, { content: o, mimeType: r }) })
+  ] });
+}
+export {
+  d as default
+};

package/dist/chunks/response-viewer.js

@@ -0,0 +1,10 @@
+import { jsx as n } from "react/jsx-runtime";
+import { C as i } from "./collapsible-section.js";
+import c from "./content-viewer.js";
+function l({ harEntry: e }) {
+  const o = e.response.content.text ?? "", t = e.response.content.encoding, s = e.response.content.mimeType;
+  return /* @__PURE__ */ n(i, { title: "Response", children: /* @__PURE__ */ n(c, { content: o, encoding: t, mimeType: s }) });
+}
+export {
+  l as default
+};

package/dist/chunks/vertical-gap.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import o from "@cloudscape-design/components/space-between";
 function a({ children: e, ...r }) {
-  return /* @__PURE__ */ t(o, { size: "xxl", ...r, children: e });
+  return /* @__PURE__ */ t(o, { size: "l", ...r, children: e });
 }
 export {
   a as V

package/dist/components/collapsible-section.d.ts

@@ -1,5 +1,6 @@
 type CollapsibleSectionProps = React.PropsWithChildren<{
     title: string;
+    variant?: 'default' | 'container' | 'footer';
 }>;
-export default function CollapsibleSection({ title, children }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+export default function CollapsibleSection({ title, children, variant, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/enhanced-board/constants/i18n.d.ts

@@ -1,5 +1,9 @@
 import { BoardProps } from '@cloudscape-design/board-components';
-export type EnhancedBoardDefinition = Omit<BoardProps.Item, 'data'>;
+interface EnhancedBoardItemData {
+    componentKey: string;
+    instanceId: string;
+}
+export type EnhancedBoardDefinition = BoardProps.Item<EnhancedBoardItemData>;
 export type EnhancedBoardDefinitions = ReadonlyArray<EnhancedBoardDefinition>;
 export declare const boardItemI18nStrings: {
     dragHandleAriaLabel: string;
@@ -9,13 +13,14 @@ export declare const boardItemI18nStrings: {
 };
 export declare const boardI18nStrings: {
     liveAnnouncementDndStarted: (operationType: BoardProps.DndOperationType) => "Resizing" | "Dragging";
-    liveAnnouncementDndItemReordered: (operation: BoardProps.DndReorderState<undefined>) => string;
-    liveAnnouncementDndItemResized: (operation: BoardProps.DndResizeState<undefined>) => string;
-    liveAnnouncementDndItemInserted: (operation: BoardProps.DndInsertState<undefined>) => string;
+    liveAnnouncementDndItemReordered: (operation: BoardProps.DndReorderState<EnhancedBoardItemData>) => string;
+    liveAnnouncementDndItemResized: (operation: BoardProps.DndResizeState<EnhancedBoardItemData>) => string;
+    liveAnnouncementDndItemInserted: (operation: BoardProps.DndInsertState<EnhancedBoardItemData>) => string;
     liveAnnouncementDndCommitted: (operationType: BoardProps.DndOperationType) => string;
     liveAnnouncementDndDiscarded: (operationType: BoardProps.DndOperationType) => string;
-    liveAnnouncementItemRemoved: (op: BoardProps.ItemRemovedState<undefined>) => string;
+    liveAnnouncementItemRemoved: (op: BoardProps.ItemRemovedState<EnhancedBoardItemData>) => string;
     navigationAriaLabel: string;
     navigationAriaDescription: string;
-    navigationItemAriaLabel: (item: BoardProps.Item<undefined> | null) => string;
+    navigationItemAriaLabel: (item: BoardProps.Item<EnhancedBoardItemData> | null) => string;
 };
+export {};

package/dist/components/enhanced-board/index.d.ts

@@ -1,15 +1,13 @@
-import { HeaderProps } from '@cloudscape-design/components/header';
-import { EnhancedBoardDefinitions } from './constants/i18n';
+import { EnhancedBoardDefinition, EnhancedBoardDefinitions } from './constants/i18n';
+interface ComponentDefinition {
+    content: React.ReactNode;
+    onRemove?: () => void;
+}
 export interface EnhancedBoardProps {
-    components: Record<string, {
-        title: string;
-        content: React.ReactNode;
-        counter?: string;
-        actions?: HeaderProps['actions'];
-        canRemove?: boolean;
-    }>;
+    components: Record<string, ComponentDefinition | ((instanceId: EnhancedBoardDefinition['data']['instanceId']) => ComponentDefinition)>;
     definitions: EnhancedBoardDefinitions;
     onDefinitionsChange: (definitions: EnhancedBoardDefinitions) => void;
     empty?: React.ReactNode;
 }
 export default function EnhancedBoard(props: EnhancedBoardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/enhanced-table.d.ts

@@ -41,7 +41,11 @@ interface EnhancedTableProps<TItem> {
     columnsDefinition: EnhancedTableColumnsDefinition<TItem>;
     empty?: React.ReactNode;
     selectionType?: 'single' | 'multi';
+    isEntireRowSelectable?: boolean;
+    selectedItems?: TItem[];
     onSelectionChange?: (selectedItems: TItem[]) => void;
+    contentDensity?: 'compact' | 'comfortable';
+    header?: React.ReactNode;
 }
-export default function EnhancedTable<TItem>({ id, items: originalItems, getRowId, columnsDefinition: enhancedColumnDefinitions, empty, selectionType, onSelectionChange, }: EnhancedTableProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export default function EnhancedTable<TItem>({ id, items: originalItems, getRowId, columnsDefinition: enhancedColumnDefinitions, empty, selectionType, isEntireRowSelectable, selectedItems, onSelectionChange, contentDensity, header, }: EnhancedTableProps<TItem>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/horizontal-padding.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function HorizontalPadding({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/components/inline-copy-to-clipboard.d.ts

@@ -0,0 +1,6 @@
+interface InlineCopyToClipboardProps {
+    textToCopy: string;
+    textToDisplay?: string;
+}
+export default function InlineCopyToClipboard(props: InlineCopyToClipboardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/lazy-load.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export default function LazyLoad({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/features/har-entries-viewer/index.d.ts

@@ -1,7 +1,8 @@
 import { HAREntry } from '../../utils/har';
 interface HAREntriesViewerProps {
-    title?: string;
     harEntries: HAREntry[];
+    tableId: string;
+    tableTitle?: string;
 }
 export default function HAREntriesViewer(props: HAREntriesViewerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/list-har-entries/components/compare-mode-switcher.d.ts

@@ -0,0 +1,6 @@
+interface CompareModeSwitcherProps {
+    isCompareMode: boolean;
+    onChange: (isCompareMode: boolean) => void;
+}
+export default function CompareModeSwitcher(props: CompareModeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/{har-entries-viewer/components/har-entries-filters → list-har-entries}/components/content-type-filter.d.ts

@@ -1,4 +1,4 @@
-import { ContentTypeGroup } from '../../../../../utils/content-type';
+import { ContentTypeGroup } from '../../../utils/content-type';
 interface ContentTypeFilterProps {
     contentTypeFilters: ContentTypeGroup[];
     onChange: (contentTypeFilters: ContentTypeGroup[]) => void;

package/dist/features/list-har-entries/index.d.ts

@@ -1,8 +1,10 @@
 import { HAREntry } from '../../utils/har';
 interface ListHAREntriesProps {
-    id?: string;
+    id: string;
+    title?: string;
     harEntries: HAREntry[];
-    onChange: (selectedHAREntries: HAREntry[]) => void;
+    selectedHAREntries: HAREntry[];
+    onSelectionChange: (selectedHAREntries: HAREntry[]) => void;
 }
-export default function ListHAREntries({ id, harEntries, onChange, }: ListHAREntriesProps): import("react/jsx-runtime").JSX.Element;
+export default function ListHAREntries({ id, title, harEntries, selectedHAREntries, onSelectionChange, }: ListHAREntriesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/har-analyzer.js

@@ -1,124 +1,131 @@
-import { jsx as e, jsxs as i, Fragment as h } from "react/jsx-runtime";
-import { useEffect as F, useState as a } from "react";
-import N from "@cloudscape-design/components/app-layout";
-import { useHARAnalyzerPreferences as p } from "./har-analyzer-preferences.js";
-import R from "@cloudscape-design/components/header";
-import { borderWidthAlert as b, colorBorderDividerDefault as y } from "@cloudscape-design/design-tokens";
-import { b as D, H as T } from "./chunks/index.js";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
+import { useEffect as b, useState as a } from "react";
+import F from "@cloudscape-design/components/app-layout";
+import { useHARAnalyzerPreferences as h } from "./har-analyzer-preferences.js";
+import y from "@cloudscape-design/components/header";
+import { borderWidthAlert as E, colorBorderDividerDefault as N } from "@cloudscape-design/design-tokens";
+import { H as R } from "./chunks/index.js";
 import s from "@cloudscape-design/components/box";
-import c from "@cloudscape-design/components/button";
-import v from "@cloudscape-design/components/modal";
-import { V as u } from "./chunks/vertical-gap.js";
-import f from "@cloudscape-design/components/toggle";
-import { Mode as l, applyMode as W } from "@cloudscape-design/global-styles";
-import M from "./har-file-uploader.js";
-function A() {
-  return p("isFullContentWidth", !0);
+import l from "@cloudscape-design/components/button";
+import T from "@cloudscape-design/components/modal";
+import { V as p } from "./chunks/vertical-gap.js";
+import u from "@cloudscape-design/components/toggle";
+import { Mode as c, applyMode as v } from "@cloudscape-design/global-styles";
+import D from "./har-entries-viewer.js";
+import W from "./har-file-uploader.js";
+function f() {
+  return h("isFullContentWidth", !0);
 }
 function S() {
-  return p("isDarkTheme", !1);
+  return h("isDarkTheme", !1);
 }
-const k = "top-navigation", d = "blur(16px)";
-function U({
+const A = "top-navigation", d = "blur(16px)";
+function x({
   logo: r,
-  appName: n,
+  appName: i,
   utilities: t
 }) {
   return /* @__PURE__ */ e(
     "nav",
     {
-      id: k,
+      id: A,
       style: {
         position: "sticky",
         top: 0,
         zIndex: 1002,
         padding: "0.5rem 1rem",
-        borderBlockEnd: `${b} solid ${y}`,
+        borderBlockEnd: `${E} solid ${N}`,
         backdropFilter: d,
         WebkitBackdropFilter: d
         // for Safari
       },
-      children: /* @__PURE__ */ e(R, { actions: t, children: /* @__PURE__ */ i(D, { children: [
+      children: /* @__PURE__ */ e(y, { actions: t, children: /* @__PURE__ */ o(R, { children: [
         r,
-        n
+        i
       ] }) })
     }
   );
 }
-function _() {
-  const [r, n] = A();
-  return /* @__PURE__ */ e(f, { onChange: ({ detail: t }) => {
-    n(t.checked);
+function I() {
+  const [r, i] = f();
+  return /* @__PURE__ */ e(u, { onChange: ({ detail: t }) => {
+    i(t.checked);
   }, checked: r, children: "Use entire screen width" });
 }
-function x() {
-  const [r, n] = S();
-  return F(() => {
-    const t = r ? l.Dark : l.Light;
-    W(t);
-  }, [r]), /* @__PURE__ */ e(f, { onChange: ({ detail: t }) => {
-    n(t.checked);
+function M() {
+  const [r, i] = S();
+  return b(() => {
+    const t = r ? c.Dark : c.Light;
+    v(t);
+  }, [r]), /* @__PURE__ */ e(u, { onChange: ({ detail: t }) => {
+    i(t.checked);
   }, checked: r, children: "Use dark theme" });
 }
-function I() {
-  const [r, n] = a(!1), t = () => {
-    n(!0);
-  }, o = () => {
-    n(!1);
+function U() {
+  const [r, i] = a(!1), t = () => {
+    i(!0);
+  }, n = () => {
+    i(!1);
   };
-  return /* @__PURE__ */ i(h, { children: [
-    /* @__PURE__ */ e(c, { iconName: "settings", variant: "icon", onClick: t }),
-    /* @__PURE__ */ i(
-      v,
+  return /* @__PURE__ */ o(m, { children: [
+    /* @__PURE__ */ e(l, { iconName: "settings", variant: "icon", onClick: t }),
+    /* @__PURE__ */ o(
+      T,
       {
         visible: r,
-        onDismiss: o,
+        onDismiss: n,
         header: "Manage your preferences",
-        footer: /* @__PURE__ */ e(s, { float: "right", children: /* @__PURE__ */ e(c, { variant: "primary", onClick: o, children: "Ok" }) }),
+        footer: /* @__PURE__ */ e(s, { float: "right", children: /* @__PURE__ */ e(l, { variant: "primary", onClick: n, children: "Ok" }) }),
         children: [
           /* @__PURE__ */ e(s, { margin: { top: "m" } }),
-          /* @__PURE__ */ i(u, { size: "m", children: [
-            /* @__PURE__ */ e(x, {}),
-            /* @__PURE__ */ e(_, {})
+          /* @__PURE__ */ o(p, { size: "m", children: [
+            /* @__PURE__ */ e(M, {}),
+            /* @__PURE__ */ e(I, {})
           ] })
         ]
       }
     )
   ] });
 }
-function L({
+function V({
   logo: r,
-  appName: n,
+  appName: i,
   content: t
 }) {
-  const [o] = A();
-  return /* @__PURE__ */ i(h, { children: [
-    /* @__PURE__ */ e(U, { logo: r, appName: n, utilities: /* @__PURE__ */ e(I, {}) }),
+  const [n] = f();
+  return /* @__PURE__ */ o(m, { children: [
+    /* @__PURE__ */ e(x, { logo: r, appName: i, utilities: /* @__PURE__ */ e(U, {}) }),
     /* @__PURE__ */ e(
-      N,
+      F,
       {
-        headerSelector: `#${k}`,
+        headerSelector: `#${A}`,
         navigationHide: !0,
         toolsHide: !0,
-        maxContentWidth: o ? Number.MAX_VALUE : void 0,
+        maxContentWidth: n ? Number.MAX_VALUE : void 0,
         content: t
       }
     )
   ] });
 }
-const m = "unknown.har";
-function Z({ logo: r, appName: n = "HAR Analyzer" }) {
-  const [t, o] = a(m), [H, g] = a([]);
+function Z({ logo: r, appName: i = "HAR Analyzer" }) {
+  const [t, n] = a(), [k, g] = a([]);
   return /* @__PURE__ */ e(
-    L,
+    V,
     {
       logo: r,
-      appName: n,
-      content: /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ e(M, { onChange: ({ harEntries: C, harFileName: E }) => {
-          g(C), o(E ?? m);
+      appName: i,
+      content: /* @__PURE__ */ o(p, { children: [
+        /* @__PURE__ */ e(W, { onChange: ({ harEntries: H, harFileName: C }) => {
+          g(H), n(C);
         } }),
-        /* @__PURE__ */ e(T, { title: t, harEntries: H })
+        /* @__PURE__ */ e(
+          D,
+          {
+            tableId: "har-entries-table",
+            tableTitle: t,
+            harEntries: k
+          }
+        )
       ] })
     }
   );

package/dist/har-entries-viewer.js

@@ -1,9 +1,168 @@
-import "react/jsx-runtime";
-import "react";
-import { H as e } from "./chunks/index.js";
-import "./list-har-entries.js";
-import "./view-har-entry.js";
-import "./chunks/har.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useState as S, useEffect as T, useCallback as _ } from "react";
+import z from "@cloudscape-design/board-components/board";
+import N from "@cloudscape-design/board-components/board-item";
+import B from "@cloudscape-design/components/button";
+import { V as L, H as O } from "./chunks/index2.js";
+import { L as k } from "./chunks/index.js";
+import { d as g } from "./chunks/har.js";
+const P = {
+  dragHandleAriaLabel: "Drag handle",
+  dragHandleAriaDescription: "Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys.",
+  resizeHandleAriaLabel: "Resize handle",
+  resizeHandleAriaDescription: "Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Be sure to temporarily disable any screen reader navigation feature that may interfere with the functionality of the arrow keys."
+};
+function I(n, e, i) {
+  const m = e.length > 0 ? `Conflicts with ${e.map((a) => a.id).join(", ")}.` : "", l = i.length > 0 ? `Disturbed ${i.length} items.` : "";
+  return [n, m, l].filter(Boolean).join(" ");
+}
+const M = {
+  liveAnnouncementDndStarted: (n) => n === "resize" ? "Resizing" : "Dragging",
+  liveAnnouncementDndItemReordered: (n) => {
+    const e = `column ${n.placement.x + 1}`, i = `row ${n.placement.y + 1}`;
+    return I(
+      `Item moved to ${n.direction === "horizontal" ? e : i}.`,
+      n.conflicts,
+      n.disturbed
+    );
+  },
+  liveAnnouncementDndItemResized: (n) => {
+    const e = n.isMinimalColumnsReached ? " (minimal)" : "", i = n.isMinimalRowsReached ? " (minimal)" : "", m = n.direction === "horizontal" ? `columns ${n.placement.width}${e}` : `rows ${n.placement.height}${i}`;
+    return I(`Item resized to ${m}.`, n.conflicts, n.disturbed);
+  },
+  liveAnnouncementDndItemInserted: (n) => {
+    const e = `column ${n.placement.x + 1}`, i = `row ${n.placement.y + 1}`;
+    return I(`Item inserted to ${e}, ${i}.`, n.conflicts, n.disturbed);
+  },
+  liveAnnouncementDndCommitted: (n) => `${n} committed`,
+  liveAnnouncementDndDiscarded: (n) => `${n} discarded`,
+  liveAnnouncementItemRemoved: (n) => I(`Removed item ${n.item.id}.`, [], n.disturbed),
+  navigationAriaLabel: "Board navigation",
+  navigationAriaDescription: "Click on non-empty item to move focus over",
+  navigationItemAriaLabel: (n) => n ? n.id : "Empty"
+};
+function V(n) {
+  const {
+    components: e,
+    definitions: i,
+    onDefinitionsChange: m,
+    empty: l
+  } = n;
+  return /* @__PURE__ */ d(
+    z,
+    {
+      i18nStrings: M,
+      items: i,
+      renderItem: ({ data: a }) => {
+        const { componentKey: A, instanceId: f } = a;
+        let h, u;
+        const o = e[A];
+        if (typeof o == "function") {
+          const t = o(f);
+          h = t.content, u = t.onRemove;
+        } else
+          h = o?.content, u = o?.onRemove;
+        return /* @__PURE__ */ d(
+          N,
+          {
+            disableContentPaddings: !0,
+            i18nStrings: P,
+            settings: u && /* @__PURE__ */ d(B, { variant: "icon", iconName: "close", onClick: u }),
+            children: h
+          }
+        );
+      },
+      onItemsChange: ({ detail: { items: a } }) => {
+        m(a);
+      },
+      empty: l
+    }
+  );
+}
+const v = {
+  rowSpan: 4,
+  columnSpan: 12
+}, p = "har-entries-viewer", R = "view-har-entry", x = [
+  {
+    ...v,
+    id: p,
+    data: {
+      componentKey: p,
+      instanceId: p
+    }
+  }
+];
+function Q(n) {
+  const {
+    harEntries: e,
+    tableId: i,
+    tableTitle: m
+  } = n, [l, a] = S([]), [A, f] = S(x);
+  T(() => {
+    const o = new Set(e.map(g));
+    a((t) => {
+      if (!t.length)
+        return t;
+      const r = t.filter(
+        (c) => o.has(g(c))
+      );
+      return r.length !== t.length ? r : t;
+    });
+  }, [e]);
+  const h = _((o) => {
+    a(o);
+    const t = o.map(g), r = new Set(t);
+    f((c) => {
+      const E = c.filter(({ data: { instanceId: s } }) => r.has(s) || s === p), D = new Set(E.map(({ data: { instanceId: s } }) => s)), y = t.filter((s) => !D.has(s));
+      if (!y.length)
+        return E;
+      const w = c.at(-1), b = w?.rowSpan ?? v.rowSpan, $ = w?.columnSpan ?? v.columnSpan, C = y.map((s) => ({
+        rowSpan: b,
+        columnSpan: $,
+        data: {
+          componentKey: R,
+          instanceId: s
+        }
+      }));
+      return [...E, ...C].map((s, H) => ({
+        ...s,
+        id: String(H)
+      }));
+    });
+  }, []), u = {
+    [p]: {
+      content: /* @__PURE__ */ d(O, { children: /* @__PURE__ */ d(
+        k,
+        {
+          id: i,
+          title: m,
+          harEntries: e,
+          selectedHAREntries: l,
+          onSelectionChange: h
+        }
+      ) })
+    },
+    [R]: (o) => {
+      const t = l.find((r) => g(r) === o);
+      return {
+        content: t ? /* @__PURE__ */ d(L, { harEntry: t }) : void 0,
+        onRemove: () => {
+          f((r) => r.filter((c) => c.data.instanceId !== o)), a(
+            (r) => r.filter((c) => g(c) !== o)
+          );
+        }
+      };
+    }
+  };
+  return /* @__PURE__ */ d(
+    V,
+    {
+      components: u,
+      definitions: A,
+      onDefinitionsChange: f
+    }
+  );
+}
 export {
-  e as default
+  Q as default
 };

package/dist/hooks/compare-mode-preference.d.ts

@@ -0,0 +1 @@
+export declare function useCompareModePreference(): readonly [boolean, (newPreference: boolean) => void];

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { default as HARAnalyzer } from './features/har-analyzer';
 export { default as HARAnalyzerPreferencesProvider } from './features/har-analyzer-preferences';
 export { default as HAREntriesViewer } from './features/har-entries-viewer';
-export { default as useHAREntriesFilters } from './features/har-entries-viewer/components/har-entries-filters';
 export { default as HARFileUploader } from './features/har-file-uploader';
 export { default as ListHAREntries } from './features/list-har-entries';
 export { default as ViewHAREntry } from './features/view-har-entry';

package/dist/index.js

@@ -1,22 +1,21 @@
 import { default as t } from "./har-analyzer.js";
-import { default as a } from "./har-analyzer-preferences.js";
-import { H as i, a as n } from "./chunks/index.js";
-import { default as A } from "./har-file-uploader.js";
-import { default as R } from "./list-har-entries.js";
-import { default as d } from "./view-har-entry.js";
-import { g as m, a as E, b as u, d as x, c as g, i as y } from "./chunks/har.js";
+import { default as o } from "./har-analyzer-preferences.js";
+import { default as n } from "./har-entries-viewer.js";
+import { default as f } from "./har-file-uploader.js";
+import { L as R } from "./chunks/index.js";
+import { V as H } from "./chunks/index2.js";
+import { g as l, a as m, b as E, d as x, c as g, i as y } from "./chunks/har.js";
 export {
   t as HARAnalyzer,
-  a as HARAnalyzerPreferencesProvider,
-  i as HAREntriesViewer,
-  A as HARFileUploader,
+  o as HARAnalyzerPreferencesProvider,
+  n as HAREntriesViewer,
+  f as HARFileUploader,
   R as ListHAREntries,
-  d as ViewHAREntry,
-  m as getHARContentFromFile,
-  E as getHAREntriesFilteredByContentType,
-  u as getHAREntriesWithErrorResponse,
+  H as ViewHAREntry,
+  l as getHARContentFromFile,
+  m as getHAREntriesFilteredByContentType,
+  E as getHAREntriesWithErrorResponse,
   x as getHAREntryId,
   g as getUniqueHeaderNames,
-  y as isErrorResponse,
-  n as useHAREntriesFilters
+  y as isErrorResponse
 };