@3mo/data-grid 0.1.5 → 0.2.1

package/dist/rows/DataGridRow.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { nothing, css, property, Component, html, state, queryAll, style, LitElement, event } from '@a11d/lit';
+import { nothing, css, property, Component, html, queryAll, style, LitElement, event } from '@a11d/lit';
 import { ContextMenu } from '@3mo/context-menu';
 import { KeyboardController } from '@3mo/keyboard-controller';
 import { DataGridPrimaryContextMenuItem } from '../index.js';
@@ -18,21 +18,13 @@ export class DataGridRow extends Component {
         this.selected = false;
         this.detailsOpen = false;
         this.contextMenuOpen = false;
-        this.editing = false;
     }
     get detailsElement() {
         var _a;
         return (_a = this.renderRoot.querySelector('#detailsContainer')) === null || _a === void 0 ? void 0 : _a.firstElementChild;
     }
-    connected() {
-        this.dataGrid.rowConnected.dispatch(this);
-    }
-    disconnected() {
-        this.dataGrid.rowDisconnected.dispatch(this);
-    }
     initialized() {
         this.toggleAttribute('mo-data-grid-row', true);
-        this.editing = this.dataGrid.editability === "always" /* DataGridEditability.Always */;
     }
     updated(...parameters) {
         this.cells.forEach(cell => cell.requestUpdate());
@@ -170,6 +162,7 @@ export class DataGridRow extends Component {
 				@dblclick=${(e) => e.stopPropagation()}
 			>
 				<mo-checkbox
+					tabindex='-1'
 					?disabled=${((_b = (_a = this.dataGrid).isDataSelectable) === null || _b === void 0 ? void 0 : _b.call(_a, this.data)) === false}
 					?checked=${this.selected}
 					@change=${(e) => this.setSelection(e.detail === 'checked')}
@@ -180,7 +173,6 @@ export class DataGridRow extends Component {
     getCellTemplate(column) {
         return column.hidden ? nothing : html `
 			<mo-data-grid-cell
-				?editing=${this.editing}
 				.row=${this}
 				.column=${column}
 				.value=${getValueByKeyPath(this.data, column.dataSelector)}
@@ -241,34 +233,14 @@ export class DataGridRow extends Component {
         }
     }
     handleContentClick() {
-        if (this.dataGrid.editability === "on-row-click" /* DataGridEditability.OnRowClick */) {
-            this.enableEditMode();
+        if (this.dataGrid.selectOnClick || this.dataGrid.selectionCheckboxesHidden) {
+            this.setSelection(this.dataGrid.selectionCheckboxesHidden || !this.selected);
         }
-        else {
-            if (this.dataGrid.selectOnClick || this.dataGrid.selectionCheckboxesHidden) {
-                this.setSelection(this.dataGrid.selectionCheckboxesHidden || !this.selected);
-            }
-            if (this.dataGrid.hasDetails) {
-                this.toggleDetails();
-            }
+        if (this.dataGrid.detailsOnClick && this.dataGrid.hasDetails) {
+            this.toggleDetails();
         }
         this.dataGrid.rowClick.dispatch(this);
     }
-    enableEditMode() {
-        this.dataBeforeEdit = JSON.stringify(this.data);
-        this.editing = true;
-        const handleClick = (e) => {
-            if (e.composedPath().includes(this) === false) {
-                const dataAfterEdit = JSON.stringify(this.data);
-                if (dataAfterEdit !== this.dataBeforeEdit) {
-                    this.dataGrid.rowEdit.dispatch(this);
-                }
-                window.removeEventListener('click', handleClick);
-                this.editing = false;
-            }
-        };
-        window.addEventListener('click', handleClick);
-    }
     async handleContentDoubleClick() {
         var _a, _b;
         if (this.dataGrid.primaryContextMenuItemOnDoubleClick === true && this.dataGrid.hasContextMenu === true && this.dataGrid.selectionMode === "none" /* DataGridSelectionMode.None */) {
@@ -339,6 +311,3 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DataGridRow.prototype, "contextMenuOpen", void 0);
-__decorate([
-    state()
-], DataGridRow.prototype, "editing", void 0);