@dmsi/wedgekit-react 0.0.503 → 0.0.504
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/{chunk-VOSQMHNF.js → chunk-U5V2IRZX.js} +4 -29
- package/dist/{chunk-S5ZJ3Q7P.js → chunk-VJVY6NPF.js} +3 -3
- package/dist/components/CalendarRange.cjs +75 -128
- package/dist/components/CalendarRange.js +1 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +33 -86
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +43 -96
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -7
- package/dist/components/DataGrid/PinnedColumns.cjs +58 -111
- package/dist/components/DataGrid/PinnedColumns.js +1 -7
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +34 -87
- package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +40 -93
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -7
- package/dist/components/DataGrid/TableBody/index.cjs +55 -108
- package/dist/components/DataGrid/TableBody/index.js +1 -7
- package/dist/components/DataGrid/index.cjs +144 -197
- package/dist/components/DataGrid/index.js +1 -7
- package/dist/components/DataGrid/utils.cjs +34 -87
- package/dist/components/DataGrid/utils.js +1 -7
- package/dist/components/DateInput.cjs +94 -147
- package/dist/components/DateInput.js +1 -7
- package/dist/components/DateRangeInput.cjs +94 -147
- package/dist/components/DateRangeInput.js +1 -7
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +41 -94
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -7
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +49 -102
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -7
- package/dist/components/MobileDataGrid/index.cjs +868 -921
- package/dist/components/MobileDataGrid/index.js +1 -7
- package/dist/components/PDFViewer/PDFElement.cjs +5 -31
- package/dist/components/PDFViewer/PDFElement.js +2 -3
- package/dist/components/PDFViewer/PDFPage.cjs +3 -3
- package/dist/components/PDFViewer/PDFPage.js +1 -1
- package/dist/components/PDFViewer/index.cjs +5 -35
- package/dist/components/PDFViewer/index.js +111 -8
- package/dist/components/index.cjs +56 -402
- package/dist/components/index.js +1 -10
- package/package.json +1 -1
- package/src/components/PDFViewer/PDFElement.tsx +3 -38
- package/src/components/PDFViewer/PDFPage.tsx +2 -4
- package/src/components/PDFViewer/index.tsx +1 -9
- package/src/components/index.ts +0 -1
- package/dist/chunk-6XLESQ2U.js +0 -119
- /package/dist/{chunk-C2YTC2CN.js → chunk-JWVZOEF5.js} +0 -0
|
@@ -5305,68 +5305,15 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
|
5305
5305
|
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
5306
5306
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5307
5307
|
|
|
5308
|
-
// src/components/
|
|
5309
|
-
var import_react35 = require("react");
|
|
5310
|
-
|
|
5311
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5312
|
-
var import_react34 = require("react");
|
|
5313
|
-
|
|
5314
|
-
// src/components/Spinner.tsx
|
|
5315
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5316
|
-
var Spinner = ({ size = "small", testid }) => {
|
|
5317
|
-
const dimension = size === "large" ? 48 : 24;
|
|
5318
|
-
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
5319
|
-
"svg",
|
|
5320
|
-
{
|
|
5321
|
-
"data-testid": testid,
|
|
5322
|
-
width: dimension,
|
|
5323
|
-
height: dimension,
|
|
5324
|
-
viewBox: "0 0 24 24",
|
|
5325
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
5326
|
-
fill: "#1D1E1E",
|
|
5327
|
-
className: "spinner",
|
|
5328
|
-
"aria-label": "Loading",
|
|
5329
|
-
children: [
|
|
5330
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
|
|
5331
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
|
|
5332
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
|
|
5333
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
|
|
5334
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
|
|
5335
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
|
|
5336
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
|
|
5337
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
|
|
5338
|
-
]
|
|
5339
|
-
}
|
|
5340
|
-
);
|
|
5341
|
-
};
|
|
5342
|
-
Spinner.displayName = "Spinner";
|
|
5343
|
-
|
|
5344
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
5308
|
+
// src/components/ListGroup.tsx
|
|
5345
5309
|
var import_react33 = require("react");
|
|
5346
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5347
|
-
|
|
5348
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
5349
5310
|
var import_clsx35 = __toESM(require("clsx"), 1);
|
|
5350
|
-
var
|
|
5351
|
-
|
|
5352
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
5353
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5354
|
-
|
|
5355
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
5356
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5357
|
-
|
|
5358
|
-
// src/components/PDFViewer/index.tsx
|
|
5359
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5360
|
-
|
|
5361
|
-
// src/components/ListGroup.tsx
|
|
5362
|
-
var import_react36 = require("react");
|
|
5363
|
-
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5364
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5311
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5365
5312
|
|
|
5366
5313
|
// src/components/Pagination.tsx
|
|
5367
|
-
var
|
|
5368
|
-
var
|
|
5369
|
-
var
|
|
5314
|
+
var import_react34 = require("react");
|
|
5315
|
+
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5316
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5370
5317
|
var Pagination = ({
|
|
5371
5318
|
totalPages,
|
|
5372
5319
|
currentPage,
|
|
@@ -5376,7 +5323,7 @@ var Pagination = ({
|
|
|
5376
5323
|
className,
|
|
5377
5324
|
disabled
|
|
5378
5325
|
}) => {
|
|
5379
|
-
const goTo = (0,
|
|
5326
|
+
const goTo = (0, import_react34.useCallback)(
|
|
5380
5327
|
(page) => {
|
|
5381
5328
|
if (disabled) return;
|
|
5382
5329
|
onPageChange(page);
|
|
@@ -5393,7 +5340,7 @@ var Pagination = ({
|
|
|
5393
5340
|
goTo(currentPage + 1);
|
|
5394
5341
|
}
|
|
5395
5342
|
};
|
|
5396
|
-
const pageTokens = (0,
|
|
5343
|
+
const pageTokens = (0, import_react34.useMemo)(() => {
|
|
5397
5344
|
if (totalPages <= 5) {
|
|
5398
5345
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
5399
5346
|
}
|
|
@@ -5430,7 +5377,7 @@ var Pagination = ({
|
|
|
5430
5377
|
return tokens;
|
|
5431
5378
|
}, [totalPages, currentPage]);
|
|
5432
5379
|
if (totalPages <= 1) return null;
|
|
5433
|
-
const buttonClass = (0,
|
|
5380
|
+
const buttonClass = (0, import_clsx36.default)(
|
|
5434
5381
|
"cursor-pointer disabled:cursor-default",
|
|
5435
5382
|
paddingUsingComponentGap,
|
|
5436
5383
|
"w-8 h-8",
|
|
@@ -5441,14 +5388,14 @@ var Pagination = ({
|
|
|
5441
5388
|
"focus:bg-background-grouped-secondary-normal focus:outline-0",
|
|
5442
5389
|
"disabled:bg-transparent disabled:text-text-action-primary-disabled"
|
|
5443
5390
|
);
|
|
5444
|
-
return /* @__PURE__ */ (0,
|
|
5391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5445
5392
|
"nav",
|
|
5446
5393
|
{
|
|
5447
5394
|
id,
|
|
5448
5395
|
"data-testid": testid,
|
|
5449
5396
|
"aria-label": "Pagination",
|
|
5450
5397
|
onKeyDown: handleKey,
|
|
5451
|
-
className: (0,
|
|
5398
|
+
className: (0, import_clsx36.default)(
|
|
5452
5399
|
"flex items-center",
|
|
5453
5400
|
"border border-border-primary-normal",
|
|
5454
5401
|
"bg-background-grouped-primary-normal",
|
|
@@ -5456,19 +5403,19 @@ var Pagination = ({
|
|
|
5456
5403
|
className
|
|
5457
5404
|
),
|
|
5458
5405
|
children: [
|
|
5459
|
-
/* @__PURE__ */ (0,
|
|
5406
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5460
5407
|
"button",
|
|
5461
5408
|
{
|
|
5462
5409
|
disabled: disabled || currentPage <= 1,
|
|
5463
5410
|
"aria-label": "Previous page",
|
|
5464
5411
|
onClick: () => goTo(currentPage - 1),
|
|
5465
|
-
className: (0,
|
|
5466
|
-
children: /* @__PURE__ */ (0,
|
|
5412
|
+
className: (0, import_clsx36.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5413
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5467
5414
|
}
|
|
5468
5415
|
),
|
|
5469
|
-
/* @__PURE__ */ (0,
|
|
5416
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: (0, import_clsx36.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5470
5417
|
if (token === "ellipsis") {
|
|
5471
|
-
return /* @__PURE__ */ (0,
|
|
5418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5472
5419
|
"li",
|
|
5473
5420
|
{
|
|
5474
5421
|
className: "w-8 h-8 select-none text-text-action-primary-disabled",
|
|
@@ -5478,29 +5425,29 @@ var Pagination = ({
|
|
|
5478
5425
|
);
|
|
5479
5426
|
}
|
|
5480
5427
|
const selected = token === currentPage;
|
|
5481
|
-
return /* @__PURE__ */ (0,
|
|
5428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5482
5429
|
"button",
|
|
5483
5430
|
{
|
|
5484
5431
|
"aria-label": `Page ${token}`,
|
|
5485
5432
|
"aria-current": selected ? "page" : void 0,
|
|
5486
5433
|
disabled,
|
|
5487
5434
|
onClick: () => goTo(token),
|
|
5488
|
-
className: (0,
|
|
5435
|
+
className: (0, import_clsx36.default)(
|
|
5489
5436
|
buttonClass,
|
|
5490
5437
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5491
5438
|
),
|
|
5492
|
-
children: /* @__PURE__ */ (0,
|
|
5439
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Subheader, { align: "center", weight: "bold", children: token })
|
|
5493
5440
|
}
|
|
5494
5441
|
) }, token);
|
|
5495
5442
|
}) }),
|
|
5496
|
-
/* @__PURE__ */ (0,
|
|
5443
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5497
5444
|
"button",
|
|
5498
5445
|
{
|
|
5499
5446
|
disabled: disabled || currentPage >= totalPages,
|
|
5500
5447
|
"aria-label": "Next page",
|
|
5501
5448
|
onClick: () => goTo(currentPage + 1),
|
|
5502
|
-
className: (0,
|
|
5503
|
-
children: /* @__PURE__ */ (0,
|
|
5449
|
+
className: (0, import_clsx36.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5450
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5504
5451
|
}
|
|
5505
5452
|
)
|
|
5506
5453
|
]
|
|
@@ -5510,31 +5457,31 @@ var Pagination = ({
|
|
|
5510
5457
|
Pagination.displayName = "Pagination";
|
|
5511
5458
|
|
|
5512
5459
|
// src/components/SkeletonParagraph.tsx
|
|
5513
|
-
var
|
|
5460
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5514
5461
|
|
|
5515
5462
|
// src/components/EmptyCartIcon.tsx
|
|
5516
|
-
var
|
|
5463
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5517
5464
|
|
|
5518
5465
|
// src/components/SearchResultImage/index.tsx
|
|
5519
|
-
var
|
|
5520
|
-
var
|
|
5466
|
+
var import_react35 = require("react");
|
|
5467
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5521
5468
|
|
|
5522
5469
|
// src/components/Alert.tsx
|
|
5523
|
-
var
|
|
5524
|
-
var
|
|
5525
|
-
var
|
|
5470
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5471
|
+
var import_react36 = require("react");
|
|
5472
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5526
5473
|
|
|
5527
5474
|
// src/components/OrderCheckIcon.tsx
|
|
5528
|
-
var
|
|
5475
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5529
5476
|
|
|
5530
5477
|
// src/components/DataGrid/TableBody/index.tsx
|
|
5531
|
-
var
|
|
5478
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5532
5479
|
|
|
5533
5480
|
// src/components/DataGrid/TableBody/TableBodyRow.tsx
|
|
5534
|
-
var
|
|
5481
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5535
5482
|
var import_react_table3 = require("@tanstack/react-table");
|
|
5536
|
-
var
|
|
5537
|
-
var
|
|
5483
|
+
var import_react37 = __toESM(require("react"), 1);
|
|
5484
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5538
5485
|
var valueFormatters = {
|
|
5539
5486
|
date: (value) => typeof value === "string" ? formatDate(value) : "",
|
|
5540
5487
|
currency: (value) => formatCurrencyDisplay(value)
|
|
@@ -5567,10 +5514,10 @@ function TableBodyRow({
|
|
|
5567
5514
|
const columns = locked ? visibleCells : virtualColumns;
|
|
5568
5515
|
const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
|
|
5569
5516
|
const CellElement = locked ? DataGridCell : DragAlongCell;
|
|
5570
|
-
return /* @__PURE__ */ (0,
|
|
5517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
5571
5518
|
"tr",
|
|
5572
5519
|
{
|
|
5573
|
-
className: (0,
|
|
5520
|
+
className: (0, import_clsx38.default)(
|
|
5574
5521
|
"min-h-10",
|
|
5575
5522
|
"transition-colors hover:bg-background-action-secondary-hover",
|
|
5576
5523
|
row.getIsSelected() && "!bg-background-action-secondary-hover",
|
|
@@ -5588,7 +5535,7 @@ function TableBodyRow({
|
|
|
5588
5535
|
children: [
|
|
5589
5536
|
!locked && virtualPaddingLeft ? (
|
|
5590
5537
|
// fake empty column to the left for virtualization scroll padding
|
|
5591
|
-
/* @__PURE__ */ (0,
|
|
5538
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { style: { display: "flex", width: virtualPaddingLeft } })
|
|
5592
5539
|
) : null,
|
|
5593
5540
|
columns.map((column) => {
|
|
5594
5541
|
var _a2, _b, _c, _d;
|
|
@@ -5599,17 +5546,17 @@ function TableBodyRow({
|
|
|
5599
5546
|
const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
|
|
5600
5547
|
const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
|
|
5601
5548
|
const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
|
|
5602
|
-
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0,
|
|
5549
|
+
return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react37.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5603
5550
|
CellElement,
|
|
5604
5551
|
{
|
|
5605
5552
|
id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
5606
5553
|
testid: testid ? `${testid}-row-${row.id}-cell-${cell.id}` : void 0,
|
|
5607
5554
|
cell,
|
|
5608
|
-
className: (0,
|
|
5555
|
+
className: (0, import_clsx38.default)({
|
|
5609
5556
|
"justify-start": cellAlignment === "left",
|
|
5610
5557
|
"justify-end": cellAlignment === "right"
|
|
5611
5558
|
}),
|
|
5612
|
-
children: /* @__PURE__ */ (0,
|
|
5559
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5613
5560
|
Tooltip,
|
|
5614
5561
|
{
|
|
5615
5562
|
id: id ? `${id}-tooltip-${cell.id}` : void 0,
|
|
@@ -5617,7 +5564,7 @@ function TableBodyRow({
|
|
|
5617
5564
|
showOnTruncation: true,
|
|
5618
5565
|
message: cellValue,
|
|
5619
5566
|
position: "bottom",
|
|
5620
|
-
children: /* @__PURE__ */ (0,
|
|
5567
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Paragraph, { addOverflow: true, tall: true, children: cellValue })
|
|
5621
5568
|
}
|
|
5622
5569
|
)
|
|
5623
5570
|
},
|
|
@@ -5626,7 +5573,7 @@ function TableBodyRow({
|
|
|
5626
5573
|
}),
|
|
5627
5574
|
!locked && virtualPaddingRight ? (
|
|
5628
5575
|
// fake empty column to the right for virtualization scroll padding
|
|
5629
|
-
/* @__PURE__ */ (0,
|
|
5576
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
|
|
5630
5577
|
) : null
|
|
5631
5578
|
]
|
|
5632
5579
|
},
|
|
@@ -5635,7 +5582,7 @@ function TableBodyRow({
|
|
|
5635
5582
|
}
|
|
5636
5583
|
|
|
5637
5584
|
// src/components/DataGrid/TableBody/LoadingCell.tsx
|
|
5638
|
-
var
|
|
5585
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5639
5586
|
function LoadingCell({
|
|
5640
5587
|
id,
|
|
5641
5588
|
testid,
|
|
@@ -5643,16 +5590,16 @@ function LoadingCell({
|
|
|
5643
5590
|
}) {
|
|
5644
5591
|
const key = `loading-${column.id}`;
|
|
5645
5592
|
if (column.cell === "checkbox") {
|
|
5646
|
-
return /* @__PURE__ */ (0,
|
|
5593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Checkbox, { id: id ? `${id}-${key}-checkbox` : void 0, testid: testid ? `${testid}-${key}-checkbox` : void 0, disabled: true }) }, key);
|
|
5647
5594
|
}
|
|
5648
5595
|
if (column.cell === "input") {
|
|
5649
|
-
return /* @__PURE__ */ (0,
|
|
5596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5650
5597
|
DataGridCell,
|
|
5651
5598
|
{
|
|
5652
5599
|
id: id ? `${id}-${key}` : void 0,
|
|
5653
5600
|
testid: testid ? `${testid}-${key}` : void 0,
|
|
5654
5601
|
component: "input",
|
|
5655
|
-
children: /* @__PURE__ */ (0,
|
|
5602
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5656
5603
|
Input,
|
|
5657
5604
|
{
|
|
5658
5605
|
id: id ? `${id}-${key}-input` : void 0,
|
|
@@ -5666,11 +5613,11 @@ function LoadingCell({
|
|
|
5666
5613
|
key
|
|
5667
5614
|
);
|
|
5668
5615
|
}
|
|
5669
|
-
return /* @__PURE__ */ (0,
|
|
5616
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DataGridCell, { id: id ? `${id}-${key}` : void 0, testid: testid ? `${testid}-${key}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-linear-270 to-neutral-300/[24%] from-neutral-300/[12%] rounded-xs w-full max-w-25 h-6" }) }, key);
|
|
5670
5617
|
}
|
|
5671
5618
|
|
|
5672
5619
|
// src/components/DataGrid/TableBody/index.tsx
|
|
5673
|
-
var
|
|
5620
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5674
5621
|
function TableBody({
|
|
5675
5622
|
id,
|
|
5676
5623
|
testid,
|
|
@@ -5704,10 +5651,10 @@ function TableBody({
|
|
|
5704
5651
|
} else {
|
|
5705
5652
|
headerGroups = table.getCenterHeaderGroups();
|
|
5706
5653
|
}
|
|
5707
|
-
return /* @__PURE__ */ (0,
|
|
5654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5708
5655
|
"tbody",
|
|
5709
5656
|
{
|
|
5710
|
-
className: (0,
|
|
5657
|
+
className: (0, import_clsx39.default)(locked ? "shadow-16" : ""),
|
|
5711
5658
|
style: {
|
|
5712
5659
|
display: "grid",
|
|
5713
5660
|
height: `${showFilterRow ? rowVirtualizer.getTotalSize() + 40 : rowVirtualizer.getTotalSize()}px`,
|
|
@@ -5716,7 +5663,7 @@ function TableBody({
|
|
|
5716
5663
|
// needed for absolute positioning of rows
|
|
5717
5664
|
},
|
|
5718
5665
|
children: [
|
|
5719
|
-
showFilterRow && /* @__PURE__ */ (0,
|
|
5666
|
+
showFilterRow && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5720
5667
|
"tr",
|
|
5721
5668
|
{
|
|
5722
5669
|
style: {
|
|
@@ -5732,7 +5679,7 @@ function TableBody({
|
|
|
5732
5679
|
children: headerGroups.flatMap(
|
|
5733
5680
|
(x) => x.headers.map((header) => {
|
|
5734
5681
|
var _a, _b, _c, _d, _e;
|
|
5735
|
-
return /* @__PURE__ */ (0,
|
|
5682
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5736
5683
|
CellElement,
|
|
5737
5684
|
{
|
|
5738
5685
|
id: id ? `${id}-filter-cell-${header.id}` : void 0,
|
|
@@ -5743,7 +5690,7 @@ function TableBody({
|
|
|
5743
5690
|
children: header.column.getCanFilter() && ((_e = (_c = (_b = header.column.columnDef.meta) == null ? void 0 : _b.filterRowCell) == null ? void 0 : _c.call(_b, {
|
|
5744
5691
|
header,
|
|
5745
5692
|
table
|
|
5746
|
-
})) != null ? _e : /* @__PURE__ */ (0,
|
|
5693
|
+
})) != null ? _e : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5747
5694
|
Search,
|
|
5748
5695
|
{
|
|
5749
5696
|
id: id ? `${id}-filter-search-${header.id}` : void 0,
|
|
@@ -5764,7 +5711,7 @@ function TableBody({
|
|
|
5764
5711
|
),
|
|
5765
5712
|
virtualRows.map((virtualRow) => {
|
|
5766
5713
|
const row = rows[virtualRow.index];
|
|
5767
|
-
return /* @__PURE__ */ (0,
|
|
5714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5768
5715
|
TableBodyRow,
|
|
5769
5716
|
{
|
|
5770
5717
|
id,
|
|
@@ -5783,7 +5730,7 @@ function TableBody({
|
|
|
5783
5730
|
row.id
|
|
5784
5731
|
);
|
|
5785
5732
|
}),
|
|
5786
|
-
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0,
|
|
5733
|
+
!pagination && isLoadingMore && hasMore && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5787
5734
|
"tr",
|
|
5788
5735
|
{
|
|
5789
5736
|
style: {
|
|
@@ -5793,7 +5740,7 @@ function TableBody({
|
|
|
5793
5740
|
transform: `translateY(${virtualRows[virtualRows.length - 1].start + 40}px)`
|
|
5794
5741
|
},
|
|
5795
5742
|
className: "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
|
|
5796
|
-
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0,
|
|
5743
|
+
children: table.getAllLeafColumns().map((column) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5797
5744
|
LoadingCell,
|
|
5798
5745
|
{
|
|
5799
5746
|
id,
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TableBody
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-JWVZOEF5.js";
|
|
4
4
|
import "../../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../../chunk-ELXVDRWS.js";
|
|
6
6
|
import "../../../chunk-3UUCDNX3.js";
|
|
7
7
|
import "../../../chunk-FJRYHJUV.js";
|
|
8
8
|
import "../../../chunk-BQNPOGD5.js";
|
|
9
9
|
import "../../../chunk-Y5GD2FJA.js";
|
|
10
|
-
import "../../../chunk-6XLESQ2U.js";
|
|
11
|
-
import "../../../chunk-VOSQMHNF.js";
|
|
12
|
-
import "../../../chunk-YJGDVWTH.js";
|
|
13
|
-
import "../../../chunk-S5ZJ3Q7P.js";
|
|
14
10
|
import "../../../chunk-MBZ55T2D.js";
|
|
15
11
|
import "../../../chunk-2IKT6IHB.js";
|
|
16
12
|
import "../../../chunk-YCDDBSVU.js";
|
|
@@ -20,7 +16,6 @@ import "../../../chunk-5YNEY3WO.js";
|
|
|
20
16
|
import "../../../chunk-5IFPG6TS.js";
|
|
21
17
|
import "../../../chunk-AJ5M6MVX.js";
|
|
22
18
|
import "../../../chunk-UI7P5J5S.js";
|
|
23
|
-
import "../../../chunk-56RPZLV7.js";
|
|
24
19
|
import "../../../chunk-MDB26F6T.js";
|
|
25
20
|
import "../../../chunk-AT4AWD6B.js";
|
|
26
21
|
import "../../../chunk-EWGHVZL5.js";
|
|
@@ -36,7 +31,6 @@ import "../../../chunk-CMMQTIVM.js";
|
|
|
36
31
|
import "../../../chunk-AG43RS4Q.js";
|
|
37
32
|
import "../../../chunk-AKJUBFJK.js";
|
|
38
33
|
import "../../../chunk-SUSUNSVZ.js";
|
|
39
|
-
import "../../../chunk-SBRRNFOP.js";
|
|
40
34
|
import "../../../chunk-Y2GK27RX.js";
|
|
41
35
|
import "../../../chunk-QVWYTQKL.js";
|
|
42
36
|
import "../../../chunk-F6RZ7MUE.js";
|