@vonage/vivid-vue 4.25.0 → 4.27.0

package/{generated → dist/generated}/components/VDataGrid.vue2.d.ts

@@ -1,38 +1,22 @@
 import { PropType } from 'vue';
 import type { VwcDataGridElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * Whether the grid should automatically generate a header row and its type
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     generateHeader: {
         type: PropType<"none" | "default" | "sticky">;
         default: undefined;
     };
-    /**
-     * String that gets applied to the css gridTemplateColumns attribute of child rows
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * When true the component will not add itself to the tab queue.
-     * Default is false.
-     */
     noTabbing: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Array of objects representing the rows of the grid.
-     */
     rowsData: {
         type: PropType<any[]>;
         default: undefined;
     };
-    /**
-     * Indicates the selection mode.
-     */
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row" | "single-cell" | "multi-cell">;
         default: undefined;
@@ -42,39 +26,23 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     element: import("vue").Ref<VwcDataGridElement | null>;
 }, import("vue").Data, {}, {
     selectionModeChanged(oldValue: "none" | "single-row" | "multi-row" | "single-cell" | "multi-cell"): unknown;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "cell-click")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Whether the grid should automatically generate a header row and its type
-     */
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "cell-click")[], string, Readonly<import("vue").ExtractPropTypes<{
     generateHeader: {
         type: PropType<"none" | "default" | "sticky">;
         default: undefined;
     };
-    /**
-     * String that gets applied to the css gridTemplateColumns attribute of child rows
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * When true the component will not add itself to the tab queue.
-     * Default is false.
-     */
     noTabbing: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Array of objects representing the rows of the grid.
-     */
     rowsData: {
         type: PropType<any[]>;
         default: undefined;
     };
-    /**
-     * Indicates the selection mode.
-     */
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row" | "single-cell" | "multi-cell">;
         default: undefined;

package/{generated → dist/generated}/components/VDataGrid.vue3.d.ts

@@ -2,38 +2,22 @@ import { PropType } from 'vue';
 import type { VwcDataGridElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Whether the grid should automatically generate a header row and its type
-     */
     generateHeader: {
         type: PropType<"none" | "default" | "sticky">;
         default: undefined;
     };
-    /**
-     * String that gets applied to the css gridTemplateColumns attribute of child rows
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * When true the component will not add itself to the tab queue.
-     * Default is false.
-     */
     noTabbing: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Array of objects representing the rows of the grid.
-     */
     rowsData: {
         type: PropType<any[]>;
         default: undefined;
     };
-    /**
-     * Indicates the selection mode.
-     */
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row" | "single-cell" | "multi-cell">;
         default: undefined;
@@ -44,165 +28,82 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {
     selectionModeChanged(oldValue: "none" | "single-row" | "multi-row" | "single-cell" | "multi-cell"): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
-     */
     blur(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Event that fires when a cell is clicked
-     * @type {CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>}
-     */
     "cell-click"(event: CustomEvent<{
         cell: HTMLElement;
         row: HTMLElement;
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
-     * @type {MouseEvent}
-     */
     click(event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Fires when the element receives focus.
-     * @type {FocusEvent}
-     */
     focus(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
     input(event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
-     */
     keydown(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
-    /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
-     */
     keyup(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Whether the grid should automatically generate a header row and its type
-     */
     generateHeader: {
         type: PropType<"none" | "default" | "sticky">;
         default: undefined;
     };
-    /**
-     * String that gets applied to the css gridTemplateColumns attribute of child rows
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * When true the component will not add itself to the tab queue.
-     * Default is false.
-     */
     noTabbing: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * Array of objects representing the rows of the grid.
-     */
     rowsData: {
         type: PropType<any[]>;
         default: undefined;
     };
-    /**
-     * Indicates the selection mode.
-     */
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row" | "single-cell" | "multi-cell">;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
@@ -212,9 +113,6 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridElement;
         currentTarget: VwcDataGridElement;
     }) => any) | undefined;
@@ -225,9 +123,6 @@ declare const _default: import("vue").DefineComponent<{
     rowsData: any[];
     selectionMode: "none" | "single-row" | "multi-row" | "single-cell" | "multi-cell";
 }, SlotsType<{
-    /**
-     * Default slot.
-     */
     default: Record<string, never>;
 }>>;
 export default _default;

package/dist/generated/components/VDataGridCell.types.d.ts

@@ -0,0 +1,66 @@
+import type { VwcDataGridCellElement } from '@vonage/vivid';
+export interface VDataGridCellEvents {
+    blur: FocusEvent & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    'cell-click': CustomEvent<{
+        cell: HTMLElement;
+        row: HTMLElement;
+        isHeaderCell: boolean;
+        columnDataKey: string;
+    }> & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    'cell-focused': CustomEvent<HTMLElement> & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    click: MouseEvent & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    focus: FocusEvent & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    input: Event & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+    sort: CustomEvent<{
+        columnDataKey: string;
+        ariaSort: string | null;
+        sortDirection: string | null;
+    }> & {
+        target: VwcDataGridCellElement;
+        currentTarget: VwcDataGridCellElement;
+    };
+}
+export interface VDataGridCellProps {
+    ariaSelected?: string;
+    ariaSort?: string;
+    cellType?: 'default' | 'columnheader' | 'rowheader';
+    columnDefinition?: object;
+    gridColumn?: string;
+    selected?: boolean;
+    sortDirection?: 'none' | 'ascending' | 'descending' | 'other';
+    onBlur?: (event: VDataGridCellEvents['blur']) => void;
+    onCellClick?: (event: VDataGridCellEvents['cell-click']) => void;
+    onCellFocused?: (event: VDataGridCellEvents['cell-focused']) => void;
+    onClick?: (event: VDataGridCellEvents['click']) => void;
+    onFocus?: (event: VDataGridCellEvents['focus']) => void;
+    onInput?: (event: VDataGridCellEvents['input']) => void;
+    onKeydown?: (event: VDataGridCellEvents['keydown']) => void;
+    onKeyup?: (event: VDataGridCellEvents['keyup']) => void;
+    onSort?: (event: VDataGridCellEvents['sort']) => void;
+}

package/{generated → dist/generated}/components/VDataGridCell.vue2.d.ts

@@ -1,94 +1,77 @@
 import { PropType } from 'vue';
 import type { VwcDataGridCellElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * Indicates the selected status.
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     ariaSelected: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the sort status.
-     */
     ariaSort: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of cell
-     */
     cellType: {
         type: PropType<"default" | "columnheader" | "rowheader">;
         default: undefined;
     };
-    /**
-     * Object representing the column definition.
-     */
     columnDefinition: {
         type: PropType<object>;
         default: undefined;
     };
-    /**
-     * The column index of the cell.
-     * This will be applied to the css grid-column-index value
-     * applied to the cell
-     */
     gridColumn: {
         type: PropType<string>;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    sortDirection: {
+        type: PropType<"none" | "ascending" | "descending" | "other">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDataGridCellElement | null>;
 }, import("vue").Data, {}, {
-    ariaSelectedChanged(_: string | null, selectedState: string | null): unknown;
     handleFocusin(_: FocusEvent): void;
     handleFocusout(_: FocusEvent): void;
     handleKeydown(e: KeyboardEvent): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "sort" | "cell-click" | "cell-focused")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Indicates the selected status.
-     */
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "sort" | "cell-click" | "cell-focused")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaSelected: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * Indicates the sort status.
-     */
     ariaSort: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of cell
-     */
     cellType: {
         type: PropType<"default" | "columnheader" | "rowheader">;
         default: undefined;
     };
-    /**
-     * Object representing the column definition.
-     */
     columnDefinition: {
         type: PropType<object>;
         default: undefined;
     };
-    /**
-     * The column index of the cell.
-     * This will be applied to the css grid-column-index value
-     * applied to the cell
-     */
     gridColumn: {
         type: PropType<string>;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    sortDirection: {
+        type: PropType<"none" | "ascending" | "descending" | "other">;
+        default: undefined;
+    };
 }>>, {
     ariaSelected: string;
     ariaSort: string;
     cellType: "default" | "columnheader" | "rowheader";
     columnDefinition: object;
     gridColumn: string;
+    selected: boolean;
+    sortDirection: "none" | "ascending" | "descending" | "other";
 }>;
 export default _default;