@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcCountryGroup/index.js

@@ -0,0 +1,268 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "CountryGroup",
+ "slots": [
+  {
+   "description": "One or more `vwc-country` elements (Country only).",
+   "name": "default"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "slotEl",
+   "type": {
+    "text": "HTMLSlotElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "badgeEl",
+   "type": {
+    "text": "Badge | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "overflowWrapEl",
+   "type": {
+    "text": "HTMLDivElement | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "overflowGridEl",
+   "type": {
+    "text": "HTMLDivElement | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "overflowCount",
+   "type": {
+    "text": "number"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "IntersectionObserver | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "#visibleMap",
+   "privacy": "private",
+   "default": "new Map<Element, boolean>()"
+  },
+  {
+   "kind": "field",
+   "name": "#candidateVisible",
+   "privacy": "private",
+   "type": {
+    "text": "number"
+   },
+   "default": "-1"
+  },
+  {
+   "kind": "field",
+   "name": "#candidateStreak",
+   "privacy": "private",
+   "type": {
+    "text": "number"
+   },
+   "default": "0"
+  },
+  {
+   "kind": "method",
+   "name": "#countryNameForCode",
+   "return": {
+    "type": {
+     "text": "string"
+    }
+   },
+   "parameters": [
+    {
+     "name": "code",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#applyLayout",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "visibleCount",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "mode",
+     "type": {
+      "text": "'final' | 'fit'"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#onSlotChange",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "#ensureObserver",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#requestFit",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#observeAll",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#syncFromSlot",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#updateAriaLabel",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#handleIntersection",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "#proposeVisibleCount",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "nextVisible",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#prepareForFit",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "country-group"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerCountryGroup } from '@vonage/vivid'
+
+registerCountryGroup('vvd3')
+
+const VwcCountryGroup = wrapper(`vvd3-country-group`,  {
+    events: [],
+    attributes: [],
+    properties: ['slotEl', 'badgeEl', 'overflowWrapEl', 'overflowGridEl', 'VIVID_VERSION', 'componentName']
+})
+
+VwcCountryGroup.displayName = 'VwcCountryGroup'
+
+export default VwcCountryGroup

package/v3/{VwcProseMirrorFacade → VwcCountryGroup}/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-prose-mirror-facade",
-  "version": "5.5.0",
+  "name": "@vonage/vivid-react-vvd3-country-group",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcDataGrid/index.d.ts

@@ -1,26 +1,19 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGrid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
-* @param {boolean} noTabbing - When true the component will not add itself to the tab queue.
-Default is false. **attribute** `no-tabbing`
+* @param {boolean} noTabbing - Remove the grid from the tab order **attribute** `no-tabbing`
 * @param {GenerateHeaderOptions} generateHeader - Whether the grid should automatically generate a header row and its type **attribute** `generate-header`
 * @param {string} gridTemplateColumns - String that gets applied to the css gridTemplateColumns attribute of child rows **attribute** `grid-template-columns`
-* @param {object[]} rowsData - The data being displayed in the grid
-* @param {ColumnDefinition[] | null} columnDefinitions - The column definitions of the grid
-* @param {ViewTemplate} rowItemTemplate - The template to use for the programmatic generation of rows
-* @param {ViewTemplate | undefined} cellItemTemplate - The template used to render cells in generated rows.
-* @param {ViewTemplate | undefined} headerCellItemTemplate - The template used to render header cells in generated rows.
-* @param {number} focusRowIndex - The index of the row that will receive focus the next time the
-grid is focused. This value changes as focus moves to different
-rows within the grid.  Changing this value when focus is already
-within the grid moves focus to the specified row.
-* @param {number} focusColumnIndex - The index of the column that will receive focus the next time the
-grid is focused. This value changes as focus moves to different rows
-within the grid.  Changing this value when focus is already within
-the grid moves focus to the specified column.
-* @param {number | undefined} fixedColumns - Number of columns to be fixed when scrolling horizontally **attribute** `fixed-columns`
-* @param {string} rowElementTag - Set by the component templates.
-* @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
+* @param {object[]} rowsData - Content of the grid in data format
+* @param {ColumnDefinition[] | null} columnDefinitions - Configure the grid header columns
+* @param {ViewTemplate} rowItemTemplate - Templete to use when rendering rows
+* @param {ViewTemplate | undefined} cellItemTemplate - Templete to use when rendering cells
+* @param {ViewTemplate | undefined} headerCellItemTemplate - Templete to use when rendering grid header cells
+* @param {number} focusRowIndex - Index of row to be focused on when the Data Grid receives focus
+* @param {number} focusColumnIndex - Index of column to be focused on when the Data Grid receives focus
+* @param {number | undefined} fixedColumns - Sets the number of columns fixed to the left when horizontal scrolling **attribute** `fixed-columns`
+* @param {string} rowElementTag - Element tag for header rows
+* @param {DataGridSelectionMode | undefined} selectionMode - Set the selection mode **attribute** `selection-mode`
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -28,26 +21,26 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDataGrid: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
-        noTabbing?: boolean | undefined;
-        generateHeader?: any;
-        gridTemplateColumns?: string | undefined;
-        rowsData?: any[] | undefined;
-        columnDefinitions?: any;
-        rowItemTemplate?: any;
-        cellItemTemplate?: any;
-        headerCellItemTemplate?: any;
-        focusRowIndex?: number | undefined;
-        focusColumnIndex?: number | undefined;
-        fixedColumns?: any;
-        rowElementTag?: string | undefined;
-        selectionMode?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onCellClick?: (event: SyntheticEvent) => void;
+        "noTabbing"?: boolean;
+        "generateHeader"?: any;
+        "gridTemplateColumns"?: string;
+        "rowsData"?: any[];
+        "columnDefinitions"?: any;
+        "rowItemTemplate"?: any;
+        "cellItemTemplate"?: any;
+        "headerCellItemTemplate"?: any;
+        "focusRowIndex"?: number;
+        "focusColumnIndex"?: number;
+        "fixedColumns"?: number | undefined;
+        "rowElementTag"?: string;
+        "selectionMode"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGrid/index.js

@@ -41,7 +41,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "description": "Remove the grid from the tab order",
    "privacy": "public"
   },
   {
@@ -73,7 +73,7 @@ Code in this file were generated using following JSON:
     "text": "object[]"
    },
    "default": "[]",
-   "description": "The data being displayed in the grid",
+   "description": "Content of the grid in data format",
    "privacy": "public"
   },
   {
@@ -83,7 +83,7 @@ Code in this file were generated using following JSON:
     "text": "ColumnDefinition[] | null"
    },
    "default": "null",
-   "description": "The column definitions of the grid",
+   "description": "Configure the grid header columns",
    "privacy": "public"
   },
   {
@@ -92,7 +92,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate"
    },
-   "description": "The template to use for the programmatic generation of rows",
+   "description": "Templete to use when rendering rows",
    "privacy": "public"
   },
   {
@@ -101,7 +101,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate | undefined"
    },
-   "description": "The template used to render cells in generated rows.",
+   "description": "Templete to use when rendering cells",
    "privacy": "public"
   },
   {
@@ -110,7 +110,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ViewTemplate | undefined"
    },
-   "description": "The template used to render header cells in generated rows.",
+   "description": "Templete to use when rendering grid header cells",
    "privacy": "public"
   },
   {
@@ -120,7 +120,7 @@ Code in this file were generated using following JSON:
     "text": "number"
    },
    "default": "0",
-   "description": "The index of the row that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different\nrows within the grid.  Changing this value when focus is already\nwithin the grid moves focus to the specified row.",
+   "description": "Index of row to be focused on when the Data Grid receives focus",
    "privacy": "public"
   },
   {
@@ -130,7 +130,7 @@ Code in this file were generated using following JSON:
     "text": "number"
    },
    "default": "0",
-   "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid.  Changing this value when focus is already within\nthe grid moves focus to the specified column.",
+   "description": "Index of column to be focused on when the Data Grid receives focus",
    "privacy": "public"
   },
   {
@@ -139,7 +139,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number | undefined"
    },
-   "description": "Number of columns to be fixed when scrolling horizontally",
+   "description": "Sets the number of columns fixed to the left when horizontal scrolling",
    "privacy": "public"
   },
   {
@@ -148,7 +148,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
-   "description": "Set by the component templates."
+   "description": "Element tag for header rows"
   },
   {
    "kind": "field",
@@ -285,7 +285,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DataGridSelectionMode | undefined"
    },
-   "description": "Indicates the selection mode.",
+   "description": "Set the selection mode",
    "privacy": "public"
   },
   {
@@ -306,18 +306,6 @@ Code in this file were generated using following JSON:
    },
    "readonly": true
   },
