@vonage/vivid-react 0.0.1 → 2.10.47

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.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-snackbar": "2.37.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.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-surface": "2.37.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;

package/VwcSwitch/index.js

@@ -0,0 +1,114 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-switch",
+ "path": "./../node_modules/@vonage/vwc-switch/src/vwc-switch.ts",
+ "description": "This component is an extension of [<mwc-switch>](https://github.com/material-components/material-components-web-components/tree/master/packages/switch)",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "SwitchConnotation | undefined"
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "SwitchConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "attribute": "enlarged",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "checked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "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<Ripple | null>"
+  }
+ ],
+ "events": [
+  "change"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+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  
+*/
+const VwcSwitch = wrapper('vwc-switch',  {
+    events: [{"name":"change","propName":"onChange"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSwitch.propTypes = {
+  onChange: PropTypes.func,
+  connotation: PropTypes.any /* SwitchConnotation | undefined *//* attribute: connotation */,
+  enlarged: PropTypes.bool/* default: false *//* attribute: enlarged */,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcSwitch.defaultProps = {
+  enlarged: false
+}
+
+VwcSwitch.displayName = 'VwcSwitch'
+
+
+
+export default VwcSwitch

package/VwcSwitch/package.json

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

package/VwcTab/index.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-tab-bar';
+import '@vonage/vwc-tab-bar/vwc-tab';
+/**
+* @param {boolean} disabled
+* @param {boolean} block
+* @param {boolean} trailingIcon
+* @param {ShadowRootInit} shadowRootOptions
+* @param {string} label
+* @param {string} icon
+* @param {boolean} hasImageIcon
+* @param {boolean} isFadingIndicator
+* @param {boolean} minWidth
+* @param {boolean} isMinWidthIndicator
+* @param {string} indicatorIcon
+* @param {boolean} stacked
+* @param {boolean} focusOnActivate
+*/
+declare const VwcTab: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onInteracted?: ((event: SyntheticEvent) => void) | undefined;
+    disabled?: boolean | undefined;
+    block?: boolean | undefined;
+    trailingIcon?: boolean | undefined;
+    shadowRootOptions?: any;
+    label?: string | undefined;
+    icon?: string | undefined;
+    hasImageIcon?: boolean | undefined;
+    isFadingIndicator?: boolean | undefined;
+    minWidth?: boolean | undefined;
+    isMinWidthIndicator?: boolean | undefined;
+    indicatorIcon?: string | undefined;
+    stacked?: boolean | undefined;
+    focusOnActivate?: boolean | undefined;
+}) => JSX.Element;
+export default VwcTab;