@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/types/components/kup-autocomplete/kup-autocomplete-declarations.d.ts

@@ -4,7 +4,6 @@ import { KupEventPayload } from '../../types/GenericTypes';
  * Used to export every prop in an object.
  */
 export declare enum KupAutocompleteProps {
-  callBackOnFilterUpdate = "Function that can be invoked when the filter is updated, but only if in serverHandledFilter mode. It returns the items filtered.",
   customStyle = "Custom style of the component.",
   data = "Props of the sub-components.",
   disabled = "Defaults at false. When set to true, the component is disabled.",
@@ -12,7 +11,8 @@ export declare enum KupAutocompleteProps {
   initialValue = "Sets the initial value of the component.",
   minimumChars = "The minimum number of chars to trigger the autocomplete.",
   selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".",
-  serverHandledFilter = "When true, it will emit events to inform the listener of the change of the current filter value. Also the component builtin filter will be disabled."
+  serverHandledFilter = "When true, the items filter is managed server side, otherwise items filter is done client side.",
+  showDropDownIcon = "When true shows the drop-down icon, for open list."
 }
 /**
  * The available display modes for the autocomplete component.
@@ -25,7 +25,3 @@ export declare enum KupAutocompleteDisplayMode {
 export interface KupAutocompleteEventPayload extends KupEventPayload {
   value: any;
 }
-export interface kupAutocompleteFilterChangedEventPayload extends KupEventPayload {
-  filter: string;
-  matchesMinimumCharsRequired: boolean;
-}

package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupAutocompleteEventPayload, kupAutocompleteFilterChangedEventPayload } from './kup-autocomplete-declarations';
+import { KupAutocompleteEventPayload } from './kup-autocomplete-declarations';
 import { ItemsDisplayMode } from '../kup-list/kup-list-declarations';
 export declare class KupAutocomplete {
   /**
@@ -9,14 +9,6 @@ export declare class KupAutocomplete {
   rootElement: HTMLElement;
   displayedValue: string;
   value: string;
-  /**
-   * Function that can be invoked when the filter is updated, but only if in serverHandledFilter mode. It returns the items filtered.
-   */
-  callBackOnFilterUpdate: (detail: {
-    filter: string;
-    matchesMinimumCharsRequired: boolean;
-    el: EventTarget;
-  }) => Promise<any[]> | undefined;
   /**
    * Custom style of the component.
    * @default ""
@@ -48,10 +40,13 @@ export declare class KupAutocomplete {
    */
   selectMode: ItemsDisplayMode;
   /**
-   * When true, it will emit events to inform the listener of the change of the current filter value.
-   * Also the component builtin filter will be disabled.
+   * When true, the items filter is managed server side, otherwise items filter is done client side.
    */
   serverHandledFilter: boolean;
+  /**
+   * When true shows the drop-down icon, for open list.
+   */
+  showDropDownIcon: boolean;
   private doConsistencyCheck;
   private elStyle;
   private listEl;
@@ -61,6 +56,7 @@ export declare class KupAutocomplete {
   private kupManager;
   private textfieldWrapper;
   private textfieldEl;
+  private clickCb;
   kupBlur: EventEmitter<KupAutocompleteEventPayload>;
   kupChange: EventEmitter<KupAutocompleteEventPayload>;
   kupClick: EventEmitter<KupAutocompleteEventPayload>;
@@ -68,7 +64,6 @@ export declare class KupAutocomplete {
   kupInput: EventEmitter<KupAutocompleteEventPayload>;
   kupIconClick: EventEmitter<KupAutocompleteEventPayload>;
   kupItemClick: EventEmitter<KupAutocompleteEventPayload>;
-  kupFilterChanged: EventEmitter<kupAutocompleteFilterChangedEventPayload>;
   onKupBlur(e: UIEvent & {
     target: HTMLInputElement;
   }): void;
@@ -118,7 +113,6 @@ export declare class KupAutocomplete {
    * @param {string} value - Value of the component.
    */
   setValue(value: string): Promise<void>;
-  private handleFilterChange;
   private openList;
   private closeList;
   private isListOpened;

package/dist/types/components/kup-box/kup-box-declarations.d.ts

@@ -1,6 +1,7 @@
 import { Cell, Column, RowAction } from '../kup-data-table/kup-data-table-declarations';
 import { KupBadge } from '../kup-badge/kup-badge';
-import { GenericObject, Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
+import { FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
 /**
  * Props of the kup-box component.
  * Used to export every prop in an object.
@@ -65,12 +66,11 @@ export interface Section {
   collapsible?: boolean;
   columns?: number;
   title?: string;
-  cssClass?: string;
 }
 export interface BoxObject {
   column?: string;
   value?: string;
-  shape?: string;
+  shape?: FCellShapes;
   config?: any;
 }
 export interface CollapsedSectionsState {
@@ -86,6 +86,15 @@ export interface KupBoxKanban {
   labels?: Array<Array<string>>;
   size?: string;
 }
+/**
+ * Contains all the data of an event.
+ */
+export interface KupBoxEventHandlerDetails {
+  boxObject: HTMLElement;
+  cell: Cell;
+  column: Column;
+  row: KupBoxRow;
+}
 export interface KupBoxClickEventPayload extends KupEventPayload {
   row: KupBoxRow;
   column?: string;
@@ -102,5 +111,5 @@ export interface KupBoxRowActionClickEventPayload extends KupEventPayload {
   index: number;
 }
 export interface KupBoxContextMenuEventPayload extends KupEventPayload {
-  details: GenericObject;
+  details: KupBoxEventHandlerDetails;
 }

package/dist/types/components/kup-box/kup-box.d.ts

@@ -56,6 +56,11 @@ export declare class KupBox {
    * @default false
    */
   dropOnSection: boolean;
+  /**
+   * When set to true, editable cells will be rendered using input components.
+   * @default false
+   */
+  editableData: boolean;
   /**
    * If enabled, a button to load / display the row actions
    * will be displayed on the right of every box
@@ -175,7 +180,12 @@ export declare class KupBox {
   private tooltip;
   private globalFilterTimeout;
   private boxContainer;
-  private iconPaths;
+  private sectionRef;
+  private rowsRefs;
+  private hold;
+  private interactableDrag;
+  private interactableDrop;
+  private interactableTouch;
   /**
    * Triggered when a box is clicked
    */
@@ -249,10 +259,6 @@ export declare class KupBox {
   private toggleSectionExpand;
   private onRowAction;
   private onRowActionClick;
-  private onSectionDragOver;
-  private onSectionDragLeave;
-  private addMultiSelectDragImageToEvent;
-  private searchParentWithClass;
   /**
    * see onDocumentClick in kup-combo
    */
@@ -264,7 +270,6 @@ export declare class KupBox {
   private renderRow;
   private renderSection;
   private renderBoxObject;
-  private getIconPath;
   /**
    * Prepares the kanban sections by sorting the boxlist's data.
    * @returns {{jsx: VNode[], style: { [index: string]: string }}} jsx contains the virtual nodes of the Kanban sections, style contains the grid CSS settings.
@@ -276,6 +281,8 @@ export declare class KupBox {
     };
   };
   renderTooltip(): any;
+  didLoadInteractables(): void;
+  didRenderInteractables(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-card/builtin/kup-card-builtin.d.ts

@@ -0,0 +1,14 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { KupCard } from '../kup-card';
+/**
+ * 1st builtin card layout, calendar view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st builtin layout virtual node.
+ */
+export declare function create1(component: KupCard): VNode;
+/**
+ * 2st builtin card layout, time view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 2st builtin layout virtual node.
+ */
+export declare function create2(component: KupCard): VNode;

package/dist/types/components/kup-card/builtin/kup-card-calendar.d.ts

@@ -0,0 +1,2 @@
+import { KupCard } from '../kup-card';
+export declare function prepareCalendar(component: KupCard): any;

package/dist/types/components/kup-card/builtin/kup-card-clock.d.ts

@@ -0,0 +1,2 @@
+import { KupCard } from '../kup-card';
+export declare function prepareClock(component: KupCard): any;

package/dist/types/components/kup-card/dialog/kup-card-dialog.d.ts

@@ -30,3 +30,9 @@ export declare function create4(component: KupCard): VNode;
  * @returns {VNode} 1st standard layout virtual node.
  */
 export declare function create5(component: KupCard): VNode;
+/**
+ * 6th dialog card layout, a datatable or a spinner in its place.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st standard layout virtual node.
+ */
+export declare function create6(component: KupCard): VNode;

package/dist/types/components/kup-card/free/kup-card-free.d.ts

@@ -0,0 +1,8 @@
+import { VNode } from '../../../stencil-public-runtime';
+import type { KupCard } from '../kup-card';
+/**
+ * 1st free card layout, only slots.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st standard layout virtual node.
+ */
+export declare function create1(component: KupCard): VNode;

package/dist/types/components/kup-card/kup-card-declarations.d.ts

@@ -1,5 +1,6 @@
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
+import { SourceEvent } from '../kup-date-picker/kup-date-picker-declarations';
 /**
  * Props of the kup-card component.
  * Used to export every prop in an object.
@@ -14,6 +15,69 @@ export declare enum KupCardProps {
   sizeX = "The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).",
   sizeY = "The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.)."
 }
+/**
+ * Options prop of the kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendarOptions {
+  initialValue?: string | KupObj;
+  firstDayIndex?: number;
+  resetStatus: boolean;
+}
+/**
+ * Data prop of the element kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendarData {
+  value?: Date;
+  firstDayIndex?: number;
+  calendarView?: SourceEvent;
+  day?: number;
+  month?: number;
+  year?: number;
+}
+/**
+ * Html element of kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendar extends HTMLElement {
+  kupData: KupCardBuiltinCalendarData;
+}
+/**
+ * Options prop of the kup-card clock builtin.
+ */
+export interface KupCardBuiltinClockOptions {
+  initialValue?: string | KupObj;
+  manageSeconds?: boolean;
+  hoursActive?: boolean;
+  minutesActive?: boolean;
+  secondsActive?: boolean;
+}
+/**
+ * Element ids for kup-card clock builtin.
+ */
+export declare enum KupCardBuiltinClockElements {
+  CLOCK = "clockEl",
+  HOURS = "hoursEl",
+  MINUTES = "minutesEl",
+  SECONDS = "secondsEl",
+  HOURSCIRCLE = "hoursCircleEl",
+  MINUTESCIRCLE = "minutesCircleEl",
+  SECONDSCIRCLE = "secondsCircleEl"
+}
+/**
+ * Data prop of the element kup-card clock builtin.
+ */
+export interface KupCardBuiltinClockData {
+  value?: string;
+  manageSeconds?: boolean;
+  hoursActive?: boolean;
+  minutesActive?: boolean;
+  secondsActive?: boolean;
+}
+/**
+ * Html element of kup-card clock builtin.
+ */
+export interface KupCardBuiltinClock extends HTMLElement {
+  kupData: KupCardBuiltinClockData;
+}
 /**
  * Data prop of the kup-card component.
  */
@@ -30,6 +94,7 @@ export interface KupCardData {
   image?: GenericObject[];
   list?: GenericObject[];
   object?: KupObj[];
+  options?: KupCardBuiltinCalendarOptions | KupCardBuiltinClockOptions;
   progressbar?: GenericObject[];
   switch?: GenericObject[];
   tabbar?: GenericObject[];
@@ -41,13 +106,18 @@ export interface KupCardData {
 /**
  * Layout families of the kup-card component.
  * @enum {string}
+ * @property {string} BUILTIN - Cards belonging to this family will created automatically by library.
  * @property {string} COLLAPSIBLE - Cards belonging to this family will display an area usable to expand the content of the card.
+ * @property {string} DIALOG - Cards belonging to this family will be movable and usually closable.
+ * @property {string} FREE - This family of card will only receive slots, usually already arranged from the outside style.
  * @property {string} SCALABLE - Content will fit its container, resizing itself automatically.
  * @property {string} STANDARD - Stndard layouts.
  */
 export declare enum KupCardFamily {
+  BUILTIN = "builtin",
   COLLAPSIBLE = "collapsible",
   DIALOG = "dialog",
+  FREE = "free",
   SCALABLE = "scalable",
   STANDARD = "standard"
 }
@@ -69,6 +139,7 @@ export declare enum KupCardIds {
  * Recurring CSS classes.
  */
 export declare enum KupCardCSSClasses {
+  BUILTIN_CARD = "builtin-card",
   CARD_VIEW = "card-view",
   CLICKABLE_LINK = "clickable-link",
   COLLAPSIBLE_ACTIVE = "collapsible-active",
@@ -96,6 +167,9 @@ export declare enum KupCardSubEvents {
   TABBAR_CLICK = "kup-tabbar-click",
   TREE_NODESELECTED = "kup-tree-nodeselected"
 }
+export interface KupCardClickPayload extends KupEventPayload {
+  value: string;
+}
 export interface KupCardEventPayload extends KupEventPayload {
   event: any;
 }

package/dist/types/components/kup-card/kup-card.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupCardData, KupCardFamily, KupCardEventPayload } from './kup-card-declarations';
+import { KupCardData, KupCardFamily, KupCardEventPayload, KupCardClickPayload } from './kup-card-declarations';
 export declare class KupCard {
   /**
    * References the root HTML element of the component (<kup-card>).
@@ -72,12 +72,21 @@ export declare class KupCard {
   /**
    * Triggered when the card is clicked.
    */
-  kupClick: EventEmitter<KupEventPayload>;
+  kupClick: EventEmitter<KupCardClickPayload>;
+  /**
+   * Triggered when a dialog card is closed with the "X".
+   */
+  kupClose: EventEmitter<KupEventPayload>;
   /**
    * Triggered when a sub-component of the card emits an event.
    */
   kupEvent: EventEmitter<KupCardEventPayload>;
-  onKupClick(id: string): void;
+  /**
+   * Triggered when the component is ready.
+   */
+  kupReady: EventEmitter<KupEventPayload>;
+  onKupClick(id: string, value: string): void;
+  onKupClose(id: string): void;
   onKupEvent(e: CustomEvent): void;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-card/standard/kup-card-standard.d.ts

@@ -84,3 +84,9 @@ export declare function create13(component: KupCard): VNode;
  * @returns {VNode} 14th standard layout virtual node.
  */
 export declare function create14(component: KupCard): VNode;
+/**
+ * 15th standard card layout, it can be used as a tooltip.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 15th standard layout virtual node.
+ */
+export declare function create15(component: KupCard): VNode;

package/dist/types/components/kup-cell/kup-cell-declarations.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Props of the kup-cell component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupCellProps {
+  customStyle = "Custom style of the component.",
+  data = "The data of the cell.",
+  density = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",
+  dragEnabled = "When set to true, the component is draggable."
+}

package/dist/types/components/kup-cell/kup-cell.d.ts

@@ -0,0 +1,67 @@
+import { GenericObject } from '../../types/GenericTypes';
+import { Cell } from '../kup-data-table/kup-data-table-declarations';
+import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
+export declare class KupCell {
+  /**
+   * References the root HTML element of the component (<kup-text-field>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * The data of the cell.
+   * @default false
+   */
+  data: Cell;
+  /**
+   * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.
+   */
+  density: FCellPadding;
+  /**
+   * When set to true, the component is draggable.
+   * @default false
+   */
+  dragEnabled: boolean;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Adds the given CSS classes to the cell's data.
+   * @param {string[]} classes - Array of CSS classes.
+   */
+  addCssClasses(classes?: string[]): Promise<void>;
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Removes the given CSS classes from the cell's data.
+   * @param {string[]} classes - Array of CSS classes.
+   */
+  removeCssClasses(classes?: string[]): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  private didRenderInteractables;
+  private generateColumn;
+  private generateRow;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/kup-color-picker/kup-color-picker.d.ts

@@ -40,9 +40,9 @@ export declare class KupColorPicker {
    */
   kupManager: KupManager;
   private anchorEl;
-  dropdownEl: HTMLElement;
   private picker;
   private textfieldEl;
+  private clickCb;
   kupChange: EventEmitter<KupColorPickerEventPayload>;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts

@@ -1,4 +1,4 @@
-import { KupEventPayload } from "../../types/GenericTypes";
+import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-combobox component.
  * Used to export every prop in an object.
@@ -10,7 +10,8 @@ export declare enum KupComboboxProps {
   displayMode = "Sets how to show the selected item value. Suported values: \"code\", \"description\", \"both\".",
   initialValue = "Sets the initial value of the component",
   isSelect = "Lets the combobox behave as a select element.",
-  selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\"."
+  selectMode = "Sets how to return the selected item value. Suported values: \"code\", \"description\", \"both\".",
+  showDropDownIcon = "When true shows the drop-down icon, for open list."
 }
 export interface KupComboboxEventPayload extends KupEventPayload {
   value: any;

package/dist/types/components/kup-combobox/kup-combobox.d.ts

@@ -36,6 +36,10 @@ export declare class KupCombobox {
    * Sets how to return the selected item value. Suported values: "code", "description", "both".
    */
   selectMode: ItemsDisplayMode;
+  /**
+   * When true shows the drop-down icon, for open list.
+   */
+  showDropDownIcon: boolean;
   /**
    * Instance of the KupManager class.
    */
@@ -44,6 +48,7 @@ export declare class KupCombobox {
   private listEl;
   private textfieldWrapper;
   private textfieldEl;
+  private clickCb;
   kupBlur: EventEmitter<KupComboboxEventPayload>;
   kupChange: EventEmitter<KupComboboxEventPayload>;
   kupClick: EventEmitter<KupComboboxEventPayload>;

package/dist/types/components/kup-dash-list/kup-dash-list.d.ts

@@ -11,6 +11,10 @@ export declare class KupDashList {
   valueColor: Array<any>;
   textColor: Array<any>;
   data: TableData;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
   dashClick: EventEmitter<{
     idx: number;
   }>;

package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts

@@ -1,3 +1,4 @@
+import { FCellInfo, FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
 import { Identifiable, KupEventPayload } from '../../types/GenericTypes';
 import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
 import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
@@ -6,6 +7,7 @@ import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
  * Used to export every prop in an object.
  */
 export declare enum KupDataTableProps {
+  autoFillMissingCells = "When true and when a row is missing some columns, the missing cells will be autogenerated.",
   customStyle = "Custom style of the component.",
   data = "The data of the table.",
   density = "The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.",
@@ -35,6 +37,7 @@ export declare enum KupDataTableProps {
   pageSelected = "Current selected page set on component load",
   paginatorPos = "Sets the position of the paginator. Available positions: top, bottom or both.",
   removableColumns = "Sets the possibility to remove the selected column.",
+  resizableColumns = "Gives the possibility to resize columns by dragging on their right edge.",
   rowActions = "Sets the actions of the rows.",
   rowsPerPage = "Sets the number of rows per page to display.",
   scrollOnHover = "Activates the scroll on hover function.",
@@ -73,27 +76,18 @@ export interface Cell {
   data?: CellData;
   displayedValue?: string;
   icon?: string;
-  info?: KupCellInfo;
+  info?: FCellInfo;
   isEditable?: boolean;
-  obj?: {
-    t: string;
-    p: string;
-    k: string;
-  };
-  shape?: string;
+  obj?: KupObj;
+  shape?: FCellShapes;
+  span?: KupDatatableCellSpan;
   style?: GenericMap;
+  styleContent?: GenericMap;
   title?: string;
 }
-/**
- * Information about the cell, displayed before the content.
- *
- * @export
- * @interface KupCellInfo
- */
-export interface KupCellInfo {
-  color?: string;
-  icon?: string;
-  message: string;
+export interface KupDatatableCellSpan {
+  col: number;
+  row: number;
 }
 export interface CellsHolder {
   [index: string]: Cell;
@@ -103,7 +97,6 @@ export interface Column {
   title: string;
   size?: string;
   visible?: boolean;
-  clickable?: boolean;
   hideValuesRepetitions?: boolean;
   obj?: {
     t: string;
@@ -111,13 +104,15 @@ export interface Column {
     k: string;
   };
   objs?: KupObj[];
-  shape?: string;
+  shape?: FCellShapes;
   decimals?: number;
   icon?: string;
   formula?: string;
   valuesForFilter?: string[];
   isKey?: boolean;
   children?: ColumnChild[];
+  cssClass?: string;
+  style?: GenericMap;
 }
 export interface ColumnChild {
   name: string;
@@ -249,17 +244,17 @@ export declare const totalMenuOpenID = "TOMEOPID";
 /**
  * Contains all the data of an event.
  */
-export interface EventHandlerDetails {
+export interface KupDatatableEventHandlerDetails {
   area: string;
   cell: Cell;
   column: Column;
-  filterRemove: HTMLSpanElement;
+  filterRemove: HTMLElement;
   isGroupRow: boolean;
   row: Row;
-  td: HTMLTableDataCellElement;
+  td: HTMLElement;
   textfield: HTMLElement;
-  th: HTMLTableHeaderCellElement;
-  tr: HTMLTableRowElement;
+  th: HTMLElement;
+  tr: HTMLElement;
 }
 /**
  * Constants for mocked/premade columns created by data mutations.
@@ -281,14 +276,8 @@ export interface KupDatatableRowSelectedEventPayload extends KupEventPayload {
   clickedRow: Row;
   clickedColumn: string;
 }
-export interface KupDatatableCellUpdateEventPayload extends KupEventPayload {
-  cell: Cell;
-  column: Column;
-  row: Row;
-  event: any;
-}
 export interface KupDatatableClickEventPayload extends KupEventPayload {
-  details: EventHandlerDetails;
+  details: KupDatatableEventHandlerDetails;
 }
 export interface KupDatatableColumnMenuEventPayload extends KupEventPayload {
   card: HTMLKupCardElement;
@@ -310,11 +299,6 @@ export interface KupDataTableCellButtonClickEventPayload extends KupEventPayload
   column: Column;
   row: Row;
 }
-export interface KupDataTableCellTextFieldInputEventPayload extends KupEventPayload {
-  cell: Cell;
-  column: Column;
-  row: Row;
-}
 export interface KupDatatableLoadMoreClickEventPayload extends KupEventPayload {
   loadItems: number;
 }