@dmsi/wedgekit-react 0.0.350 → 0.0.352

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 (21) hide show
  1. package/dist/{chunk-TO4LIFK7.js → chunk-URCLLHO5.js} +3 -3
  2. package/dist/components/CalendarRange.cjs +3 -3
  3. package/dist/components/CalendarRange.css +2 -2
  4. package/dist/components/CalendarRange.js +1 -1
  5. package/dist/components/DateInput.cjs +3 -3
  6. package/dist/components/DateInput.css +2 -2
  7. package/dist/components/DateInput.js +1 -1
  8. package/dist/components/DateRangeInput.cjs +3 -3
  9. package/dist/components/DateRangeInput.css +2 -2
  10. package/dist/components/DateRangeInput.js +1 -1
  11. package/dist/components/TopBar.cjs +2 -2
  12. package/dist/components/TopBar.js +2 -2
  13. package/dist/components/index.cjs +3 -3
  14. package/dist/components/index.css +2 -2
  15. package/dist/components/index.js +1 -1
  16. package/dist/index.css +2 -2
  17. package/package.json +1 -1
  18. package/src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx +1 -1
  19. package/src/components/DataGrid/TableBody/TableBodyRow.tsx +0 -3
  20. package/src/components/DataGrid/index.tsx +1 -0
  21. package/src/components/TopBar.tsx +2 -2
package/dist/{chunk-TO4LIFK7.js → chunk-URCLLHO5.js} RENAMED
@@ -216,8 +216,7 @@ function TableBodyRow({
216
216
  !locked && virtualPaddingRight ? (
217
217
  // fake empty column to the right for virtualization scroll padding
218
218
  /* @__PURE__ */ jsx2("td", { style: { display: "flex", width: virtualPaddingRight } })
219
- ) : null,
220
- enableColumnSelector && !locked && /* @__PURE__ */ jsx2("td", { className: "p-2", style: { width: "48.8px" } })
219
+ ) : null
221
220
  ]
222
221
  },
223
222
  row.id
