@vonage/vivid-react 2.10.58 → 2.10.59

package/VwcFormfield/index.js

@@ -0,0 +1,70 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-formfield",
+ "path": "./../node_modules/@vonage/vwc-formfield/src/vwc-formfield.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "alignEnd",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "spaceBetween",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "nowrap",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-formfield'
+
+
+/**  
+* @param {boolean} alignEnd  
+* @param {boolean} spaceBetween  
+* @param {boolean} nowrap  
+* @param {string} label  
+*/
+const VwcFormfield = wrapper('vwc-formfield',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcFormfield.propTypes = {
+  alignEnd: PropTypes.bool,
+  spaceBetween: PropTypes.bool,
+  nowrap: PropTypes.bool,
+  label: PropTypes.string
+}
+
+VwcFormfield.defaultProps = {
+
+}
+
+VwcFormfield.displayName = 'VwcFormfield'
+
+
+
+export default VwcFormfield

package/VwcFormfield/package.json

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

package/VwcHelperMessage/index.d.ts

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

package/VwcHelperMessage/index.js

@@ -0,0 +1,49 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-helper-message",
+ "path": "./../node_modules/@vonage/vwc-helper-message/vwc-helper-message.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "isError",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-helper-message'
+
+
+/**  
+* @param {boolean} isError  
+*/
+const VwcHelperMessage = wrapper('vwc-helper-message',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcHelperMessage.propTypes = {
+  isError: PropTypes.bool
+}
+
+VwcHelperMessage.defaultProps = {
+
+}
+
+VwcHelperMessage.displayName = 'VwcHelperMessage'
+
+
+
+export default VwcHelperMessage

package/VwcHelperMessage/package.json

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

package/VwcIcon/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-icon';
+/**
+* @param {IconConnotation | undefined} connotation  attribute: <VwcIcon connotation />
+* @param {string | undefined} type  attribute: <VwcIcon type />
+* @param {boolean | undefined} inline  attribute: <VwcIcon inline />
+* @param {IconSize | undefined} size  attribute: <VwcIcon size />
+* @param {string} ariaLabel  attribute: <VwcIcon aria-label />
+*/
+declare const VwcIcon: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    connotation?: any;
+    type?: string | undefined;
+    inline?: any;
+    size?: any;
+    ariaLabel?: string | undefined;
+}) => JSX.Element;
+export default VwcIcon;

package/VwcIcon/index.js

@@ -0,0 +1,102 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-icon",
+ "path": "./../node_modules/@vonage/vwc-icon/src/vwc-icon.ts",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "IconConnotation | undefined"
+  },
+  {
+   "name": "type",
+   "type": "string | undefined"
+  },
+  {
+   "name": "inline",
+   "type": "boolean | undefined"
+  },
+  {
+   "name": "size",
+   "type": "IconSize | undefined"
+  },
+  {
+   "name": "aria-label",
+   "type": "string",
+   "default": "\"\""
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "IconConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "attribute": "type",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "inline",
+   "attribute": "inline",
+   "type": "boolean | undefined",
+   "bindable": false
+  },
+  {
+   "name": "size",
+   "attribute": "size",
+   "type": "IconSize | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "attribute": "aria-label",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-icon'
+
+
+/**  
+* @param {IconConnotation | undefined} connotation  attribute: <VwcIcon connotation />
+* @param {string | undefined} type  attribute: <VwcIcon type />
+* @param {boolean | undefined} inline  attribute: <VwcIcon inline />
+* @param {IconSize | undefined} size  attribute: <VwcIcon size />
+* @param {string} ariaLabel  attribute: <VwcIcon aria-label />
+*/
+const VwcIcon = wrapper('vwc-icon',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcIcon.propTypes = {
+  connotation: PropTypes.any /* IconConnotation | undefined *//* attribute: connotation */,
+  type: PropTypes.string/* attribute: type */,
+  inline: PropTypes.any /* boolean | undefined *//* attribute: inline */,
+  size: PropTypes.any /* IconSize | undefined *//* attribute: size */,
+  ariaLabel: PropTypes.string/* default: "" *//* attribute: aria-label */
+}
+
+VwcIcon.defaultProps = {
+  ariaLabel: ""
+}
+
+VwcIcon.displayName = 'VwcIcon'
+
+
+
+export default VwcIcon

package/VwcIcon/package.json

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

package/VwcIconButton/index.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-icon-button';
+/**
+* @param {IconButtonLayout | undefined} layout
+* @param {IconButtonConnotation | undefined} connotation
+* @param {IconButtonShape | undefined} shape
+* @param {boolean} dense
+* @param {boolean} enlarged
+* @param {boolean} disabled
+* @param {string} icon
+* @param {string | undefined} ariaLabel
+* @param {string} value
+*/
+declare const VwcIconButton: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onClick?: ((event: SyntheticEvent) => void) | undefined;
+    layout?: any;
+    connotation?: any;
+    shape?: any;
+    dense?: boolean | undefined;
+    enlarged?: boolean | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    ariaLabel?: string | undefined;
+    value?: string | undefined;
+}) => JSX.Element;
+export default VwcIconButton;

