@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcPagination/index.js

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

package/VwcPagination/package.json

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

package/VwcPopup/index.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-popup';
+/** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
+Popup's goal is to provide additional, helpful content.
+To trigger the Popup, it should be paired with an anchor (e.g., a button).
+* @param {CSSResult} styles
+* @param {boolean} open  attribute: <VwcPopup open />
+* @param {string} anchor  attribute: <VwcPopup anchor />
+* @param {boolean | undefined} dismissible  attribute: <VwcPopup dismissible />
+* @param {Placement} corner  attribute: <VwcPopup corner />
+* @param {Strategy} strategy  attribute: <VwcPopup strategy />
+* @param {boolean | undefined} arrow  attribute: <VwcPopup arrow />
+* @param {boolean | undefined} alternate  attribute: <VwcPopup alternate />
+*/
+declare const VwcPopup: (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;
+    open?: boolean | undefined;
+    anchor?: string | undefined;
+    dismissible?: any;
+    corner?: any;
+    strategy?: any;
+    arrow?: any;
+    alternate?: any;
+}) => JSX.Element;
+export default VwcPopup;

package/VwcPopup/index.js

@@ -0,0 +1,147 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-popup",
+ "path": "./../node_modules/@vonage/vwc-popup/src/vwc-popup.ts",
+ "description": "Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.\nPopup's goal is to provide additional, helpful content.   \nTo trigger the Popup, it should be paired with an anchor (e.g., a button).",
+ "attributes": [
+  {
+   "name": "open",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "anchor",
+   "type": "string",
+   "default": "\"\""
+  },
+  {
+   "name": "dismissible",
+   "type": "boolean | undefined"
+  },
+  {
+   "name": "corner",
+   "type": "Placement",
+   "default": "\"left\""
+  },
+  {
+   "name": "strategy",
+   "type": "Strategy",
+   "default": "\"fixed\""
+  },
+  {
+   "name": "arrow",
+   "type": "boolean | undefined"
+  },
+  {
+   "name": "alternate",
+   "type": "boolean | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\"",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "attribute": "open",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "anchor",
+   "attribute": "anchor",
+   "type": "string",
+   "default": "\"\"",
+   "bindable": false
+  },
+  {
+   "name": "dismissible",
+   "attribute": "dismissible",
+   "type": "boolean | undefined",
+   "bindable": false
+  },
+  {
+   "name": "corner",
+   "attribute": "corner",
+   "type": "Placement",
+   "default": "\"left\"",
+   "bindable": false
+  },
+  {
+   "name": "strategy",
+   "attribute": "strategy",
+   "type": "Strategy",
+   "default": "\"fixed\"",
+   "bindable": false
+  },
+  {
+   "name": "arrow",
+   "attribute": "arrow",
+   "type": "boolean | undefined",
+   "bindable": false
+  },
+  {
+   "name": "alternate",
+   "attribute": "alternate",
+   "type": "boolean | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-popup'
+
+
+/** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
+Popup's goal is to provide additional, helpful content.   
+To trigger the Popup, it should be paired with an anchor (e.g., a button). 
+* @param {CSSResult} styles  
+* @param {boolean} open  attribute: <VwcPopup open />
+* @param {string} anchor  attribute: <VwcPopup anchor />
+* @param {boolean | undefined} dismissible  attribute: <VwcPopup dismissible />
+* @param {Placement} corner  attribute: <VwcPopup corner />
+* @param {Strategy} strategy  attribute: <VwcPopup strategy />
+* @param {boolean | undefined} arrow  attribute: <VwcPopup arrow />
+* @param {boolean | undefined} alternate  attribute: <VwcPopup alternate />
+*/
+const VwcPopup = wrapper('vwc-popup',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcPopup.propTypes = {
+  styles: PropTypes.any /* CSSResult *//* default: "style" */,
+  open: PropTypes.bool/* default: false *//* attribute: open */,
+  anchor: PropTypes.string/* default: "" *//* attribute: anchor */,
+  dismissible: PropTypes.any /* boolean | undefined *//* attribute: dismissible */,
+  corner: PropTypes.any /* Placement *//* default: "left" *//* attribute: corner */,
+  strategy: PropTypes.any /* Strategy *//* default: "fixed" *//* attribute: strategy */,
+  arrow: PropTypes.any /* boolean | undefined *//* attribute: arrow */,
+  alternate: PropTypes.any /* boolean | undefined *//* attribute: alternate */
+}
+
+VwcPopup.defaultProps = {
+  styles: "style",
+  open: false,
+  anchor: "",
+  corner: "left",
+  strategy: "fixed"
+}
+
+VwcPopup.displayName = 'VwcPopup'
+
+
+
+export default VwcPopup

package/VwcPopup/package.json

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

package/VwcRadio/index.d.ts

@@ -0,0 +1,52 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-radio';
+/** This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)
+* @param {boolean} global
+* @param {boolean} checked - We define our own getter/setter for `checked` because we need to track
+changes to it synchronously.
+
+The order in which the `checked` property is set across radio buttons
+within the same group is very important. However, we can't rely on
+UpdatingElement's `updated` callback to observe these changes (which is
+also what the `@observer` decorator uses), because it batches changes to
+all properties.
+
+Consider:
+
+  radio1.disabled = true;
+  radio2.checked = true;
+  radio1.checked = true;
+
+In this case we'd first see all changes for radio1, and then for radio2,
+and we couldn't tell that radio1 was the most recently checked.
+* @param {boolean} disabled
+* @param {string} value
+* @param {string} name
+* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
+Set to `true` to remove touch target added to the component.
+* @param {number} formElementTabIndex - input's tabindex is updated based on checked status.
+Tab navigation will be removed from unchecked radios.
+* @param {string | undefined} ariaLabel
+* @param {string | undefined} ariaLabelledBy
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcRadio: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onChecked?: ((event: SyntheticEvent) => void) | undefined;
+    onChange?: ((event: SyntheticEvent) => void) | undefined;
+    global?: boolean | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
+    reducedTouchTarget?: boolean | undefined;
+    formElementTabIndex?: number | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledBy?: string | undefined;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcRadio;

package/VwcRadio/index.js

@@ -0,0 +1,149 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-radio",
+ "path": "./../node_modules/@vonage/vwc-radio/src/vwc-radio.ts",
+ "description": "This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "global",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "checked",
+   "description": "We define our own getter/setter for `checked` because we need to track\nchanges to it synchronously.\n\nThe order in which the `checked` property is set across radio buttons\nwithin the same group is very important. However, we can't rely on\nUpdatingElement's `updated` callback to observe these changes (which is\nalso what the `@observer` decorator uses), because it batches changes to\nall properties.\n\nConsider:\n\n  radio1.disabled = true;\n  radio2.checked = true;\n  radio1.checked = true;\n\nIn this case we'd first see all changes for radio1, and then for radio2,\nand we couldn't tell that radio1 was the most recently checked.",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "name",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "reducedTouchTarget",
+   "description": "Touch target extends beyond visual boundary of a component by default.\nSet to `true` to remove touch target added to the component.",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "formElementTabIndex",
+   "description": "input's tabindex is updated based on checked status.\nTab navigation will be removed from unchecked radios.",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelledBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "isRippleActive"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<Ripple | null>"
+  }
+ ],
+ "events": [
+  {
+   "name": "checked"
+  },
+  "change"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-radio'
+
+
+/** This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio) 
+* @param {boolean} global  
+* @param {boolean} checked - We define our own getter/setter for `checked` because we need to track
+changes to it synchronously.
+
+The order in which the `checked` property is set across radio buttons
+within the same group is very important. However, we can't rely on
+UpdatingElement's `updated` callback to observe these changes (which is
+also what the `@observer` decorator uses), because it batches changes to
+all properties.
+
+Consider:
+
+  radio1.disabled = true;
+  radio2.checked = true;
+  radio1.checked = true;
+
+In this case we'd first see all changes for radio1, and then for radio2,
+and we couldn't tell that radio1 was the most recently checked. 
+* @param {boolean} disabled  
+* @param {string} value  
+* @param {string} name  
+* @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
+Set to `true` to remove touch target added to the component. 
+* @param {number} formElementTabIndex - input's tabindex is updated based on checked status.
+Tab navigation will be removed from unchecked radios. 
+* @param {string | undefined} ariaLabel  
+* @param {string | undefined} ariaLabelledBy  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcRadio = wrapper('vwc-radio',  {
+    events: [{"name":"change","propName":"onChange"},{"name":"checked"}],
+    attributes: [],
+    properties: []
+});
+
+VwcRadio.propTypes = {
+  onChecked: PropTypes.func,
+  onChange: PropTypes.func,
+  global: PropTypes.bool,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  value: PropTypes.string,
+  name: PropTypes.string,
+  reducedTouchTarget: PropTypes.bool,
+  formElementTabIndex: PropTypes.number,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcRadio.defaultProps = {
+
+}
+
+VwcRadio.displayName = 'VwcRadio'
+
+
+
+export default VwcRadio

package/VwcRadio/package.json

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

package/VwcRadioListItem/index.d.ts

@@ -0,0 +1,41 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+import '@vonage/vwc-list/vwc-radio-list-item';
+/** This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
+* @param {boolean} left
+* @param {string} value
+* @param {string | null} group
+* @param {number} tabindex
+* @param {boolean} disabled
+* @param {boolean} twoline
+* @param {boolean} activated
+* @param {GraphicType} graphic
+* @param {boolean} multipleGraphics
+* @param {boolean} hasMeta
+* @param {boolean} noninteractive
+* @param {boolean} selected
+* @param {string} text
+*/
+declare const VwcRadioListItem: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onRequestSelected?: ((event: SyntheticEvent) => void) | undefined;
+    onListItemRendered?: ((event: SyntheticEvent) => void) | undefined;
+    left?: boolean | undefined;
+    value?: string | undefined;
+    group?: string | null | undefined;
+    tabindex?: number | undefined;
+    disabled?: boolean | undefined;
+    twoline?: boolean | undefined;
+    activated?: boolean | undefined;
+    graphic?: any;
+    multipleGraphics?: boolean | undefined;
+    hasMeta?: boolean | undefined;
+    noninteractive?: boolean | undefined;
+    selected?: boolean | undefined;
+    text?: string | undefined;
+}) => JSX.Element;
+export default VwcRadioListItem;

package/VwcRadioListItem/index.js

@@ -0,0 +1,148 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-radio-list-item",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-radio-list-item.ts",
+ "description": "This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "left",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "type": "Promise<Ripple | null>"
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "group",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "tabindex",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "twoline",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "activated",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "graphic",
+   "type": "GraphicType",
+   "bindable": false
+  },
+  {
+   "name": "multipleGraphics",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "hasMeta",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "noninteractive",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "selected",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "type": "string",
+   "bindable": false
+  }
+ ],
+ "events": [
+  {
+   "name": "request-selected"
+  },
+  {
+   "name": "list-item-rendered"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+import '@vonage/vwc-list/vwc-radio-list-item'
+
+
+/** This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
+* @param {boolean} left  
+* @param {string} value  
+* @param {string | null} group  
+* @param {number} tabindex  
+* @param {boolean} disabled  
+* @param {boolean} twoline  
+* @param {boolean} activated  
+* @param {GraphicType} graphic  
+* @param {boolean} multipleGraphics  
+* @param {boolean} hasMeta  
+* @param {boolean} noninteractive  
+* @param {boolean} selected  
+* @param {string} text  
+*/
+const VwcRadioListItem = wrapper('vwc-radio-list-item',  {
+    events: [{"name":"list-item-rendered"},{"name":"request-selected"}],
+    attributes: [],
+    properties: []
+});
+
+VwcRadioListItem.propTypes = {
+  onRequestSelected: PropTypes.func,
+  onListItemRendered: PropTypes.func,
+  left: PropTypes.bool,
+  value: PropTypes.string,
+  group: PropTypes.string,
+  tabindex: PropTypes.number,
+  disabled: PropTypes.bool,
+  twoline: PropTypes.bool,
+  activated: PropTypes.bool,
+  graphic: PropTypes.any /* GraphicType */,
+  multipleGraphics: PropTypes.bool,
+  hasMeta: PropTypes.bool,
+  noninteractive: PropTypes.bool,
+  selected: PropTypes.bool,
+  text: PropTypes.string
+}
+
+VwcRadioListItem.defaultProps = {
+
+}
+
+VwcRadioListItem.displayName = 'VwcRadioListItem'
+
+
+
+export default VwcRadioListItem

package/VwcRadioListItem/package.json

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

package/VwcSchemeSelect/index.d.ts

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