diff --git a/stencil-workspace/src/components.d.ts b/stencil-workspace/src/components.d.ts index c3904e497..1946b5d2d 100644 --- a/stencil-workspace/src/components.d.ts +++ b/stencil-workspace/src/components.d.ts @@ -1949,10 +1949,6 @@ export interface ModusTableCustomEvent extends CustomEvent { detail: T; target: HTMLModusTableElement; } -export interface ModusTableCellMainCustomEvent extends CustomEvent { - detail: T; - target: HTMLModusTableCellMainElement; -} export interface ModusTableRowActionsCustomEvent extends CustomEvent { detail: T; target: HTMLModusTableRowActionsElement; @@ -2625,18 +2621,7 @@ declare global { prototype: HTMLModusTableCellEditorElement; new (): HTMLModusTableCellEditorElement; }; - interface HTMLModusTableCellMainElementEventMap { - "cellValueChanged": TableCellEdited; - } interface HTMLModusTableCellMainElement extends Components.ModusTableCellMain, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLModusTableCellMainElement, ev: ModusTableCellMainCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLModusTableCellMainElement, ev: ModusTableCellMainCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLModusTableCellMainElement: { prototype: HTMLModusTableCellMainElement; @@ -4423,7 +4408,6 @@ declare namespace LocalJSX { "cell"?: Cell; "context"?: TableContext; "hasRowsExpandable"?: boolean; - "onCellValueChanged"?: (event: ModusTableCellMainCustomEvent) => void; "valueChange"?: (props: TableCellEdited) => void; } interface ModusTableColumnsVisibility { diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.spec.ts b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.spec.ts index 004798ea2..29a4fdf84 100644 --- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.spec.ts +++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.spec.ts @@ -20,7 +20,7 @@ describe('modus-autocomplete', () => { -
+
    @@ -56,7 +56,7 @@ describe('modus-autocomplete', () => { -
    +
      diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx index 6d473ac37..a32df25fa 100644 --- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx +++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx @@ -435,7 +435,6 @@ export class ModusAutocomplete { aria-autocomplete="list" aria-controls={this.listId} aria-expanded={this.displayOptions()} - part={`input-container ${this.errorText ? 'error' : ''}`} /> ); @@ -501,9 +500,7 @@ export class ModusAutocomplete { ))} {this.TextInput()} -
      - {this.errorText ? : null} -
      +
      {this.errorText ? : null}
      diff --git a/stencil-workspace/src/components/modus-number-input/modus-number-input.spec.tsx b/stencil-workspace/src/components/modus-number-input/modus-number-input.spec.tsx index 56a467659..43d63337c 100644 --- a/stencil-workspace/src/components/modus-number-input/modus-number-input.spec.tsx +++ b/stencil-workspace/src/components/modus-number-input/modus-number-input.spec.tsx @@ -10,11 +10,10 @@ describe('modus-number-input', () => { expect(page.root).toEqualHtml(` -
      +
      -
      diff --git a/stencil-workspace/src/components/modus-number-input/modus-number-input.tsx b/stencil-workspace/src/components/modus-number-input/modus-number-input.tsx index a25414d0e..3146d62e6 100644 --- a/stencil-workspace/src/components/modus-number-input/modus-number-input.tsx +++ b/stencil-workspace/src/components/modus-number-input/modus-number-input.tsx @@ -123,7 +123,7 @@ export class ModusNumberInput { }; return ( -
      +
      {this.label || this.required ? (
      {this.label ? : null} @@ -155,13 +155,11 @@ export class ModusNumberInput { type="number" value={this.value}>
      -
      - {this.errorText ? ( - - ) : this.validText ? ( - - ) : null} -
      + {this.errorText ? ( + + ) : this.validText ? ( + + ) : null}
      ); } diff --git a/stencil-workspace/src/components/modus-select/modus-select.spec.ts b/stencil-workspace/src/components/modus-select/modus-select.spec.ts index b56e7d912..cb9d2abb9 100644 --- a/stencil-workspace/src/components/modus-select/modus-select.spec.ts +++ b/stencil-workspace/src/components/modus-select/modus-select.spec.ts @@ -13,13 +13,12 @@ describe('modus-select', () => {
      - - -
      diff --git a/stencil-workspace/src/components/modus-select/modus-select.tsx b/stencil-workspace/src/components/modus-select/modus-select.tsx index 6a112a4cd..a090d213a 100644 --- a/stencil-workspace/src/components/modus-select/modus-select.tsx +++ b/stencil-workspace/src/components/modus-select/modus-select.tsx @@ -138,9 +138,9 @@ export class ModusSelect { return (
      {this.renderLabel()} - + -
      - {this.renderSubText()} -
      + {this.renderSubText()}
      ); diff --git a/stencil-workspace/src/components/modus-table/parts/cell/modus-table-cell-main/modus-table-cell-main.tsx b/stencil-workspace/src/components/modus-table/parts/cell/modus-table-cell-main/modus-table-cell-main.tsx index 555f4c2d2..722d54ade 100644 --- a/stencil-workspace/src/components/modus-table/parts/cell/modus-table-cell-main/modus-table-cell-main.tsx +++ b/stencil-workspace/src/components/modus-table/parts/cell/modus-table-cell-main/modus-table-cell-main.tsx @@ -7,9 +7,7 @@ import { Component, Prop, Method, - h, - Event, - EventEmitter, // eslint-disable-line @typescript-eslint/no-unused-vars + h, // eslint-disable-line @typescript-eslint/no-unused-vars } from '@stencil/core'; import { Cell } from '@tanstack/table-core'; import { ModusTableCellBadge, ModusTableCellEditorArgs, ModusTableCellLink } from '../../../models/modus-table.models'; @@ -48,8 +46,6 @@ export class ModusTableCellMain { else this.cellEl.classList.remove('edit-mode'); } - @Event() cellValueChanged: EventEmitter; - private cellEl: HTMLElement; private onCellClick: (e: MouseEvent) => void = (e) => this.handleCellClick(e); private onCellKeyDown: (e: KeyboardEvent) => void = (e: KeyboardEvent) => this.handleCellKeydown(e); @@ -148,17 +144,6 @@ export class ModusTableCellMain { } }; - handleCellEditValuesChange(newValue: string, oldValue: string) { - const changeDetails: TableCellEdited = { - row: this.cell.row, - accessorKey: this.cell.column.columnDef[this.accessorKey], - newValue, - oldValue, - }; - - this.cellValueChanged.emit(changeDetails); - } - handleCellEditorValueChange(newValue: string, oldValue: string) { if (this.editMode && newValue !== oldValue && this.valueChange) { this.valueChange({ @@ -248,12 +233,10 @@ export class ModusTableCellMain { this.handleCellEditorValueChange(newVal, valueString)} keyDown={(event: KeyboardEvent, newVal: string) => this.handleCellEditorKeyDown(event, newVal, valueString)} - onValueChange={(newVal: string) => this.handleCellEditValuesChange(newVal, valueString)} /> ) : ( this.renderCellValue() diff --git a/stencil-workspace/src/components/modus-text-input/modus-text-input.spec.tsx b/stencil-workspace/src/components/modus-text-input/modus-text-input.spec.tsx index 1af0ca918..9f62fbdd6 100644 --- a/stencil-workspace/src/components/modus-text-input/modus-text-input.spec.tsx +++ b/stencil-workspace/src/components/modus-text-input/modus-text-input.spec.tsx @@ -14,7 +14,6 @@ describe('modus-text-input', () => {
      -
      @@ -33,7 +32,6 @@ describe('modus-text-input', () => {
      -
      @@ -52,7 +50,6 @@ describe('modus-text-input', () => {
      -
      @@ -71,7 +68,6 @@ describe('modus-text-input', () => {
      -
      @@ -90,7 +86,6 @@ describe('modus-text-input', () => {
      -
      @@ -109,7 +104,6 @@ describe('modus-text-input', () => {
      -
      diff --git a/stencil-workspace/src/components/modus-text-input/modus-text-input.tsx b/stencil-workspace/src/components/modus-text-input/modus-text-input.tsx index 2dedd5f34..a070e6ba8 100644 --- a/stencil-workspace/src/components/modus-text-input/modus-text-input.tsx +++ b/stencil-workspace/src/components/modus-text-input/modus-text-input.tsx @@ -271,16 +271,14 @@ export class ModusTextInput { )} -
      - {this.errorText ? ( - - ) : this.validText ? ( - - ) : null} -
      + {this.errorText ? ( + + ) : this.validText ? ( + + ) : null} ); }