@har-analyzer/components 0.0.16 → 0.0.17

package/dist/har-entries-viewer.js

@@ -1,5 +1,5 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useState as S, useEffect as T, useCallback as _ } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useState as w, 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";
@@ -12,153 +12,154 @@ const P = {
   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(" ");
+function p(n, t, r) {
+  const a = t.length > 0 ? `Conflicts with ${t.map((d) => d.id).join(", ")}.` : "", m = r.length > 0 ? `Disturbed ${r.length} items.` : "";
+  return [n, a, m].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}.`,
+    const t = `column ${n.placement.x + 1}`, r = `row ${n.placement.y + 1}`;
+    return p(
+      `Item moved to ${n.direction === "horizontal" ? t : r}.`,
       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);
+    const t = n.isMinimalColumnsReached ? " (minimal)" : "", r = n.isMinimalRowsReached ? " (minimal)" : "", a = n.direction === "horizontal" ? `columns ${n.placement.width}${t}` : `rows ${n.placement.height}${r}`;
+    return p(`Item resized to ${a}.`, 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);
+    const t = `column ${n.placement.x + 1}`, r = `row ${n.placement.y + 1}`;
+    return p(`Item inserted to ${t}, ${r}.`, n.conflicts, n.disturbed);
   },
   liveAnnouncementDndCommitted: (n) => `${n} committed`,
   liveAnnouncementDndDiscarded: (n) => `${n} discarded`,
-  liveAnnouncementItemRemoved: (n) => I(`Removed item ${n.item.id}.`, [], n.disturbed),
+  liveAnnouncementItemRemoved: (n) => p(`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
+    components: t,
+    definitions: r,
+    onDefinitionsChange: a,
+    empty: m
   } = n;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     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;
+      items: r,
+      renderItem: ({ data: d }) => {
+        const { componentKey: f, instanceId: I } = d;
+        let h, o;
+        const e = t[f];
+        if (typeof e == "function") {
+          const i = e(I);
+          h = i.content, o = i.onRemove;
         } else
-          h = o?.content, u = o?.onRemove;
-        return /* @__PURE__ */ d(
+          h = e?.content, o = e?.onRemove;
+        return /* @__PURE__ */ l(
           N,
           {
             disableContentPaddings: !0,
             i18nStrings: P,
-            settings: u && /* @__PURE__ */ d(B, { variant: "icon", iconName: "close", onClick: u }),
+            settings: o && /* @__PURE__ */ l(B, { variant: "icon", iconName: "close", onClick: o }),
             children: h
           }
         );
       },
-      onItemsChange: ({ detail: { items: a } }) => {
-        m(a);
+      onItemsChange: ({ detail: { items: d } }) => {
+        a(d);
       },
-      empty: l
+      empty: m
     }
   );
 }
