@vonage/vivid-react 4.0.0 → 5.19.0

package/v3/VwcContextualHelp/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 /** VwcContextualHelp
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/contextual-help
-* @param {Placement | undefined} placement - Placement of the toggletip **attribute** `placement`
+* @param {Placement | undefined} placement - Preferred placement of the Contextual Help's Toggletip in relation to the button element **attribute** `placement`
 * @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
@@ -9,13 +9,13 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcContextualHelp: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        placement?: 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;
+        "placement"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcContextualHelp/index.js

@@ -63,7 +63,7 @@ Code in this file were generated using following JSON:
     "text": "Placement | undefined"
    },
    "default": "'right'",
-   "description": "Placement of the toggletip",
+   "description": "Preferred placement of the Contextual Help's Toggletip in relation to the button element",
    "privacy": "public"
   },
   {
@@ -101,7 +101,7 @@ Code in this file were generated using following JSON:
     "text": "Placement | undefined"
    },
    "default": "'right'",
-   "description": "Placement of the toggletip",
+   "description": "Preferred placement of the Contextual Help's Toggletip in relation to the button element",
    "fieldName": "placement"
   }
  ],
@@ -110,11 +110,12 @@ Code in this file were generated using following JSON:
   "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
+  "public": true,
   "name": "contextual-help"
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerContextualHelp } from '@vonage/vivid'
 
 registerContextualHelp('vvd3')

package/v3/VwcContextualHelp/package.json

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

package/v3/VwcCountry/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** VwcCountry
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/country
+* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "UK", "US"). When set, the component shows the
+matching flag (from [flag-icons](https://github.com/lipis/flag-icons)) and the code (e.g. "UK")
+automatically. **attribute** `code`
+* @param {string | undefined} label - Optional text to show instead of the country code (e.g. "Saint Helena" for "SH"). Useful for
+less familiar codes. **attribute** `label`
+* @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
+*/
+declare const VwcCountry: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "code"?: string | undefined;
+        "label"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcCountry;

package/v3/VwcCountry/index.js

@@ -0,0 +1,104 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Country",
+ "slots": [
+  {
+   "description": "Optional custom flag or graphic. When `code` is set and no content is slotted, a default flag icon (Vivid/Vonage icon set) is shown.",
+   "name": "icon"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "code",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "ISO 3166-1 alpha-2 country code (e.g. \"GB\", \"UK\", \"US\"). When set, the component shows the\nmatching flag (from [flag-icons](https://github.com/lipis/flag-icons)) and the code (e.g. \"UK\")\nautomatically.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Optional text to show instead of the country code (e.g. \"Saint Helena\" for \"SH\"). Useful for\nless familiar codes.",
+   "privacy": "public"
+  },
+  {
+   "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"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "code",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "ISO 3166-1 alpha-2 country code (e.g. \"GB\", \"UK\", \"US\"). When set, the component shows the\nmatching flag (from [flag-icons](https://github.com/lipis/flag-icons)) and the code (e.g. \"UK\")\nautomatically.",
+   "fieldName": "code"
+  },
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Optional text to show instead of the country code (e.g. \"Saint Helena\" for \"SH\"). Useful for\nless familiar codes.",
+   "fieldName": "label"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "country"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerCountry } from '@vonage/vivid'
+
+registerCountry('vvd3')
+
+const VwcCountry = wrapper(`vvd3-country`,  {
+    events: [],
+    attributes: [],
+    properties: ['code', 'label', 'VIVID_VERSION', 'componentName']
+})
+
+VwcCountry.displayName = 'VwcCountry'
+
+export default VwcCountry

package/v3/{VwcImagePlaceholder → VwcCountry}/package.json

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

package/v3/VwcCountryGroup/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** VwcCountryGroup
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/country-group
+* @param {HTMLSlotElement} slotEl
+* @param {Badge | undefined} badgeEl
+* @param {HTMLDivElement | undefined} overflowWrapEl
+* @param {HTMLDivElement | undefined} overflowGridEl
+* @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
+*/
+declare const VwcCountryGroup: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "slotEl"?: any;
+        "badgeEl"?: any;
+        "overflowWrapEl"?: any;
+        "overflowGridEl"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcCountryGroup;

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.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.19.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"?: any;
+        "rowElementTag"?: string;
+        "selectionMode"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };