@ctlyst.id/internal-ui 4.3.1 → 4.3.2
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 +7 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
@@ -937,8 +937,8 @@ var getCommonPinningStyles = (column) => {
|
|
937
937
|
const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
|
938
938
|
const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
|
939
939
|
return {
|
940
|
-
left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
|
941
|
-
right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
|
940
|
+
left: isPinned === "left" ? `${column.getStart("left") + (!isFirstLeftPinnedColumn ? 8 : 0)}px` : void 0,
|
941
|
+
right: isPinned === "right" ? `${column.getAfter("right") + (!isLastRightPinnedColumn ? 8 : 0)}px` : void 0,
|
942
942
|
position: isPinned ? "sticky" : "relative",
|
943
943
|
zIndex: isPinned ? 1 : 0,
|
944
944
|
...isFirstLeftPinnedColumn ? {
|
@@ -1005,7 +1005,7 @@ var useDataTable = ({
|
|
1005
1005
|
{
|
1006
1006
|
id: "select",
|
1007
1007
|
size: 32,
|
1008
|
-
header: ({ table: table2 }) => /* @__PURE__ */ jsx24(
|
1008
|
+
header: ({ table: table2 }) => /* @__PURE__ */ jsx24(Flex2, { justifyContent: "center", children: /* @__PURE__ */ jsx24(
|
1009
1009
|
Checkbox2,
|
1010
1010
|
{
|
1011
1011
|
"data-test-id": "select-header-data-table",
|
@@ -1015,8 +1015,8 @@ var useDataTable = ({
|
|
1015
1015
|
onChange: table2.getToggleAllRowsSelectedHandler()
|
1016
1016
|
}
|
1017
1017
|
}
|
1018
|
-
),
|
1019
|
-
cell: ({ row }) => /* @__PURE__ */ jsx24(
|
1018
|
+
) }),
|
1019
|
+
cell: ({ row }) => /* @__PURE__ */ jsx24(Flex2, { justifyContent: "center", children: /* @__PURE__ */ jsx24(
|
1020
1020
|
Checkbox2,
|
1021
1021
|
{
|
1022
1022
|
"data-test-id": `select-data-table-${row.index}`,
|
@@ -1026,7 +1026,7 @@ var useDataTable = ({
|
|
1026
1026
|
onChange: row.getToggleSelectedHandler()
|
1027
1027
|
}
|
1028
1028
|
}
|
1029
|
-
)
|
1029
|
+
) })
|
1030
1030
|
}
|
1031
1031
|
],
|
1032
1032
|
[]
|
@@ -1186,7 +1186,7 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
1186
1186
|
{
|
1187
1187
|
colSpan: header.colSpan,
|
1188
1188
|
sx: getCommonPinningStyles(header.column),
|
1189
|
-
width: `${header.getSize()}px`,
|
1189
|
+
width: header.column.getIsFirstColumn("left") || header.column.getIsLastColumn("right") ? `${header.getSize() + 8}px` : `${header.getSize()}px`,
|
1190
1190
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
1191
1191
|
children: /* @__PURE__ */ jsxs8(
|
1192
1192
|
Flex2,
|