package/VwcIconButton/index.js

@@ -0,0 +1,111 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-icon-button",
+ "path": "./../node_modules/@vonage/vwc-icon-button/vwc-icon-button.d.ts",
+ "properties": [
+  {
+   "name": "layout",
+   "type": "IconButtonLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "IconButtonConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "IconButtonShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "buttonElement",
+   "type": "HTMLElement"
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  }
+ ],
+ "events": [
+  "click"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-icon-button'
+
+
+/**  
+* @param {IconButtonLayout | undefined} layout  
+* @param {IconButtonConnotation | undefined} connotation  
+* @param {IconButtonShape | undefined} shape  
+* @param {boolean} dense  
+* @param {boolean} enlarged  
+* @param {boolean} disabled  
+* @param {string} icon  
+* @param {string | undefined} ariaLabel  
+* @param {string} value  
+*/
+const VwcIconButton = wrapper('vwc-icon-button',  {
+    events: [{"name":"click","propName":"onClick"}],
+    attributes: [],
+    properties: []
+});
+
+VwcIconButton.propTypes = {
+  onClick: PropTypes.func,
+  layout: PropTypes.any /* IconButtonLayout | undefined */,
+  connotation: PropTypes.any /* IconButtonConnotation | undefined */,
+  shape: PropTypes.any /* IconButtonShape | undefined */,
+  dense: PropTypes.bool,
+  enlarged: PropTypes.bool,
+  disabled: PropTypes.bool,
+  icon: PropTypes.string,
+  ariaLabel: PropTypes.string,
+  value: PropTypes.string
+}
+
+VwcIconButton.defaultProps = {
+
+}
+
+VwcIconButton.displayName = 'VwcIconButton'
+
+
+
+export default VwcIconButton

package/VwcIconButton/package.json

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

package/VwcIconButtonToggle/index.d.ts

@@ -0,0 +1,37 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-icon-button-toggle';
+/**
+* @param {IconButtonToggleLayout | undefined} layout
+* @param {IconButtonToggleConnotation | undefined} connotation
+* @param {IconButtonToggleShape | undefined} shape
+* @param {boolean} dense
+* @param {boolean} enlarged
+* @param {string | undefined} ariaLabel
+* @param {boolean} disabled
+* @param {string} onIcon
+* @param {string} offIcon
+* @param {string | undefined} ariaLabelOn
+* @param {string | undefined} ariaLabelOff
+* @param {boolean} on
+*/
+declare const VwcIconButtonToggle: (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;
+    layout?: any;
+    connotation?: any;
+    shape?: any;
+    dense?: boolean | undefined;
+    enlarged?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    disabled?: boolean | undefined;
+    onIcon?: string | undefined;
+    offIcon?: string | undefined;
+    ariaLabelOn?: string | undefined;
+    ariaLabelOff?: string | undefined;
+    on?: boolean | undefined;
+}) => JSX.Element;
+export default VwcIconButtonToggle;

