@har-analyzer/components 0.0.18 → 0.0.20

package/dist/chunks/index2.js

@@ -1,49 +1,60 @@
 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 });
+import b from "@cloudscape-design/components/tabs";
+import { Suspense as T, lazy as i, useState as f, useMemo as h } from "react";
+import y from "@cloudscape-design/components/box";
+import u from "@cloudscape-design/components/spinner";
+function g({ children: n }) {
+  return /* @__PURE__ */ e(y, { padding: { horizontal: "m" }, children: n });
 }
-function m({ children: n }) {
-  return /* @__PURE__ */ e(s, { fallback: /* @__PURE__ */ e(d, { size: "large" }), children: n });
+function I({ children: n }) {
+  return /* @__PURE__ */ e(T, { fallback: /* @__PURE__ */ e(u, { 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"));
+const A = i(() => import("./headers-viewer.js")), E = i(() => import("./payload-viewer.js")), C = i(() => import("./response-viewer.js")), H = i(() => import("./content-viewer.js"));
 function o({ children: n }) {
-  return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: n }) });
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(g, { children: n }) });
 }
-function z({ harEntry: n }) {
-  const i = a(() => JSON.stringify(n), [n]);
+const s = "headers";
+function D(n) {
+  const {
+    harEntry: t,
+    initialSelectedTabId: c = s,
+    onSelectedTabIdChange: r
+  } = n, [d, l] = f(c), m = h(() => JSON.stringify(t), [t]);
   return /* @__PURE__ */ e(
-    r,
+    b,
     {
+      activeTabId: d,
+      onChange: ({ detail: p }) => {
+        const { activeTabId: a } = p;
+        l(a), r && r(a);
+      },
       tabs: [
         {
           label: "Headers",
-          id: "headers",
-          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(p, { harEntry: n }) })
+          id: s,
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(A, { harEntry: t }) })
         },
         {
           label: "Payload",
           id: "payload",
-          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(f, { harEntry: n }) })
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(E, { harEntry: t }) })
         },
         {
           label: "Response",
           id: "response",
-          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(u, { harEntry: n }) })
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { harEntry: t }) })
         },
         {
           label: "HAR Entry",
           id: "har-entry",
-          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(b, { content: i, mimeType: "json" }) })
+          content: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(H, { content: m, mimeType: "json" }) })
         }
       ]
     }
   );
 }
 export {
-  c as H,
-  z as V
+  s as D,
+  g as H,
+  D as V
 };

package/dist/components/close-overlay.d.ts

@@ -0,0 +1,5 @@
+interface CloseOverlayProps {
+    onClose: () => void;
+}
+export default function CloseOverlay(props: CloseOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,4 +1,5 @@
 import { CollectionPreferencesProps } from '@cloudscape-design/components/collection-preferences';
+import { TableProps } from '@cloudscape-design/components/table';
 interface BaseColumnDefinition {
     header: string;
     width?: number;
@@ -54,6 +55,7 @@ interface EnhancedTableProps<TItem> {
     onSelectionChange?: (selectedItems: TItem[]) => void;
     contentDensity?: 'compact' | 'comfortable';
     header?: React.ReactNode;
+    variant?: TableProps['variant'];
 }
-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 default function EnhancedTable<TItem>({ items: originalItems, getRowId, columnsDefinition: enhancedColumnDefinitions, useTablePreferences, empty, selectionType, isEntireRowSelectable, selectedItems, onSelectionChange, contentDensity, header, variant, }: EnhancedTableProps<TItem>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/r2-layout/fgl.d.ts

@@ -0,0 +1,10 @@
+import { GridLayoutItem } from 'fast-grid-layout';
+import { PropsWithChildren } from 'react';
+export type FGLProps = PropsWithChildren<{
+    layout: GridLayoutItem[];
+    onChange: (newLayout: GridLayoutItem[]) => void;
+    totalColumns?: number;
+    gap?: number;
+    rowHeight?: number;
+}>;
+export default function FGL(props: FGLProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/r2-layout/index.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, ReactNode } from 'react';
+interface CellDefinition<T> {
+    id: string;
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    props: T;
+}
+export interface R2LayoutProps<T> {
+    layoutDefinitions: CellDefinition<T>[];
+    onRender: (id: string, props: T) => ReactNode;
+    onChange: (newLayoutDefinitions: CellDefinition<T>[]) => void;
+    layoutItemStyle?: CSSProperties;
+    totalColumns?: number;
+    gap?: number;
+}
+/**
+ * Provides a re-arrangeable & re-sizeable layout
+ */
+export default function R2Layout<T>(props: R2LayoutProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/view-har-entry/index.d.ts

@@ -1,5 +1,8 @@
 import { HAREntry } from '../../utils/har';
+export declare const DEFAULT_SELECTED_TAB_ID = "headers";
 export interface ViewHAREntryProps {
     harEntry: HAREntry;
+    initialSelectedTabId?: string;
+    onSelectedTabIdChange?: (tabId: string) => void;
 }
-export default function ViewHAREntry({ harEntry }: ViewHAREntryProps): import("react/jsx-runtime").JSX.Element;
+export default function ViewHAREntry(props: ViewHAREntryProps): import("react/jsx-runtime").JSX.Element;