@har-analyzer/components 0.0.15 → 0.0.17

package/dist/har-entries-viewer.js

@@ -1,9 +1,169 @@
-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 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";
+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 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 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 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 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) => 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: t,
+    definitions: r,
+    onDefinitionsChange: a,
+    empty: m
+  } = n;
+  return /* @__PURE__ */ l(
+    z,
+    {
+      i18nStrings: M,
+      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 = e?.content, o = e?.onRemove;
+        return /* @__PURE__ */ l(
+          N,
+          {
+            disableContentPaddings: !0,
+            i18nStrings: P,
+            settings: o && /* @__PURE__ */ l(B, { variant: "icon", iconName: "close", onClick: o }),
+            children: h
+          }
+        );
+      },
+      onItemsChange: ({ detail: { items: d } }) => {
+        a(d);
+      },
+      empty: m
+    }
+  );
+}
+const E = {
+  rowSpan: 4,
+  columnSpan: 12
+}, u = "har-entries-viewer", S = "view-har-entry", x = [
+  {
+    ...E,
+    id: u,
+    data: {
+      componentKey: u,
+      instanceId: u
+    }
+  }
+];
+function Q(n) {
+  const {
+    harEntries: t,
+    tableTitle: r
+  } = n, [a, m] = w([]), [d, f] = w(x);
+  T(() => {
+    const o = new Set(t.map(g));
+    m((e) => {
+      if (!e.length)
+        return e;
+      const i = e.filter(
+        (c) => o.has(g(c))
+      );
+      return i.length !== e.length ? i : e;
+    });
+  }, [t]);
+  const I = _((o) => {
+    m(o);
+    const e = o.map(g), i = new Set(e);
+    f((c) => {
+      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: S,
+          instanceId: s
+        }
+      }));
+      return [...A, ...$].map((s, C) => {
+        const { data: { instanceId: H } } = s;
+        return {
+          ...s,
+          id: H === u ? u : String(C)
+        };
+      });
+    });
+  }, []), h = {
+    [u]: {
+      content: /* @__PURE__ */ l(O, { children: /* @__PURE__ */ l(
+        k,
+        {
+          title: r,
+          harEntries: t,
+          selectedHAREntries: a,
+          onSelectionChange: I
+        }
+      ) })
+    },
+    [S]: (o) => {
+      const e = a.find((i) => g(i) === o);
+      return {
+        content: e ? /* @__PURE__ */ l(L, { harEntry: e }) : void 0,
+        onRemove: () => {
+          f((i) => i.filter((c) => c.data.instanceId !== o)), m(
+            (i) => i.filter((c) => g(c) !== o)
+          );
+        }
+      };
+    }
+  };
+  return /* @__PURE__ */ l(
+    V,
+    {
+      components: h,
+      definitions: d,
+      onDefinitionsChange: f
+    }
+  );
+}
 export {
-  e as default
+  Q as default
 };

package/dist/index.d.ts

@@ -1,8 +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 { default as useHAREntriesFilters } from './features/har-entries-viewer/components/har-entries-filters';
+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,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 { U as o } from "./chunks/provider.js";
+import { default as n } from "./har-entries-viewer.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 { L as f } from "./chunks/index.js";
+import { V as H } from "./chunks/index2.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,
-  a as HARAnalyzerPreferencesProvider,
-  i as HAREntriesViewer,
+  o as HARAnalyzerPreferencesStore,
+  n as HAREntriesViewer,
   A as HARFileUploader,
-  R as ListHAREntries,
-  d as ViewHAREntry,
+  f as ListHAREntries,
+  H as ViewHAREntry,
   m as getHARContentFromFile,
-  E as getHAREntriesFilteredByContentType,
-  u as getHAREntriesWithErrorResponse,
+  d as getHAREntriesFilteredByContentType,
+  E as getHAREntriesWithErrorResponse,
   x as getHAREntryId,
   g as getUniqueHeaderNames,
-  y as isErrorResponse,
-  n as useHAREntriesFilters
+  y as isErrorResponse
 };