@vonage/vivid-react 2.10.58 → 2.10.60

package/VwcSlider/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-slider';
+/** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)
+* @param {number} min
+* @param {number} max
+* @param {number} value
+* @param {number} step
+* @param {boolean} disabled
+* @param {boolean} pin
+* @param {boolean} markers
+* @param {string | undefined} ariaLabel
+* @param {string | undefined} ariaLabelledBy
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcSlider: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onChange?: ((event: SyntheticEvent) => void) | undefined;
+    onInput?: ((event: SyntheticEvent) => void) | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    value?: number | undefined;
+    step?: number | undefined;
+    disabled?: boolean | undefined;
+    pin?: boolean | undefined;
+    markers?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledBy?: string | undefined;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcSlider;

package/VwcSlider/index.js

@@ -0,0 +1,129 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-slider",
+ "path": "./../node_modules/@vonage/vwc-slider/src/vwc-slider.ts",
+ "description": "This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "min",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "max",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "step",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "pin",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "markers",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelledBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<RippleInterface | null> | undefined"
+  }
+ ],
+ "events": [
+  {
+   "name": "change"
+  },
+  {
+   "name": "input"
+  },
+  "change"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-slider'
+
+
+/** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider) 
+* @param {number} min  
+* @param {number} max  
+* @param {number} value  
+* @param {number} step  
+* @param {boolean} disabled  
+* @param {boolean} pin  
+* @param {boolean} markers  
+* @param {string | undefined} ariaLabel  
+* @param {string | undefined} ariaLabelledBy  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcSlider = wrapper('vwc-slider',  {
+    events: [{"name":"change","propName":"onChange"},{"name":"input"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSlider.propTypes = {
+  onChange: PropTypes.func,
+  onInput: PropTypes.func,
+  onChange: PropTypes.func,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  value: PropTypes.number,
+  step: PropTypes.number,
+  disabled: PropTypes.bool,
+  pin: PropTypes.bool,
+  markers: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcSlider.defaultProps = {
+
+}
+
+VwcSlider.displayName = 'VwcSlider'
+
+
+
+export default VwcSlider

package/VwcSlider/package.json

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

package/VwcSnackbar/index.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-snackbar';
+/**
+* @param {boolean} legacy
+* @param {"TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END"} position
+* @param {SnackbarConnotation | undefined} connotation
+* @param {string | undefined} icon
+* @param {string | undefined} header
+* @param {string} message
+* @param {boolean | undefined} dismissible
+* @param {boolean} open
+* @param {number} timeoutMs
+* @param {boolean} closeOnEscape
+* @param {string} labelText
+* @param {boolean} stacked
+* @param {boolean} leading
+*/
+declare const VwcSnackbar: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onOpening?: ((event: SyntheticEvent) => void) | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    onClosing?: ((event: SyntheticEvent) => void) | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    legacy?: boolean | undefined;
+    position?: "TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END" | undefined;
+    connotation?: any;
+    icon?: string | undefined;
+    header?: string | undefined;
+    message?: string | undefined;
+    dismissible?: any;
+    open?: boolean | undefined;
+    timeoutMs?: number | undefined;
+    closeOnEscape?: boolean | undefined;
+    labelText?: string | undefined;
+    stacked?: boolean | undefined;
+    leading?: boolean | undefined;
+}) => JSX.Element;
+export default VwcSnackbar;

package/VwcSnackbar/index.js

