@ctlyst.id/internal-ui 3.4.4 → 3.4.5

package/dist/index.js

@@ -1280,6 +1280,7 @@ var getCommonPinningStyles = (column) => {
   const isFirstLeftPinnedColumn = isPinned === "left" && column.getIsFirstColumn("left");
   const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
   const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
+  const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
   return {
     left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
@@ -1289,6 +1290,9 @@ var getCommonPinningStyles = (column) => {
     ...isFirstLeftPinnedColumn ? {
       pl: "16px"
     } : { pl: "8px" },
+    ...isLastRightPinnedColumn ? {
+      pr: "16px"
+    } : { pr: "8px" },
     ...isLastLeftPinnedColumn ? {
       py: "16px",
       pr: "8px",
@@ -1308,7 +1312,7 @@ var getCommonPinningStyles = (column) => {
     } : {},
     ...isFirstRightPinnedColumn ? {
       py: "16px",
-      px: "8px",
+      pl: "8px",
       "&:after": {
         transition: "all 0.3s",
         content: "''",
@@ -1522,17 +1526,17 @@ var DataTable = React5.forwardRef((props, ref) => {
                       gap: 2,
                       children: [
                         (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        (_b2 = header.column.getCanSort() && {
+                          asc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
+                          desc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
+                        }[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                           import_react28.Box,
                           {
                             as: "span",
                             cursor: header.column.getCanSort() ? "pointer" : "default",
                             "data-test-id": `CT_Container_SortingIcon_${header.id}`,
                             onClick: header.column.getToggleSortingHandler(),
-                            children: (_b2 = header.column.getCanSort() && {
-                              asc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
-                              desc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
-                            }[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.UpDownIcon, { color: "neutral.500" }) })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.UpDownIcon, { color: "neutral.500" }) })
                           }
                         )
                       ]