@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcLayout/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-layout';
+/**
+* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
+* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
+* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
+*/
+declare const VwcLayout: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    gutters?: any;
+    columnBasis?: any;
+    columnSpacing?: any;
+    autoSizing?: any;
+}) => JSX.Element;
+export default VwcLayout;

package/VwcLayout/index.js

@@ -0,0 +1,105 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-layout",
+ "path": "./../node_modules/@vonage/vwc-layout/src/vwc-layout.ts",
+ "attributes": [
+  {
+   "name": "gutters",
+   "type": "Gutters | undefined"
+  },
+  {
+   "name": "column-basis",
+   "type": "ColumnBasis",
+   "default": "\"sm\""
+  },
+  {
+   "name": "column-spacing",
+   "type": "ColumnSpacing",
+   "default": "\"md\""
+  },
+  {
+   "name": "auto-sizing",
+   "type": "AutoSizing | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "gutters",
+   "attribute": "gutters",
+   "type": "Gutters | undefined",
+   "bindable": false
+  },
+  {
+   "name": "columnBasis",
+   "attribute": "column-basis",
+   "type": "ColumnBasis",
+   "default": "\"sm\"",
+   "bindable": true
+  },
+  {
+   "name": "columnSpacing",
+   "attribute": "column-spacing",
+   "type": "ColumnSpacing",
+   "default": "\"md\"",
+   "bindable": true
+  },
+  {
+   "name": "autoSizing",
+   "attribute": "auto-sizing",
+   "type": "AutoSizing | undefined",
+   "bindable": true
+  }
+ ],
+ "cssProperties": [
+  {
+   "name": "layout-grid-template-columns",
+   "description": "Controls the `grid-template-columns` of the layout",
+   "default": "\"repeat([the `auto-sizing` mapped value],\\tminmax([the `column-basis` mapped value], 1fr))\""
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-layout'
+
+
+/**  
+* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
+* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
+* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
+*/
+const VwcLayout = wrapper('vwc-layout',  {
+    events: [],
+    attributes: [],
+    properties: ["columnBasis","columnSpacing","autoSizing"]
+});
+
+VwcLayout.propTypes = {
+  gutters: PropTypes.any /* Gutters | undefined *//* attribute: gutters */,
+  columnBasis: PropTypes.any /* ColumnBasis *//* default: "sm" *//* attribute: column-basis */,
+  columnSpacing: PropTypes.any /* ColumnSpacing *//* default: "md" *//* attribute: column-spacing */,
+  autoSizing: PropTypes.any /* AutoSizing | undefined *//* attribute: auto-sizing */
+}
+
+VwcLayout.defaultProps = {
+  columnBasis: "sm",
+  columnSpacing: "md"
+}
+
+VwcLayout.displayName = 'VwcLayout'
+
+
+
+export default VwcLayout

package/VwcLayout/package.json

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

package/VwcLinearProgress/index.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-linear-progress';
+/**
+* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
+* @param {boolean} indeterminate
+* @param {number} progress
+* @param {number} buffer
+* @param {boolean} reverse
+* @param {boolean} closed
+* @param {string | undefined} ariaLabel
+*/
+declare const VwcLinearProgress: (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;
+    indeterminate?: boolean | undefined;
+    progress?: number | undefined;
+    buffer?: number | undefined;
+    reverse?: boolean | undefined;
+    closed?: boolean | undefined;
+    ariaLabel?: string | undefined;
+}) => JSX.Element;
+export default VwcLinearProgress;

package/VwcLinearProgress/index.js

@@ -0,0 +1,98 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-linear-progress",
+ "path": "./../node_modules/@vonage/vwc-linear-progress/src/vwc-linear-progress.ts",
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": "LinearProgressConnotation | undefined"
+  }
+ ],
+ "properties": [
+  {
+   "name": "connotation",
+   "attribute": "connotation",
+   "type": "LinearProgressConnotation | undefined",
+   "bindable": false
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "indeterminate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "progress",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "buffer",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "reverse",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "closed",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "ariaLabel",
+   "type": "string | undefined",
+   "bindable": false
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-linear-progress'
+
+
+/**  
+* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
+* @param {boolean} indeterminate  
+* @param {number} progress  
+* @param {number} buffer  
+* @param {boolean} reverse  
+* @param {boolean} closed  
+* @param {string | undefined} ariaLabel  
+*/
+const VwcLinearProgress = wrapper('vwc-linear-progress',  {
+    events: [],
+    attributes: [],
+    properties: []
+});
+
+VwcLinearProgress.propTypes = {
+  connotation: PropTypes.any /* LinearProgressConnotation | undefined *//* attribute: connotation */,
+  indeterminate: PropTypes.bool,
+  progress: PropTypes.number,
+  buffer: PropTypes.number,
+  reverse: PropTypes.bool,
+  closed: PropTypes.bool,
+  ariaLabel: PropTypes.string
+}
+
+VwcLinearProgress.defaultProps = {
+
+}
+
+VwcLinearProgress.displayName = 'VwcLinearProgress'
+
+
+
+export default VwcLinearProgress

package/VwcLinearProgress/package.json

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

package/VwcList/index.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+/** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
+* @param {string | undefined} emptyMessage
+* @param {boolean} activatable
+* @param {boolean} multi
+* @param {boolean} wrapFocus
+* @param {string | null} itemRoles
+* @param {string | null} innerRole
+* @param {string | null} innerAriaLabel
+* @param {boolean} rootTabbable
+* @param {boolean} noninteractive
+* @param {Promise<never[]>} itemsReady
+*/
+declare const VwcList: (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;
+    onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
+    emptyMessage?: string | undefined;
+    activatable?: boolean | undefined;
+    multi?: boolean | undefined;
+    wrapFocus?: boolean | undefined;
+    itemRoles?: string | null | undefined;
+    innerRole?: string | null | undefined;
+    innerAriaLabel?: string | null | undefined;
+    rootTabbable?: boolean | undefined;
+    noninteractive?: boolean | undefined;
+    itemsReady?: any;
+}) => JSX.Element;
+export default VwcList;

package/VwcList/index.js

@@ -0,0 +1,146 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-list",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-list.ts",
+ "description": "This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "emptyMessage",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "activatable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "multi",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "wrapFocus",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "itemRoles",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "innerRole",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "innerAriaLabel",
+   "type": "string | null",
+   "bindable": false
+  },
+  {
+   "name": "rootTabbable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "noninteractive",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "itemsReady",
+   "type": "Promise<never[]>",
+   "bindable": true
+  },
+  {
+   "name": "items",
+   "type": "ListItemBase[]"
+  },
+  {
+   "name": "selected",
+   "type": "ListItemBase | ListItemBase[] | null"
+  },
+  {
+   "name": "index",
+   "type": "MWCListIndex"
+  },
+  {
+   "name": "layout",
+   "type": "(updateItems?: boolean | undefined) => void"
+  },
+  {
+   "name": "debouncedLayout",
+   "type": "(updateItems?: boolean | undefined) => void | undefined"
+  }
+ ],
+ "events": [
+  {
+   "name": "selected"
+  },
+  {
+   "name": "action"
+  },
+  {
+   "name": "items-updated"
+  }
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+
+
+/** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list) 
+* @param {string | undefined} emptyMessage  
+* @param {boolean} activatable  
+* @param {boolean} multi  
+* @param {boolean} wrapFocus  
+* @param {string | null} itemRoles  
+* @param {string | null} innerRole  
+* @param {string | null} innerAriaLabel  
+* @param {boolean} rootTabbable  
+* @param {boolean} noninteractive  
+* @param {Promise<never[]>} itemsReady  
+*/
+const VwcList = wrapper('vwc-list',  {
+    events: [{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
+    attributes: [],
+    properties: ["itemsReady"]
+});
+
+VwcList.propTypes = {
+  onSelected: PropTypes.func,
+  onAction: PropTypes.func,
+  onItemsUpdated: PropTypes.func,
+  emptyMessage: PropTypes.string,
+  activatable: PropTypes.bool,
+  multi: PropTypes.bool,
+  wrapFocus: PropTypes.bool,
+  itemRoles: PropTypes.string,
+  innerRole: PropTypes.string,
+  innerAriaLabel: PropTypes.string,
+  rootTabbable: PropTypes.bool,
+  noninteractive: PropTypes.bool,
+  itemsReady: PropTypes.any /* Promise<never[]> */
+}
+
+VwcList.defaultProps = {
+
+}
+
+VwcList.displayName = 'VwcList'
+
+
+
+export default VwcList

package/VwcList/package.json

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

package/VwcListExpansionPanel/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+import '@vonage/vwc-list/vwc-list-expansion-panel';
+/** This component support expand-collapse list
+* @param {typeof VWCIcon | undefined} headerListItemIcon
+* @param {boolean} open
+*/
+declare const VwcListExpansionPanel: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onClosed?: ((event: SyntheticEvent) => void) | undefined;
+    onOpened?: ((event: SyntheticEvent) => void) | undefined;
+    headerListItemIcon?: any;
+    open?: boolean | undefined;
+}) => JSX.Element;
+export default VwcListExpansionPanel;

package/VwcListExpansionPanel/index.js

@@ -0,0 +1,68 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-list-expansion-panel",
+ "path": "./../node_modules/@vonage/vwc-list/src/vwc-list-expansion-panel.ts",
+ "description": "This component support expand-collapse list",
+ "properties": [
+  {
+   "name": "styles",
+   "type": "CSSResult",
+   "default": "\"style\""
+  },
+  {
+   "name": "headerListItemIcon",
+   "type": "typeof VWCIcon | undefined",
+   "bindable": false
+  },
+  {
+   "name": "headerNodes",
+   "type": "HTMLElement[] | null | undefined"
+  },
+  {
+   "name": "open",
+   "type": "boolean",
+   "bindable": false
+  }
+ ],
+ "events": [
+  "closed",
+  "opened"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-list'
+import '@vonage/vwc-list/vwc-list-expansion-panel'
+
+
+/** This component support expand-collapse list 
+* @param {typeof VWCIcon | undefined} headerListItemIcon  
+* @param {boolean} open  
+*/
+const VwcListExpansionPanel = wrapper('vwc-list-expansion-panel',  {
+    events: [{"name":"opened","propName":"onOpened"},{"name":"closed","propName":"onClosed"}],
+    attributes: [],
+    properties: []
+});
+
+VwcListExpansionPanel.propTypes = {
+  onClosed: PropTypes.func,
+  onOpened: PropTypes.func,
+  headerListItemIcon: PropTypes.any /* typeof VWCIcon | undefined */,
+  open: PropTypes.bool
+}
+
+VwcListExpansionPanel.defaultProps = {
+
+}
+
+VwcListExpansionPanel.displayName = 'VwcListExpansionPanel'
+
+
+
+export default VwcListExpansionPanel

package/VwcListExpansionPanel/package.json

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

package/VwcListItem/index.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-list';
+import '@vonage/vwc-list/vwc-list-item';
+/** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
+* @param {ListItemConnotation | undefined} connotation  attribute: &lt;VwcListItem connotation />
+* @param {Shape.Rounded | undefined} shape  attribute: &lt;VwcListItem shape />
+* @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
+*/
+declare const VwcListItem: (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;
+    onClick?: ((event: SyntheticEvent) => void) | undefined;
+    connotation?: any;
+    shape?: any;
+    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;
+}) => JSX.Element;
+export default VwcListItem;