@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcTextfield/index.js

@@ -0,0 +1,329 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-textfield",
+ "path": "./../node_modules/@vonage/vwc-textfield/vwc-textfield.d.ts",
+ "properties": [
+  {
+   "name": "noActionsSync",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "TextfieldShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "autocomplete",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "form",
+   "type": "string | undefined",
+   "bindable": true
+  },
+  {
+   "name": "appearance",
+   "type": "TextfieldLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "type": "TextFieldType",
+   "bindable": false
+  },
+  {
+   "name": "placeholder",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "iconTrailing",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "required",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "minLength",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "maxLength",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "outlined",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "helper",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validateOnInitialRender",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "validationMessage",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "autoValidate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "pattern",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "min",
+   "type": "string | number",
+   "bindable": false
+  },
+  {
+   "name": "max",
+   "type": "string | number",
+   "bindable": false
+  },
+  {
+   "name": "step",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "size",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "helperPersistent",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "charCounter",
+   "type": "boolean | TextAreaCharCounter",
+   "bindable": false
+  },
+  {
+   "name": "endAligned",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "prefix",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "suffix",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "name",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "inputMode",
+   "type": "TextFieldInputMode",
+   "bindable": false
+  },
+  {
+   "name": "readOnly",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "autocapitalize",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validity",
+   "type": "ValidityState"
+  },
+  {
+   "name": "willValidate",
+   "type": "boolean"
+  },
+  {
+   "name": "selectionStart",
+   "type": "number | null"
+  },
+  {
+   "name": "selectionEnd",
+   "type": "number | null"
+  },
+  {
+   "name": "validityTransform",
+   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
+   "bindable": true
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<RippleInterface | null> | undefined"
+  }
+ ],
+ "events": [
+  "input",
+  "blur",
+  "focus"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-textfield'
+
+
+/**  
+* @param {boolean} noActionsSync  
+* @param {boolean} dense  
+* @param {TextfieldShape | undefined} shape  
+* @param {string | undefined} autocomplete  
+* @param {string | undefined} form  
+* @param {TextfieldLayout | undefined} appearance  
+* @param {string} value  
+* @param {TextFieldType} type  
+* @param {string} placeholder  
+* @param {string} label  
+* @param {string} icon  
+* @param {string} iconTrailing  
+* @param {boolean} disabled  
+* @param {boolean} required  
+* @param {number} minLength  
+* @param {number} maxLength  
+* @param {boolean} outlined  
+* @param {string} helper  
+* @param {boolean} validateOnInitialRender  
+* @param {string} validationMessage  
+* @param {boolean} autoValidate  
+* @param {string} pattern  
+* @param {string | number} min  
+* @param {string | number} max  
+* @param {number | null} step  
+* @param {number | null} size  
+* @param {boolean} helperPersistent  
+* @param {boolean | TextAreaCharCounter} charCounter  
+* @param {boolean} endAligned  
+* @param {string} prefix  
+* @param {string} suffix  
+* @param {string} name  
+* @param {TextFieldInputMode} inputMode  
+* @param {boolean} readOnly  
+* @param {string} autocapitalize  
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcTextfield = wrapper('vwc-textfield',  {
+    events: [{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"}],
+    attributes: [],
+    properties: ["form","validityTransform"]
+});
+
+VwcTextfield.propTypes = {
+  onInput: PropTypes.func,
+  onBlur: PropTypes.func,
+  onFocus: PropTypes.func,
+  noActionsSync: PropTypes.bool,
+  dense: PropTypes.bool,
+  shape: PropTypes.any /* TextfieldShape | undefined */,
+  autocomplete: PropTypes.string,
+  form: PropTypes.string,
+  appearance: PropTypes.any /* TextfieldLayout | undefined */,
+  value: PropTypes.string,
+  type: PropTypes.any /* TextFieldType */,
+  placeholder: PropTypes.string,
+  label: PropTypes.string,
+  icon: PropTypes.string,
+  iconTrailing: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  minLength: PropTypes.number,
+  maxLength: PropTypes.number,
+  outlined: PropTypes.bool,
+  helper: PropTypes.string,
+  validateOnInitialRender: PropTypes.bool,
+  validationMessage: PropTypes.string,
+  autoValidate: PropTypes.bool,
+  pattern: PropTypes.string,
+  min: PropTypes.any /* string | number */,
+  max: PropTypes.any /* string | number */,
+  step: PropTypes.number,
+  size: PropTypes.number,
+  helperPersistent: PropTypes.bool,
+  charCounter: PropTypes.any /* boolean | TextAreaCharCounter */,
+  endAligned: PropTypes.bool,
+  prefix: PropTypes.string,
+  suffix: PropTypes.string,
+  name: PropTypes.string,
+  inputMode: PropTypes.any /* TextFieldInputMode */,
+  readOnly: PropTypes.bool,
+  autocapitalize: PropTypes.string,
+  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcTextfield.defaultProps = {
+
+}
+
+VwcTextfield.displayName = 'VwcTextfield'
+
+
+
+export default VwcTextfield

package/VwcTextfield/package.json

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

package/VwcThemeSwitch/index.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-theme-switch';
+/**
+* @param {SchemeOption | undefined} scheme  attribute: <VwcThemeSwitch scheme />
+*/
+declare const VwcThemeSwitch: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    scheme?: any;
+}) => JSX.Element;
+export default VwcThemeSwitch;

package/VwcThemeSwitch/index.js

