@algorithm-shift/design-system 1.2.980 → 1.2.981

package/dist/index.mjs

@@ -382,7 +382,7 @@ var Typography = ({
       React4.createElement("span", {
         key: "html",
         className: "pointer-events-none",
-        dangerouslySetInnerHTML: { __html: textContent }
+        dangerouslySetInnerHTML: { __html: textContent || "--" }
       })
     ]
   );
@@ -28059,7 +28059,8 @@ function LazySelectDropdown({
   dataLabel = "name",
   errorMessage,
   axiosInstance,
-  enableAddNewOption = false
+  enableAddNewOption = false,
+  enforceStrictQueryParams = false
 }) {
   const [isOpen, setIsOpen] = useState5(false);
   const [searchTerm, setSearchTerm] = useState5("");
@@ -28083,7 +28084,8 @@ function LazySelectDropdown({
     dataLabel,
     initialData: options || [],
     value,
-    axiosInstance
+    axiosInstance,
+    enforceStrictQueryParams
   });
   const selectedOption = useMemo3(() => lazyOptions.find((opt) => opt.value === value), [lazyOptions, value]);
   useEffect14(() => {
@@ -29726,6 +29728,13 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
           onChange: info.row.getToggleSelectedHandler()
         }
       );
+    case "html":
+      return /* @__PURE__ */ jsx50(
+        "span",
+        {
+          dangerouslySetInnerHTML: { __html: String(rowValue || formattedValue) }
+        }
+      );
     /* -------------------- ADVANCED -------------------- */
     case "custom": {
       const CustomRenderer = customRenderers[rendererProps?.customRendererId] || customRenderers[rendererProps?.rendererId];
@@ -29998,17 +30007,20 @@ function DataTable({
             ),
             "Toggle All"
           ] }),
-          table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsxs29("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx51(
-              "input",
-              {
-                type: "checkbox",
-                checked: column.getIsVisible(),
-                onChange: (e) => column.toggleVisibility(e.target.checked)
-              }
-            ),
-            column.columnDef.header?.toString() ?? column.id
-          ] }, column.id))
+          table.getAllLeafColumns().map((column) => {
+            const header = column.columnDef.header;
+            return /* @__PURE__ */ jsxs29("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx51(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: column.getIsVisible(),
+                  onChange: (e) => column.toggleVisibility(e.target.checked)
+                }
+              ),
+              typeof header === "function" ? header({ column, header, table }) : typeof header === "string" ? header : column.id
+            ] }, column.id);
+          })
         ] })
       ] })
     ] }),