@slickgrid-universal/composite-editor-component 4.4.1 → 4.6.0
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/cjs/compositeEditor.factory.js +2 -2
- package/dist/cjs/compositeEditor.factory.js.map +1 -1
- package/dist/cjs/slick-composite-editor.component.js +18 -10
- package/dist/cjs/slick-composite-editor.component.js.map +1 -1
- package/dist/esm/compositeEditor.factory.js +2 -2
- package/dist/esm/compositeEditor.factory.js.map +1 -1
- package/dist/esm/slick-composite-editor.component.js +18 -10
- package/dist/esm/slick-composite-editor.component.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/slick-composite-editor.component.d.ts.map +1 -1
- package/package.json +7 -14
- package/src/compositeEditor.factory.ts +2 -2
- package/src/slick-composite-editor.component.ts +20 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slick-composite-editor.component.d.ts","sourceRoot":"","sources":["../../src/slick-composite-editor.component.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"slick-composite-editor.component.d.ts","sourceRoot":"","sources":["../../src/slick-composite-editor.component.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@slickgrid-universal/composite-editor-component",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.6.0",
|
|
4
4
|
"description": "Slick Composite Editor Component - Vanilla Implementation of a Composite Editor Modal Window Component",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
|
-
"types": "index.d.ts",
|
|
8
|
-
"typesVersions": {
|
|
9
|
-
">=4.2": {
|
|
10
|
-
"*": [
|
|
11
|
-
"dist/types/*"
|
|
12
|
-
]
|
|
13
|
-
}
|
|
14
|
-
},
|
|
7
|
+
"types": "./dist/types/index.d.ts",
|
|
15
8
|
"exports": {
|
|
16
9
|
".": {
|
|
17
10
|
"types": "./dist/types/index.d.ts",
|
|
18
|
-
"
|
|
11
|
+
"import": "./dist/esm/index.js",
|
|
19
12
|
"require": "./dist/cjs/index.js",
|
|
20
13
|
"default": "./dist/esm/index.js"
|
|
21
14
|
},
|
|
@@ -45,9 +38,9 @@
|
|
|
45
38
|
"not dead"
|
|
46
39
|
],
|
|
47
40
|
"dependencies": {
|
|
48
|
-
"@slickgrid-universal/binding": "~4.
|
|
49
|
-
"@slickgrid-universal/common": "~4.
|
|
50
|
-
"@slickgrid-universal/utils": "~4.
|
|
41
|
+
"@slickgrid-universal/binding": "~4.6.0",
|
|
42
|
+
"@slickgrid-universal/common": "~4.6.0",
|
|
43
|
+
"@slickgrid-universal/utils": "~4.6.0"
|
|
51
44
|
},
|
|
52
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "e00a993f4f2e48eb28eee6e0985368a7b4374cbc"
|
|
53
46
|
}
|
|
@@ -77,7 +77,7 @@ export function SlickCompositeEditor(this: any, columns: Column[], containers: A
|
|
|
77
77
|
let newArgs: Partial<CompositeEditorArguments> = {};
|
|
78
78
|
let idx = 0;
|
|
79
79
|
while (idx < columns.length) {
|
|
80
|
-
if (columns[idx].
|
|
80
|
+
if (columns[idx].editorClass) {
|
|
81
81
|
const column = columns[idx];
|
|
82
82
|
newArgs = { ...args };
|
|
83
83
|
newArgs.container = containers[idx];
|
|
@@ -88,7 +88,7 @@ export function SlickCompositeEditor(this: any, columns: Column[], containers: A
|
|
|
88
88
|
newArgs.compositeEditorOptions = options;
|
|
89
89
|
newArgs.formValues = {};
|
|
90
90
|
|
|
91
|
-
const currentEditor = new (column.
|
|
91
|
+
const currentEditor = new (column.editorClass as any)(newArgs) as Editor & { args: EditorArguments };
|
|
92
92
|
options.editors[column.id] = currentEditor; // add every Editor instance refs
|
|
93
93
|
editors.push(currentEditor);
|
|
94
94
|
}
|
|
@@ -189,7 +189,7 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
189
189
|
if (columnDef && fieldName?.includes('.')) {
|
|
190
190
|
// when it's a complex object, user could override the object path (where the editable object is located)
|
|
191
191
|
// else we use the path provided in the Field Column Definition
|
|
192
|
-
const objectPath = columnDef.
|
|
192
|
+
const objectPath = columnDef.editor?.complexObjectPath ?? fieldName ?? '';
|
|
193
193
|
setDeepValue(this._formValues ?? {}, objectPath, newValue);
|
|
194
194
|
} else {
|
|
195
195
|
this._formValues = { ...this._formValues, [columnId]: outputValue };
|
|
@@ -212,7 +212,7 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
212
212
|
if (fieldName?.includes('.')) {
|
|
213
213
|
// when it's a complex object, user could override the object path (where the editable object is located)
|
|
214
214
|
// else we use the path provided in the Field Column Definition
|
|
215
|
-
const objectPath = columnDef?.
|
|
215
|
+
const objectPath = columnDef?.editor?.complexObjectPath ?? fieldName ?? '';
|
|
216
216
|
setDeepValue(this._formValues, objectPath, newValue);
|
|
217
217
|
} else {
|
|
218
218
|
this._formValues = { ...this._formValues, [columnId]: newValue };
|
|
@@ -340,16 +340,16 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
340
340
|
let modalColumns: Column[] = [];
|
|
341
341
|
if (isWithMassChange) {
|
|
342
342
|
// when using Mass Update, we only care about the columns that have the "massUpdate: true", we disregard anything else
|
|
343
|
-
modalColumns = this._columnDefinitions.filter(col => col.
|
|
343
|
+
modalColumns = this._columnDefinitions.filter(col => col.editorClass && col.editor?.massUpdate === true);
|
|
344
344
|
} else {
|
|
345
|
-
modalColumns = this._columnDefinitions.filter(col => col.
|
|
345
|
+
modalColumns = this._columnDefinitions.filter(col => col.editorClass);
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
// user could optionally show the form inputs in a specific order instead of using default column definitions order
|
|
349
|
-
if (modalColumns.some(col => col.
|
|
349
|
+
if (modalColumns.some(col => col.editor?.compositeEditorFormOrder !== undefined)) {
|
|
350
350
|
modalColumns.sort((col1: Column, col2: Column) => {
|
|
351
|
-
const val1 = col1?.
|
|
352
|
-
const val2 = col2?.
|
|
351
|
+
const val1 = col1?.editor?.compositeEditorFormOrder ?? Infinity;
|
|
352
|
+
const val2 = col2?.editor?.compositeEditorFormOrder ?? Infinity;
|
|
353
353
|
return numericSortComparer(val1, val2, SortDirectionNumber.asc);
|
|
354
354
|
});
|
|
355
355
|
}
|
|
@@ -362,6 +362,11 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
362
362
|
this._modalElm = createDomElement('div', { className: `slick-editor-modal ${gridUid}` });
|
|
363
363
|
const modalContentElm = createDomElement('div', { className: 'slick-editor-modal-content' });
|
|
364
364
|
|
|
365
|
+
// add dark mode CSS class when enabled
|
|
366
|
+
if (this.gridOptions?.darkMode) {
|
|
367
|
+
modalContentElm.classList.add('slick-dark-mode');
|
|
368
|
+
}
|
|
369
|
+
|
|
365
370
|
if ((!isNaN(viewColumnLayout as number) && +viewColumnLayout > 1) || (viewColumnLayout === 'auto' && layoutColCount > 1)) {
|
|
366
371
|
const splitClassName = layoutColCount === 2 ? 'split-view' : 'triple-split-view';
|
|
367
372
|
modalContentElm.classList.add(splitClassName);
|
|
@@ -437,7 +442,7 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
437
442
|
this._modalElm.appendChild(modalContentElm);
|
|
438
443
|
|
|
439
444
|
for (const columnDef of modalColumns) {
|
|
440
|
-
if (columnDef.
|
|
445
|
+
if (columnDef.editorClass) {
|
|
441
446
|
const itemContainer = createDomElement('div', { className: `item-details-container editor-${columnDef.id}` });
|
|
442
447
|
|
|
443
448
|
if (layoutColCount === 1) {
|
|
@@ -479,6 +484,11 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
479
484
|
document.body.classList.add('slick-modal-open'); // add backdrop to body
|
|
480
485
|
this._bindEventService.bind(document.body, 'click', this.handleBodyClicked.bind(this));
|
|
481
486
|
|
|
487
|
+
// execute lifecycle callback after the modal window is created and rendered in the DOM
|
|
488
|
+
if (typeof this._options.onRendered === 'function') {
|
|
489
|
+
this._options.onRendered(this._modalElm);
|
|
490
|
+
}
|
|
491
|
+
|
|
482
492
|
this._editors = {};
|
|
483
493
|
this._editorContainers = modalColumns.map(col => modalBodyElm.querySelector<HTMLDivElement>(`[data-editorid=${col.id}]`)) || [];
|
|
484
494
|
this._compositeOptions = { destroy: this.disposeComponent.bind(this), modalType, validationMsgPrefix: '* ', formValues: {}, editors: this._editors };
|
|
@@ -730,7 +740,7 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
730
740
|
const activeCellIndex = (isWithMassChange && !this.gridOptions.enableAddRow && (rowIndex >= this.dataViewLength)) ? this.dataViewLength - 1 : rowIndex;
|
|
731
741
|
|
|
732
742
|
let columnIndexWithEditor = columnIndex;
|
|
733
|
-
const cellEditor = columns[columnIndex].
|
|
743
|
+
const cellEditor = columns[columnIndex].editorClass;
|
|
734
744
|
let activeEditorCellNode = this.grid.getCellNode(activeCellIndex, columnIndex);
|
|
735
745
|
|
|
736
746
|
if (!cellEditor || !activeEditorCellNode || !this.getActiveCellEditor(activeCellIndex, columnIndex)) {
|
|
@@ -760,7 +770,7 @@ export class SlickCompositeEditorComponent implements ExternalResource {
|
|
|
760
770
|
|
|
761
771
|
for (let colIndex = 0; colIndex < columns.length; colIndex++) {
|
|
762
772
|
const col = columns[colIndex];
|
|
763
|
-
if (col.
|
|
773
|
+
if (col.editorClass && (!isWithMassUpdate || (isWithMassUpdate && col.editor?.massUpdate))) {
|
|
764
774
|
// we can check that the cell is really editable by checking the onBeforeEditCell event not returning false (returning undefined, null also mean it is editable)
|
|
765
775
|
const isCellEditable = this.grid.onBeforeEditCell.notify({ row: rowIndex, cell: colIndex, item: dataContext, column: col, grid: this.grid, target: 'composite', compositeEditorOptions: this._compositeOptions }).getReturnValue();
|
|
766
776
|
this.grid.setActiveCell(rowIndex, colIndex, false);
|