@vonage/vivid-react 0.0.1 → 2.10.47

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

package/VwcKeypad/index.js

@@ -0,0 +1,176 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-keypad",
+ "path": "./../node_modules/@vonage/vwc-keypad/src/vwc-keypad.ts",
+ "attributes": [
+  {
+   "name": "no-asterisk",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "no-hash",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "no-display",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "actionText",
+   "type": "string",
+   "default": "\"Enter\""
+  },
+  {
+   "name": "cancelText",
+   "type": "string",
+   "default": "\"Cancel\""
+  },
+  {
+   "name": "digits",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "currentPosition",
+   "type": "number",
+   "default": "0"
+  },
+  {
+   "name": "actionStarted",
+   "type": "boolean",
+   "default": "false"
+  }
+ ],
+ "properties": [
+  {
+   "name": "noAsterisk",
+   "attribute": "no-asterisk",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "noHash",
+   "attribute": "no-hash",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "noDisplay",
+   "attribute": "no-display",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "actionText",
+   "attribute": "actionText",
+   "type": "string",
+   "default": "\"Enter\"",
+   "bindable": false
+  },
+  {
+   "name": "cancelText",
+   "attribute": "cancelText",
+   "type": "string",
+   "default": "\"Cancel\"",
+   "bindable": false
+  },
+  {
+   "name": "digits",
+   "attribute": "digits",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "currentPosition",
+   "attribute": "currentPosition",
+   "type": "number",
+   "default": "0",
+   "bindable": false
+  },
+  {
+   "name": "digitsDisplay",
+   "type": "HTMLTextAreaElement"
+  },
+  {
+   "name": "actionStarted",
+   "attribute": "actionStarted",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "digit-added"
+  },
+  {
+   "name": "digits-sent"
+  },
+  {
+   "name": "action-ended"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+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 />
+*/
+const VwcKeypad = wrapper('vwc-keypad',  {
+    events: [{"name":"action-ended"},{"name":"digits-sent"},{"name":"digit-added"}],
+    attributes: [],
+    properties: []
+});
+
+VwcKeypad.propTypes = {
+  onDigitAdded: PropTypes.func,
+  onDigitsSent: PropTypes.func,
+  onActionEnded: PropTypes.func,
+  noAsterisk: PropTypes.bool/* default: false *//* attribute: no-asterisk */,
+  noHash: PropTypes.bool/* default: false *//* attribute: no-hash */,
+  noDisplay: PropTypes.bool/* default: false *//* attribute: no-display */,
+  actionText: PropTypes.string/* default: "Enter" *//* attribute: actionText */,
+  cancelText: PropTypes.string/* default: "Cancel" *//* attribute: cancelText */,
+  digits: PropTypes.string/* default: "" *//* attribute: digits */,
+  currentPosition: PropTypes.number/* default: 0 *//* attribute: currentPosition */,
+  actionStarted: PropTypes.bool/* default: false *//* attribute: actionStarted */
+}
+
+VwcKeypad.defaultProps = {
+  noAsterisk: false,
+  noHash: false,
+  noDisplay: false,
+  actionText: "Enter",
+  cancelText: "Cancel",
+  digits: "",
+  currentPosition: 0,
+  actionStarted: false
+}
+
+VwcKeypad.displayName = 'VwcKeypad'
+
+
+
+export default VwcKeypad

package/VwcKeypad/package.json

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