@crystaldesign/grid 24.15.0-beta.44 → 24.15.0-beta.45

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 (3) hide show
  1. package/build/esm/index.js +80 -108
  2. package/build/types/grid/src/ui/components/Table.d.ts.map +1 -1
  3. package/package.json +5 -5
package/build/esm/index.js CHANGED
@@ -258,13 +258,12 @@ function Table(_ref2) {
258
258
  if (column.fixed) {
259
259
  cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, column.getHeaderProps({
260
260
  style: {
261
- width: 15,
262
- minWidth: 15,
263
- padding: 0,
264
261
  zIndex: 5,
265
- backgroundColor: 'white'
262
+ backgroundColor: 'white',
263
+ position: 'sticky'
266
264
  }
267
265
  })), {}, {
266
+ className: "fixed-spacer1",
268
267
  key: column.getHeaderProps().key + '_a'
269
268
  }), /*#__PURE__*/jsx("div", {
270
269
  style: {
@@ -273,24 +272,13 @@ function Table(_ref2) {
273
272
  })));
274
273
  cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, column.getHeaderProps({
275
274
  style: {
276
- width: 5,
277
- minWidth: 5,
278
- padding: 0,
279
- position: 'sticky',
280
- zIndex: 4,
281
- right: 247,
282
- backgroundColor: 'white'
275
+ zIndex: 4
283
276
  }
284
277
  })), {}, {
278
+ className: "fixed-spacer2",
285
279
  key: column.getHeaderProps().key + '_b'
286
280
  }), /*#__PURE__*/jsx("div", {
287
281
  style: {
288
- position: 'absolute',
289
- top: 0,
290
- left: 5,
291
- bottom: 0,
292
- width: 15,
293
- boxShadow: 'rgb(224, 224, 224) -2px 0px 1px 0px',
294
282
  backgroundColor: 'white'
295
283
  }
296
284
  })));
@@ -429,43 +417,16 @@ var MyRow = /*#__PURE__*/forwardRef(function (_ref4, ref) {
429
417
  var lastFlexible = ((_cellSettings = cellSettings[i + 1]) === null || _cellSettings === void 0 ? void 0 : _cellSettings.column.fixed) === true;
430
418
  var cells = [];
431
419
  if (cell.column.fixed) {
432
- cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, cell.getCellProps({
433
- style: {
434
- width: 15,
435
- minWidth: 15,
436
- padding: 0,
437
- position: 'relative',
438
- zIndex: 4
439
- }
440
- })), {}, {
441
- className: "fixed",
420
+ cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, cell.getCellProps()), {}, {
421
+ className: "fixed-spacer1",
442
422
  key: cell.getCellProps().key + '_a',
443
423
  "data-test-id": "table-cell"
444
424
  })));
445
- cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, cell.getCellProps({
446
- style: {
447
- width: 5,
448
- minWidth: 5,
449
- padding: 0,
450
- position: 'sticky',
451
- backgroundColor: 'white',
452
- zIndex: 3,
453
- right: 247
454
- }
455
- })), {}, {
425
+ cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({}, cell.getCellProps()), {}, {
426
+ className: "fixed-spacer2",
456
427
  key: cell.getCellProps().key + '_b',
457
428
  "data-test-id": "table-cell"
458
- }), /*#__PURE__*/jsx("div", {
459
- className: "fixed",
460
- style: {
461
- position: 'absolute',
462
- top: 0,
463
- left: 5,
464
- bottom: 0,
465
- width: 15,
466
- boxShadow: 'rgb(224, 224, 224) -2px 0px 1px 0px'
467
- }
468
- })));
429
+ }), /*#__PURE__*/jsx("div", {})));
469
430
  }
470
431
  cells.push(/*#__PURE__*/createElement(TableCell, _objectSpread$h(_objectSpread$h({
471
432
  className: cell.column.fixed ? 'fixed' : ''
@@ -512,70 +473,102 @@ var MyRow = /*#__PURE__*/forwardRef(function (_ref4, ref) {
512
473
  var useStyles$6 = makeStyles(function () {
513
474
  return createStyles({
514
475
  table: {
476
+ height: '100%',
477
+ scrollbarWidth: 'thin',
478
+ scrollbarGutter: 'stable',
479
+ backgroundColor: 'white',
515
480
  '& .MuiTable-root': {
516
481
  width: 'calc(100% - 5px)',
517
482
  marginLeft: '5px'
518
483
  },
484
+ '& .MuiTableRow-root': {
485
+ backgroundColor: 'unset',
486
+ borderRadius: '10px',
487
+ height: '79px',
488
+ position: 'relative'
489
+ },
490
+ '& .MuiTableRow-root:hover': {
491
+ backgroundColor: 'unset'
492
+ },
493
+ '& .MuiTableRow-head': {
494
+ height: '30px'
495
+ },
496
+ '& .MuiTableRow-root.expandedRow': {
497
+ boxShadow: '0px 7px 3px 0px #E5E7E9',
498
+ zIndex: 1
499
+ },
500
+ '& .MuiTableRow-root.expandedRow + .MuiTableRow-root': {
501
+ zIndex: 0
502
+ },
519
503
  '& .MuiTableCell-root': {
520
504
  border: 'none'
521
505
  },
522
- '& .MuiTableBody-root .MuiTableCell-root': {
506
+ '& .MuiTableCell-head': {
507
+ paddingTop: '0px',
508
+ whiteSpace: 'wrap',
509
+ textAlign: 'center',
510
+ verticalAlign: 'bottom',
511
+ paddingBottom: '5px'
512
+ },
513
+ '& .MuiTableCell-body': {
523
514
  backgroundColor: '#F6F7F8',
524
515
  borderTop: '5px solid white'
525
516
  },
526
- '& .MuiTableBody-root .MuiTableCell-root:first-child': {
517
+ '& .MuiTableCell-body:first-child': {
527
518
  borderTopLeftRadius: '10px',
528
519
  borderBottomLeftRadius: '10px'
529
520
  },
530
- '& .MuiTableBody-root .MuiTableCell-root:last-child': {
521
+ '& .MuiTableCell-body:last-child': {
531
522
  borderTopRightRadius: '10px',
532
523
  borderBottomRightRadius: '10px'
533
524
  },
534
- '& .MuiTableCell-head': {
535
- paddingTop: '0px',
536
- whiteSpace: 'wrap',
537
- textAlign: 'center',
538
- verticalAlign: 'bottom',
539
- paddingBottom: '5px'
540
- },
541
- '& .MuiTableRow-root': {
542
- backgroundColor: 'unset',
543
- borderRadius: '10px',
544
- height: '79px',
545
- position: 'relative'
525
+ '& .MuiTableRow-root.childRow .MuiTableCell-body': {
526
+ backgroundColor: '#FBFBFB',
527
+ borderWidth: '4px'
546
528
  },
547
- '& .MuiTableRow-root .fixed': {
529
+ '& .MuiTableCell-root.fixed-spacer1': {
530
+ width: 50,
531
+ minWidth: 50,
532
+ padding: 0,
533
+ position: 'relative',
534
+ zIndex: 4,
548
535
  backgroundColor: '#F6F7F8'
549
536
  },
550
- '& .MuiTableRow-root:hover': {
551
- backgroundColor: 'unset'
552
- },
553
- '& .MuiTableRow-root.childRow .fixed': {
537
+ '& .MuiTableRow-root.childRow .MuiTableCell-root.fixed-spacer1': {
554
538
  backgroundColor: '#FBFBFB'
555
539
  },
556
- '& .MuiTableRow-head': {
557
- height: '30px'
540
+ '& .MuiTableCell-root.fixed-spacer2': {
541
+ width: 1,
542
+ minWidth: 1,
543
+ padding: 0,
544
+ position: 'sticky',
545
+ backgroundColor: 'white',
546
+ zIndex: 3,
547
+ right: 247
558
548
  },
559
- '& .MuiTableRow-root.childRow .MuiTableCell-root': {
560
- backgroundColor: '#FBFBFB',
561
- borderWidth: '4px'
549
+ '& .MuiTableCell-root.fixed-spacer2 > div': {
550
+ position: 'absolute',
551
+ top: 0,
552
+ left: 3,
553
+ bottom: 0,
554
+ width: 15,
555
+ boxShadow: 'rgb(224, 224, 224) -3px 0px 1px -1px',
556
+ backgroundColor: '#F6F7F8'
562
557
  },
563
- '& .MuiTableRow-root.expandedRow': {
564
- boxShadow: '0px 7px 3px 0px #E5E7E9',
565
- zIndex: 1
558
+ '& .MuiTableRow-root.childRow .MuiTableCell-root.fixed-spacer2 > div': {
559
+ backgroundColor: '#FBFBFB'
566
560
  },
567
- '& .MuiTableRow-root.expandedRow + .MuiTableRow-root': {
568
- zIndex: 0
561
+ '& .MuiTableRow-root .fixed': {
562
+ backgroundColor: '#F6F7F8'
563
+ },
564
+ '& .MuiTableRow-root.childRow .fixed': {
565
+ backgroundColor: '#FBFBFB'
569
566
  },
570
567
  '& .drag-handle': {
571
568
  padding: 0,
572
569
  userSelect: 'unset',
573
570
  cursor: 'move'
574
- },
575
- height: '100%',
576
- scrollbarWidth: 'thin',
577
- scrollbarGutter: 'stable',
578
- backgroundColor: 'white'
571
+ }
579
572
  }
580
573
  });
581
574
  });
@@ -618,38 +611,17 @@ function Loading(_ref5) {
618
611
  var cells = [];
619
612
  if (isFixed) {
620
613
  cells.push(/*#__PURE__*/jsx(TableCell, {
621
- className: "fixed",
614
+ className: "fixed-spacer1",
622
615
  style: {
623
- width: 15,
624
- minWidth: 15,
625
- padding: 0,
626
- position: 'relative',
627
- zIndex: 4,
628
616
  height: rowHight
629
617
  }
630
618
  }, id + '1'));
631
619
  cells.push(/*#__PURE__*/jsx(TableCell, {
620
+ className: "fixed-spacer2",
632
621
  style: {
633
- width: 5,
634
- minWidth: 5,
635
- padding: 0,
636
- position: 'sticky',
637
- backgroundColor: 'white',
638
- zIndex: 3,
639
- right: 247,
640
622
  height: rowHight
641
623
  },
642
- children: /*#__PURE__*/jsx("div", {
643
- className: "fixed",
644
- style: {
645
- position: 'absolute',
646
- top: 0,
647
- left: 5,
648
- bottom: 0,
649
- width: 15,
650
- boxShadow: 'rgb(224, 224, 224) -2px 0px 1px 0px'
651
- }
652
- })
624
+ children: /*#__PURE__*/jsx("div", {})
653
625
  }, id + '2'));
654
626
  }
655
627
  cells.push(/*#__PURE__*/jsx(TableCell, {
package/build/types/grid/src/ui/components/Table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,eAAe,EAAE,UAAU,IAAI,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAYjI,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM;IAC1C;;OAEG;IACH,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACjE;;OAEG;IACH,iBAAiB,EAAE,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IAC3E;;OAEG;IACH,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErB,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IAErE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,qBAKpI;AAoND,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM;IACjC,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,kGAEtB,CAAC;AAmMH,eAAO,MAAM,eAAe,SAAU,GAAG;;;cAKb,QAAQ;;;;;;;cASR,UAAU;;;;CAGrC,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EACxC,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,YAAY,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,qBAsFA"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,eAAe,EAAE,UAAU,IAAI,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAYjI,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM;IAC1C;;OAEG;IACH,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACjE;;OAEG;IACH,iBAAiB,EAAE,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IAC3E;;OAEG;IACH,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErB,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IAErE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,qBAKpI;AAwMD,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM;IACjC,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,kGAEtB,CAAC;AAkMH,eAAO,MAAM,eAAe,SAAU,GAAG;;;cAKb,QAAQ;;;;;;;cASR,UAAU;;;;CAGrC,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EACxC,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,YAAY,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,qBAiEA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystaldesign/grid",
3
- "version": "24.15.0-beta.44",
3
+ "version": "24.15.0-beta.45",
4
4
  "license": "COMMERCIAL",
5
5
  "devDependencies": {
6
6
  "@mui/x-date-pickers": "^7.22.0",
@@ -12,9 +12,9 @@
12
12
  "react-dom": "18.3.1"
13
13
  },
14
14
  "dependencies": {
15
- "@crystaldesign/content-box": "24.15.0-beta.44",
16
- "@crystaldesign/rtf-editor": "24.15.0-beta.44",
17
- "@crystaldesign/searchfield": "24.15.0-beta.44",
15
+ "@crystaldesign/content-box": "24.15.0-beta.45",
16
+ "@crystaldesign/rtf-editor": "24.15.0-beta.45",
17
+ "@crystaldesign/searchfield": "24.15.0-beta.45",
18
18
  "@hello-pangea/dnd": "^17.0.0",
19
19
  "@mui/icons-material": "^6.1.5",
20
20
  "@mui/lab": "^6.0.0-beta.13",
@@ -40,5 +40,5 @@
40
40
  },
41
41
  "module": "build/esm/index.js",
42
42
  "types": "./build/types/grid/src/index.d.ts",
43
- "gitHead": "8c0bebe70a221fed0ce3760ba491696fad6fb4ad"
43
+ "gitHead": "0f0862c82d3182e924d0614dcf7c5829c9211aaa"
44
44
  }