@algorithm-shift/design-system 1.2.979 → 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 || "--" }
       })
     ]
   );
@@ -1690,7 +1690,7 @@ __export(lucide_react_exports, {
   FerrisWheelIcon: () => FerrisWheel,
   Figma: () => Figma,
   FigmaIcon: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileArchiveIcon: () => FileArchive,
   FileAudio: () => FileAudio,
@@ -1743,7 +1743,7 @@ __export(lucide_react_exports, {
   FileEditIcon: () => FilePen,
   FileHeart: () => FileHeart,
   FileHeartIcon: () => FileHeart,
-  FileIcon: () => File,
+  FileIcon: () => File2,
   FileImage: () => FileImage,
   FileImageIcon: () => FileImage,
   FileInput: () => FileInput,
@@ -3100,7 +3100,7 @@ __export(lucide_react_exports, {
   LucideFence: () => Fence,
   LucideFerrisWheel: () => FerrisWheel,
   LucideFigma: () => Figma,
-  LucideFile: () => File,
+  LucideFile: () => File2,
   LucideFileArchive: () => FileArchive,
   LucideFileAudio: () => FileAudio,
   LucideFileAudio2: () => FileAudio2,
@@ -6521,7 +6521,7 @@ __export(icons_exports, {
   Fence: () => Fence,
   FerrisWheel: () => FerrisWheel,
   Figma: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileAudio: () => FileAudio,
   FileAudio2: () => FileAudio2,
@@ -14671,7 +14671,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 = [
@@ -26926,18 +26926,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__ */ jsxs7(Fragment3, { children: [
     /* @__PURE__ */ jsx20(
       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,
@@ -26968,14 +26976,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__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx21("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx21(
       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,
@@ -27011,13 +27026,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__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx22("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx22(
       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,
@@ -27053,14 +27076,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__ */ jsxs10(Fragment6, { children: [
     /* @__PURE__ */ jsx23("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx23(
       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,
@@ -27156,16 +27186,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__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex justify-start items-center relative", children: [
       /* @__PURE__ */ jsx26("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__ */ jsx26(
         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,
@@ -28022,7 +28059,8 @@ function LazySelectDropdown({
   dataLabel = "name",
   errorMessage,
   axiosInstance,
-  enableAddNewOption = false
+  enableAddNewOption = false,
+  enforceStrictQueryParams = false
 }) {
   const [isOpen, setIsOpen] = useState5(false);
   const [searchTerm, setSearchTerm] = useState5("");
@@ -28046,7 +28084,8 @@ function LazySelectDropdown({
     dataLabel,
     initialData: options || [],
     value,
-    axiosInstance
+    axiosInstance,
+    enforceStrictQueryParams
   });
   const selectedOption = useMemo3(() => lazyOptions.find((opt) => opt.value === value), [lazyOptions, value]);
   useEffect14(() => {
@@ -28400,14 +28439,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__ */ jsxs22(Fragment15, { children: [
     /* @__PURE__ */ jsx41("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx41(
       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,
@@ -28439,14 +28485,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__ */ jsxs23("div", { className: "d-flex items-center relative align-middle", children: [
     /* @__PURE__ */ jsx42(
       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,
@@ -29675,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];
@@ -29947,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);
+          })
         ] })
       ] })
     ] }),