@@ -0,0 +1,138 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-snackbar",
+ "path": "./../node_modules/@vonage/vwc-snackbar/vwc-snackbar.d.ts",
+ "properties": [
+  {
+   "name": "legacy",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "position",
+   "type": "\"TOP-START\" | \"TOP-CENTER\" | \"TOP-END\" | \"BOTTOM-START\" | \"BOTTOM-CENTER\" | \"BOTTOM-END\"",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "SnackbarConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "header",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "message",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "dismissible",
+   "type": "boolean | undefined",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "timeoutMs",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "closeOnEscape",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "labelText",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "stacked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "leading",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": [
+  "opening",
+  "opened",
+  "closing",
+  "closed"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-snackbar'
+
+
+/**  
+* @param {boolean} legacy  
+* @param {"TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END"} position  
+* @param {SnackbarConnotation | undefined} connotation  
+* @param {string | undefined} icon  
+* @param {string | undefined} header  
+* @param {string} message  
+* @param {boolean | undefined} dismissible  
+* @param {boolean} open  
+* @param {number} timeoutMs  
+* @param {boolean} closeOnEscape  
+* @param {string} labelText  
+* @param {boolean} stacked  
+* @param {boolean} leading  
+*/
+const VwcSnackbar = wrapper('vwc-snackbar',  {
+    events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSnackbar.propTypes = {
+  onOpening: PropTypes.func,
+  onOpened: PropTypes.func,
+  onClosing: PropTypes.func,
+  onClosed: PropTypes.func,
+  legacy: PropTypes.bool,
+  position: PropTypes.oneOf(["TOP-START","TOP-CENTER","TOP-END","BOTTOM-START","BOTTOM-CENTER","BOTTOM-END"]),
+  connotation: PropTypes.any /* SnackbarConnotation | undefined */,
+  icon: PropTypes.string,
+  header: PropTypes.string,
+  message: PropTypes.string,
+  dismissible: PropTypes.any /* boolean | undefined */,
+  open: PropTypes.bool,
+  timeoutMs: PropTypes.number,
+  closeOnEscape: PropTypes.bool,
+  labelText: PropTypes.string,
+  stacked: PropTypes.bool,
+  leading: PropTypes.bool
+}
+
+VwcSnackbar.defaultProps = {
+
+}
+
+VwcSnackbar.displayName = 'VwcSnackbar'
+
+
+
+export default VwcSnackbar

package/VwcSnackbar/package.json

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

package/VwcSurface/index.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-surface';
+/**
+* @param {HTMLSlotElement | null} slotElement
+* @param {boolean} absolute
+* @param {boolean} fullwidth
+* @param {boolean} fixed
+* @param {number | null} x
+* @param {number | null} y
+* @param {boolean} quick
+* @param {boolean} open
+* @param {boolean} stayOpenOnBodyClick
+* @param {MenuCorner} menuCorner
+* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
+* @param {HTMLElement | null} anchor
+* @param {HTMLDivElement} mdcRoot - Root element for MDC Foundation usage.
+
+Define in your component with the `@query` decorator
+*/
+declare const VwcSurface: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    slotElement?: any;
+    absolute?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    fixed?: boolean | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+    quick?: boolean | undefined;
+    open?: boolean | undefined;
+    stayOpenOnBodyClick?: boolean | undefined;
+    menuCorner?: any;
+    corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
+    anchor?: any;
+    mdcRoot?: any;
+}) => JSX.Element;
+export default VwcSurface;

package/VwcSurface/index.js

@@ -0,0 +1,145 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-surface",
+ "path": "./../node_modules/@vonage/vwc-surface/vwc-surface.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "slotElement",
+   "type": "HTMLSlotElement | null",
+   "bindable": false
+  },
+  {
+   "name": "absolute",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "fullwidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "fixed",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "x",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "y",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "quick",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "stayOpenOnBodyClick",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "menuCorner",
+   "type": "MenuCorner",
+   "bindable": false
+  },
+  {
+   "name": "corner",
+   "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
+   "bindable": false
+  },
+  {
+   "name": "anchor",
+   "type": "HTMLElement | null",
+   "bindable": false
+  },
+  {
+   "name": "mdcRoot",
+   "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
+   "type": "HTMLDivElement",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "opened"
+  },
+  {
+   "name": "closed"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-surface'
+
+
+/**  
+* @param {HTMLSlotElement | null} slotElement  
+* @param {boolean} absolute  
+* @param {boolean} fullwidth  
+* @param {boolean} fixed  
+* @param {number | null} x  
+* @param {number | null} y  
+* @param {boolean} quick  
+* @param {boolean} open  
+* @param {boolean} stayOpenOnBodyClick  
+* @param {MenuCorner} menuCorner  
+* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner  
+* @param {HTMLElement | null} anchor  
+* @param {HTMLDivElement} mdcRoot - Root element for MDC Foundation usage.
+
+Define in your component with the `@query` decorator 
+*/
+const VwcSurface = wrapper('vwc-surface',  {
+    events: [{"name":"closed"},{"name":"opened"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSurface.propTypes = {
+  onOpened: PropTypes.func,
+  onClosed: PropTypes.func,
+  slotElement: PropTypes.any /* HTMLSlotElement | null */,
+  absolute: PropTypes.bool,
+  fullwidth: PropTypes.bool,
+  fixed: PropTypes.bool,
+  x: PropTypes.number,
+  y: PropTypes.number,
+  quick: PropTypes.bool,
+  open: PropTypes.bool,
+  stayOpenOnBodyClick: PropTypes.bool,
+  menuCorner: PropTypes.any /* MenuCorner */,
+  corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
+  anchor: PropTypes.any /* HTMLElement | null */,
+  mdcRoot: PropTypes.any /* HTMLDivElement */
+}
+
+VwcSurface.defaultProps = {
+
+}
+
+VwcSurface.displayName = 'VwcSurface'
+
+
+
+export default VwcSurface

package/VwcSurface/package.json

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

package/VwcSwitch/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-switch';
+/** This component is an extension of [<mwc-switch>](https://github.com/material-components/material-components-web-components/tree/master/packages/switch)
+* @param {SwitchConnotation | undefined} connotation  attribute: &lt;VwcSwitch connotation />
+* @param {boolean} enlarged  attribute: &lt;VwcSwitch enlarged />
+* @param {boolean} checked
+* @param {boolean} disabled
+* @param {string | undefined} ariaLabel
+* @param {string | undefined} ariaLabelledBy
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcSwitch: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onChange?: ((event: SyntheticEvent) => void) | undefined;
+    connotation?: any;
+    enlarged?: boolean | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledBy?: string | undefined;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcSwitch;