@ctlyst.id/internal-ui 3.4.4 → 3.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +10 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1280,6 +1280,7 @@ var getCommonPinningStyles = (column) => {
|
|
|
1280
1280
|
const isFirstLeftPinnedColumn = isPinned === "left" && column.getIsFirstColumn("left");
|
|
1281
1281
|
const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
|
|
1282
1282
|
const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
|
|
1283
|
+
const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
|
|
1283
1284
|
return {
|
|
1284
1285
|
left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
|
|
1285
1286
|
right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
|
|
@@ -1289,6 +1290,9 @@ var getCommonPinningStyles = (column) => {
|
|
|
1289
1290
|
...isFirstLeftPinnedColumn ? {
|
|
1290
1291
|
pl: "16px"
|
|
1291
1292
|
} : { pl: "8px" },
|
|
1293
|
+
...isLastRightPinnedColumn ? {
|
|
1294
|
+
pr: "16px"
|
|
1295
|
+
} : { pr: "8px" },
|
|
1292
1296
|
...isLastLeftPinnedColumn ? {
|
|
1293
1297
|
py: "16px",
|
|
1294
1298
|
pr: "8px",
|
|
@@ -1308,7 +1312,7 @@ var getCommonPinningStyles = (column) => {
|
|
|
1308
1312
|
} : {},
|
|
1309
1313
|
...isFirstRightPinnedColumn ? {
|
|
1310
1314
|
py: "16px",
|
|
1311
|
-
|
|
1315
|
+
pl: "8px",
|
|
1312
1316
|
"&:after": {
|
|
1313
1317
|
transition: "all 0.3s",
|
|
1314
1318
|
content: "''",
|
|
@@ -1522,17 +1526,17 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1522
1526
|
gap: 2,
|
|
1523
1527
|
children: [
|
|
1524
1528
|
(0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()),
|
|
1525
|
-
|
|
1529
|
+
(_b2 = header.column.getCanSort() && {
|
|
1530
|
+
asc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
|
|
1531
|
+
desc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
|
|
1532
|
+
}[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1526
1533
|
import_react28.Box,
|
|
1527
1534
|
{
|
|
1528
1535
|
as: "span",
|
|
1529
1536
|
cursor: header.column.getCanSort() ? "pointer" : "default",
|
|
1530
1537
|
"data-test-id": `CT_Container_SortingIcon_${header.id}`,
|
|
1531
1538
|
onClick: header.column.getToggleSortingHandler(),
|
|
1532
|
-
children: (
|
|
1533
|
-
asc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
|
|
1534
|
-
desc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
|
|
1535
|
-
}[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" }) })
|
|
1539
|
+
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" }) })
|
|
1536
1540
|
}
|
|
1537
1541
|
)
|
|
1538
1542
|
]
|