package/VwcIconButtonToggle/index.js

@@ -0,0 +1,136 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-icon-button-toggle",
+ "path": "./../node_modules/@vonage/vwc-icon-button-toggle/vwc-icon-button-toggle.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "layout",
+   "type": "IconButtonToggleLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "IconButtonToggleConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "IconButtonToggleShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "onIcon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "offIcon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelOn",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelOff",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "on",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  }
+ ],
+ "events": [
+  {
+   "name": "MDCIconButtonToggle:change",
+   "propName": "onChange"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-icon-button-toggle'
+
+
+/**  
+* @param {IconButtonToggleLayout | undefined} layout  
+* @param {IconButtonToggleConnotation | undefined} connotation  
+* @param {IconButtonToggleShape | undefined} shape  
+* @param {boolean} dense  
+* @param {boolean} enlarged  
+* @param {string | undefined} ariaLabel  
+* @param {boolean} disabled  
+* @param {string} onIcon  
+* @param {string} offIcon  
+* @param {string | undefined} ariaLabelOn  
+* @param {string | undefined} ariaLabelOff  
+* @param {boolean} on  
+*/
+const VwcIconButtonToggle = wrapper('vwc-icon-button-toggle',  {
+    events: [{"name":"MDCIconButtonToggle:change","propName":"onChange"}],
+    attributes: [],
+    properties: []
+});
+
+VwcIconButtonToggle.propTypes = {
+  onChange: PropTypes.func,
+  layout: PropTypes.any /* IconButtonToggleLayout | undefined */,
+  connotation: PropTypes.any /* IconButtonToggleConnotation | undefined */,
+  shape: PropTypes.any /* IconButtonToggleShape | undefined */,
+  dense: PropTypes.bool,
+  enlarged: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  disabled: PropTypes.bool,
+  onIcon: PropTypes.string,
+  offIcon: PropTypes.string,
+  ariaLabelOn: PropTypes.string,
+  ariaLabelOff: PropTypes.string,
+  on: PropTypes.bool
+}
+
+VwcIconButtonToggle.defaultProps = {
+
+}
+
+VwcIconButtonToggle.displayName = 'VwcIconButtonToggle'
+
+
+
+export default VwcIconButtonToggle

package/VwcIconButtonToggle/package.json

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

package/VwcKeypad/index.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-keypad';
+/**
+* @param {boolean} noAsterisk  attribute: <VwcKeypad no-asterisk />
+* @param {boolean} noHash  attribute: <VwcKeypad no-hash />
+* @param {boolean} noDisplay  attribute: <VwcKeypad no-display />
+* @param {string} actionText  attribute: <VwcKeypad actionText />
+* @param {string} cancelText  attribute: <VwcKeypad cancelText />
+* @param {string} digits  attribute: <VwcKeypad digits />
+* @param {number} currentPosition  attribute: <VwcKeypad currentPosition />
+* @param {boolean} actionStarted  attribute: <VwcKeypad actionStarted />
+*/
+declare const VwcKeypad: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onDigitAdded?: ((event: SyntheticEvent) => void) | undefined;
+    onDigitsSent?: ((event: SyntheticEvent) => void) | undefined;
+    onActionEnded?: ((event: SyntheticEvent) => void) | undefined;
+    noAsterisk?: boolean | undefined;
+    noHash?: boolean | undefined;
+    noDisplay?: boolean | undefined;
+    actionText?: string | undefined;
+    cancelText?: string | undefined;
+    digits?: string | undefined;
+    currentPosition?: number | undefined;
+    actionStarted?: boolean | undefined;
+}) => JSX.Element;
+export default VwcKeypad;