@algorithm-shift/design-system 1.2.970 → 1.2.972

package/dist/index.js

@@ -27336,9 +27336,18 @@ var CheckboxInput = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
   const text = props.text ? props.text : "Subscribe";
+  const formatValue = (value) => {
+    if (typeof value === "boolean") {
+      return value;
+    }
+    if (value === "true" || value === "1") {
+      return true;
+    }
+    return false;
+  };
   (0, import_react14.useEffect)(() => {
     if (props.value) {
-      handleChange(props.value);
+      handleChange(formatValue(props.value));
     }
   }, []);
   const handleChange = (value) => {
@@ -27350,7 +27359,7 @@ var CheckboxInput = ({ className, style, ...props }) => {
         Checkbox,
         {
           id: props.name || "checkbox",
-          checked: !!props.value,
+          checked: formatValue(props.value),
           onCheckedChange: handleChange,
           disabled: !isEditable || isDisabled
         }
@@ -27887,14 +27896,46 @@ function useLazyDropdown(config) {
       };
     });
   }, []);
+  function extractAndEnforceUrlParams(apiUrl, enforceStrict) {
+    const urlObj = new URL(
+      apiUrl,
+      typeof window !== "undefined" ? window.location.origin : "http://localhost"
+    );
+    const cleaned = {};
+    let hasEmpty = false;
+    const baseUrl = urlObj.origin + urlObj.pathname;
+    urlObj.searchParams.forEach((value, key) => {
+      const isEmpty = value === "" || value === void 0 || value === null;
+      if (isEmpty) {
+        hasEmpty = true;
+        if (enforceStrict) return;
+        return;
+      }
+      cleaned[key] = value;
+    });
+    return {
+      baseUrl,
+      shouldAbort: enforceStrict && hasEmpty,
+      params: cleaned
+    };
+  }
   const fetchApiData = (0, import_react19.useCallback)(async (pageNum, term) => {
     if (!configRef.current.apiUrl) return [];
     const limit = PAGE_SIZE;
     const params = { page: pageNum, limit };
     if (term) params[configRef.current.dataLabel ? `${configRef.current.dataLabel}[ilike]` : "search[ilike]"] = term;
+    const { baseUrl, shouldAbort, params: urlParams } = extractAndEnforceUrlParams(
+      configRef.current.apiUrl,
+      !!configRef.current.enforceStrictQueryParams
+    );
+    if (shouldAbort) {
+      setLoading(false);
+      return [];
+    }
+    const finalParams = { ...urlParams, ...params };
     const axiosClient = configRef.current.axiosInstance ?? import_axios.default;
-    const res = await axiosClient.get(configRef.current.apiUrl, {
-      params,
+    const res = await axiosClient.get(baseUrl, {
+      params: finalParams,
       withCredentials: true
     });
     if (res.data?.success && Array.isArray(res.data.data)) {
@@ -27957,8 +27998,17 @@ function useLazyDropdown(config) {
           [`${configRef.current.dataKey}[in]`]: configRef.current.value.join(",")
         };
       }
-      const res = await axiosClient.get(configRef.current.apiUrl, {
-        params,
+      const { baseUrl, shouldAbort, params: urlParams } = extractAndEnforceUrlParams(
+        configRef.current.apiUrl,
+        !!configRef.current.enforceStrictQueryParams
+      );
+      if (shouldAbort) {
+        setLoading(false);
+        return;
+      }
+      const finalParams = { ...urlParams, ...params };
+      const res = await axiosClient.get(baseUrl, {
+        params: finalParams,
         withCredentials: true
       });
       if (res.data?.success && Array.isArray(res.data.data) && res.data.data.length > 0) {
@@ -28849,8 +28899,7 @@ function DateTimePicker({
       return;
     }
     const clickedDate = new Date(next);
-    const selectedYearDate = new Date(year, clickedDate.getMonth(), clickedDate.getDate());
-    updateDateTime(selectedYearDate);
+    updateDateTime(clickedDate);
   };
   const updateTimeInDate = (h, m) => {
     if (!date) {
@@ -28900,9 +28949,9 @@ function DateTimePicker({
   const displayValue = React6.useMemo(() => {
     if (!date) return "";
     try {
-      if (mode === "date") return (0, import_date_fns.format)(date, "yyyy-MM-dd");
+      if (mode === "date") return (0, import_date_fns.format)(date, "dd-MM-yyyy");
       if (mode === "time") return (0, import_date_fns.format)(date, "hh:mm aa");
-      return (0, import_date_fns.format)(date, "yyyy-MM-dd hh:mm aa");
+      return (0, import_date_fns.format)(date, "dd-MM-yyyy hh:mm aa");
     } catch {
       return "";
     }
@@ -28939,8 +28988,21 @@ function DateTimePicker({
           },
           disabled: isInputDisabled,
           children: [
-            displayValue || placeholder,
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Calendar1, { className: "absolute right-2 top-2" })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Calendar1, { className: "absolute left-2 top-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "ml-5", children: displayValue || placeholder }),
+            displayValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              SquareX,
+              {
+                className: "absolute right-2 top-2 cursor-pointer",
+                role: "presentation",
+                style: { pointerEvents: "auto" },
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setDate(void 0);
+                  emitChange(void 0);
+                }
+              }
+            )
           ]
         }
       ) }),