@vaadin/vaadin-grid-pro 22.0.0-alpha5 → 22.0.0-alpha9

package/src/vaadin-grid-pro.d.ts

@@ -1,95 +1,20 @@
-import { GridDefaultItem, GridElement, GridElementEventMap } from '@vaadin/vaadin-grid';
-
-import { InlineEditingMixin } from './vaadin-grid-pro-inline-editing-mixin.js';
-
 /**
- * Fired when the user starts editing a grid cell.
+ * @license
+ * Copyright (c) 2019 - 2021 Vaadin Ltd.
+ * This program is available under Commercial Vaadin Developer License 4.0 (CVDLv4).
+ * See <a href="https://vaadin.com/license/cvdl-4.0">the website</a> for the complete license.
  */
-export type GridProCellEditStartedEvent<TItem> = CustomEvent<{
-  value: {
-    index: number;
-    item: TItem;
-    path: string;
-  };
-}>;
+import { GridDefaultItem } from '@vaadin/grid/src/vaadin-grid.js';
+import { GridPro } from '@vaadin/grid-pro/src/vaadin-grid-pro.js';
 
 /**
- * Fired before exiting the cell edit mode, if the value has been changed.
+ * @deprecated Import `GridPro` from `@vaadin/grid-pro` instead.
  */
-export type GridProItemPropertyChangedEvent<TItem> = CustomEvent<{
-  value: {
-    index: number;
-    item: TItem;
-    path: string;
-    value: string | boolean;
-  };
-}>;
-
-export interface GridProElementEventMap<TItem> {
-  'cell-edit-started': GridProCellEditStartedEvent<TItem>;
-
-  'item-property-changed': GridProItemPropertyChangedEvent<TItem>;
-}
-
-export interface GridProEventMap<TItem>
-  extends HTMLElementEventMap,
-    GridProElementEventMap<TItem>,
-    GridElementEventMap<TItem> {}
+export type GridProElement<TItem = GridDefaultItem> = GridPro<TItem>;
 
 /**
- * `<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.
- * It extends `<vaadin-grid>` and adds extra features on top of the basic ones.
- *
- * See [`<vaadin-grid>`](#/elements/vaadin-grid) documentation for details.
- *
- * ```
- * <vaadin-grid-pro></vaadin-grid-pro>
- * ```
- *
- * ### Internal components
- *
- * In addition to `<vaadin-grid-pro>` itself, the following internal
- * components are themable:
- *
- * - `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](#/elements/vaadin-checkbox).
- * - `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
- * - `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).
- *
- * @fires {CustomEvent} active-item-changed - Fired when the `activeItem` property changes.
- * @fires {CustomEvent} cell-activate - Fired when the cell is activated with click or keyboard.
- * @fires {CustomEvent} cell-edit-started - Fired when the user starts editing a grid cell.
- * @fires {CustomEvent} column-reorder - Fired when the columns in the grid are reordered.
- * @fires {CustomEvent} column-resize - Fired when the grid column resize is finished.
- * @fires {CustomEvent} expanded-items-changed - Fired when the `expandedItems` property changes.
- * @fires {CustomEvent} grid-dragstart - Fired when starting to drag grid rows.
- * @fires {CustomEvent} grid-dragend - Fired when the dragging of the rows ends.
- * @fires {CustomEvent} grid-drop - Fired when a drop occurs on top of the grid.
- * @fires {CustomEvent} item-property-changed - Fired before exiting the cell edit mode, if the value has been changed.
- * @fires {CustomEvent} loading-changed - Fired when the `loading` property changes.
- * @fires {CustomEvent} selected-items-changed - Fired when the `selectedItems` property changes.
+ * @deprecated Import `GridPro` from `@vaadin/grid-pro` instead.
  */
-declare class GridProElement<TItem = GridDefaultItem> extends GridElement<TItem> {
-  static _finalizeClass(): void;
-
-  addEventListener<K extends keyof GridProEventMap<TItem>>(
-    type: K,
-    listener: (this: GridProElement<TItem>, ev: GridProEventMap<TItem>[K]) => void,
-    options?: boolean | AddEventListenerOptions
-  ): void;
-
-  removeEventListener<K extends keyof GridProEventMap<TItem>>(
-    type: K,
-    listener: (this: GridProElement<TItem>, ev: GridProEventMap<TItem>[K]) => void,
-    options?: boolean | EventListenerOptions
-  ): void;
-}
-
-interface GridProElement extends InlineEditingMixin {}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'vaadin-grid-pro': GridProElement<GridDefaultItem>;
-  }
-}
+export const GridProElement: typeof GridPro;
 
