@har-analyzer/components 0.0.15 → 0.0.16

package/README.md

@@ -60,7 +60,7 @@ function App() {
   return (
     <I18nProvider locale="en" messages={[enMessages]}>
       <HARAnalyzerPreferencesProvider usePreferenceStore={useWebStorage}>
-        <HAREntriesViewer harEntries={yourHarEntriesArray} />
+        <HAREntriesViewer tableId="my-report-table" harEntries={yourHarEntriesArray} />
       </HARAnalyzerPreferencesProvider>
     </I18nProvider>
   );
@@ -123,7 +123,7 @@ import HAREntriesViewer from '@har-analyzer/components/har-entries-viewer';
 
 function App() {
   return (
-    <HAREntriesViewer harEntries={yourHarEntriesArray} />
+    <HAREntriesViewer tableId="har-viewer-table" harEntries={yourHarEntriesArray} />
   );
 }
 ```
@@ -132,8 +132,9 @@ function App() {
 
 | Name          | Type                          | Required | Description                                      |
 |---------------|-------------------------------|----------|--------------------------------------------------|
-| title         | string                        | no       | Title of the table displaying the HAR entries    |
 | harEntries    | HAREntry[]                    | Yes      | An array of HAR entries.                         |
+| tableId       | string                        | Yes      | Unique identifier for the table component.        |
+| tableTitle    | string                        | No       | Title of the table displaying the HAR entries.   |
 
 ---
 
@@ -147,8 +148,10 @@ import ListHAREntries from '@har-analyzer/components/list-har-entries';
 function App() {
   return (
     <ListHAREntries
+      id="my-table"
       harEntries={yourHarEntriesArray}
-      onChange={(entries) => console.log('Selected:', entries)}
+      selectedHAREntries={[]}
+      onSelectionChange={(entries) => console.log('Selected:', entries)}
     />
   );
 }
@@ -156,10 +159,13 @@ function App() {
 
 **Props:**
 
-| Name      | Type                                      | Required | Description                          |
-|-----------|-------------------------------------------|----------|--------------------------------------|
-| harEntries| HAREntry[]                                | Yes      | The entries to display in the table. |
-| onChange  | (selectedHAREntries: HAREntry[]) => void  | Yes      | Callback when entries are selected.  |
+| Name                | Type                                      | Required | Description                              |
+|---------------------|-------------------------------------------|----------|------------------------------------------|
+| id                  | string                                    | Yes      | Unique identifier for the list.           |
+| title               | string                                    | No       | Optional title for the list.             |
+| harEntries          | HAREntry[]                                | Yes      | The entries to display in the table.     |
+| selectedHAREntries  | HAREntry[]                                | Yes      | Entries to remain selected in the table. |
+| onSelectionChange   | (selectedHAREntries: HAREntry[]) => void  | Yes      | Callback when entries are selected.      |
 
 ---
 

package/dist/chunks/collapsible-key-value-list.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "@cloudscape-design/components/box";
+import p from "@cloudscape-design/components/column-layout";
+import { C as a } from "./collapsible-section.js";
+import s from "@cloudscape-design/components/copy-to-clipboard";
+function u(t) {
+  const { textToCopy: e, textToDisplay: r } = t;
+  return /* @__PURE__ */ o(
+    s,
+    {
+      variant: "inline",
+      textToCopy: e,
+      textToDisplay: r,
+      copyErrorText: "Failed to copy",
+      copySuccessText: "Copied!"
+    }
+  );
+}
+function x({ title: t, items: e = [] }) {
+  return /* @__PURE__ */ o(a, { title: t, children: /* @__PURE__ */ o(p, { borders: "horizontal", columns: 2, disableGutters: !0, children: e.reduce((r, { name: l, value: i }) => (r.push(/* @__PURE__ */ o(n, { variant: "awsui-key-label", children: l })), r.push(i ? /* @__PURE__ */ o(u, { textToCopy: i }) : /* @__PURE__ */ o(n, { variant: "span", children: "-" })), r), []) }) });
+}
+export {
+  x as C
+};

package/dist/chunks/collapsible-section.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "@cloudscape-design/components/expandable-section";
+import { H as n } from "./index2.js";
+function p({
+  title: t,
+  children: o,
+  variant: r = "default"
+}) {
+  return /* @__PURE__ */ e(
+    a,
+    {
+      variant: r,
+      headerText: t,
+      defaultExpanded: !0,
+      disableContentPaddings: !0,
+      children: /* @__PURE__ */ e(n, { children: o })
+    }
+  );
+}
+export {
+  p as C
+};