@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcPagination/index.js

@@ -26,27 +26,6 @@ Code in this file were generated using following JSON:
    "description": "The shape the pagination should have.",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "paginationButtons",
-   "type": {
-    "text": "Button[] | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "prevButton",
-   "type": {
-    "text": "Button | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "nextButton",
-   "type": {
-    "text": "Button | undefined"
-   }
-  },
   {
    "kind": "field",
    "name": "navIcons",
@@ -76,60 +55,6 @@ Code in this file were generated using following JSON:
    },
    "default": "0"
   },
-  {
-   "kind": "method",
-   "name": "totalChanged",
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "number"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "number"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "selectedIndexChanged",
-   "parameters": [
-    {
-     "name": "oldValue",
-     "type": {
-      "text": "number"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "number"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "paginationButtonsChanged",
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "Button[] | undefined"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "Button[]"
-     }
-    }
-   ]
-  },
   {
    "kind": "field",
    "name": "#constrainedSelectedIndex",
@@ -300,7 +225,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 { registerPagination } from '@vonage/vivid'
 
 registerPagination('vvd3')
@@ -308,7 +233,7 @@ registerPagination('vvd3')
 const VwcPagination = wrapper(`vvd3-pagination`,  {
     events: [{"name":"pagination-change","propName":"onPaginationChange"}],
     attributes: [],
-    properties: ['size', 'shape', 'paginationButtons', 'prevButton', 'nextButton', 'navIcons', 'total', 'selectedIndex', 'VIVID_VERSION', 'componentName']
+    properties: ['size', 'shape', 'navIcons', 'total', 'selectedIndex', 'VIVID_VERSION', 'componentName']
 })
 
 VwcPagination.displayName = 'VwcPagination'

package/v3/VwcPagination/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-pagination",
-  "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/VwcPickerField/index.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 /** Base class for picker fields. Picker fields consist of a text field with a button that opens a popup that allows
 picking values.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/picker-field
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
@@ -18,29 +19,28 @@ only when the `value` property has not been explicitly set. **attribute** `value
 * @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
-* @param {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcPickerField: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        readOnly?: boolean | undefined;
-        value?: string | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
-        validate?: any;
-        label?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
-        _vividAriaBehaviour?: any;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "scale"?: any;
+        "readOnly"?: boolean;
+        "value"?: string;
+        "helperText"?: string | undefined;
+        "errorText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcPickerField/index.js

@@ -8,6 +8,15 @@ Code in this file were generated using following JSON:
  "description": "Base class for picker fields. Picker fields consist of a text field with a button that opens a popup that allows\npicking values.",
  "name": "PickerField",
  "members": [
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "readOnly",
@@ -357,18 +366,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/vivid-element/vivid-element.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "type": {
-    "text": "VividAriaBehaviour"
-   },
-   "default": "'default'",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "#handleReplacedProp",
@@ -387,6 +384,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "fieldName": "scale"
+  },
   {
    "name": "readonly",
    "type": {
@@ -566,7 +571,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 { registerPickerField } from '@vonage/vivid'
 
 registerPickerField('vvd3')
@@ -574,7 +579,7 @@ registerPickerField('vvd3')
 const VwcPickerField = wrapper(`vvd3-picker-field`,  {
     events: [],
     attributes: [],
-    properties: ['readOnly', 'value', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
+    properties: ['scale', 'readOnly', 'value', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcPickerField.displayName = 'VwcPickerField'

package/v3/VwcPickerField/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-picker-field",
-  "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/VwcPlatformSwitch/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** VwcPlatformSwitch
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/platform-switch
+* @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 VwcPlatformSwitch: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcPlatformSwitch;

package/v3/{VwcMenubar → VwcPlatformSwitch}/index.js

@@ -6,29 +6,34 @@ Code in this file were generated using following JSON:
 {
  "kind": "class",
  "description": "",
- "name": "Menubar",
- "members": [
+ "name": "PlatformSwitch",
+ "slots": [
   {
-   "kind": "field",
-   "name": "menuItems",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
+   "description": "Default slot accepts children with optional platform constraints.",
+   "name": ""
+  }
+ ],
+ "members": [
   {
-   "kind": "field",
-   "name": "#textEditorElement",
-   "privacy": "private",
-   "readonly": true
+   "kind": "method",
+   "name": "#updateVisibility"
   },
   {
-   "kind": "field",
-   "name": "#updateTextStyleState",
-   "privacy": "private",
-   "type": {
-    "text": "EventListener"
+   "kind": "method",
+   "name": "#matches",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
    },
-   "default": "(() => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('text-styles-changed', {\n\t\t\t\tdetail: this.#textEditorElement?.selectionStyles,\n\t\t\t})\n\t\t);\n\t})"
+   "parameters": [
+    {
+     "name": "el",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
   },
   {
    "kind": "field",
@@ -58,36 +63,27 @@ Code in this file were generated using following JSON:
    }
   }
  ],
- "attributes": [
-  {
-   "name": "menu-items",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "menuItems"
-  }
- ],
- "mixins": [
-  {
-   "name": "Localized",
-   "module": "/src/shared/patterns"
-  }
- ],
  "superclass": {
   "name": "VividElement",
   "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "platform-switch"
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
+import { registerPlatformSwitch } from '@vonage/vivid'
 
+registerPlatformSwitch('vvd3')
 
-const VwcMenubar = wrapper(`vvd3-menubar`,  {
+const VwcPlatformSwitch = wrapper(`vvd3-platform-switch`,  {
     events: [],
     attributes: [],
-    properties: ['menuItems', 'VIVID_VERSION', 'componentName']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
-VwcMenubar.displayName = 'VwcMenubar'
+VwcPlatformSwitch.displayName = 'VwcPlatformSwitch'
 
-export default VwcMenubar
+export default VwcPlatformSwitch

package/v3/VwcPlatformSwitch/package.json

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

package/v3/VwcPopover/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+/** VwcPopover
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/popover
+* @param {'default' | 'autocomplete'} kind
+* @param {number | undefined} offset
+* @param {boolean} anchorBlocksPopover
+* @param  onAnchorBlockPopoverChanged
+* @param {HTMLElement | undefined} anchorEl
+* @param {string | undefined} anchorId
+* @param {boolean} requestedOpenState
+* @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 VwcPopover: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "kind"?: "default" | "autocomplete";
+        "offset"?: number | undefined;
+        "anchorBlocksPopover"?: boolean;
+        "onAnchorBlockPopoverChanged"?: any;
+        "anchorEl"?: HTMLElement | undefined;
+        "anchorId"?: string | undefined;
+        "requestedOpenState"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcPopover;

package/v3/VwcPopover/index.js

@@ -0,0 +1,184 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Popover",
+ "members": [
+  {
+   "kind": "method",
+   "name": "setBlockPopover",
+   "static": true,
+   "parameters": [
+    {
+     "name": "onElement",
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "block",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "kind",
+   "type": {
+    "text": "'default' | 'autocomplete'"
+   },
+   "default": "'default'"
+  },
+  {
+   "kind": "field",
+   "name": "offset",
+   "type": {
+    "text": "number | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "anchorBlocksPopover",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "onAnchorBlockPopoverChanged"
+  },
+  {
+   "kind": "method",
+   "name": "dismiss",
+   "description": "Closes the popover. It reopens when anchorEl changes to a new element that does not block it."
+  },
+  {
+   "kind": "field",
+   "name": "anchorEl",
+   "type": {
+    "text": "HTMLElement | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "anchorElChanged",
+   "parameters": [
+    {
+     "name": "prev",
+     "optional": true,
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "next",
+     "optional": true,
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "anchorId",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "anchorIdChanged"
+  },
+  {
+   "kind": "method",
+   "name": "updateAnchor"
+  },
+  {
+   "kind": "field",
+   "name": "requestedOpenState",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "requestOpenState",
+   "parameters": [
+    {
+     "name": "open",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   }
+  },
+  {
+   "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"
+   }
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerPopover } from '@vonage/vivid'
+
+registerPopover('vvd3')
+
+const VwcPopover = wrapper(`vvd3-popover`,  {
+    events: [],
+    attributes: [],
+    properties: ['kind', 'offset', 'anchorBlocksPopover', 'onAnchorBlockPopoverChanged', 'anchorEl', 'anchorId', 'requestedOpenState', 'VIVID_VERSION', 'componentName']
+})
+
+VwcPopover.displayName = 'VwcPopover'
+
+export default VwcPopover

package/v3/VwcPopover/package.json

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

package/v3/VwcPopup/index.d.ts

@@ -20,24 +20,24 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcPopup: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        popupEl?: any;
-        arrowEl?: any;
-        open?: boolean | undefined;
-        dismissible?: boolean | undefined;
-        arrow?: boolean | undefined;
-        alternate?: boolean | undefined;
-        placement?: any;
-        placementStrategy?: any;
-        animationFrame?: boolean | undefined;
-        strategy?: any;
-        offset?: number | undefined;
-        anchor?: 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;
+        "popupEl"?: any;
+        "arrowEl"?: any;
+        "open"?: boolean;
+        "dismissible"?: boolean;
+        "arrow"?: boolean;
+        "alternate"?: boolean;
+        "placement"?: any;
+        "placementStrategy"?: any;
+        "animationFrame"?: boolean;
+        "strategy"?: any;
+        "offset"?: number | null;
+        "anchor"?: HTMLElement | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcPopup/index.js

@@ -364,7 +364,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 { registerPopup } from '@vonage/vivid'
 
 registerPopup('vvd3')