@@ -413,7 +412,7 @@ function ColumnSelectorMenuOption({
413
412
  }) {
414
413
  const [isVisible, setIsVisible] = useState(column.getIsVisible());
415
414
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
416
- return /* @__PURE__ */ jsx5(MenuOption, { id, testid, selected: isVisible, defaultChecked: isVisible, children: /* @__PURE__ */ jsx5(
415
+ return /* @__PURE__ */ jsx5(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ jsx5(
417
416
  Checkbox,
418
417
  {
419
418
  id: id ? `${id}-checkbox` : void 0,
@@ -968,6 +967,7 @@ function DataGrid({
968
967
  return /* @__PURE__ */ jsxs5(
969
968
  DraggableCellHeader,
970
969
  {
970
+ minWidth: `${header.column.getSize()}px`,
971
971
  id: id ? `${id}-header-${header.id}` : void 0,
972
972
  testid: testid ? `${testid}-header-${header.id}` : void 0,
973
973
  header,
package/dist/components/CalendarRange.cjs CHANGED
@@ -2484,8 +2484,7 @@ function TableBodyRow({
2484
2484
  !locked && virtualPaddingRight ? (
2485
2485
  // fake empty column to the right for virtualization scroll padding
2486
2486
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
2487
- ) : null,
2488
- enableColumnSelector && !locked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "p-2", style: { width: "48.8px" } })
2487
+ ) : null
2489
2488
  ]
2490
2489
  },
2491
2490
  row.id
@@ -2681,7 +2680,7 @@ function ColumnSelectorMenuOption({
2681
2680
  }) {
2682
2681
  const [isVisible, setIsVisible] = (0, import_react13.useState)(column.getIsVisible());
2683
2682
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
2684
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, selected: isVisible, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2683
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2685
2684
  Checkbox,
2686
2685
  {
2687
2686
  id: id ? `${id}-checkbox` : void 0,
@@ -3236,6 +3235,7 @@ function DataGrid({
3236
3235
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3237
3236
  DraggableCellHeader,
3238
3237
  {
3238
+ minWidth: `${header.column.getSize()}px`,
3239
3239
  id: id ? `${id}-header-${header.id}` : void 0,
3240
3240
  testid: testid ? `${testid}-header-${header.id}` : void 0,
3241
3241
  header,
package/dist/components/CalendarRange.css CHANGED
@@ -788,8 +788,8 @@
788
788
  .h-screen {
789
789
  height: 100vh;
790
790
  }
791
- .max-h-10 {
792
- max-height: calc(var(--spacing) * 10);
791
+ .max-h-18 {
792
+ max-height: calc(var(--spacing) * 18);
793
793
  }
794
794
  .max-h-full {
795
795
  max-height: 100%;
package/dist/components/CalendarRange.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  CalendarRange_default,
4
4
  isWeekend
5
5
  } from "../chunk-ZA5E7ZYM.js";
6
- import "../chunk-TO4LIFK7.js";
6
+ import "../chunk-URCLLHO5.js";
7
7
  import "../chunk-QQ5G773N.js";
8
8
  import "../chunk-I3WFZOFY.js";
9
9
  import "../chunk-NO5BIKWS.js";
package/dist/components/DateInput.cjs CHANGED
@@ -2554,8 +2554,7 @@ function TableBodyRow({
2554
2554
  !locked && virtualPaddingRight ? (
2555
2555
  // fake empty column to the right for virtualization scroll padding
2556
2556
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
2557
- ) : null,
2558
- enableColumnSelector && !locked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "p-2", style: { width: "48.8px" } })
2557
+ ) : null
2559
2558
  ]
2560
2559
  },
2561
2560
  row.id
@@ -2751,7 +2750,7 @@ function ColumnSelectorMenuOption({
2751
2750
  }) {
2752
2751
  const [isVisible, setIsVisible] = (0, import_react13.useState)(column.getIsVisible());
2753
2752
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
2754
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, selected: isVisible, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2753
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2755
2754
  Checkbox,
2756
2755
  {
2757
2756
  id: id ? `${id}-checkbox` : void 0,
@@ -3306,6 +3305,7 @@ function DataGrid({
3306
3305
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3307
3306
  DraggableCellHeader,
3308
3307
  {
3308
+ minWidth: `${header.column.getSize()}px`,
3309
3309
  id: id ? `${id}-header-${header.id}` : void 0,
3310
3310
  testid: testid ? `${testid}-header-${header.id}` : void 0,
3311
3311
  header,
package/dist/components/DateInput.css CHANGED
@@ -788,8 +788,8 @@
788
788
  .h-screen {
789
789
  height: 100vh;
790
790
  }
791
- .max-h-10 {
792
- max-height: calc(var(--spacing) * 10);
791
+ .max-h-18 {
792
+ max-height: calc(var(--spacing) * 18);
793
793
  }
794
794
  .max-h-full {
795
795
  max-height: 100%;
package/dist/components/DateInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-ZA5E7ZYM.js";
4
- import "../chunk-TO4LIFK7.js";
4
+ import "../chunk-URCLLHO5.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-I3WFZOFY.js";
7
7
  import "../chunk-NO5BIKWS.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -2562,8 +2562,7 @@ function TableBodyRow({
2562
2562
  !locked && virtualPaddingRight ? (
2563
2563
  // fake empty column to the right for virtualization scroll padding
2564
2564
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
2565
- ) : null,
2566
- enableColumnSelector && !locked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "p-2", style: { width: "48.8px" } })
2565
+ ) : null
2567
2566
  ]
2568
2567
  },
2569
2568
  row.id
@@ -2759,7 +2758,7 @@ function ColumnSelectorMenuOption({
2759
2758
  }) {
2760
2759
  const [isVisible, setIsVisible] = (0, import_react13.useState)(column.getIsVisible());
2761
2760
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
2762
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, selected: isVisible, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2761
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2763
2762
  Checkbox,
2764
2763
  {
2765
2764
  id: id ? `${id}-checkbox` : void 0,
@@ -3314,6 +3313,7 @@ function DataGrid({
3314
3313
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3315
3314
  DraggableCellHeader,
3316
3315
  {
3316
+ minWidth: `${header.column.getSize()}px`,
3317
3317
  id: id ? `${id}-header-${header.id}` : void 0,
3318
3318
  testid: testid ? `${testid}-header-${header.id}` : void 0,
3319
3319
  header,
package/dist/components/DateRangeInput.css CHANGED
@@ -788,8 +788,8 @@
788
788
  .h-screen {
789
789
  height: 100vh;
790
790
  }
791
- .max-h-10 {
792
- max-height: calc(var(--spacing) * 10);
791
+ .max-h-18 {
792
+ max-height: calc(var(--spacing) * 18);
793
793
  }
794
794
  .max-h-full {
795
795
  max-height: 100%;
package/dist/components/DateRangeInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-ZA5E7ZYM.js";
4
- import "../chunk-TO4LIFK7.js";
4
+ import "../chunk-URCLLHO5.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-I3WFZOFY.js";
7
7
  import "../chunk-NO5BIKWS.js";
package/dist/components/TopBar.cjs CHANGED
@@ -321,7 +321,7 @@ var TopBarBase = (_a) => {
321
321
  "a",
322
322
  {
323
323
  href: "/",
324
- className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
324
+ className: "grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]",
325
325
  children: brandLogo && brandLogo
326
326
  }
327
327
  )
@@ -366,7 +366,7 @@ var TopBar = (_a) => {
366
366
  id: id ? `${id}-brand-logo-link` : void 0,
367
367
  "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
368
368
  href: brandHref,
369
- className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
369
+ className: "grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]",
370
370
  children: brandLogo && brandLogo
371
371
  }
372
372
  ),
package/dist/components/TopBar.js CHANGED
@@ -87,7 +87,7 @@ var TopBarBase = (_a) => {
87
87
  "a",
88
88
  {
89
89
  href: "/",
90
- className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
90
+ className: "grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]",
91
91
  children: brandLogo && brandLogo
92
92
  }
93
93
  )
@@ -132,7 +132,7 @@ var TopBar = (_a) => {
132
132
  id: id ? `${id}-brand-logo-link` : void 0,
133
133
  "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
134
134
  href: brandHref,
135
- className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
135
+ className: "grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]",
136
136
  children: brandLogo && brandLogo
137
137
  }
138
138
  ),
package/dist/components/index.cjs CHANGED
@@ -2495,8 +2495,7 @@ function TableBodyRow({
2495
2495
  !locked && virtualPaddingRight ? (
2496
2496
  // fake empty column to the right for virtualization scroll padding
2497
2497
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: { display: "flex", width: virtualPaddingRight } })
2498
- ) : null,
2499
- enableColumnSelector && !locked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "p-2", style: { width: "48.8px" } })
2498
+ ) : null
2500
2499
  ]
2501
2500
  },
2502
2501
  row.id
@@ -2692,7 +2691,7 @@ function ColumnSelectorMenuOption({
2692
2691
  }) {
2693
2692
  const [isVisible, setIsVisible] = (0, import_react13.useState)(column.getIsVisible());
2694
2693
  const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
2695
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, selected: isVisible, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2694
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
2696
2695
  Checkbox,
2697
2696
  {
2698
2697
  id: id ? `${id}-checkbox` : void 0,
@@ -3247,6 +3246,7 @@ function DataGrid({
3247
3246
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
3248
3247
  DraggableCellHeader,
3249
3248
  {
3249
+ minWidth: `${header.column.getSize()}px`,
3250
3250
  id: id ? `${id}-header-${header.id}` : void 0,
3251
3251
  testid: testid ? `${testid}-header-${header.id}` : void 0,
3252
3252
  header,
package/dist/components/index.css CHANGED
@@ -788,8 +788,8 @@
788
788
  .h-screen {
789
789
  height: 100vh;
790
790
  }
791
- .max-h-10 {
792
- max-height: calc(var(--spacing) * 10);
791
+ .max-h-18 {
792
+ max-height: calc(var(--spacing) * 18);
793
793
  }
794
794
  .max-h-full {
795
795
  max-height: 100%;
package/dist/components/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DataGrid
3
- } from "../chunk-TO4LIFK7.js";
3
+ } from "../chunk-URCLLHO5.js";
4
4
  import {
5
5
  Tooltip
6
6
  } from "../chunk-QQ5G773N.js";
package/dist/index.css CHANGED
@@ -766,8 +766,8 @@
766
766
  .h-screen {
767
767
  height: 100vh;
768
768
  }
769
- .max-h-10 {
770
- max-height: calc(var(--spacing) * 10);
769
+ .max-h-18 {
770
+ max-height: calc(var(--spacing) * 18);
771
771
  }
772
772
  .max-h-full {
773
773
  max-height: 100%;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.350",
4
+ "version": "0.0.352",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx CHANGED
@@ -19,7 +19,7 @@ export function ColumnSelectorMenuOption<T>({
19
19
  ? column.columnDef.header
20
20
  : null;
21
21
  return (
22
- <MenuOption id={id} testid={testid} selected={isVisible} defaultChecked={isVisible}>
22
+ <MenuOption id={id} testid={testid} defaultChecked={isVisible}>
23
23
  <Checkbox
24
24
  id={id ? `${id}-checkbox` : undefined}
25
25
  testid={testid ? `${testid}-checkbox` : undefined}
package/src/components/DataGrid/TableBody/TableBodyRow.tsx CHANGED
@@ -149,9 +149,6 @@ export function TableBodyRow<T>({
149
149
  // fake empty column to the right for virtualization scroll padding
150
150
  <td style={{ display: "flex", width: virtualPaddingRight }} />
151
151
  ) : null}
152
- {enableColumnSelector && !locked && (
153
- <td className="p-2" style={{ width: "48.8px" }}></td>
154
- )}
155
152
  </tr>
156
153
  );
157
154
  }
package/src/components/DataGrid/index.tsx CHANGED
@@ -463,6 +463,7 @@ export function DataGrid<T extends Record<string, unknown>>({
463
463
  return (
464
464
  <DraggableCellHeader
465
465
  key={header.id}
466
+ minWidth={`${header.column.getSize()}px`}
466
467
  id={id ? `${id}-header-${header.id}` : undefined}
467
468
  testid={
468
469
  testid
package/src/components/TopBar.tsx CHANGED
@@ -81,7 +81,7 @@ export const TopBarBase = ({
81
81
 
82
82
  <a
83
83
  href="/"
84
- className="grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]"
84
+ className="grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]"
85
85
  >
86
86
  {brandLogo && brandLogo}
87
87
  </a>
@@ -124,7 +124,7 @@ export const TopBar = ({
124
124
  id={id ? `${id}-brand-logo-link` : undefined}
125
125
  data-testid={testid ? `${testid}-brand-logo-link` : undefined}
126
126
  href={brandHref}
127
- className="grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]"
127
+ className="grow max-w-[400px] h-auto max-h-18 *:max-h-[inherit]"
128
128
  >
129
129
  {brandLogo && brandLogo}
130
130
  </a>