@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.js
CHANGED
|
@@ -1284,8 +1284,8 @@ var getCommonPinningStyles = (column) => {
|
|
|
1284
1284
|
const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
|
|
1285
1285
|
const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
|
|
1286
1286
|
return {
|
|
1287
|
-
left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
|
|
1288
|
-
right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
|
|
1287
|
+
left: isPinned === "left" ? `${column.getStart("left") + (!isFirstLeftPinnedColumn ? 8 : 0)}px` : void 0,
|
|
1288
|
+
right: isPinned === "right" ? `${column.getAfter("right") + (!isLastRightPinnedColumn ? 8 : 0)}px` : void 0,
|
|
1289
1289
|
position: isPinned ? "sticky" : "relative",
|
|
1290
1290
|
zIndex: isPinned ? 1 : 0,
|
|
1291
1291
|
...isFirstLeftPinnedColumn ? {
|
|
@@ -1352,7 +1352,7 @@ var useDataTable = ({
|
|
|
1352
1352
|
{
|
|
1353
1353
|
id: "select",
|
|
1354
1354
|
size: 32,
|
|
1355
|
-
header: ({ table: table2 }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1355
|
+
header: ({ table: table2 }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Flex, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1356
1356
|
import_react28.Checkbox,
|
|
1357
1357
|
{
|
|
1358
1358
|
"data-test-id": "select-header-data-table",
|
|
@@ -1362,8 +1362,8 @@ var useDataTable = ({
|
|
|
1362
1362
|
onChange: table2.getToggleAllRowsSelectedHandler()
|
|
1363
1363
|
}
|
|
1364
1364
|
}
|
|
1365
|
-
),
|
|
1366
|
-
cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1365
|
+
) }),
|
|
1366
|
+
cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Flex, { justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1367
1367
|
import_react28.Checkbox,
|
|
1368
1368
|
{
|
|
1369
1369
|
"data-test-id": `select-data-table-${row.index}`,
|
|
@@ -1373,7 +1373,7 @@ var useDataTable = ({
|
|
|
1373
1373
|
onChange: row.getToggleSelectedHandler()
|
|
1374
1374
|
}
|
|
1375
1375
|
}
|
|
1376
|
-
)
|
|
1376
|
+
) })
|
|
1377
1377
|
}
|
|
1378
1378
|
],
|
|
1379
1379
|
[]
|
|
@@ -1533,7 +1533,7 @@ var DataTable = React5.forwardRef((props, ref) => {
|
|
|
1533
1533
|
{
|
|
1534
1534
|
colSpan: header.colSpan,
|
|
1535
1535
|
sx: getCommonPinningStyles(header.column),
|
|
1536
|
-
width: `${header.getSize()}px`,
|
|
1536
|
+
width: header.column.getIsFirstColumn("left") || header.column.getIsLastColumn("right") ? `${header.getSize() + 8}px` : `${header.getSize()}px`,
|
|
1537
1537
|
...styles == null ? void 0 : styles.tableColumnHeader,
|
|
1538
1538
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
1539
1539
|
import_react28.Flex,
|