-export { GridProElement };
+export * from '@vaadin/grid-pro/src/vaadin-grid-pro.js';

package/src/vaadin-grid-pro.js

@@ -4,65 +4,11 @@
  * This program is available under Commercial Vaadin Developer License 4.0 (CVDLv4).
  * See <a href="https://vaadin.com/license/cvdl-4.0">the website</a> for the complete license.
  */
-import { GridElement } from '@vaadin/vaadin-grid/src/vaadin-grid.js';
-import { InlineEditingMixin } from './vaadin-grid-pro-inline-editing-mixin.js';
-import '@vaadin/vaadin-license-checker/vaadin-license-checker.js';
+import { GridPro } from '@vaadin/grid-pro/src/vaadin-grid-pro.js';
 
 /**
- *
- * `<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.
- * It extends `<vaadin-grid>` and adds extra features on top of the basic ones.
- *
- * See [`<vaadin-grid>`](#/elements/vaadin-grid) documentation for details.
- *
- * ```
- * <vaadin-grid-pro></vaadin-grid-pro>
- * ```
- *
- * ### Internal components
- *
- * In addition to `<vaadin-grid-pro>` itself, the following internal
- * components are themable:
- *
- * - `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](#/elements/vaadin-checkbox).
- * - `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
- * - `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).
- *
- * @fires {CustomEvent} active-item-changed - Fired when the `activeItem` property changes.
- * @fires {CustomEvent} cell-activate - Fired when the cell is activated with click or keyboard.
- * @fires {CustomEvent} cell-edit-started - Fired when the user starts editing a grid cell.
- * @fires {CustomEvent} column-reorder - Fired when the columns in the grid are reordered.
- * @fires {CustomEvent} column-resize - Fired when the grid column resize is finished.
- * @fires {CustomEvent} expanded-items-changed - Fired when the `expandedItems` property changes.
- * @fires {CustomEvent} grid-dragstart - Fired when starting to drag grid rows.
- * @fires {CustomEvent} grid-dragend - Fired when the dragging of the rows ends.
- * @fires {CustomEvent} grid-drop - Fired when a drop occurs on top of the grid.
- * @fires {CustomEvent} item-property-changed - Fired before exiting the cell edit mode, if the value has been changed.
- * @fires {CustomEvent} loading-changed - Fired when the `loading` property changes.
- * @fires {CustomEvent} selected-items-changed - Fired when the `selectedItems` property changes.
- *
- * @extends GridElement
- * @mixes InlineEditingMixin
+ * @deprecated Import `GridPro` from `@vaadin/grid-pro` instead.
  */
-class GridProElement extends InlineEditingMixin(GridElement) {
-  static get is() {
-    return 'vaadin-grid-pro';
-  }
+export const GridProElement = GridPro;
 
-  /**
-   * @protected
-   */
-  static _finalizeClass() {
-    super._finalizeClass();
-
-    const devModeCallback = window.Vaadin.developmentModeCallback;
-    const licenseChecker = devModeCallback && devModeCallback['vaadin-license-checker'];
-    if (typeof licenseChecker === 'function') {
-      licenseChecker(GridProElement);
-    }
-  }
-}
-
-customElements.define(GridProElement.is, GridProElement);
-
-export { GridProElement };
+export * from '@vaadin/grid-pro/src/vaadin-grid-pro.js';

package/theme/lumo/vaadin-grid-pro-edit-checkbox.js

@@ -1,2 +1 @@
-import '@vaadin/checkbox/theme/lumo/vaadin-checkbox.js';
-import '../../src/vaadin-grid-pro-edit-checkbox.js';
+import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro-edit-checkbox.js';

package/theme/lumo/vaadin-grid-pro-edit-column.js

@@ -1,4 +1 @@
-import './vaadin-grid-pro-edit-checkbox.js';
-import './vaadin-grid-pro-edit-select.js';
-import './vaadin-grid-pro-edit-text-field.js';
-import '../../src/vaadin-grid-pro-edit-column.js';
+import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro-edit-column.js';

package/theme/lumo/vaadin-grid-pro-edit-select.js

@@ -1,5 +1 @@
-import '@vaadin/select/theme/lumo/vaadin-select.js';
-import '@vaadin/vaadin-list-box/theme/lumo/vaadin-list-box.js';
-import '@vaadin/vaadin-item/theme/lumo/vaadin-item.js';
-import './vaadin-grid-pro-edit-select-styles.js';
-import '../../src/vaadin-grid-pro-edit-select.js';
+import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro-edit-select.js';

package/theme/lumo/vaadin-grid-pro-edit-text-field.js

