@ctlyst.id/internal-ui 3.3.11 → 3.3.13

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.
Files changed (5) hide show
  1. package/dist/index.js +12 -21
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +12 -21
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1285,7 +1285,7 @@ var getCommonPinningStyles = (column) => {
1285
1285
  zIndex: isPinned ? 1 : 0,
1286
1286
  backgroundColor: "white",
1287
1287
  ...isLastLeftPinnedColumn ? {
1288
- padding: "16px 8px 0px 8px",
1288
+ padding: "16px 8px 16px 8px",
1289
1289
  "&:after": {
1290
1290
  content: "''",
1291
1291
  position: "absolute",
@@ -1298,7 +1298,7 @@ var getCommonPinningStyles = (column) => {
1298
1298
  }
1299
1299
  } : {},
1300
1300
  ...isFirstRightPinnedColumn ? {
1301
- padding: "16px 8px 0px 8px",
1301
+ padding: "16px 8px 16px 8px",
1302
1302
  "&:after": {
1303
1303
  content: "''",
1304
1304
  position: "absolute",
@@ -1424,25 +1424,16 @@ var DataTable = React5.forwardRef((props, ref) => {
1424
1424
  w: "full",
1425
1425
  ...container,
1426
1426
  children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
1427
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1428
- import_react28.Th,
1427
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Th, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1428
+ import_react28.Flex,
1429
1429
  {
1430
- colSpan: header.colSpan,
1431
- width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
1432
- ...styles == null ? void 0 : styles.tableColumnHeader,
1433
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1434
- import_react28.Flex,
1435
- {
1436
- "data-test-id": "CT_component_data-table_loader",
1437
- textTransform: "capitalize",
1438
- align: "center",
1439
- gap: 2,
1440
- children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
1441
- }
1442
- )
1443
- },
1444
- header.id
1445
- )) }, headerGroup.id)) }),
1430
+ "data-test-id": "CT_component_data-table_loader",
1431
+ textTransform: "capitalize",
1432
+ align: "center",
1433
+ gap: 2,
1434
+ children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
1435
+ }
1436
+ ) }, header.id)) }, headerGroup.id)) }),
1446
1437
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Td, { width: 210, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i) }, i)) }, num)) })
1447
1438
  ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, children: [
1448
1439
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -1457,7 +1448,7 @@ var DataTable = React5.forwardRef((props, ref) => {
1457
1448
  {
1458
1449
  colSpan: header.colSpan,
1459
1450
  sx: getCommonPinningStyles(header.column),
1460
- width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
1451
+ width: header.getSize(),
1461
1452
  ...styles == null ? void 0 : styles.tableColumnHeader,
1462
1453
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
1463
1454
  import_react28.Flex,