@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcBanner/index.js

@@ -0,0 +1,91 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-banner",
+ "path": "./../node_modules/@vonage/vwc-banner/vwc-banner.d.ts",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "message",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "dismissible",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "BannerConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "role",
+   "type": "BannerRole",
+   "bindable": false
+  },
+  {
+   "name": "ariaLive",
+   "type": "BannerAriaLive",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-banner'
+
+
+/**  
+* @param {string} message  
+* @param {boolean} dismissible  
+* @param {BannerConnotation | undefined} connotation  
+* @param {string | undefined} icon  
+* @param {boolean} open  
+* @param {BannerRole} role  
+* @param {BannerAriaLive} ariaLive  
+*/
+const VwcBanner = wrapper('vwc-banner',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcBanner.propTypes = {
+  message: PropTypes.string,
+  dismissible: PropTypes.bool,
+  connotation: PropTypes.any /* BannerConnotation | undefined */,
+  icon: PropTypes.string,
+  open: PropTypes.bool,
+  role: PropTypes.any /* BannerRole */,
+  ariaLive: PropTypes.any /* BannerAriaLive */
+}
+
+VwcBanner.defaultProps = {
+
+}
+
+VwcBanner.displayName = 'VwcBanner'
+
+
+
+export default VwcBanner

package/VwcBanner/package.json

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

package/VwcButton/index.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-button';
+/**
+* @param {string | undefined} name
+* @param {string | undefined} value
+* @param {boolean} enlarged
+* @param {ButtonLayout | undefined} layout
+* @param {ButtonConnotation | undefined} connotation
+* @param {ButtonShape | undefined} shape
+* @param {string} type
+* @param {string | null} formId
+* @param {boolean} stacked
+* @param {HTMLFormElement | null} form
+* @param {ShadowRootInit} shadowRootOptions
+* @param {boolean} raised
+* @param {boolean} unelevated
+* @param {boolean} outlined
+* @param {boolean} dense
+* @param {boolean} disabled
+* @param {boolean} trailingIcon
+* @param {boolean} fullwidth
+* @param {string} icon
+* @param {string} label
+* @param {boolean} expandContent
+*/
+declare const VwcButton: (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;
+    name?: string | undefined;
+    value?: string | undefined;
+    enlarged?: boolean | undefined;
+    layout?: any;
+    connotation?: any;
+    shape?: any;
+    type?: string | undefined;
+    formId?: string | null | undefined;
+    stacked?: boolean | undefined;
+    form?: any;
+    shadowRootOptions?: any;
+    raised?: boolean | undefined;
+    unelevated?: boolean | undefined;
+    outlined?: boolean | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    trailingIcon?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    icon?: string | undefined;
+    label?: string | undefined;
+    expandContent?: boolean | undefined;
+}) => JSX.Element;
+export default VwcButton;

package/VwcButton/index.js

@@ -0,0 +1,240 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-button",
+ "path": "./../node_modules/@vonage/vwc-button/vwc-button.d.ts",
+ "properties": [
+  {
+   "name": "name",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "layout",
+   "type": "ButtonLayout | undefined",
+   "bindable": false
+  },
+  {
+   "name": "connotation",
+   "type": "ButtonConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "shape",
+   "type": "ButtonShape | undefined",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "formId",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "stacked",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "form",
+   "type": "HTMLFormElement | null",
+   "bindable": true
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "raised",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "unelevated",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "outlined",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "trailingIcon",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "fullwidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "expandContent",
+   "type": "boolean",
+   "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-button'
+import { createElement } from 'react'
+
+/**  
+* @param {string | undefined} name  
+* @param {string | undefined} value  
+* @param {boolean} enlarged  
+* @param {ButtonLayout | undefined} layout  
+* @param {ButtonConnotation | undefined} connotation  
+* @param {ButtonShape | undefined} shape  
+* @param {string} type  
+* @param {string | null} formId  
+* @param {boolean} stacked  
+* @param {HTMLFormElement | null} form  
+* @param {ShadowRootInit} shadowRootOptions  
+* @param {boolean} raised  
+* @param {boolean} unelevated  
+* @param {boolean} outlined  
+* @param {boolean} dense  
+* @param {boolean} disabled  
+* @param {boolean} trailingIcon  
+* @param {boolean} fullwidth  
+* @param {string} icon  
+* @param {string} label  
+* @param {boolean} expandContent  
+*/
+const VwcButton = wrapper('vwc-button',  {
+    events: [{"name":"click","propName":"onClick"}],
+    attributes: [],
+    properties: ["form"]
+});
+
+VwcButton.propTypes = {
+  onClick: PropTypes.func,
+  name: PropTypes.string,
+  value: PropTypes.string,
+  enlarged: PropTypes.bool,
+  layout: PropTypes.any /* ButtonLayout | undefined */,
+  connotation: PropTypes.any /* ButtonConnotation | undefined */,
+  shape: PropTypes.any /* ButtonShape | undefined */,
+  type: PropTypes.string,
+  formId: PropTypes.string,
+  stacked: PropTypes.bool,
+  form: PropTypes.any /* HTMLFormElement | null */,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
+  raised: PropTypes.bool,
+  unelevated: PropTypes.bool,
+  outlined: PropTypes.bool,
+  dense: PropTypes.bool,
+  disabled: PropTypes.bool,
+  trailingIcon: PropTypes.bool,
+  fullwidth: PropTypes.bool,
+  icon: PropTypes.string,
+  label: PropTypes.string,
+  expandContent: PropTypes.bool
+}
+
+VwcButton.defaultProps = {
+
+}
+
+VwcButton.displayName = 'VwcButton'
+
+const CallToAction = (props) => createElement(VwcButton, props)
+
+CallToAction.defaultProps = {"unelevated":true,"connotation":"cta","type":"button","layout":"filled"}
+
+VwcButton.CallToAction = CallToAction
+
+const Alert = (props) => createElement(VwcButton, props)
+
+Alert.defaultProps = {"unelevated":true,"connotation":"alert","type":"button","layout":"filled"}
+
+VwcButton.Alert = Alert
+
+const Outlined = (props) => createElement(VwcButton, props)
+
+Outlined.defaultProps = {"unelevated":true,"layout":"outlined","type":"button"}
+
+VwcButton.Outlined = Outlined
+
+const Success = (props) => createElement(VwcButton, props)
+
+Success.defaultProps = {"unelevated":true,"connotation":"success","type":"button","layout":"filled"}
+
+VwcButton.Success = Success
+
+const Info = (props) => createElement(VwcButton, props)
+
+Info.defaultProps = {"unelevated":true,"connotation":"info","type":"button","layout":"filled"}
+
+VwcButton.Info = Info
+
+const Primary = (props) => createElement(VwcButton, props)
+
+Primary.defaultProps = {"unelevated":true,"connotation":"primary","type":"button","layout":"filled"}
+
+VwcButton.Primary = Primary
+
+const Announcement = (props) => createElement(VwcButton, props)
+
+Announcement.defaultProps = {"unelevated":true,"connotation":"announcement","type":"button","layout":"filled"}
+
+VwcButton.Announcement = Announcement
+
+export default VwcButton

package/VwcButton/package.json

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

package/VwcButtonToggleGroup/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-button-toggle-group';
+/**
+* @param {boolean} multi
+* @param {boolean} enlarged
+* @param {boolean} dense
+* @param {boolean} required
+* @param {boolean} disabled
+* @param {(string | false | null)[]} values
+*/
+declare const VwcButtonToggleGroup: (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;
+    multi?: boolean | undefined;
+    enlarged?: boolean | undefined;
+    dense?: boolean | undefined;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    values?: any[] | undefined;
+}) => JSX.Element;
+export default VwcButtonToggleGroup;

package/VwcButtonToggleGroup/index.js

@@ -0,0 +1,91 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-button-toggle-group",
+ "path": "./../node_modules/@vonage/vwc-button-toggle-group/vwc-button-toggle-group.d.ts",
+ "properties": [
+  {
+   "name": "multi",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "enlarged",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "required",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "items",
+   "type": "Element[]"
+  },
+  {
+   "name": "selected",
+   "type": "Element[]"
+  },
+  {
+   "name": "values",
+   "type": "(string | false | null)[]",
+   "bindable": true
+  }
+ ],
+ "events": [
+  "selected"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-button-toggle-group'
+
+
+/**  
+* @param {boolean} multi  
+* @param {boolean} enlarged  
+* @param {boolean} dense  
+* @param {boolean} required  
+* @param {boolean} disabled  
+* @param {(string | false | null)[]} values  
+*/
+const VwcButtonToggleGroup = wrapper('vwc-button-toggle-group',  {
+    events: [{"name":"selected","propName":"onSelected"}],
+    attributes: [],
+    properties: ["values"]
+});
+
+VwcButtonToggleGroup.propTypes = {
+  onSelected: PropTypes.func,
+  multi: PropTypes.bool,
+  enlarged: PropTypes.bool,
+  dense: PropTypes.bool,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  values: PropTypes.array
+}
+
+VwcButtonToggleGroup.defaultProps = {
+
+}
+
+VwcButtonToggleGroup.displayName = 'VwcButtonToggleGroup'
+
+
+
+export default VwcButtonToggleGroup

package/VwcButtonToggleGroup/package.json

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

package/VwcCalendar/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-calendar';
+/**
+* @param {Date | undefined} datetime
+* @param {string | string[] | undefined} locales
+* @param {(e: Event) => CalendarEventContext | null} getEventContext
+* @param {boolean | undefined} stickyHeader
+*/
+declare const VwcCalendar: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    datetime?: any;
+    locales?: any;
+    getEventContext?: any;
+    stickyHeader?: any;
+}) => JSX.Element;
+export default VwcCalendar;

package/VwcCalendar/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-calendar",
+ "path": "./../node_modules/@vonage/vwc-calendar/vwc-calendar.d.ts",
+ "properties": [
+  {
+   "name": "datetime",
+   "type": "Date | undefined",
+   "bindable": false
+  },
+  {
+   "name": "locales",
+   "type": "string | string[] | undefined",
+   "bindable": true
+  },
+  {
+   "name": "hour12",
+   "type": "boolean | undefined"
+  },
+  {
+   "name": "getEventContext",
+   "type": "(e: Event) => CalendarEventContext | null",
+   "bindable": true
+  },
+  {
+   "name": "stickyHeader",
+   "type": "boolean | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-calendar'
+
+
+/**  
+* @param {Date | undefined} datetime  
+* @param {string | string[] | undefined} locales  
+* @param {(e: Event) => CalendarEventContext | null} getEventContext  
+* @param {boolean | undefined} stickyHeader  
+*/
+const VwcCalendar = wrapper('vwc-calendar',  {
+    events: [],
+    attributes: [],
+    properties: ["locales","getEventContext"]
+});
+
+VwcCalendar.propTypes = {
+  datetime: PropTypes.any /* Date | undefined */,
+  locales: PropTypes.any /* string | string[] | undefined */,
+  getEventContext: PropTypes.any /* (e: Event) => CalendarEventContext | null */,
+  stickyHeader: PropTypes.any /* boolean | undefined */
+}
+
+VwcCalendar.defaultProps = {
+
+}
+
+VwcCalendar.displayName = 'VwcCalendar'
+
+
+
+export default VwcCalendar

package/VwcCalendar/package.json

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

package/VwcCalendarEvent/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+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
+*/
+declare const VwcCalendarEvent: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    heading?: string | undefined;
+    description?: string | undefined;
+    color?: string | undefined;
+    overlapCount?: string | undefined;
+    start?: number | undefined;
+    duration?: number | undefined;
+}) => JSX.Element;
+export default VwcCalendarEvent;