@vonage/vivid-react 2.10.58 → 2.10.60

package/VwcTextarea/index.d.ts

@@ -0,0 +1,93 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-textarea';
+/**
+* @param {boolean} dense
+* @param {boolean} resizable
+* @param {string | undefined} form
+* @param {number} rows
+* @param {number} cols
+* @param {string} value
+* @param {TextFieldType} type
+* @param {string} placeholder
+* @param {string} label
+* @param {string} icon
+* @param {string} iconTrailing
+* @param {boolean} disabled
+* @param {boolean} required
+* @param {number} minLength
+* @param {number} maxLength
+* @param {boolean} outlined
+* @param {string} helper
+* @param {boolean} validateOnInitialRender
+* @param {string} validationMessage
+* @param {boolean} autoValidate
+* @param {string} pattern
+* @param {string | number} min
+* @param {string | number} max
+* @param {number | null} step
+* @param {number | null} size
+* @param {boolean} helperPersistent
+* @param {boolean | TextAreaCharCounter} charCounter
+* @param {boolean} endAligned
+* @param {string} prefix
+* @param {string} suffix
+* @param {string} name
+* @param {TextFieldInputMode} inputMode
+* @param {boolean} readOnly
+* @param {string} autocapitalize
+* @param {boolean} willValidate
+* @param {number | null} selectionStart
+* @param {number | null} selectionEnd
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcTextarea: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onInput?: ((event: SyntheticEvent) => void) | undefined;
+    onBlur?: ((event: SyntheticEvent) => void) | undefined;
+    onFocus?: ((event: SyntheticEvent) => void) | undefined;
+    dense?: boolean | undefined;
+    resizable?: boolean | undefined;
+    form?: string | undefined;
+    rows?: number | undefined;
+    cols?: number | undefined;
+    value?: string | undefined;
+    type?: any;
+    placeholder?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    iconTrailing?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+    outlined?: boolean | undefined;
+    helper?: string | undefined;
+    validateOnInitialRender?: boolean | undefined;
+    validationMessage?: string | undefined;
+    autoValidate?: boolean | undefined;
+    pattern?: string | undefined;
+    min?: string | number | undefined;
+    max?: string | number | undefined;
+    step?: number | undefined;
+    size?: number | undefined;
+    helperPersistent?: boolean | undefined;
+    charCounter?: any;
+    endAligned?: boolean | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    name?: string | undefined;
+    inputMode?: any;
+    readOnly?: boolean | undefined;
+    autocapitalize?: string | undefined;
+    willValidate?: boolean | undefined;
+    selectionStart?: number | undefined;
+    selectionEnd?: number | undefined;
+    validityTransform?: any;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcTextarea;

package/VwcTextarea/index.js

@@ -0,0 +1,331 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-textarea",
+ "path": "./../node_modules/@vonage/vwc-textarea/vwc-textarea.d.ts",
+ "properties": [
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "resizable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "form",
+   "type": "string | undefined",
+   "bindable": true
+  },
+  {
+   "name": "styles",
+   "type": "CSSResult[]"
+  },
+  {
+   "name": "rows",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "cols",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "value",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "type",
+   "type": "TextFieldType",
+   "bindable": false
+  },
+  {
+   "name": "placeholder",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "label",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "icon",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "iconTrailing",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "disabled",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "required",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "minLength",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "maxLength",
+   "type": "number",
+   "bindable": false
+  },
+  {
+   "name": "outlined",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "helper",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validateOnInitialRender",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "validationMessage",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "autoValidate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "pattern",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "min",
+   "type": "string | number",
+   "bindable": false
+  },
+  {
+   "name": "max",
+   "type": "string | number",
+   "bindable": false
+  },
+  {
+   "name": "step",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "size",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "helperPersistent",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "charCounter",
+   "type": "boolean | TextAreaCharCounter",
+   "bindable": false
+  },
+  {
+   "name": "endAligned",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "prefix",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "suffix",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "name",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "inputMode",
+   "type": "TextFieldInputMode",
+   "bindable": false
+  },
+  {
+   "name": "readOnly",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "autocapitalize",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "validity",
+   "type": "ValidityState"
+  },
+  {
+   "name": "willValidate",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "selectionStart",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "selectionEnd",
+   "type": "number | null",
+   "bindable": false
+  },
+  {
+   "name": "validityTransform",
+   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
+   "bindable": true
+  },
+  {
+   "name": "shadowRootOptions",
+   "type": "ShadowRootInit",
+   "bindable": false
+  },
+  {
+   "name": "ripple",
+   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
+   "type": "Promise<RippleInterface | null> | undefined"
+  }
+ ],
+ "events": [
+  "input",
+  "blur",
+  "focus"
+ ]
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-textarea'
+
+
+/**  
+* @param {boolean} dense  
+* @param {boolean} resizable  
+* @param {string | undefined} form  
+* @param {number} rows  
+* @param {number} cols  
+* @param {string} value  
+* @param {TextFieldType} type  
+* @param {string} placeholder  
+* @param {string} label  
+* @param {string} icon  
+* @param {string} iconTrailing  
+* @param {boolean} disabled  
+* @param {boolean} required  
+* @param {number} minLength  
+* @param {number} maxLength  
+* @param {boolean} outlined  
+* @param {string} helper  
+* @param {boolean} validateOnInitialRender  
+* @param {string} validationMessage  
+* @param {boolean} autoValidate  
+* @param {string} pattern  
+* @param {string | number} min  
+* @param {string | number} max  
+* @param {number | null} step  
+* @param {number | null} size  
+* @param {boolean} helperPersistent  
+* @param {boolean | TextAreaCharCounter} charCounter  
+* @param {boolean} endAligned  
+* @param {string} prefix  
+* @param {string} suffix  
+* @param {string} name  
+* @param {TextFieldInputMode} inputMode  
+* @param {boolean} readOnly  
+* @param {string} autocapitalize  
+* @param {boolean} willValidate  
+* @param {number | null} selectionStart  
+* @param {number | null} selectionEnd  
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
+* @param {ShadowRootInit} shadowRootOptions  
+*/
+const VwcTextarea = wrapper('vwc-textarea',  {
+    events: [{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"}],
+    attributes: [],
+    properties: ["form","validityTransform"]
+});
+
+VwcTextarea.propTypes = {
+  onInput: PropTypes.func,
+  onBlur: PropTypes.func,
+  onFocus: PropTypes.func,
+  dense: PropTypes.bool,
+  resizable: PropTypes.bool,
+  form: PropTypes.string,
+  rows: PropTypes.number,
+  cols: PropTypes.number,
+  value: PropTypes.string,
+  type: PropTypes.any /* TextFieldType */,
+  placeholder: PropTypes.string,
+  label: PropTypes.string,
+  icon: PropTypes.string,
+  iconTrailing: PropTypes.string,
+  disabled: PropTypes.bool,
+  required: PropTypes.bool,
+  minLength: PropTypes.number,
+  maxLength: PropTypes.number,
+  outlined: PropTypes.bool,
+  helper: PropTypes.string,
+  validateOnInitialRender: PropTypes.bool,
+  validationMessage: PropTypes.string,
+  autoValidate: PropTypes.bool,
+  pattern: PropTypes.string,
+  min: PropTypes.any /* string | number */,
+  max: PropTypes.any /* string | number */,
+  step: PropTypes.number,
+  size: PropTypes.number,
+  helperPersistent: PropTypes.bool,
+  charCounter: PropTypes.any /* boolean | TextAreaCharCounter */,
+  endAligned: PropTypes.bool,
+  prefix: PropTypes.string,
+  suffix: PropTypes.string,
+  name: PropTypes.string,
+  inputMode: PropTypes.any /* TextFieldInputMode */,
+  readOnly: PropTypes.bool,
+  autocapitalize: PropTypes.string,
+  willValidate: PropTypes.bool,
+  selectionStart: PropTypes.number,
+  selectionEnd: PropTypes.number,
+  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
+  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+}
+
+VwcTextarea.defaultProps = {
+
+}
+
+VwcTextarea.displayName = 'VwcTextarea'
+
+
+
+export default VwcTextarea

package/VwcTextarea/package.json

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

package/VwcTextfield/index.d.ts

@@ -0,0 +1,89 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+import '@vonage/vwc-textfield';
+/**
+* @param {boolean} noActionsSync
+* @param {boolean} dense
+* @param {TextfieldShape | undefined} shape
+* @param {string | undefined} autocomplete
+* @param {string | undefined} form
+* @param {TextfieldLayout | undefined} appearance
+* @param {string} value
+* @param {TextFieldType} type
+* @param {string} placeholder
+* @param {string} label
+* @param {string} icon
+* @param {string} iconTrailing
+* @param {boolean} disabled
+* @param {boolean} required
+* @param {number} minLength
+* @param {number} maxLength
+* @param {boolean} outlined
+* @param {string} helper
+* @param {boolean} validateOnInitialRender
+* @param {string} validationMessage
+* @param {boolean} autoValidate
+* @param {string} pattern
+* @param {string | number} min
+* @param {string | number} max
+* @param {number | null} step
+* @param {number | null} size
+* @param {boolean} helperPersistent
+* @param {boolean | TextAreaCharCounter} charCounter
+* @param {boolean} endAligned
+* @param {string} prefix
+* @param {string} suffix
+* @param {string} name
+* @param {TextFieldInputMode} inputMode
+* @param {boolean} readOnly
+* @param {string} autocapitalize
+* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
+* @param {ShadowRootInit} shadowRootOptions
+*/
+declare const VwcTextfield: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    onInput?: ((event: SyntheticEvent) => void) | undefined;
+    onBlur?: ((event: SyntheticEvent) => void) | undefined;
+    onFocus?: ((event: SyntheticEvent) => void) | undefined;
+    noActionsSync?: boolean | undefined;
+    dense?: boolean | undefined;
+    shape?: any;
+    autocomplete?: string | undefined;
+    form?: string | undefined;
+    appearance?: any;
+    value?: string | undefined;
+    type?: any;
+    placeholder?: string | undefined;
+    label?: string | undefined;
+    icon?: string | undefined;
+    iconTrailing?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+    outlined?: boolean | undefined;
+    helper?: string | undefined;
+    validateOnInitialRender?: boolean | undefined;
+    validationMessage?: string | undefined;
+    autoValidate?: boolean | undefined;
+    pattern?: string | undefined;
+    min?: string | number | undefined;
+    max?: string | number | undefined;
+    step?: number | undefined;
+    size?: number | undefined;
+    helperPersistent?: boolean | undefined;
+    charCounter?: any;
+    endAligned?: boolean | undefined;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    name?: string | undefined;
+    inputMode?: any;
+    readOnly?: boolean | undefined;
+    autocapitalize?: string | undefined;
+    validityTransform?: any;
+    shadowRootOptions?: any;
+}) => JSX.Element;
+export default VwcTextfield;