@@ -1,3 +1 @@
-import '@vaadin/vaadin-text-field/theme/lumo/vaadin-text-field.js';
-import './vaadin-grid-pro-edit-text-field-styles.js';
-import '../../src/vaadin-grid-pro-edit-text-field.js';
+import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro-edit-text-field.js';

package/theme/lumo/vaadin-grid-pro.js

@@ -1,3 +1 @@
-import '@vaadin/vaadin-grid/theme/lumo/vaadin-grid-styles.js';
-import './vaadin-grid-pro-styles.js';
-import '../../src/vaadin-grid-pro.js';
+import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro.js';

package/theme/material/vaadin-grid-pro-edit-checkbox.js

@@ -1,2 +1 @@
-import '@vaadin/checkbox/theme/material/vaadin-checkbox.js';
-import '../../src/vaadin-grid-pro-edit-checkbox.js';
+import '@vaadin/grid-pro/theme/material/vaadin-grid-pro-edit-checkbox.js';

package/theme/material/vaadin-grid-pro-edit-column.js

@@ -1,4 +1 @@
-import './vaadin-grid-pro-edit-checkbox.js';
-import './vaadin-grid-pro-edit-select.js';
-import './vaadin-grid-pro-edit-text-field.js';
-import '../../src/vaadin-grid-pro-edit-column.js';
+import '@vaadin/grid-pro/theme/material/vaadin-grid-pro-edit-column.js';

package/theme/material/vaadin-grid-pro-edit-select.js

@@ -1,5 +1 @@
-import '@vaadin/select/theme/material/vaadin-select.js';
-import '@vaadin/vaadin-list-box/theme/material/vaadin-list-box.js';
-import '@vaadin/vaadin-item/theme/material/vaadin-item.js';
-import './vaadin-grid-pro-edit-select-styles.js';
-import '../../src/vaadin-grid-pro-edit-select.js';
+import '@vaadin/grid-pro/theme/material/vaadin-grid-pro-edit-select.js';

package/theme/material/vaadin-grid-pro-edit-text-field.js

@@ -1,3 +1 @@
-import '@vaadin/vaadin-text-field/theme/material/vaadin-text-field.js';
-import './vaadin-grid-pro-edit-text-field-styles.js';
-import '../../src/vaadin-grid-pro-edit-text-field.js';
+import '@vaadin/grid-pro/theme/material/vaadin-grid-pro-edit-text-field.js';

package/theme/material/vaadin-grid-pro.js

@@ -1,3 +1 @@
-import '@vaadin/vaadin-grid/theme/material/vaadin-grid-styles.js';
-import './vaadin-grid-pro-styles.js';
-import '../../src/vaadin-grid-pro.js';
+import '@vaadin/grid-pro/theme/material/vaadin-grid-pro.js';

package/vaadin-grid-pro.d.ts

@@ -1,2 +1 @@
 export * from './src/vaadin-grid-pro.js';
-export * from './src/interfaces';

package/src/interfaces.d.ts

@@ -1 +0,0 @@
-export type GridProEditorType = 'text' | 'checkbox' | 'select' | 'custom';

package/src/vaadin-grid-pro-inline-editing-mixin.d.ts

@@ -1,40 +0,0 @@
-declare function InlineEditingMixin<T extends new (...args: any[]) => {}>(base: T): T & InlineEditingMixinConstructor;
-
-interface InlineEditingMixinConstructor {
-  new (...args: any[]): InlineEditingMixin;
-}
-
-interface InlineEditingMixin {
-  /**
-   * When true, pressing Enter while in cell edit mode
-   * will move focus to the editable cell in the next row
-   * (Shift + Enter - same, but for previous row).
-   * @attr {boolean} enter-next-row
-   */
-  enterNextRow: boolean | null | undefined;
-
-  /**
-   * When true, after moving to next or previous editable cell using
-   * Tab / Shift+Tab, it will be focused without edit mode.
-   *
-   * When `enterNextRow` is true, pressing Enter will also
-   * preserve edit mode, otherwise, it will have no effect.
-   * @attr {boolean} single-cell-edit
-   */
-  singleCellEdit: boolean | null | undefined;
-
-  /**
-   * When true, the grid enters cell edit mode on a single click
-   * instead of the default double click.
-   * @attr {boolean} edit-on-click
-   */
-  editOnClick: boolean | null | undefined;
-
-  _checkImports(): void;
-
-  _stopEdit(shouldCancel?: boolean, shouldRestoreFocus?: boolean): void;
-
-  _switchEditCell(e: KeyboardEvent): void;
-}
-
-export { InlineEditingMixin, InlineEditingMixinConstructor };