@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcSchemeSelect/index.js

@@ -0,0 +1,46 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-scheme-select",
+ "path": "./../node_modules/@vonage/vwc-scheme-select/src/vwc-scheme-select.ts",
+ "properties": [
+  {
+   "name": "schemes",
+   "type": "SchemeOption[]",
+   "default": "[\"syncWithOsSettings\",\"light\",\"dark\"]",
+   "bindable": true
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-scheme-select'
+
+
+/**  
+* @param {SchemeOption[]} schemes  
+*/
+const VwcSchemeSelect = wrapper('vwc-scheme-select',  {
+    events: [],
+    attributes: [],
+    properties: ["schemes"]
+});
+
+VwcSchemeSelect.propTypes = {
+  schemes: PropTypes.array/* default: ["syncWithOsSettings","light","dark"] */
+}
+
+VwcSchemeSelect.defaultProps = {
+  schemes: ["syncWithOsSettings","light","dark"]
+}
+
+VwcSchemeSelect.displayName = 'VwcSchemeSelect'
+
+
+
+export default VwcSchemeSelect

package/VwcSchemeSelect/package.json

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

package/VwcSelect/index.d.ts

@@ -0,0 +1,60 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-select';
+/** This component is an extension of [<mwc-select>](https://github.com/material-components/material-components-web-components/tree/master/packages/select)
+* @param {boolean} dense  attribute: &lt;VwcSelect dense />
+* @param {SelectShape | undefined} shape  attribute: &lt;VwcSelect shape />
+* @param {string | undefined} form  attribute: &lt;VwcSelect form />
+* @param {string | undefined} name  attribute: &lt;VwcSelect name />
+* @param {SelectLayout | undefined} appearance  attribute: &lt;VwcSelect appearance />
+* @param {boolean} disabled
+* @param {boolean} outlined
+* @param {string} label
+* @param {string} value
+* @param {string} icon
+* @param {string} helper
+* @param {boolean} validateOnInitialRender
+* @param {string} validationMessage
+* @param {boolean} required
+* @param {boolean} naturalMenuWidth
+* @param {boolean} fixedMenuPosition
+* @param {ListItemBase | null} selected
+* @param {number} index
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
+* @param {ValidityState} validity
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcSelect: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onSelected?: ((event: SyntheticEvent) => void) | undefined;
+    onAction?: ((event: SyntheticEvent) => void) | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    onChange?: ((event: SyntheticEvent) => void) | undefined;
+    onInvalid?: ((event: SyntheticEvent) => void) | undefined;
+    dense?: boolean | undefined;
+    shape?: any;
+    form?: string | undefined;
+    name?: string | undefined;
+    appearance?: any;
+    disabled?: boolean | undefined;
+    outlined?: boolean | undefined;
+    label?: string | undefined;
+    value?: string | undefined;
+    icon?: string | undefined;
+    helper?: string | undefined;
+    validateOnInitialRender?: boolean | undefined;
+    validationMessage?: string | undefined;
+    required?: boolean | undefined;
+    naturalMenuWidth?: boolean | undefined;
+    fixedMenuPosition?: boolean | undefined;
+    selected?: any;
+    index?: number | undefined;
+    validityTransform?: any;
+    validity?: any;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcSelect;

package/VwcSelect/index.js

@@ -0,0 +1,253 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-select",
+ "path": "./../node_modules/@vonage/vwc-select/src/vwc-select.ts",
+ "description": "This component is an extension of [<mwc-select>](https://github.com/material-components/material-components-web-components/tree/master/packages/select)",
+ "attributes": [
+  {
+   "name": "dense",
+   "type": "boolean",
+   "default": "false"
+  },
+  {
+   "name": "shape",
+   "type": "SelectShape | undefined"
+  },
+  {
+   "name": "form",
+   "type": "string | undefined"
+  },
+  {
+   "name": "name",
+   "type": "string | undefined"
+  },
+  {
+   "name": "appearance",
+   "type": "SelectLayout | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "dense",
+   "attribute": "dense",
+   "type": "boolean",
+   "default": "false",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "attribute": "shape",
+   "type": "SelectShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "form",
+   "attribute": "form",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "name",
+   "attribute": "name",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "appearance",
+   "attribute": "appearance",
+   "type": "SelectLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "outlined",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "helper",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validateOnInitialRender",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "validationMessage",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "required",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "naturalMenuWidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "fixedMenuPosition",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "items",
+   "type": "ListItemBase[]"
+  },
+  {
+   "name": "selected",
+   "type": "ListItemBase | null",
+   "bindable": false
+  },
+  {
+   "name": "index",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "validityTransform",
+   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
+   "bindable": true
+  },
+  {
+   "name": "validity",
+   "type": "ValidityState",
+   "bindable": false
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<RippleInterface | null> | undefined"
+  }
+ ],
+ "events": [
+  {
+   "name": "selected"
+  },
+  {
+   "name": "action"
+  },
+  {
+   "name": "opened"
+  },
+  {
+   "name": "closed"
+  },
+  {
+   "name": "change"
+  },
+  {
+   "name": "invalid"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-select'
+
+
+/** This component is an extension of [<mwc-select>](https://github.com/material-components/material-components-web-components/tree/master/packages/select) 
+* @param {boolean} dense  attribute: &lt;VwcSelect dense />
+* @param {SelectShape | undefined} shape  attribute: &lt;VwcSelect shape />
+* @param {string | undefined} form  attribute: &lt;VwcSelect form />
+* @param {string | undefined} name  attribute: &lt;VwcSelect name />
+* @param {SelectLayout | undefined} appearance  attribute: &lt;VwcSelect appearance />
+* @param {boolean} disabled  
+* @param {boolean} outlined  
+* @param {string} label  
+* @param {string} value  
+* @param {string} icon  
+* @param {string} helper  
+* @param {boolean} validateOnInitialRender  
+* @param {string} validationMessage  
+* @param {boolean} required  
+* @param {boolean} naturalMenuWidth  
+* @param {boolean} fixedMenuPosition  
+* @param {ListItemBase | null} selected  
+* @param {number} index  
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
+* @param {ValidityState} validity  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcSelect = wrapper('vwc-select',  {
+    events: [{"name":"invalid"},{"name":"change"},{"name":"closed"},{"name":"opened"},{"name":"action"},{"name":"selected"}],
+    attributes: [],
+    properties: ["validityTransform"]
+});
+
+VwcSelect.propTypes = {
+  onSelected: PropTypes.func,
+  onAction: PropTypes.func,
+  onOpened: PropTypes.func,
+  onClosed: PropTypes.func,
+  onChange: PropTypes.func,
+  onInvalid: PropTypes.func,
+  dense: PropTypes.bool/* default: false *//* attribute: dense */,
+  shape: PropTypes.any /* SelectShape | undefined *//* attribute: shape */,
+  form: PropTypes.string/* attribute: form */,
+  name: PropTypes.string/* attribute: name */,
+  appearance: PropTypes.any /* SelectLayout | undefined *//* attribute: appearance */,
+  disabled: PropTypes.bool,
+  outlined: PropTypes.bool,
+  label: PropTypes.string,
+  value: PropTypes.string,
+  icon: PropTypes.string,
+  helper: PropTypes.string,
+  validateOnInitialRender: PropTypes.bool,
+  validationMessage: PropTypes.string,
+  required: PropTypes.bool,
+  naturalMenuWidth: PropTypes.bool,
+  fixedMenuPosition: PropTypes.bool,
+  selected: PropTypes.any /* ListItemBase | null */,
+  index: PropTypes.number,
+  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
+  validity: PropTypes.any /* ValidityState */,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcSelect.defaultProps = {
+  dense: false
+}
+
+VwcSelect.displayName = 'VwcSelect'
+
+
+
+export default VwcSelect

package/VwcSelect/package.json

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

package/VwcSideDrawer/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-side-drawer';
+/**
+* @param {boolean} alternate
+* @param {boolean | undefined} hasTopBar
+* @param {boolean} modal
+* @param {boolean} open
+* @param {"start" | "end" | undefined} position
+*/
+declare const VwcSideDrawer: (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;
+    hasTopBar?: any;
+    modal?: boolean | undefined;
+    open?: boolean | undefined;
+    position?: "start" | "end" | undefined;
+}) => JSX.Element;
+export default VwcSideDrawer;

package/VwcSideDrawer/index.js

@@ -0,0 +1,73 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-side-drawer",
+ "path": "./../node_modules/@vonage/vwc-side-drawer/vwc-side-drawer.d.ts",
+ "properties": [
+  {
+   "name": "alternate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "hasTopBar",
+   "type": "boolean | undefined",
+   "bindable": false
+  },
+  {
+   "name": "modal",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "position",
+   "type": "\"start\" | \"end\" | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-side-drawer'
+
+
+/**  
+* @param {boolean} alternate  
+* @param {boolean | undefined} hasTopBar  
+* @param {boolean} modal  
+* @param {boolean} open  
+* @param {"start" | "end" | undefined} position  
+*/
+const VwcSideDrawer = wrapper('vwc-side-drawer',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcSideDrawer.propTypes = {
+  alternate: PropTypes.bool,
+  hasTopBar: PropTypes.any /* boolean | undefined */,
+  modal: PropTypes.bool,
+  open: PropTypes.bool,
+  position: PropTypes.any /* "start" | "end" | undefined */
+}
+
+VwcSideDrawer.defaultProps = {
+
+}
+
+VwcSideDrawer.displayName = 'VwcSideDrawer'
+
+
+
+export default VwcSideDrawer

package/VwcSideDrawer/package.json

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

package/VwcSlider/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-slider';
+/** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)
+* @param {number} min
+* @param {number} max
+* @param {number} value
+* @param {number} step
+* @param {boolean} disabled
+* @param {boolean} pin
+* @param {boolean} markers
+* @param {string | undefined} ariaLabel
+* @param {string | undefined} ariaLabelledBy
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcSlider: (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;
+    onInput?: ((event: SyntheticEvent) => void) | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    value?: number | undefined;
+    step?: number | undefined;
+    disabled?: boolean | undefined;
+    pin?: boolean | undefined;
+    markers?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledBy?: string | undefined;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcSlider;

package/VwcSlider/index.js

@@ -0,0 +1,129 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-slider",
+ "path": "./../node_modules/@vonage/vwc-slider/src/vwc-slider.ts",
+ "description": "This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "min",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "max",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "step",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "pin",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "markers",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabelledBy",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<RippleInterface | null> | undefined"
+  }
+ ],
+ "events": [
+  {
+   "name": "change"
+  },
+  {
+   "name": "input"
+  },
+  "change"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-slider'
+
+
+/** This component is an extension of [<mwc-slider>](https://github.com/material-components/material-components-web-components/tree/master/packages/slider) 
+* @param {number} min  
+* @param {number} max  
+* @param {number} value  
+* @param {number} step  
+* @param {boolean} disabled  
+* @param {boolean} pin  
+* @param {boolean} markers  
+* @param {string | undefined} ariaLabel  
+* @param {string | undefined} ariaLabelledBy  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcSlider = wrapper('vwc-slider',  {
+    events: [{"name":"change","propName":"onChange"},{"name":"input"}],
+    attributes: [],
+    properties: []
+});
+
+VwcSlider.propTypes = {
+  onChange: PropTypes.func,
+  onInput: PropTypes.func,
+  onChange: PropTypes.func,
+  min: PropTypes.number,
+  max: PropTypes.number,
+  value: PropTypes.number,
+  step: PropTypes.number,
+  disabled: PropTypes.bool,
+  pin: PropTypes.bool,
+  markers: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  ariaLabelledBy: PropTypes.string,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcSlider.defaultProps = {
+
+}
+
+VwcSlider.displayName = 'VwcSlider'
+
+
+
+export default VwcSlider

package/VwcSlider/package.json

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