-const v = {
+const E = {
   rowSpan: 4,
   columnSpan: 12
-}, p = "har-entries-viewer", R = "view-har-entry", x = [
+}, u = "har-entries-viewer", S = "view-har-entry", x = [
   {
-    ...v,
-    id: p,
+    ...E,
+    id: u,
     data: {
-      componentKey: p,
-      instanceId: p
+      componentKey: u,
+      instanceId: u
     }
   }
 ];
 function Q(n) {
   const {
-    harEntries: e,
-    tableId: i,
-    tableTitle: m
-  } = n, [l, a] = S([]), [A, f] = S(x);
+    harEntries: t,
+    tableTitle: r
+  } = n, [a, m] = w([]), [d, f] = w(x);
   T(() => {
-    const o = new Set(e.map(g));
-    a((t) => {
-      if (!t.length)
-        return t;
-      const r = t.filter(
+    const o = new Set(t.map(g));
+    m((e) => {
+      if (!e.length)
+        return e;
+      const i = e.filter(
         (c) => o.has(g(c))
       );
-      return r.length !== t.length ? r : t;
+      return i.length !== e.length ? i : e;
     });
-  }, [e]);
-  const h = _((o) => {
-    a(o);
-    const t = o.map(g), r = new Set(t);
+  }, [t]);
+  const I = _((o) => {
+    m(o);
+    const e = o.map(g), i = new Set(e);
     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: $,
+      const A = c.filter(({ data: { instanceId: s } }) => i.has(s) || s === u), R = new Set(A.map(({ data: { instanceId: s } }) => s)), v = e.filter((s) => !R.has(s));
+      if (!v.length)
+        return A;
+      const y = c.at(-1), D = y?.rowSpan ?? E.rowSpan, b = y?.columnSpan ?? E.columnSpan, $ = v.map((s) => ({
+        rowSpan: D,
+        columnSpan: b,
         data: {
-          componentKey: R,
+          componentKey: S,
           instanceId: s
         }
       }));
-      return [...E, ...C].map((s, H) => ({
-        ...s,
-        id: String(H)
-      }));
+      return [...A, ...$].map((s, C) => {
+        const { data: { instanceId: H } } = s;
+        return {
+          ...s,
+          id: H === u ? u : String(C)
+        };
+      });
     });
-  }, []), u = {
-    [p]: {
-      content: /* @__PURE__ */ d(O, { children: /* @__PURE__ */ d(
+  }, []), h = {
+    [u]: {
+      content: /* @__PURE__ */ l(O, { children: /* @__PURE__ */ l(
         k,
         {
-          id: i,
-          title: m,
-          harEntries: e,
-          selectedHAREntries: l,
-          onSelectionChange: h
+          title: r,
+          harEntries: t,
+          selectedHAREntries: a,
+          onSelectionChange: I
         }
       ) })
     },
-    [R]: (o) => {
-      const t = l.find((r) => g(r) === o);
+    [S]: (o) => {
+      const e = a.find((i) => g(i) === o);
       return {
-        content: t ? /* @__PURE__ */ d(L, { harEntry: t }) : void 0,
+        content: e ? /* @__PURE__ */ l(L, { harEntry: e }) : void 0,
         onRemove: () => {
-          f((r) => r.filter((c) => c.data.instanceId !== o)), a(
-            (r) => r.filter((c) => g(c) !== o)
+          f((i) => i.filter((c) => c.data.instanceId !== o)), m(
+            (i) => i.filter((c) => g(c) !== o)
           );
         }
       };
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     V,
     {
-      components: u,
-      definitions: A,
+      components: h,
+      definitions: d,
       onDefinitionsChange: f
     }
   );

package/dist/index.d.ts

@@ -1,7 +1,13 @@
 export { default as HARAnalyzer } from './features/har-analyzer';
-export { default as HARAnalyzerPreferencesProvider } from './features/har-analyzer-preferences';
+export type * from './features/har-analyzer';
+export { default as HARAnalyzerPreferencesStore } from './features/har-analyzer-preferences-store';
+export type * from './features/har-analyzer-preferences-store';
 export { default as HAREntriesViewer } from './features/har-entries-viewer';
+export type * from './features/har-entries-viewer';
 export { default as HARFileUploader } from './features/har-file-uploader';
+export type * from './features/har-file-uploader';
 export { default as ListHAREntries } from './features/list-har-entries';
+export type * from './features/list-har-entries';
 export { default as ViewHAREntry } from './features/view-har-entry';
+export type * from './features/view-har-entry';
 export * from './utils/har';

package/dist/index.js

@@ -1,19 +1,19 @@
 import { default as t } from "./har-analyzer.js";
-import { default as o } from "./har-analyzer-preferences.js";
+import { U as o } from "./chunks/provider.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 { default as A } from "./har-file-uploader.js";
+import { L as f } 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";
+import { g as m, a as d, b as E, d as x, c as g, i as y } from "./chunks/har.js";
 export {
   t as HARAnalyzer,
-  o as HARAnalyzerPreferencesProvider,
+  o as HARAnalyzerPreferencesStore,
   n as HAREntriesViewer,
-  f as HARFileUploader,
-  R as ListHAREntries,
+  A as HARFileUploader,
+  f as ListHAREntries,
   H as ViewHAREntry,
-  l as getHARContentFromFile,
-  m as getHAREntriesFilteredByContentType,
+  m as getHARContentFromFile,
+  d as getHAREntriesFilteredByContentType,
   E as getHAREntriesWithErrorResponse,
   x as getHAREntryId,
   g as getUniqueHeaderNames,

package/dist/list-har-entries.js

@@ -1,9 +1,5 @@
 import "react/jsx-runtime";
-import "@cloudscape-design/components/header";
-import "@cloudscape-design/components/status-indicator";
-import { L as e } from "./chunks/index.js";
-import "react";
-import "./chunks/har.js";
+import { L as a } from "./chunks/index.js";
 export {
-  e as default
+  a as default
 };

package/dist/utils/har.d.ts

@@ -1,5 +1,6 @@
 import { Har } from 'har-format';
 import { ContentTypeGroup } from './content-type';
+export type { ContentTypeGroup };
 export type HARContent = Har;
 export declare function getHARContentFromFile(fileContent: unknown): HARContent;
 type HAREntryWithoutError = HARContent['log']['entries'][number];
@@ -14,4 +15,3 @@ export declare function isErrorResponse(harEntry: HAREntry): boolean;
 export declare function getHAREntriesWithErrorResponse(harEntries: HAREntry[]): HAREntry[];
 export declare function getUniqueHeaderNames(harEntries: HAREntry[], type: 'request' | 'response'): string[];
 export declare function getHAREntryId(harEntry: HAREntry): string;
-export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@har-analyzer/components",
 	"type": "module",
-	"version": "0.0.16",
+	"version": "0.0.17",
 	"description": "Reusable React components for HAR Analyzer",
 	"author": "Allan Joshua",
 	"license": "MIT",

package/dist/chunks/json.js

@@ -1,10 +0,0 @@
-function o(e) {
-  try {
-    return [JSON.parse(e), void 0];
-  } catch (r) {
-    return console.warn("Failed to parse JSON string:", e, "Error:", r), [void 0, r];
-  }
-}
-export {
-  o as s
-};

package/dist/components/enhanced-top-navigation.d.ts

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

package/dist/components/simple-app-layout.d.ts

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

package/dist/components/simple-app-preferences/index.d.ts

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

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

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-type UsePreferenceStore = (key: string) => readonly [string | undefined, (preference: string) => void];
-export default function HARAnalyzerPreferencesProvider({ usePreferenceStore, children }: PropsWithChildren<{
-    usePreferenceStore: UsePreferenceStore;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare function useHARAnalyzerPreferences<T>(preferenceKey: string, defaultValue: T): readonly [T, (newPreference: T) => void];
-export {};

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

@@ -1,2 +0,0 @@
-export declare function useErrorsFilterPreference(): readonly [boolean, (newPreference: boolean) => void];
-export declare function useContentTypeFiltersPreference(): readonly [("JSON" | "XML" | "JS" | "CSS" | "HTML" | "Doc" | "Img" | "Font" | "Media" | "Other")[], (newPreference: ("JSON" | "XML" | "JS" | "CSS" | "HTML" | "Doc" | "Img" | "Font" | "Media" | "Other")[]) => void];

package/dist/har-analyzer-preferences.js

@@ -1,25 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as i, use as a, useMemo as u } from "react";
-import { s as P } from "./chunks/json.js";
-const o = i(void 0);
-function z({ usePreferenceStore: e, children: r }) {
-  return /* @__PURE__ */ c(o, { value: e, children: r });
-}
-function y(e, r) {
-  const s = a(o);
-  if (!s)
-    throw new Error("useHARAnalyzerPreferences must be used within a HARAnalyzerPreferencesProvider");
-  const [n, f] = s(e);
-  return [u(() => {
-    if (!n)
-      return;
-    const [t] = P(n);
-    return t;
-  }, [n]) ?? r, (t) => {
-    f(JSON.stringify(t));
-  }];
-}
-export {
-  z as default,
-  y as useHARAnalyzerPreferences
-};

package/dist/hooks/app-preferences.d.ts

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

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

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

package/dist/hooks/table-preferences.d.ts

@@ -1,12 +0,0 @@
-import { CollectionPreferencesProps } from '@cloudscape-design/components/collection-preferences';
-export declare function useTablePreferences(tableId: string, defaultPreferences: CollectionPreferencesProps.Preferences): readonly [CollectionPreferencesProps.Preferences<any>, (newPreference: CollectionPreferencesProps.Preferences<any>) => void];
-export declare function useTablePreferredColumnWidths(tableId: string, defaultWidths?: {
-    id: string;
-    width?: number;
-}[]): readonly [{
-    id: string;
-    width?: number;
-}[], (newPreference: {
-    id: string;
-    width?: number;
-}[]) => void];