@3mo/data-grid 0.1.4 → 0.2.0

package/dist/rows/DataGridRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAgC,kBAAkB,EAAqB,MAAM,WAAW,CAAA;AAGlI,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAA8E,MAAM,aAAa,CAAA;AAEhI;;;;;;;;GAQG;AACH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACzG,QAAQ,CAAC,iBAAiB,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAChB,WAAW,UAAQ;IAEnB,SAAS,CAAC,eAAe,UAAQ;IACpE,SAAS,CAAC,OAAO,UAAQ;IAElC,IAAI,cAAc,gCAEjB;cAEkB,SAAS;cAIT,YAAY;cAIZ,WAAW;IAKrB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAQhE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCAwFzB;IAED,cAAuB,QAAQ,yCAW9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,uBAAuB,uBAepC;IAED,SAAS,KAAK,iBAAiB,uBAa9B;IAED,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAWlG,SAAS,KAAK,6BAA6B,uBAS1C;IAED,SAAS,KAAK,eAAe,uBAK5B;IAED,OAAO,CAAC,YAAY;IAkCpB,SAAS,CAAC,kBAAkB;IAiB5B,OAAO,CAAC,cAAc,CAAC,CAAQ;IAE/B,OAAO,CAAC,cAAc;cAgBN,wBAAwB;IAUlC,eAAe,CAAC,UAAU,CAAC,EAAE,UAAU;IAwB7C,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAEK,gBAAgB;IAKtB,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KACxC;CACD"}
+{"version":3,"file":"DataGridRow.d.ts","sourceRoot":"","sources":["../../rows/DataGridRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAyB,kBAAkB,EAAqB,MAAM,WAAW,CAAA;AAG3H,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAyD,MAAM,aAAa,CAAA;AAE3G;;;;;;;;GAQG;AACH,8BAAsB,WAAW,CAAC,KAAK,EAAE,eAAe,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,CAAE,SAAQ,SAAS;IACzG,QAAQ,CAAC,iBAAiB,EAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE/B,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpE,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;IAC3C,IAAI,EAAG,KAAK,CAAA;IACI,QAAQ,UAAQ;IAChB,WAAW,UAAQ;IAEnB,SAAS,CAAC,eAAe,UAAQ;IAE7E,IAAI,cAAc,gCAEjB;cAEkB,WAAW;IAIrB,OAAO,CAAC,GAAG,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAQhE,SAAS,KAAK,UAAU,YAEvB;IAED,WAAoB,MAAM,kCAwFzB;IAED,cAAuB,QAAQ,yCAW9B;IAED,SAAS,CAAC,QAAQ,KAAK,WAAW,IAAI,kBAAkB,CAAA;IAExD,SAAS,KAAK,uBAAuB,uBAepC;IAED,SAAS,KAAK,iBAAiB,uBAc9B;IAED,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAUlG,SAAS,KAAK,6BAA6B,uBAS1C;IAED,SAAS,KAAK,eAAe,uBAK5B;IAED,OAAO,CAAC,YAAY;IAsCpB,SAAS,CAAC,kBAAkB;cAYZ,wBAAwB;IAUlC,eAAe,CAAC,UAAU,CAAC,EAAE,UAAU;IAwB7C,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,KAAK,mBAAmB,GAE9B;IAEK,gBAAgB;IAKtB,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;CAInC;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;KACxC;CACD"}

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());
@@ -164,12 +156,13 @@ export class DataGridRow extends Component {
     }
     get selectionTemplate() {
         var _a, _b;
-        return this.dataGrid.hasSelection === false ? nothing : html `
+        return this.dataGrid.hasSelection === false || this.dataGrid.selectionCheckboxesHidden ? nothing : html `
 			<mo-flex id='selectionContainer' ${style({ width: 'var(--mo-data-grid-column-selection-width)' })} justifyContent='center' alignItems='center'
 				@click=${(e) => e.stopPropagation()}
 				@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)}
@@ -221,7 +213,12 @@ export class DataGridRow extends Component {
             else {
                 if (value) {
                     if (this.dataGrid.selectionMode === "multiple" /* DataGridSelectionMode.Multiple */) {
-                        dataToSelect = [...dataToSelect, this.data];
+                        if (this.dataGrid.selectionCheckboxesHidden) {
+                            dataToSelect = [this.data];
+                        }
+                        else {
+                            dataToSelect = [...dataToSelect, this.data];
+                        }
                     }
                     else if (this.dataGrid.selectionMode === "single" /* DataGridSelectionMode.Single */) {
                         dataToSelect = [this.data];
@@ -236,32 +233,14 @@ export class DataGridRow extends Component {
         }
     }
     handleContentClick() {
-        if (this.dataGrid.selectOnClick && this.dataGrid.editability !== "on-row-click" /* DataGridEditability.OnRowClick */) {
-            this.setSelection(!this.selected);
+        if (this.dataGrid.selectOnClick || this.dataGrid.selectionCheckboxesHidden) {
+            this.setSelection(this.dataGrid.selectionCheckboxesHidden || !this.selected);
         }
-        if (this.dataGrid.detailsOnClick === true && this.dataGrid.editability !== "on-row-click" /* DataGridEditability.OnRowClick */) {
+        if (this.dataGrid.detailsOnClick && this.dataGrid.hasDetails) {
             this.toggleDetails();
         }
-        if (this.dataGrid.editability === "on-row-click" /* DataGridEditability.OnRowClick */) {
-            this.enableEditMode();
-        }
         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 */) {
@@ -332,6 +311,3 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DataGridRow.prototype, "contextMenuOpen", void 0);
-__decorate([
-    state()
-], DataGridRow.prototype, "editing", void 0);