-  {
-   "kind": "method",
-   "name": "selectionModeChanged",
-   "parameters": [
-    {
-     "name": "oldValue",
-     "type": {
-      "text": "DataGridSelectionMode"
-     }
-    }
-   ]
-  },
   {
    "kind": "field",
    "name": "#handleKeypress",
@@ -345,7 +333,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "object"
    },
-   "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\tdataGrid.toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}"
+   "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\t/* v8 ignore else -- @preserve *\/\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\t/* v8 ignore else -- @preserve *\/\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\tdataGrid.toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}"
   },
   {
    "kind": "method",
@@ -404,7 +392,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
+   "description": "Remove the grid from the tab order",
    "fieldName": "noTabbing"
   },
   {
@@ -428,7 +416,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "number | undefined"
    },
-   "description": "Number of columns to be fixed when scrolling horizontally",
+   "description": "Sets the number of columns fixed to the left when horizontal scrolling",
    "fieldName": "fixedColumns"
   },
   {
@@ -436,7 +424,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DataGridSelectionMode | undefined"
    },
-   "description": "Indicates the selection mode.",
+   "description": "Set the selection mode",
    "fieldName": "selectionMode"
   }
  ],
@@ -450,7 +438,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerDataGrid } from '@vonage/vivid'
 
 registerDataGrid('vvd3')

package/v3/VwcDataGrid/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcDataGridCell/index.d.ts

@@ -12,7 +12,6 @@ applied to the cell **attribute** `grid-column`
 * @param {string | null} ariaSelected - Indicates the selected status.
 * @param {string | null} ariaSort - Indicates the sort status.
 * @param {DataGridCellSortStates | undefined} sortDirection - Sets the sorting direction. **attribute** `sort-direction`
-* @param {'host'} _vividAriaBehaviour
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -20,24 +19,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDataGridCell: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onSort?: ((event: SyntheticEvent) => void) | undefined;
-        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
-        onCellFocused?: ((event: SyntheticEvent) => void) | undefined;
-        ariaSelected?: any;
-        cellType?: any;
-        gridColumn?: string | undefined;
-        rowData?: any;
-        columnDefinition?: any;
-        selected?: boolean | undefined;
-        ariaSort?: string | null | undefined;
-        sortDirection?: any;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onSort?: (event: SyntheticEvent) => void;
+        onCellClick?: (event: SyntheticEvent) => void;
+        onCellFocused?: (event: SyntheticEvent) => void;
+        "ariaSelected"?: boolean | undefined;
+        "cellType"?: any;
+        "gridColumn"?: string;
+        "rowData"?: any;
+        "columnDefinition"?: any;
+        "selected"?: boolean;
+        "ariaSort"?: string | null;
+        "sortDirection"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };