@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcCalendarEvent/index.js

@@ -0,0 +1,81 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-calendar-event",
+ "path": "./../node_modules/@vonage/vwc-calendar/vwc-calendar-event.d.ts",
+ "properties": [
+  {
+   "name": "heading",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "description",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "color",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "overlapCount",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "start",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "duration",
+   "type": "number",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-calendar'
+import '@vonage/vwc-calendar/vwc-calendar-event'
+
+
+/**  
+* @param {string | undefined} heading  
+* @param {string | undefined} description  
+* @param {string | undefined} color  
+* @param {string | undefined} overlapCount  
+* @param {number} start  
+* @param {number} duration  
+*/
+const VwcCalendarEvent = wrapper('vwc-calendar-event',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcCalendarEvent.propTypes = {
+  heading: PropTypes.string,
+  description: PropTypes.string,
+  color: PropTypes.string,
+  overlapCount: PropTypes.string,
+  start: PropTypes.number,
+  duration: PropTypes.number
+}
+
+VwcCalendarEvent.defaultProps = {
+
+}
+
+VwcCalendarEvent.displayName = 'VwcCalendarEvent'
+
+
+
+export default VwcCalendarEvent

package/VwcCalendarEvent/package.json

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

package/VwcCard/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-card';
+/**
+* @param {string | undefined} heading
+* @param {string | undefined} subtitle
+* @param {string | null} icon
+* @param {string | undefined} text
+* @param {string} elevation
+*/
+declare const VwcCard: (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;
+    heading?: string | undefined;
+    subtitle?: string | undefined;
+    icon?: string | null | undefined;
+    text?: string | undefined;
+    elevation?: string | undefined;
+}) => JSX.Element;
+export default VwcCard;

package/VwcCard/index.js

@@ -0,0 +1,76 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-card",
+ "path": "./../node_modules/@vonage/vwc-card/vwc-card.d.ts",
+ "properties": [
+  {
+   "name": "heading",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "subtitle",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "text",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "elevation",
+   "type": "string",
+   "bindable": false
+  }
+ ],
+ "events": [
+  "click"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-card'
+
+
+/**  
+* @param {string | undefined} heading  
+* @param {string | undefined} subtitle  
+* @param {string | null} icon  
+* @param {string | undefined} text  
+* @param {string} elevation  
+*/
+const VwcCard = wrapper('vwc-card',  {
+    events: [{"name":"click","propName":"onClick"}],
+    attributes: [],
+    properties: []
+});
+
+VwcCard.propTypes = {
+  onClick: PropTypes.func,
+  heading: PropTypes.string,
+  subtitle: PropTypes.string,
+  icon: PropTypes.string,
+  text: PropTypes.string,
+  elevation: PropTypes.string
+}
+
+VwcCard.defaultProps = {
+
+}
+
+VwcCard.displayName = 'VwcCard'
+
+
+
+export default VwcCard

package/VwcCard/package.json

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

package/VwcCarousel/index.d.ts

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

package/VwcCarousel/index.js

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

package/VwcCarousel/package.json

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

package/VwcCarouselItem/index.d.ts

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

package/VwcCarouselItem/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-carousel-item",
+ "path": "./../node_modules/@vonage/vwc-carousel/vwc-carousel-item.d.ts",
+ "properties": [
+  {
+   "name": "floatingLabelFoundation",
+   "type": "MDCFloatingLabelFoundation | undefined"
+  },
+  {
+   "name": "lineRippleFoundation",
+   "type": "MDCLineRippleFoundation | undefined"
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-carousel'
+import '@vonage/vwc-carousel/vwc-carousel-item'
+
+
+/**  
+
+*/
+const VwcCarouselItem = wrapper('vwc-carousel-item',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcCarouselItem.propTypes = {
+
+}
+
+VwcCarouselItem.defaultProps = {
+
+}
+
+VwcCarouselItem.displayName = 'VwcCarouselItem'
+
+
+
+export default VwcCarouselItem

package/VwcCarouselItem/package.json

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

package/VwcCheckListItem/index.d.ts

@@ -0,0 +1,41 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+import '@vonage/vwc-list/vwc-check-list-item';
+/** This component is an extension of [<mwc-check-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 VwcCheckListItem: (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 VwcCheckListItem;

package/VwcCheckListItem/index.js

@@ -0,0 +1,153 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-check-list-item",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-check-list-item.ts",
+ "description": "This component is an extension of [<mwc-check-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"
+  },
+  {
+   "name": "request-selected",
+   "propName": "onRequestSelected"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+import '@vonage/vwc-list/vwc-check-list-item'
+
+
+/** This component is an extension of [<mwc-check-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 VwcCheckListItem = wrapper('vwc-check-list-item',  {
+    events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"list-item-rendered"}],
+    attributes: [],
+    properties: []
+});
+
+VwcCheckListItem.propTypes = {
+  onRequestSelected: PropTypes.func,
+  onListItemRendered: PropTypes.func,
+  onRequestSelected: 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
+}
+
+VwcCheckListItem.defaultProps = {
+
+}
+
+VwcCheckListItem.displayName = 'VwcCheckListItem'
+
+
+
+export default VwcCheckListItem

package/VwcCheckListItem/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-check-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/VwcCheckbox/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-checkbox';
+/** This component is an extension of [<mwc-checkbox>](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)
+* @param {boolean} checked
+* @param {boolean} indeterminate
+* @param {boolean} disabled
+* @param {string | undefined} name
+* @param {string} value
+* @param {string | undefined} ariaLabel
+* @param {string | undefined} ariaLabelledBy
+* @param {string | undefined} ariaDescribedBy
+* @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 {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcCheckbox: (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;
+    checked?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledBy?: string | undefined;
+    ariaDescribedBy?: string | undefined;
+    reducedTouchTarget?: boolean | undefined;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcCheckbox;