@vonage/vivid-vue 4.25.0 → 4.27.0

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

@@ -2,237 +2,138 @@ import { PropType } from 'vue';
 import type { VwcDataGridCellElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Indicates the selected status.
-     */
     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>;
 }, unknown, {}, {
-    ariaSelectedChanged(_: string | null, selectedState: string | null): unknown;
     handleFocusin(_: FocusEvent): void;
     handleFocusout(_: FocusEvent): void;
     handleKeydown(e: KeyboardEvent): void;
 }, 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): true;
-    /**
-     * Fires a custom 'cell-focused' event when focus is on the cell or its contents
-     * @type {CustomEvent<HTMLElement>}
-     */
     "cell-focused"(event: CustomEvent<HTMLElement> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): 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: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): true;
-    /**
-     * Event that fires when a sortable column header is clicked
-     * @type {CustomEvent<{columnDataKey: string, ariaSort: string | null}>}
-     */
     sort(event: CustomEvent<{
         columnDataKey: string;
         ariaSort: string | null;
+        sortDirection: string | null;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }): boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Indicates the selected status.
-     */
     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;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
@@ -242,26 +143,18 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     onSort?: ((event: CustomEvent<{
         columnDataKey: string;
         ariaSort: string | null;
+        sortDirection: string | null;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
     "onCell-focused"?: ((event: CustomEvent<HTMLElement> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridCellElement;
         currentTarget: VwcDataGridCellElement;
     }) => any) | undefined;
@@ -271,10 +164,9 @@ declare const _default: import("vue").DefineComponent<{
     cellType: "default" | "columnheader" | "rowheader";
     columnDefinition: object;
     gridColumn: string;
+    selected: boolean;
+    sortDirection: "none" | "ascending" | "descending" | "other";
 }, SlotsType<{
-    /**
-     * Default slot.
-     */
     default: Record<string, never>;
 }>>;
 export default _default;

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

@@ -0,0 +1,54 @@
+import type { VwcDataGridRowElement } from '@vonage/vivid';
+export interface VDataGridRowEvents {
+    blur: FocusEvent & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    'cell-click': CustomEvent<{
+        cell: HTMLElement;
+        row: HTMLElement;
+        isHeaderCell: boolean;
+        columnDataKey: string;
+    }> & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    click: MouseEvent & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    focus: FocusEvent & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    input: Event & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+    'row-focused': CustomEvent<HTMLElement> & {
+        target: VwcDataGridRowElement;
+        currentTarget: VwcDataGridRowElement;
+    };
+}
+export interface VDataGridRowProps {
+    ariaSelected?: string;
+    gridTemplateColumns?: string;
+    rowType?: 'default' | 'header' | 'sticky-header';
+    selected?: boolean;
+    onBlur?: (event: VDataGridRowEvents['blur']) => void;
+    onCellClick?: (event: VDataGridRowEvents['cell-click']) => void;
+    onClick?: (event: VDataGridRowEvents['click']) => void;
+    onFocus?: (event: VDataGridRowEvents['focus']) => void;
+    onInput?: (event: VDataGridRowEvents['input']) => void;
+    onKeydown?: (event: VDataGridRowEvents['keydown']) => void;
+    onKeyup?: (event: VDataGridRowEvents['keyup']) => void;
+    onRowFocused?: (event: VDataGridRowEvents['row-focused']) => void;
+}

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

@@ -1,28 +1,22 @@
 import { PropType } from 'vue';
 import type { VwcDataGridRowElement } 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;
     };
-    /**
-     * String that gets applied to the the css gridTemplateColumns attribute for the row
-     * x
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of row
-     */
     rowType: {
         type: PropType<"default" | "header" | "sticky-header">;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDataGridRowElement | null>;
@@ -30,32 +24,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     handleCellFocus(e: Event): 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" | "cell-click" | "row-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" | "cell-click" | "row-focused")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaSelected: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * String that gets applied to the the css gridTemplateColumns attribute for the row
-     * x
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of row
-     */
     rowType: {
         type: PropType<"default" | "header" | "sticky-header">;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>>, {
     gridTemplateColumns: string;
     ariaSelected: string;
+    selected: boolean;
     rowType: "default" | "header" | "sticky-header";
 }>;
 export default _default;

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

@@ -2,28 +2,22 @@ import { PropType } from 'vue';
 import type { VwcDataGridRowElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Indicates the selected status.
-     */
     ariaSelected: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * String that gets applied to the the css gridTemplateColumns attribute for the row
-     * x
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of row
-     */
     rowType: {
         type: PropType<"default" | "header" | "sticky-header">;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDataGridRowElement | null>;
@@ -32,162 +26,82 @@ declare const _default: import("vue").DefineComponent<{
     handleFocusout(_: FocusEvent): void;
     handleKeydown(e: KeyboardEvent): void;
 }, 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): 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: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): true;
-    /**
-     * Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row
-     * @type {CustomEvent<HTMLElement>}
-     */
     "row-focused"(event: CustomEvent<HTMLElement> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Indicates the selected status.
-     */
     ariaSelected: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * String that gets applied to the the css gridTemplateColumns attribute for the row
-     * x
-     */
     gridTemplateColumns: {
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * The type of row
-     */
     rowType: {
         type: PropType<"default" | "header" | "sticky-header">;
         default: undefined;
     };
+    selected: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
@@ -197,27 +111,19 @@ declare const _default: import("vue").DefineComponent<{
         isHeaderCell: boolean;
         columnDataKey: string;
     }> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
     "onRow-focused"?: ((event: CustomEvent<HTMLElement> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcDataGridRowElement;
         currentTarget: VwcDataGridRowElement;
     }) => any) | undefined;
 }, {
     gridTemplateColumns: string;
     ariaSelected: string;
+    selected: boolean;
     rowType: "default" | "header" | "sticky-header";
 }, SlotsType<{
-    /**
-     * Default slot.
-     */
     default: Record<string, never>;
 }>>;
 export default _default;