slick-table 1.1.75 → 1.1.76
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/index.cjs.js +1 -1
- package/dist/index.es.js +2 -2
- package/dist/types/shared/lib/localStrore/model/classes/ColumnWidths.d.ts +1 -1
- package/dist/types/shared/lib/localStrore/model/classes/ColumnWidths.d.ts.map +1 -1
- package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/shared/lib/localStrore/model/classes/ColumnWidths.ts +1 -1
- package/src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.ts +6 -4
package/dist/index.cjs.js
CHANGED
|
@@ -301,7 +301,7 @@ xe.version="2.30.1";WD(It);xe.fn=ve;xe.min=PM;xe.max=DM;xe.now=OM;xe.utc=jo;xe.u
|
|
|
301
301
|
* This increases the speed dramatically, but can only be done safely because there are no event handlers
|
|
302
302
|
* or data associated with any cell/row DOM nodes. Cell editors must make sure they implement .destroy()
|
|
303
303
|
* and do proper cleanup.
|
|
304
|
-
*/const MW={asyncEditorLoading:!1,autosizeColsMode:Db.LegacyForceFit,enableAutoSizeColumns:!0,enableColumnReorder:!1};function IW(e){return function(n,{grid:o}){const i=o.getColumns().reduce((a,{id:l,width:d})=>(a[l]=d,a),{});mo.columnWidths.set(e,i)}}const NW=e=>(t,{grid:n,item:o})=>{AW(n,o),n.updateRowCount(),n.invalidate(),e.isEdited=!0,e.hotKeysBehavior.pushToCommandQueue(n)},AW=(e,t)=>{const n=e.getData(),o=n.getIdPropertyName(),i={...iB(n),...t,[o]:Wh(e),isEdited:!0,isNew:!0};n.addItem(i)};function FW({SlickDataView:e=TW,applyCellCssStyles:t,assignIds:n=!1,columnSorter:o=VB,columns:r,getItemMetadata:i,groups:a,idPropertyName:l="id",items:d,onAddNewRow:u,onBeforeEditCell:f,onCellChange:p,onClick:y,onDblClick:w,onHeaderMenuCommand:b,onMouseEnter:m,onMouseLeave:v,onRowCountChanged:P=ED,onSelectedRowsChanged:D,options:x={},table:S}){Ae.useEffect(()=>{const C=new Mb,O=new hW({}),A=new mW({}),F=new e({groupItemMetadataProvider:a?C:void 0}),W=S.createGrid(F,[],x);W.setSelectionModel(new SW({selectActiveRow:!1})),W.registerPlugin(O),W.registerPlugin(C),i&&(F.getItemMetadata=i(W)),F.setItems(n?d.map(($,K)=>({...$,[l]:++K})):d.map($=>({...$})),l),W.invalidate(),F.onRowCountChanged.subscribe(P(S)),F.onRowsChanged.subscribe(TD(W)),W.onAddNewRow.subscribe(u),W.onCellChange.subscribe(p),m&&W.onMouseEnter.subscribe(m),v&&W.onMouseLeave.subscribe(v),D&&W.onSelectedRowsChanged.subscribe(D),f&&W.onBeforeEditCell.subscribe(f),y&&W.onClick.subscribe(y),w&&W.onDblClick.subscribe(w),W.onSort.subscribe(o.getSortFunction(S.id)),W.onColumnsResized.subscribe(IW(S.id)),W.onContextMenu.subscribe(uB(S)),S.columnPicker&&W.onHeaderContextMenu.subscribe(hB(S));const R=Nv(S);return O.onCommand.subscribe(R),b&&(A.onCommand.subscribe(b),W.registerPlugin(A)),a&&(S.grouping={groups:a,isGrouped:S.grouping.isGrouped??!0}),t?.(W),()=>{O.onCommand.unsubscribe(R),b&&A.onCommand.unsubscribe(b),W.onAddNewRow.unsubscribe(u),W.onCellChange.unsubscribe(p),D&&W.onSelectedRowsChanged.unsubscribe(D),f&&W.onBeforeEditCell.unsubscribe(f),y&&W.onClick.unsubscribe(y),w&&W.onDblClick.unsubscribe(w),m&&W.onMouseEnter.unsubscribe(m),v&&W.onMouseLeave.unsubscribe(v),S.reset()}},[d]),Ae.useEffect(()=>{const C=S.grid;!C||!x||setTimeout(()=>{C.setOptions({...MW,...x}),C.render(),$o.highlightAllColumns(S.filter.args,S.id),S.totalCalculator?.calculate(C),S.notifyObservers(),o.restoreSorting(S)},0)},[x,d]),Ae.useEffect(()=>{const C=S.grid;if(!C||!r.length)return;const O=mo.columnWidths.get(S.id),A=r.map(F=>({...F,width:O[F.id]||F.width}));if(A[0].id===au){const F=new lW;C.setColumns([{...F.getColumnDefinition(),focusable:!1},...A.slice(1)]),C.registerPlugin(F)}else C.setColumns(A);return S.columnPicker&&(S.columnPicker.setInitialColumns(C.getColumns(),S.id),C.setColumns(C.getColumns().filter(({id:F})=>S.columnPicker?!S.columnPicker.hiddenColumnIds.includes(F):!0))),$o.highlightAllColumns(S.filter.args,S.id),S.filter.register(C,S.id),C.invalidate(),S.totalCalculator?.calculate(C),S.notifyObservers(),o.restoreSorting(S),S.hotKeysBehavior.pushToCommandQueue(C),()=>{S.hotKeysBehavior.resetQueue()}},[r,d])}ie(Fn)(()=>({}));const Km=Us`
|
|
304
|
+
*/const MW={asyncEditorLoading:!1,autosizeColsMode:Db.LegacyForceFit,enableAutoSizeColumns:!0,enableColumnReorder:!1};function IW(e){return function(n,{grid:o}){const i=o.getColumns().reduce((a,{id:l,width:d})=>(a[l]=d,a),{});mo.columnWidths.set(e,i)}}const NW=e=>(t,{grid:n,item:o})=>{AW(n,o),n.updateRowCount(),n.invalidate(),e.isEdited=!0,e.hotKeysBehavior.pushToCommandQueue(n)},AW=(e,t)=>{const n=e.getData(),o=n.getIdPropertyName(),i={...iB(n),...t,[o]:Wh(e),isEdited:!0,isNew:!0};n.addItem(i)};function FW({SlickDataView:e=TW,applyCellCssStyles:t,assignIds:n=!1,columnSorter:o=VB,columns:r,getItemMetadata:i,groups:a,idPropertyName:l="id",items:d,onAddNewRow:u,onBeforeEditCell:f,onCellChange:p,onClick:y,onDblClick:w,onHeaderMenuCommand:b,onMouseEnter:m,onMouseLeave:v,onRowCountChanged:P=ED,onSelectedRowsChanged:D,options:x={},table:S}){Ae.useEffect(()=>{const C=new Mb,O=new hW({}),A=new mW({}),F=new e({groupItemMetadataProvider:a?C:void 0}),W=S.createGrid(F,[],x);W.setSelectionModel(new SW({selectActiveRow:!1})),W.registerPlugin(O),W.registerPlugin(C),i&&(F.getItemMetadata=i(W)),F.setItems(n?d.map(($,K)=>({...$,[l]:++K})):d.map($=>({...$})),l),W.invalidate(),F.onRowCountChanged.subscribe(P(S)),F.onRowsChanged.subscribe(TD(W)),W.onAddNewRow.subscribe(u),W.onCellChange.subscribe(p),m&&W.onMouseEnter.subscribe(m),v&&W.onMouseLeave.subscribe(v),D&&W.onSelectedRowsChanged.subscribe(D),f&&W.onBeforeEditCell.subscribe(f),y&&W.onClick.subscribe(y),w&&W.onDblClick.subscribe(w),W.onSort.subscribe(o.getSortFunction(S.id)),W.onColumnsResized.subscribe(IW(S.id)),W.onContextMenu.subscribe(uB(S)),S.columnPicker&&W.onHeaderContextMenu.subscribe(hB(S));const R=Nv(S);return O.onCommand.subscribe(R),b&&(A.onCommand.subscribe(b),W.registerPlugin(A)),a&&(S.grouping={groups:a,isGrouped:S.grouping.isGrouped??!0}),t?.(W),()=>{O.onCommand.unsubscribe(R),b&&A.onCommand.unsubscribe(b),W.onAddNewRow.unsubscribe(u),W.onCellChange.unsubscribe(p),D&&W.onSelectedRowsChanged.unsubscribe(D),f&&W.onBeforeEditCell.unsubscribe(f),y&&W.onClick.unsubscribe(y),w&&W.onDblClick.unsubscribe(w),m&&W.onMouseEnter.unsubscribe(m),v&&W.onMouseLeave.unsubscribe(v),S.reset()}},[d]),Ae.useEffect(()=>{const C=S.grid;!C||!x||setTimeout(()=>{C.setOptions({...MW,...x}),C.render(),$o.highlightAllColumns(S.filter.args,S.id),S.totalCalculator?.calculate(C),S.notifyObservers(),o.restoreSorting(S)},0)},[x,d]),Ae.useEffect(()=>{const C=S.grid;if(!C||!r.length)return;const O=mo.columnWidths.get(S.id),A=O?r.map(F=>({...F,width:O[F.id]||F.width})):r;if(A[0].id===au){const F=new lW;C.setColumns([{...F.getColumnDefinition(),focusable:!1},...A.slice(1)]),C.registerPlugin(F)}else C.setColumns(A);return S.columnPicker&&(S.columnPicker.setInitialColumns(C.getColumns(),S.id),C.setColumns(C.getColumns().filter(({id:F})=>S.columnPicker?!S.columnPicker.hiddenColumnIds.includes(F):!0))),$o.highlightAllColumns(S.filter.args,S.id),S.filter.register(C,S.id),C.invalidate(),S.totalCalculator?.calculate(C),S.notifyObservers(),o.restoreSorting(S),S.hotKeysBehavior.pushToCommandQueue(C),()=>{S.hotKeysBehavior.resetQueue()}},[r,d])}ie(Fn)(()=>({}));const Km=Us`
|
|
305
305
|
50% {
|
|
306
306
|
background-color: #ffb1b1;
|
|
307
307
|
}
|
package/dist/index.es.js
CHANGED
|
@@ -41117,10 +41117,10 @@ function kW({
|
|
|
41117
41117
|
}, [x, d]), On(() => {
|
|
41118
41118
|
const C = S.grid;
|
|
41119
41119
|
if (!C || !r.length) return;
|
|
41120
|
-
const O = yo.columnWidths.get(S.id), A = r.map((F) => ({
|
|
41120
|
+
const O = yo.columnWidths.get(S.id), A = O ? r.map((F) => ({
|
|
41121
41121
|
...F,
|
|
41122
41122
|
width: O[F.id] || F.width
|
|
41123
|
-
}));
|
|
41123
|
+
})) : r;
|
|
41124
41124
|
if (A[0].id === cu) {
|
|
41125
41125
|
const F = new Jj();
|
|
41126
41126
|
C.setColumns([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnWidths.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/classes/ColumnWidths.ts"],"names":[],"mappings":"AAGA,qBAAa,YAAY;IACxB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa;
|
|
1
|
+
{"version":3,"file":"ColumnWidths.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/classes/ColumnWidths.ts"],"names":[],"mappings":"AAGA,qBAAa,YAAY;IACxB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS;IAI/C,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK5B,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI;CAKvD;AAED,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EAOrB,MAAM,WAAW,CAAC;AAanB,OAAO,EAAE,KAAK,EAAkB,MAAM,aAAa,CAAC;AAGpD,wBAAgB,OAAO,CAAC,EACvB,aAAiC,EACjC,kBAAkB,EAClB,SAAiB,EACjB,YAAqB,EACrB,OAAO,EACP,eAAe,EACf,MAAM,EACN,cAAqB,EACrB,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,iBAAkC,EAClC,qBAAqB,EACrB,OAAY,EACZ,KAAK,GACL,EAAE,KAAK,GAAG;IACV,WAAW,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,
|
|
1
|
+
{"version":3,"file":"useGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EAOrB,MAAM,WAAW,CAAC;AAanB,OAAO,EAAE,KAAK,EAAkB,MAAM,aAAa,CAAC;AAGpD,wBAAgB,OAAO,CAAC,EACvB,aAAiC,EACjC,kBAAkB,EAClB,SAAiB,EACjB,YAAqB,EACrB,OAAO,EACP,eAAe,EACf,MAAM,EACN,cAAqB,EACrB,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,iBAAkC,EAClC,qBAAqB,EACrB,OAAY,EACZ,KAAK,GACL,EAAE,KAAK,GAAG;IACV,WAAW,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,QAmIA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@ import { getFromStorage, updateStorage } from "../../lib";
|
|
|
2
2
|
import { EStorageKey } from "../enums";
|
|
3
3
|
|
|
4
4
|
export class ColumnWidths {
|
|
5
|
-
get(tableId: string): TColumnWidths {
|
|
5
|
+
get(tableId: string): TColumnWidths | undefined {
|
|
6
6
|
const columnFilters = getFromStorage(EStorageKey.columnWidths);
|
|
7
7
|
return columnFilters[tableId];
|
|
8
8
|
}
|
|
@@ -143,10 +143,12 @@ export function useGrid({
|
|
|
143
143
|
if (!grid) return;
|
|
144
144
|
if (!columns.length) return;
|
|
145
145
|
const columnWidths = localStore.columnWidths.get(table.id);
|
|
146
|
-
const columnsWithRestoredWidth =
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
const columnsWithRestoredWidth = columnWidths
|
|
147
|
+
? columns.map((column) => ({
|
|
148
|
+
...column,
|
|
149
|
+
width: columnWidths[column.id] || column.width,
|
|
150
|
+
}))
|
|
151
|
+
: columns;
|
|
150
152
|
if (columnsWithRestoredWidth[0].id === CHECKBOX_SELECTOR) {
|
|
151
153
|
const checkboxSelector = new SlickCheckboxSelectColumn();
|
|
152
154
|
grid.setColumns([
|