@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcTab/index.js

@@ -0,0 +1,151 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tab",
+ "path": "./../node_modules/@vonage/vwc-tab-bar/vwc-tab.d.ts",
+ "properties": [
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "block",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "trailingIcon",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "hasImageIcon",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "isFadingIndicator",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "minWidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "isMinWidthIndicator",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "active",
+   "type": "boolean"
+  },
+  {
+   "name": "indicatorIcon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "stacked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "focusOnActivate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  },
+  {
+   "name": "isRippleActive"
+  }
+ ],
+ "events": [
+  {
+   "name": "MDCTab:interacted",
+   "propName": "onInteracted"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+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  
+*/
+const VwcTab = wrapper('vwc-tab',  {
+    events: [{"name":"MDCTab:interacted","propName":"onInteracted"}],
+    attributes: [],
+    properties: []
+});
+
+VwcTab.propTypes = {
+  onInteracted: PropTypes.func,
+  disabled: PropTypes.bool,
+  block: PropTypes.bool,
+  trailingIcon: PropTypes.bool,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
+  label: PropTypes.string,
+  icon: PropTypes.string,
+  hasImageIcon: PropTypes.bool,
+  isFadingIndicator: PropTypes.bool,
+  minWidth: PropTypes.bool,
+  isMinWidthIndicator: PropTypes.bool,
+  indicatorIcon: PropTypes.string,
+  stacked: PropTypes.bool,
+  focusOnActivate: PropTypes.bool
+}
+
+VwcTab.defaultProps = {
+
+}
+
+VwcTab.displayName = 'VwcTab'
+
+
+
+export default VwcTab

package/VwcTab/package.json

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

package/VwcTabBar/index.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-tab-bar';
+/**
+* @param {number} activeIndex
+*/
+declare const VwcTabBar: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onActivated?: ((event: SyntheticEvent) => void) | undefined;
+    activeIndex?: number | undefined;
+}) => JSX.Element;
+export default VwcTabBar;

package/VwcTabBar/index.js

@@ -0,0 +1,55 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tab-bar",
+ "path": "./../node_modules/@vonage/vwc-tab-bar/vwc-tab-bar.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "activeIndex",
+   "type": "number",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "MDCTabBar:activated",
+   "propName": "onActivated"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-tab-bar'
+
+
+/**  
+* @param {number} activeIndex  
+*/
+const VwcTabBar = wrapper('vwc-tab-bar',  {
+    events: [{"name":"MDCTabBar:activated","propName":"onActivated"}],
+    attributes: [],
+    properties: []
+});
+
+VwcTabBar.propTypes = {
+  onActivated: PropTypes.func,
+  activeIndex: PropTypes.number
+}
+
+VwcTabBar.defaultProps = {
+
+}
+
+VwcTabBar.displayName = 'VwcTabBar'
+
+
+
+export default VwcTabBar

package/VwcTabBar/package.json

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

package/VwcTag/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-tags/vwc-tag';
+/**
+* @param {CSSResult} styles
+* @param {Promise<Ripple | null>} ripple
+* @param {HTMLElement} selectableElement
+* @param {string | undefined} text
+* @param {boolean} selected
+* @param {TagConnotation | undefined} connotation
+* @param {TagShape | undefined} shape
+* @param {TagLayout | undefined} layout
+* @param {boolean} selectable
+* @param {boolean} removable
+* @param {boolean} removeEventOnly
+*/
+declare const VwcTag: (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;
+    ripple?: any;
+    selectableElement?: any;
+    text?: string | undefined;
+    selected?: boolean | undefined;
+    connotation?: any;
+    shape?: any;
+    layout?: any;
+    selectable?: boolean | undefined;
+    removable?: boolean | undefined;
+    removeEventOnly?: boolean | undefined;
+}) => JSX.Element;
+export default VwcTag;

package/VwcTag/index.js

@@ -0,0 +1,115 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-tag",
+ "path": "./../node_modules/@vonage/vwc-tags/vwc-tag.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>",
+   "bindable": false
+  },
+  {
+   "name": "selectableElement",
+   "type": "HTMLElement",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "selected",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "TagConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "TagShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "layout",
+   "type": "TagLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "selectable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "removable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "removeEventOnly",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-tags/vwc-tag'
+
+
+/**  
+* @param {CSSResult} styles  
+* @param {Promise<Ripple | null>} ripple  
+* @param {HTMLElement} selectableElement  
+* @param {string | undefined} text  
+* @param {boolean} selected  
+* @param {TagConnotation | undefined} connotation  
+* @param {TagShape | undefined} shape  
+* @param {TagLayout | undefined} layout  
+* @param {boolean} selectable  
+* @param {boolean} removable  
+* @param {boolean} removeEventOnly  
+*/
+const VwcTag = wrapper('vwc-tag',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcTag.propTypes = {
+  styles: PropTypes.any /* CSSResult */,
+  ripple: PropTypes.any /* Promise<Ripple | null> */,
+  selectableElement: PropTypes.any /* HTMLElement */,
+  text: PropTypes.string,
+  selected: PropTypes.bool,
+  connotation: PropTypes.any /* TagConnotation | undefined */,
+  shape: PropTypes.any /* TagShape | undefined */,
+  layout: PropTypes.any /* TagLayout | undefined */,
+  selectable: PropTypes.bool,
+  removable: PropTypes.bool,
+  removeEventOnly: PropTypes.bool
+}
+
+VwcTag.defaultProps = {
+
+}
+
+VwcTag.displayName = 'VwcTag'
+
+
+
+export default VwcTag

package/VwcTag/package.json

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

package/VwcText/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-text';
+/**
+* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
+* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
+* @param {boolean} tight  attribute: <VwcText tight />
+*/
+declare const VwcText: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    fontFace?: any;
+    connotation?: any;
+    tight?: boolean | undefined;
+}) => JSX.Element;
+export default VwcText;

package/VwcText/index.js

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

package/VwcText/package.json

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

package/VwcTextarea/index.d.ts

@@ -0,0 +1,93 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-textarea';
+/**
+* @param {boolean} dense
+* @param {boolean} resizable
+* @param {string | undefined} form
+* @param {number} rows
+* @param {number} cols
+* @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 {boolean} willValidate
+* @param {number | null} selectionStart
+* @param {number | null} selectionEnd
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcTextarea: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onInput?: ((event: SyntheticEvent) => void) | undefined;
+    onBlur?: ((event: SyntheticEvent) => void) | undefined;
+    onFocus?: ((event: SyntheticEvent) => void) | undefined;
+    dense?: boolean | undefined;
+    resizable?: boolean | undefined;
+    form?: string | undefined;
+    rows?: number | undefined;
+    cols?: number | undefined;
+    value?: string | undefined;
+    type?: any;
+    placeholder?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    iconTrailing?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+    outlined?: boolean | undefined;
+    helper?: string | undefined;
+    validateOnInitialRender?: boolean | undefined;
+    validationMessage?: string | undefined;
+    autoValidate?: boolean | undefined;
+    pattern?: string | undefined;
+    min?: string | number | undefined;
+    max?: string | number | undefined;
+    step?: number | undefined;
+    size?: number | undefined;
+    helperPersistent?: boolean | undefined;
+    charCounter?: any;
+    endAligned?: boolean | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    name?: string | undefined;
+    inputMode?: any;
+    readOnly?: boolean | undefined;
+    autocapitalize?: string | undefined;
+    willValidate?: boolean | undefined;
+    selectionStart?: number | undefined;
+    selectionEnd?: number | undefined;
+    validityTransform?: any;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcTextarea;