@i-vresse/haddock3-ui 0.2.2 → 0.3.0

package/dist/report.d.ts

@@ -0,0 +1,21 @@
+import { type Container } from "react-dom/client";
+import { type Cluster } from "./table/ClusterTable.js";
+import type { Header } from "./table/SortableTable.js";
+import { type Structure } from "./table/StructureTable.js";
+/**
+ * Renders a `ClusterTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `ClusterTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `ClusterTable`.
+ * @param clusters - An array of cluster objects to be displayed in the `ClusterTable`.
+ */
+export declare function renderClusterTable(container: Container, headers: Header[], clusters: Cluster[]): void;
+/**
+ * Renders a `StructureTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `StructureTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `StructureTable`.
+ * @param structures - An array of structure objects to be displayed in the `StructureTable`.
+ */
+export declare function renderStructureTable(container: Container, headers: Header[], structures: Structure[]): void;
+//# sourceMappingURL=report.d.ts.map

package/dist/report.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"report.d.ts","sourceRoot":"","sources":["../src/report.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,2BAA2B,CAAC;AAE3E;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EAAE,EACjB,QAAQ,EAAE,OAAO,EAAE,QAIpB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EAAE,EACjB,UAAU,EAAE,SAAS,EAAE,QAIxB"}

package/dist/report.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+import { ClusterTable } from "./table/ClusterTable.js";
+import { StructureTable } from "./table/StructureTable.js";
+/**
+ * Renders a `ClusterTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `ClusterTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `ClusterTable`.
+ * @param clusters - An array of cluster objects to be displayed in the `ClusterTable`.
+ */
+export function renderClusterTable(container, headers, clusters) {
+    const root = createRoot(container);
+    root.render(_jsx(ClusterTable, { headers: headers, clusters: clusters }));
+}
+/**
+ * Renders a `StructureTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `StructureTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `StructureTable`.
+ * @param structures - An array of structure objects to be displayed in the `StructureTable`.
+ */
+export function renderStructureTable(container, headers, structures) {
+    const root = createRoot(container);
+    root.render(_jsx(StructureTable, { headers: headers, structures: structures }));
+}
+//# sourceMappingURL=report.js.map

package/dist/report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report.js","sourceRoot":"","sources":["../src/report.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAgB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAkB,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAChC,SAAoB,EACpB,OAAiB,EACjB,QAAmB;IAEnB,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;AACtE,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAClC,SAAoB,EACpB,OAAiB,EACjB,UAAuB;IAEvB,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC;AAC5E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-vresse/haddock3-ui",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "type": "module",
   "private": false,
   "sideEffects": false,
@@ -38,6 +38,7 @@
     "@vitest/browser": "^2.0.5",
     "@vitest/coverage-istanbul": "^2.0.5",
     "autoprefixer": "^10.4.19",
+    "esbuild": "^0.23.1",
     "playwright": "^1.46.0",
     "postcss": "^8.4.40",
     "sync-fetch": "^0.5.2",
@@ -115,6 +116,18 @@
         "default": "./dist/molviewer.js"
       }
     },
+    "./report.bundle": {
+      "import": {
+        "types": "./dist/report.d.ts",
+        "default": "./dist/report.bundle.js"
+      }
+    },
+    "./report": {
+      "import": {
+        "types": "./dist/report.d.ts",
+        "default": "./dist/report.js"
+      }
+    },
     "./toggles": {
       "import": {
         "types": "./dist/toggles.d.ts",
@@ -167,10 +180,11 @@
   },
   "scripts": {
     "dev": "ladle serve",
-    "build": "pnpm run build:js && pnpm build:css && pnpm build:package",
+    "build": "pnpm run build:js && pnpm build:css && pnpm build:bundle && pnpm build:package",
     "build:js": "tsc --project tsconfig.build.json",
     "build:package": "node build.mjs && pnpm format package.json",
     "build:css": "tailwindcss --content './src/**/*.{js,ts,jsx,tsx,mdx}' -i .ladle/index.css -o dist/index.css --minify",
+    "build:bundle": "esbuild --bundle --format=esm --minify src/report.tsx --outfile=dist/report.bundle.js",
     "typecheck": "tsc --noEmit",
     "docs:ladle": "ladle build",
     "docs:api": "typedoc",

package/src/report.tsx

@@ -0,0 +1,37 @@
+import { type Container, createRoot } from "react-dom/client";
+
+import { type Cluster, ClusterTable } from "./table/ClusterTable.js";
+import type { Header } from "./table/SortableTable.js";
+import { type Structure, StructureTable } from "./table/StructureTable.js";
+
+/**
+ * Renders a `ClusterTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `ClusterTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `ClusterTable`.
+ * @param clusters - An array of cluster objects to be displayed in the `ClusterTable`.
+ */
+export function renderClusterTable(
+  container: Container,
+  headers: Header[],
+  clusters: Cluster[],
+) {
+  const root = createRoot(container);
+  root.render(<ClusterTable headers={headers} clusters={clusters} />);
+}
+
+/**
+ * Renders a `StructureTable` component inside the specified container.
+ *
+ * @param container - The DOM container where the `StructureTable` will be rendered.
+ * @param headers - An array of header objects to be used in the `StructureTable`.
+ * @param structures - An array of structure objects to be displayed in the `StructureTable`.
+ */
+export function renderStructureTable(
+  container: Container,
+  headers: Header[],
+  structures: Structure[],
+) {
+  const root = createRoot(container);
+  root.render(<StructureTable headers={headers} structures={structures} />);
+}