@@ -0,0 +1,57 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-theme-switch",
+ "path": "./../node_modules/@vonage/vwc-theme-switch/src/vwc-theme-switch.ts",
+ "attributes": [
+  {
+   "name": "scheme",
+   "type": "SchemeOption | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "scheme",
+   "attribute": "scheme",
+   "type": "SchemeOption | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-theme-switch'
+
+
+/**  
+* @param {SchemeOption | undefined} scheme  attribute: <VwcThemeSwitch scheme />
+*/
+const VwcThemeSwitch = wrapper('vwc-theme-switch',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcThemeSwitch.propTypes = {
+  scheme: PropTypes.any /* SchemeOption | undefined *//* attribute: scheme */
+}
+
+VwcThemeSwitch.defaultProps = {
+
+}
+
+VwcThemeSwitch.displayName = 'VwcThemeSwitch'
+
+
+
+export default VwcThemeSwitch

package/VwcThemeSwitch/package.json

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

package/VwcTooltip/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-tooltip';
+/**
+* @param {CSSResult} styles
+* @param {string} text  attribute: <VwcTooltip text />
+* @param {Placement | undefined} corner  attribute: <VwcTooltip corner />
+* @param {boolean} open  attribute: <VwcTooltip open />
+* @param {string} anchor  attribute: <VwcTooltip anchor />
+*/
+declare const VwcTooltip: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    styles?: any;
+    text?: string | undefined;
+    corner?: any;
+    open?: boolean | undefined;
+    anchor?: string | undefined;
+}) => JSX.Element;
+export default VwcTooltip;

package/VwcTooltip/index.js

@@ -0,0 +1,105 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tooltip",
+ "path": "./../node_modules/@vonage/vwc-tooltip/src/vwc-tooltip.ts",
+ "attributes": [
+  {
+   "name": "text",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "corner",
+   "type": "Placement | undefined"
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "anchor",
+   "type": "string",
+   "default": "\"\""
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\"",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "attribute": "text",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "corner",
+   "attribute": "corner",
+   "type": "Placement | undefined",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "attribute": "open",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "anchor",
+   "attribute": "anchor",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-tooltip'
+
+
+/**  
+* @param {CSSResult} styles  
+* @param {string} text  attribute: <VwcTooltip text />
+* @param {Placement | undefined} corner  attribute: <VwcTooltip corner />
+* @param {boolean} open  attribute: <VwcTooltip open />
+* @param {string} anchor  attribute: <VwcTooltip anchor />
+*/
+const VwcTooltip = wrapper('vwc-tooltip',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcTooltip.propTypes = {
+  styles: PropTypes.any /* CSSResult *//* default: "style" */,
+  text: PropTypes.string/* default: "" *//* attribute: text */,
+  corner: PropTypes.any /* Placement | undefined *//* attribute: corner */,
+  open: PropTypes.bool/* default: false *//* attribute: open */,
+  anchor: PropTypes.string/* default: "" *//* attribute: anchor */
+}
+
+VwcTooltip.defaultProps = {
+  styles: "style",
+  text: "",
+  open: false,
+  anchor: ""
+}
+
+VwcTooltip.displayName = 'VwcTooltip'
+
+
+
+export default VwcTooltip

package/VwcTooltip/package.json

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

package/VwcTopAppBar/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-top-app-bar';
+/**
+* @param {boolean} alternate
+* @param {boolean} prominent
+* @param {boolean} dense
+* @param {boolean} centerTitle
+* @param {HTMLElement | Window} scrollTarget
+*/
+declare const VwcTopAppBar: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    alternate?: boolean | undefined;
+    prominent?: boolean | undefined;
+    dense?: boolean | undefined;
+    centerTitle?: boolean | undefined;
+    scrollTarget?: any;
+}) => JSX.Element;
+export default VwcTopAppBar;

package/VwcTopAppBar/index.js

@@ -0,0 +1,77 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-top-app-bar",
+ "path": "./../node_modules/@vonage/vwc-top-app-bar/vwc-top-app-bar.d.ts",
+ "properties": [
+  {
+   "name": "alternate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "prominent",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "centerTitle",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "scrollTarget",
+   "type": "HTMLElement | Window",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-top-app-bar'
+
+
+/**  
+* @param {boolean} alternate  
+* @param {boolean} prominent  
+* @param {boolean} dense  
+* @param {boolean} centerTitle  
+* @param {HTMLElement | Window} scrollTarget  
+*/
+const VwcTopAppBar = wrapper('vwc-top-app-bar',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcTopAppBar.propTypes = {
+  alternate: PropTypes.bool,
+  prominent: PropTypes.bool,
+  dense: PropTypes.bool,
+  centerTitle: PropTypes.bool,
+  scrollTarget: PropTypes.any /* HTMLElement | Window */
+}
+
+VwcTopAppBar.defaultProps = {
+
+}
+
+VwcTopAppBar.displayName = 'VwcTopAppBar'
+
+
+
+export default VwcTopAppBar

package/VwcTopAppBar/package.json

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

package/VwcTopAppBarFixed/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-top-app-bar-fixed';
+/** This component is an extension of [<mwc-top-app-bar-fixed>](https://github.com/material-components/material-components-web-components/tree/master/packages/top-app-bar-fixed)
+* @param {boolean} alternate  attribute: &lt;VwcTopAppBarFixed alternate />
+* @param {boolean} prominent
+* @param {boolean} dense
+* @param {boolean} centerTitle
+* @param {HTMLElement | Window} scrollTarget
+*/
+declare const VwcTopAppBarFixed: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    alternate?: boolean | undefined;
+    prominent?: boolean | undefined;
+    dense?: boolean | undefined;
+    centerTitle?: boolean | undefined;
+    scrollTarget?: any;
+}) => JSX.Element;
+export default VwcTopAppBarFixed;