@dmsi/wedgekit-react 0.0.258 → 0.0.260

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 (11) hide show
  1. package/dist/{chunk-T3TT3SVX.js → chunk-7EWPLE5C.js} +20 -4
  2. package/dist/components/CalendarRange.cjs +20 -4
  3. package/dist/components/CalendarRange.js +1 -1
  4. package/dist/components/DateInput.cjs +20 -4
  5. package/dist/components/DateInput.js +1 -1
  6. package/dist/components/DateRangeInput.cjs +20 -4
  7. package/dist/components/DateRangeInput.js +1 -1
  8. package/dist/components/index.cjs +20 -4
  9. package/dist/components/index.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/DataGrid/index.tsx +22 -4
package/dist/{chunk-T3TT3SVX.js → chunk-7EWPLE5C.js} RENAMED
@@ -689,7 +689,7 @@ function DataGrid({
689
689
  })
690
690
  )
691
691
  );
692
- const resetColumnVisibility = useCallback(
692
+ const updateColumnVisibility = useCallback(
693
693
  (updateOrder) => {
694
694
  setColumnVisibility(
695
695
  Object.fromEntries(
@@ -703,9 +703,25 @@ function DataGrid({
703
703
  },
704
704
  [tableColumns]
705
705
  );
706
+ const resetDefaultColumnVisibility = useCallback(() => {
707
+ setTableColumns((prev) => {
708
+ columns.forEach((column) => {
709
+ var _a2, _b2;
710
+ const columnId = column.id;
711
+ const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
712
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
713
+ if (persistedIndex !== -1) {
714
+ prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
715
+ visible: isVisible
716
+ });
717
+ }
718
+ });
719
+ return [...prev];
720
+ }, true);
721
+ }, [columns, setTableColumns]);
706
722
  useEffect(() => {
707
- resetColumnVisibility(true);
708
- }, [resetColumnVisibility]);
723
+ updateColumnVisibility(true);
724
+ }, [updateColumnVisibility]);
709
725
  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
710
726
  const setSortingState = pagination ? (updaterOrValue) => {
711
727
  const value = typeof updaterOrValue === "function" ? updaterOrValue(
@@ -1043,7 +1059,7 @@ function DataGrid({
1043
1059
  id,
1044
1060
  enableColumnSelector,
1045
1061
  toggleColumnVisibility,
1046
- resetColumnVisibility,
1062
+ resetColumnVisibility: resetDefaultColumnVisibility,
1047
1063
  testid,
1048
1064
  pinDirection: "right",
1049
1065
  table,
package/dist/components/CalendarRange.cjs CHANGED
@@ -2948,7 +2948,7 @@ function DataGrid({
2948
2948
  })
2949
2949
  )
2950
2950
  );
2951
- const resetColumnVisibility = (0, import_react16.useCallback)(
2951
+ const updateColumnVisibility = (0, import_react16.useCallback)(
2952
2952
  (updateOrder) => {
2953
2953
  setColumnVisibility(
2954
2954
  Object.fromEntries(
@@ -2962,9 +2962,25 @@ function DataGrid({
2962
2962
  },
2963
2963
  [tableColumns]
2964
2964
  );
2965
+ const resetDefaultColumnVisibility = (0, import_react16.useCallback)(() => {
2966
+ setTableColumns((prev) => {
2967
+ columns.forEach((column) => {
2968
+ var _a2, _b2;
2969
+ const columnId = column.id;
2970
+ const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
2971
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
2972
+ if (persistedIndex !== -1) {
2973
+ prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
2974
+ visible: isVisible
2975
+ });
2976
+ }
2977
+ });
2978
+ return [...prev];
2979
+ }, true);
2980
+ }, [columns, setTableColumns]);
2965
2981
  (0, import_react16.useEffect)(() => {
2966
- resetColumnVisibility(true);
2967
- }, [resetColumnVisibility]);
2982
+ updateColumnVisibility(true);
2983
+ }, [updateColumnVisibility]);
2968
2984
  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
2969
2985
  const setSortingState = pagination ? (updaterOrValue) => {
2970
2986
  const value = typeof updaterOrValue === "function" ? updaterOrValue(
@@ -3302,7 +3318,7 @@ function DataGrid({
3302
3318
  id,
3303
3319
  enableColumnSelector,
3304
3320
  toggleColumnVisibility,
3305
- resetColumnVisibility,
3321
+ resetColumnVisibility: resetDefaultColumnVisibility,
3306
3322
  testid,
3307
3323
  pinDirection: "right",
3308
3324
  table,
package/dist/components/CalendarRange.js CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  CalendarRange_default,
4
4
  isWeekend
5
5
  } from "../chunk-AEHXCKEP.js";
6
- import "../chunk-T3TT3SVX.js";
6
+ import "../chunk-7EWPLE5C.js";
7
7
  import "../chunk-QQ5G773N.js";
8
8
  import "../chunk-J5V2JRIK.js";
9
9
  import "../chunk-5LMXR6AJ.js";
package/dist/components/DateInput.cjs CHANGED
@@ -3018,7 +3018,7 @@ function DataGrid({
3018
3018
  })
3019
3019
  )
3020
3020
  );
3021
- const resetColumnVisibility = (0, import_react16.useCallback)(
3021
+ const updateColumnVisibility = (0, import_react16.useCallback)(
3022
3022
  (updateOrder) => {
3023
3023
  setColumnVisibility(
3024
3024
  Object.fromEntries(
@@ -3032,9 +3032,25 @@ function DataGrid({
3032
3032
  },
3033
3033
  [tableColumns]
3034
3034
  );
3035
+ const resetDefaultColumnVisibility = (0, import_react16.useCallback)(() => {
3036
+ setTableColumns((prev) => {
3037
+ columns.forEach((column) => {
3038
+ var _a2, _b2;
3039
+ const columnId = column.id;
3040
+ const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
3041
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
3042
+ if (persistedIndex !== -1) {
3043
+ prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
3044
+ visible: isVisible
3045
+ });
3046
+ }
3047
+ });
3048
+ return [...prev];
3049
+ }, true);
3050
+ }, [columns, setTableColumns]);
3035
3051
  (0, import_react16.useEffect)(() => {
3036
- resetColumnVisibility(true);
3037
- }, [resetColumnVisibility]);
3052
+ updateColumnVisibility(true);
3053
+ }, [updateColumnVisibility]);
3038
3054
  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
3039
3055
  const setSortingState = pagination ? (updaterOrValue) => {
3040
3056
  const value = typeof updaterOrValue === "function" ? updaterOrValue(
@@ -3372,7 +3388,7 @@ function DataGrid({
3372
3388
  id,
3373
3389
  enableColumnSelector,
3374
3390
  toggleColumnVisibility,
3375
- resetColumnVisibility,
3391
+ resetColumnVisibility: resetDefaultColumnVisibility,
3376
3392
  testid,
3377
3393
  pinDirection: "right",
3378
3394
  table,
package/dist/components/DateInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-AEHXCKEP.js";
4
- import "../chunk-T3TT3SVX.js";
4
+ import "../chunk-7EWPLE5C.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-J5V2JRIK.js";
7
7
  import "../chunk-5LMXR6AJ.js";
package/dist/components/DateRangeInput.cjs CHANGED
@@ -3026,7 +3026,7 @@ function DataGrid({
3026
3026
  })
3027
3027
  )
3028
3028
  );
3029
- const resetColumnVisibility = (0, import_react16.useCallback)(
3029
+ const updateColumnVisibility = (0, import_react16.useCallback)(
3030
3030
  (updateOrder) => {
3031
3031
  setColumnVisibility(
3032
3032
  Object.fromEntries(
@@ -3040,9 +3040,25 @@ function DataGrid({
3040
3040
  },
3041
3041
  [tableColumns]
3042
3042
  );
3043
+ const resetDefaultColumnVisibility = (0, import_react16.useCallback)(() => {
3044
+ setTableColumns((prev) => {
3045
+ columns.forEach((column) => {
3046
+ var _a2, _b2;
3047
+ const columnId = column.id;
3048
+ const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
3049
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
3050
+ if (persistedIndex !== -1) {
3051
+ prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
3052
+ visible: isVisible
3053
+ });
3054
+ }
3055
+ });
3056
+ return [...prev];
3057
+ }, true);
3058
+ }, [columns, setTableColumns]);
3043
3059
  (0, import_react16.useEffect)(() => {
3044
- resetColumnVisibility(true);
3045
- }, [resetColumnVisibility]);
3060
+ updateColumnVisibility(true);
3061
+ }, [updateColumnVisibility]);
3046
3062
  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
3047
3063
  const setSortingState = pagination ? (updaterOrValue) => {
3048
3064
  const value = typeof updaterOrValue === "function" ? updaterOrValue(
@@ -3380,7 +3396,7 @@ function DataGrid({
3380
3396
  id,
3381
3397
  enableColumnSelector,
3382
3398
  toggleColumnVisibility,
3383
- resetColumnVisibility,
3399
+ resetColumnVisibility: resetDefaultColumnVisibility,
3384
3400
  testid,
3385
3401
  pinDirection: "right",
3386
3402
  table,
package/dist/components/DateRangeInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  CalendarRange
3
3
  } from "../chunk-AEHXCKEP.js";
4
- import "../chunk-T3TT3SVX.js";
4
+ import "../chunk-7EWPLE5C.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-J5V2JRIK.js";
7
7
  import "../chunk-5LMXR6AJ.js";
package/dist/components/index.cjs CHANGED
@@ -2959,7 +2959,7 @@ function DataGrid({
2959
2959
  })
2960
2960
  )
2961
2961
  );
2962
- const resetColumnVisibility = (0, import_react16.useCallback)(
2962
+ const updateColumnVisibility = (0, import_react16.useCallback)(
2963
2963
  (updateOrder) => {
2964
2964
  setColumnVisibility(
2965
2965
  Object.fromEntries(
@@ -2973,9 +2973,25 @@ function DataGrid({
2973
2973
  },
2974
2974
  [tableColumns]
2975
2975
  );
2976
+ const resetDefaultColumnVisibility = (0, import_react16.useCallback)(() => {
2977
+ setTableColumns((prev) => {
2978
+ columns.forEach((column) => {
2979
+ var _a2, _b2;
2980
+ const columnId = column.id;
2981
+ const isVisible = (_b2 = (_a2 = column.meta) == null ? void 0 : _a2.visible) != null ? _b2 : true;
2982
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
2983
+ if (persistedIndex !== -1) {
2984
+ prev[persistedIndex].meta = __spreadProps(__spreadValues({}, prev[persistedIndex].meta), {
2985
+ visible: isVisible
2986
+ });
2987
+ }
2988
+ });
2989
+ return [...prev];
2990
+ }, true);
2991
+ }, [columns, setTableColumns]);
2976
2992
  (0, import_react16.useEffect)(() => {
2977
- resetColumnVisibility(true);
2978
- }, [resetColumnVisibility]);
2993
+ updateColumnVisibility(true);
2994
+ }, [updateColumnVisibility]);
2979
2995
  const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
2980
2996
  const setSortingState = pagination ? (updaterOrValue) => {
2981
2997
  const value = typeof updaterOrValue === "function" ? updaterOrValue(
@@ -3313,7 +3329,7 @@ function DataGrid({
3313
3329
  id,
3314
3330
  enableColumnSelector,
3315
3331
  toggleColumnVisibility,
3316
- resetColumnVisibility,
3332
+ resetColumnVisibility: resetDefaultColumnVisibility,
3317
3333
  testid,
3318
3334
  pinDirection: "right",
3319
3335
  table,
package/dist/components/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DataGrid
3
- } from "../chunk-T3TT3SVX.js";
3
+ } from "../chunk-7EWPLE5C.js";
4
4
  import {
5
5
  Tooltip
6
6
  } from "../chunk-QQ5G773N.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.258",
4
+ "version": "0.0.260",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/DataGrid/index.tsx CHANGED
@@ -104,7 +104,7 @@ export function DataGrid<T extends Record<string, unknown>>({
104
104
  ),
105
105
  );
106
106
 
107
- const resetColumnVisibility = useCallback(
107
+ const updateColumnVisibility = useCallback(
108
108
  (updateOrder?: boolean) => {
109
109
  setColumnVisibility(
110
110
  Object.fromEntries(
@@ -118,9 +118,27 @@ export function DataGrid<T extends Record<string, unknown>>({
118
118
  [tableColumns],
119
119
  );
120
120
 
121
+ const resetDefaultColumnVisibility = useCallback(() => {
122
+ setTableColumns((prev) => {
123
+ columns.forEach((column) => {
124
+ const columnId = column.id;
125
+ const isVisible = column.meta?.visible ?? true;
126
+ const persistedIndex = prev.findIndex((col) => col.id === columnId);
127
+ if (persistedIndex !== -1) {
128
+ prev[persistedIndex].meta = {
129
+ ...prev[persistedIndex].meta,
130
+ visible: isVisible,
131
+ };
132
+ }
133
+ });
134
+ return [...prev];
135
+ // @ts-expect-error Internal usage only
136
+ }, true);
137
+ }, [columns, setTableColumns]);
138
+
121
139
  useEffect(() => {
122
- resetColumnVisibility(true);
123
- }, [resetColumnVisibility]);
140
+ updateColumnVisibility(true);
141
+ }, [updateColumnVisibility]);
124
142
 
125
143
  const sortingState = pagination
126
144
  ? (externalSorting ?? localSorting)
@@ -563,7 +581,7 @@ export function DataGrid<T extends Record<string, unknown>>({
563
581
  id={id}
564
582
  enableColumnSelector={enableColumnSelector}
565
583
  toggleColumnVisibility={toggleColumnVisibility}
566
- resetColumnVisibility={resetColumnVisibility}
584
+ resetColumnVisibility={resetDefaultColumnVisibility}
567
585
  testid={testid}
568
586
  pinDirection="right"
569
587
  table={table}