@har-analyzer/components 0.0.15 → 0.0.17

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/provider.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { U as t } from "./context.js";
+function f({
+  userPreferencesStore: e,
+  children: r
+}) {
+  return /* @__PURE__ */ o(t, { value: e, children: r });
+}
+export {
+  f as U
+};

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' | 'inline';
 }>;
-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

@@ -1,3 +1,4 @@
+import { CollectionPreferencesProps } from '@cloudscape-design/components/collection-preferences';
 interface BaseColumnDefinition {
     header: string;
     width?: number;
@@ -34,14 +35,25 @@ interface ListColumnDefinition<TItem> {
 }
 type EnhancedColumnDefinition<TItem> = BaseColumnDefinition & (DefaultColumnDefinition<TItem> | NumericColumnDefinition<TItem> | DateColumnDefinition<TItem> | ListColumnDefinition<TItem>);
 export type EnhancedTableColumnsDefinition<TItem> = Record<string, EnhancedColumnDefinition<TItem>>;
+export interface EnhancedTablePreferences {
+    collectionPreferences: CollectionPreferencesProps.Preferences | undefined;
+    preferredColumnWidths: {
+        id: string;
+        width?: number;
+    }[];
+}
 interface EnhancedTableProps<TItem> {
-    id: string;
     items: TItem[];
     getRowId: (item: TItem) => string;
     columnsDefinition: EnhancedTableColumnsDefinition<TItem>;
+    useTablePreferences: () => [EnhancedTablePreferences, (preferences: EnhancedTablePreferences) => void];
     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>({ items: originalItems, getRowId, columnsDefinition: enhancedColumnDefinitions, useTablePreferences, 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/context/user-preferences/index.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { UserPreferencesContextValue } from './provider';
+export declare function createUserPreferencesContext<T>(preferenceKey: string, defaultPreferenceValue: T): {
+    useUserPreferences: () => UserPreferencesContextValue<T>;
+    Provider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/context/user-preferences/provider.d.ts

@@ -0,0 +1,9 @@
+import { Context, PropsWithChildren } from 'react';
+export type UserPreferencesContextValue<T> = [T, (preference: T) => void];
+interface UserPreferencesProviderProps<T> {
+    context: Context<UserPreferencesContextValue<T>>;
+    preferenceKey: string;
+    defaultPreferenceValue: T;
+}
+export declare function UserPreferencesProvider<T>(props: PropsWithChildren<UserPreferencesProviderProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/context/user-preferences-store/context.d.ts

@@ -0,0 +1,5 @@
+export interface UserPreferencesStore {
+    getPreference: (key: string) => Promise<string | undefined>;
+    setPreference: (key: string, value: string) => Promise<void>;
+}
+export declare const UserPreferencesStoreContext: import('react').Context<UserPreferencesStore | undefined>;

package/dist/context/user-preferences-store/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useUserPreferencesStore(): import('./context').UserPreferencesStore | undefined;

package/dist/context/user-preferences-store/provider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { UserPreferencesStore } from './context';
+export declare function UserPreferencesStoreProvider({ userPreferencesStore, children, }: PropsWithChildren<{
+    userPreferencesStore: UserPreferencesStore;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/features/har-analyzer/components/app-layout.d.ts

@@ -0,0 +1,7 @@
+interface AppLayoutProps {
+    logo?: React.ReactNode;
+    appName: string;
+    content: React.ReactNode;
+}
+export default function AppLayout({ logo, appName, content, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-analyzer/components/preferences/index.d.ts

@@ -0,0 +1 @@
+export default function AppPreferences(): import("react/jsx-runtime").JSX.Element;

package/dist/features/har-analyzer/components/top-navigation.d.ts

@@ -0,0 +1,8 @@
+export declare const TOP_NAVIGATION_ID = "top-navigation";
+interface TopNavigationProps {
+    logo?: React.ReactNode;
+    appName: string;
+    utilities?: React.ReactNode;
+}
+export default function TopNavigation({ logo, appName, utilities, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/har-analyzer/context/preferences.d.ts

@@ -0,0 +1,2 @@
+export declare const useAppContentWidthPreference: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<boolean>, AppContentWidthProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useThemePreference: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<boolean>, ThemeProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/features/har-analyzer-preferences-store/index.d.ts

@@ -0,0 +1,2 @@
+export type { UserPreferencesStore } from '../../context/user-preferences-store/context';
+export { UserPreferencesStoreProvider as default } from '../../context/user-preferences-store/provider';

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

@@ -1,7 +1,7 @@
 import { HAREntry } from '../../utils/har';
 interface HAREntriesViewerProps {
-    title?: string;
     harEntries: HAREntry[];
+    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 @@
+export default function CompareModeSwitcher(): import("react/jsx-runtime").JSX.Element;

package/dist/features/list-har-entries/components/content-type-filter.d.ts

@@ -0,0 +1 @@
+export default function ContentTypeFilter(): import("react/jsx-runtime").JSX.Element;

package/dist/features/list-har-entries/components/errors-filter.d.ts

@@ -0,0 +1 @@
+export default function ErrorsFilter(): import("react/jsx-runtime").JSX.Element;

package/dist/features/list-har-entries/components/har-entries-table.d.ts

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

package/dist/features/list-har-entries/context/preferences.d.ts

@@ -0,0 +1,5 @@
+import { EnhancedTablePreferences } from '../../../components/enhanced-table';
+export declare const useTablePreferences: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<EnhancedTablePreferences>, TablePreferencesProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useCompareModePreference: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<boolean>, CompareModeProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useErrorsFilterPreference: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<boolean>, ErrorsFilterProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useContentTypeFiltersPreference: () => import('../../../context/user-preferences/provider').UserPreferencesContextValue<("JSON" | "XML" | "JS" | "CSS" | "HTML" | "Doc" | "Img" | "Font" | "Media" | "Other")[]>, ContentTypeFiltersProvider: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/har-analyzer-preferences-store.js

@@ -0,0 +1,4 @@
+import { U as f } from "./chunks/provider.js";
+export {
+  f as default
+};

package/dist/har-analyzer.js

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