@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.mjs
CHANGED
|
@@ -938,6 +938,7 @@ var getCommonPinningStyles = (column) => {
|
|
|
938
938
|
const isFirstLeftPinnedColumn = isPinned === "left" && column.getIsFirstColumn("left");
|
|
939
939
|
const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
|
|
940
940
|
const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
|
|
941
|
+
const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
|
|
941
942
|
return {
|
|
942
943
|
left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
|
|
943
944
|
right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
|
|
@@ -947,6 +948,9 @@ var getCommonPinningStyles = (column) => {
|
|
|
947
948
|
...isFirstLeftPinnedColumn ? {
|
|
948
949
|
pl: "16px"
|
|
949
950
|
} : { pl: "8px" },
|
|
951
|
+
...isLastRightPinnedColumn ? {
|
|
952
|
+
pr: "16px"
|
|
953
|
+
} : { pr: "8px" },
|
|
950
954
|
...isLastLeftPinnedColumn ? {
|
|
951
955
|
py: "16px",
|
|
952
956
|
pr: "8px",
|
|
@@ -966,7 +970,7 @@ var getCommonPinningStyles = (column) => {
|
|
|
966
970
|
} : {},
|
|
967
971
|
...isFirstRightPinnedColumn ? {
|
|
968
972
|
py: "16px",
|
|
969
|
-
|
|
973
|
+
pl: "8px",
|
|
970
974
|
"&:after": {
|
|
971
975
|
transition: "all 0.3s",
|
|
972
976
|
content: "''",
|
|
@@ -1180,17 +1184,17 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1180
1184
|
gap: 2,
|
|
1181
1185
|
children: [
|
|
1182
1186
|
flexRender(header.column.columnDef.header, header.getContext()),
|
|
1183
|
-
|
|
1187
|
+
(_b2 = header.column.getCanSort() && {
|
|
1188
|
+
asc: /* @__PURE__ */ jsx24(ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
|
|
1189
|
+
desc: /* @__PURE__ */ jsx24(ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
|
|
1190
|
+
}[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ jsx24(
|
|
1184
1191
|
Box11,
|
|
1185
1192
|
{
|
|
1186
1193
|
as: "span",
|
|
1187
1194
|
cursor: header.column.getCanSort() ? "pointer" : "default",
|
|
1188
1195
|
"data-test-id": `CT_Container_SortingIcon_${header.id}`,
|
|
1189
1196
|
onClick: header.column.getToggleSortingHandler(),
|
|
1190
|
-
children: (
|
|
1191
|
-
asc: /* @__PURE__ */ jsx24(ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
|
|
1192
|
-
desc: /* @__PURE__ */ jsx24(ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
|
|
1193
|
-
}[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ jsx24(Box11, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ jsx24(UpDownIcon, { color: "neutral.500" }) })
|
|
1197
|
+
children: /* @__PURE__ */ jsx24(Box11, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ jsx24(UpDownIcon, { color: "neutral.500" }) })
|
|
1194
1198
|
}
|
|
1195
1199
|
)
|
|
1196
1200
|
]
|