@farmzone/fz-react-ui 1.0.22 → 1.1.0

package/dist/index.cjs

@@ -2404,18 +2404,19 @@ function useCalendarState(props) {
 var CALENDAR_GAP = 4;
 var CALENDAR_MIN_WIDTH = 280;
 function useFloatingCalendarPosition(anchorRef, isOpen2, placement, align = "start") {
-  const [style, setStyle] = React6.useState({ visibility: "hidden" });
+  const [style, setStyle] = React6.useState({ position: "fixed", visibility: "hidden" });
   React6.useLayoutEffect(() => {
     if (!isOpen2 || !anchorRef.current) return;
     const update = () => {
       const rect = anchorRef.current.getBoundingClientRect();
-      const left = align === "end" ? Math.max(8, rect.right - CALENDAR_MIN_WIDTH) : rect.left;
       const base = {
         position: "fixed",
-        left,
         zIndex: CALENDAR_PORTAL_Z_INDEX,
         minWidth: CALENDAR_MIN_WIDTH,
-        visibility: "visible"
+        visibility: "visible",
+        ...align === "end" ? { left: rect.left } : { right: window.innerWidth - rect.right }
+        // ? { right: window.innerWidth - rect.right }
+        // : { left: rect.left }),
       };
       if (placement === "top") {
         setStyle({ ...base, bottom: window.innerHeight - rect.top + CALENDAR_GAP });
@@ -4183,18 +4184,22 @@ function TableHeader(props) {
       idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("wbr", {}),
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { whiteSpace: "nowrap" }, children: part })
     ] }, idx)) : column.title;
-    const paddingClass = hasSortIcon ? column.align === "center" ? "pl-1" : "pl-3" : "px-3";
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full", children: [
-      hasSortIcon && column.align === "center" && !column.isWrap && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 shrink-0" }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: `flex-1 min-w-0 ${paddingClass} ${textAlignClass} ${baseClasses} ${isClickableHead} ${subTitleClasses}`,
+          className: `w-full px-3 ${hasSortIcon && column.align !== "center" ? "pr-6" : ""} ${textAlignClass} ${baseClasses} ${isClickableHead} ${subTitleClasses}`,
           style: hasWrapParts ? { wordBreak: "keep-all" } : void 0,
           children: titleContent
         }
       ),
-      hasSortIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-6 shrink-0 flex items-center justify-center cursor-pointer ${isClickableHead}`, children: renderSortIcon(column.key) })
+      hasSortIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `absolute right-0 top-1/2 -translate-y-1/2 w-5 flex items-center justify-start cursor-pointer ${isClickableHead}`,
+          children: renderSortIcon(column.key)
+        }
+      )
     ] });
   };
   const createGroupHeaders = () => {