@algorithm-shift/design-system 1.2.979 → 1.2.981

package/dist/index.js

@@ -478,7 +478,7 @@ var Typography = ({
       import_react5.default.createElement("span", {
         key: "html",
         className: "pointer-events-none",
-        dangerouslySetInnerHTML: { __html: textContent }
+        dangerouslySetInnerHTML: { __html: textContent || "--" }
       })
     ]
   );
@@ -1786,7 +1786,7 @@ __export(lucide_react_exports, {
   FerrisWheelIcon: () => FerrisWheel,
   Figma: () => Figma,
   FigmaIcon: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileArchiveIcon: () => FileArchive,
   FileAudio: () => FileAudio,
@@ -1839,7 +1839,7 @@ __export(lucide_react_exports, {
   FileEditIcon: () => FilePen,
   FileHeart: () => FileHeart,
   FileHeartIcon: () => FileHeart,
-  FileIcon: () => File,
+  FileIcon: () => File2,
   FileImage: () => FileImage,
   FileImageIcon: () => FileImage,
   FileInput: () => FileInput,
@@ -3196,7 +3196,7 @@ __export(lucide_react_exports, {
   LucideFence: () => Fence,
   LucideFerrisWheel: () => FerrisWheel,
   LucideFigma: () => Figma,
-  LucideFile: () => File,
+  LucideFile: () => File2,
   LucideFileArchive: () => FileArchive,
   LucideFileAudio: () => FileAudio,
   LucideFileAudio2: () => FileAudio2,
@@ -6617,7 +6617,7 @@ __export(icons_exports, {
   Fence: () => Fence,
   FerrisWheel: () => FerrisWheel,
   Figma: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileAudio: () => FileAudio,
   FileAudio2: () => FileAudio2,
@@ -14767,7 +14767,7 @@ var __iconNode630 = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-var File = createLucideIcon("file", __iconNode630);
+var File2 = createLucideIcon("file", __iconNode630);
 
 // node_modules/lucide-react/dist/esm/icons/files.js
 var __iconNode631 = [
@@ -27022,18 +27022,26 @@ var TextInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Input,
       {
         type: props.inputType || "text",
         name: props.name,
+        id: props.name || "text-field",
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
           borderColor: props.errorMessage ? "#f87171" : style?.borderColor
         },
-        value: props.value || "",
+        value: formatValue(props.value),
         autoComplete: isAutocomplete ? "on" : "off",
         placeholder,
         onChange: handleChange,
@@ -27064,14 +27072,21 @@ var NumberInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return 0;
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Input,
       {
-        type: "number",
+        type: props.inputType || "number",
         id: props.name || "number-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27107,13 +27122,21 @@ var EmailInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Input,
       {
-        type: "email",
+        type: props.inputType || "email",
         name: props.name,
-        value: props.value || "",
+        id: props.name || "email-field",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27149,14 +27172,21 @@ var PasswordInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       Input,
       {
-        type: "password",
+        type: props.inputType || "password",
         id: props.name || "password-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27252,16 +27282,23 @@ var UrlInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-start items-center relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
-          id: "url-field",
-          type: "url",
+          id: props.name || "url-field",
+          type: props.inputType || "url",
           name: props.name,
-          value: props.value || "",
+          value: formatValue(props.value),
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -28118,7 +28155,8 @@ function LazySelectDropdown({
   dataLabel = "name",
   errorMessage,
   axiosInstance,
-  enableAddNewOption = false
+  enableAddNewOption = false,
+  enforceStrictQueryParams = false
 }) {
   const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
   const [searchTerm, setSearchTerm] = (0, import_react20.useState)("");
@@ -28142,7 +28180,8 @@ function LazySelectDropdown({
     dataLabel,
     initialData: options || [],
     value,
-    axiosInstance
+    axiosInstance,
+    enforceStrictQueryParams
   });
   const selectedOption = (0, import_react20.useMemo)(() => lazyOptions.find((opt) => opt.value === value), [lazyOptions, value]);
   (0, import_react20.useEffect)(() => {
@@ -28496,14 +28535,21 @@ var SearchInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Input,
       {
-        type: "text",
+        type: props.inputType || "search",
         id: props.name || "text-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -28535,14 +28581,21 @@ var FileInput2 = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "d-flex items-center relative align-middle", children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Input,
       {
-        type: "file",
-        id: "file",
+        type: props.inputType || "file",
+        id: props.name || "file-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -29765,6 +29818,13 @@ var cellRendererFactory = (renderer, rendererProps, value, row, customRenderers
           onChange: info.row.getToggleSelectedHandler()
         }
       );
+    case "html":
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        "span",
+        {
+          dangerouslySetInnerHTML: { __html: String(rowValue || formattedValue) }
+        }
+      );
     /* -------------------- ADVANCED -------------------- */
     case "custom": {
       const CustomRenderer = customRenderers[rendererProps?.customRendererId] || customRenderers[rendererProps?.rendererId];
@@ -30037,17 +30097,20 @@ function DataTable({
             ),
             "Toggle All"
           ] }),
-          table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              "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__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                "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);
+          })
         ] })
       ] })
     ] }),