universe-code 0.0.91 → 0.0.92

package/dist/uiux/table/index.js

@@ -1,6 +1,43 @@
-// Inject plain CSS for UniverseDataTable
-const style = document.createElement("style");
-style.textContent = `
+class UniverseDataTable {
+    constructor({
+        container,
+        apiData = [],
+        columns = [],
+        pagination = {},
+        jumpToPage = "",
+        shouldEnableJumpToPage = false,
+        handleJumpToPage = () => { },
+        handleKeyPress = () => { },
+        handlePageChange = () => { },
+        shouldShowPagination = true,
+    }) {
+        if (!container) throw new Error("UniverseDataTable: container is required");
+        if (typeof document !== "undefined") {
+          this.injectStyles();
+        }
+
+        this.container = container;
+        this.apiData = apiData;
+        this.columns = columns;
+        this.pagination = pagination;
+
+        this.jumpToPage = jumpToPage;
+        this.shouldEnableJumpToPage = shouldEnableJumpToPage;
+        this.handleJumpToPage = handleJumpToPage;
+        this.handleKeyPress = handleKeyPress;
+        this.handlePageChange = handlePageChange;
+
+        this.shouldShowPagination = shouldShowPagination;
+
+        this.render();
+    }
+
+    injectStyles() {
+    if (document.getElementById("udt-style")) return;
+
+    const style = document.createElement("style");
+    style.id = "udt-style";
+    style.textContent = `
 /* Container & Table */
 .udt-container {
   background-color: #fff;
@@ -179,39 +216,8 @@ style.textContent = `
   }
 }
 `;
-document.head.appendChild(style);
-
-// UniverseDataTable Class
-class UniverseDataTable {
-    constructor({
-        container,
-        apiData = [],
-        columns = [],
-        pagination = {},
-        jumpToPage = "",
-        shouldEnableJumpToPage = false,
-        handleJumpToPage = () => { },
-        handleKeyPress = () => { },
-        handlePageChange = () => { },
-        shouldShowPagination = true,
-    }) {
-        if (!container) throw new Error("UniverseDataTable: container is required");
-
-        this.container = container;
-        this.apiData = apiData;
-        this.columns = columns;
-        this.pagination = pagination;
-
-        this.jumpToPage = jumpToPage;
-        this.shouldEnableJumpToPage = shouldEnableJumpToPage;
-        this.handleJumpToPage = handleJumpToPage;
-        this.handleKeyPress = handleKeyPress;
-        this.handlePageChange = handlePageChange;
-
-        this.shouldShowPagination = shouldShowPagination;
-
-        this.render();
-    }
+    document.head.appendChild(style);
+  }
 
     th(label) {
         return `<th class="udt-th">${label}</th>`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "universe-code",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "description": "Universal utility functions for all JS frameworks",
   "license": "ISC",
   "type": "module",