@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcDataGridCell/index.js

@@ -77,6 +77,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Add action items to the cell using this slot.",
+   "name": "action-items"
   }
  ],
  "members": [
@@ -136,57 +140,6 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "null"
   },
-  {
-   "kind": "method",
-   "name": "handleFocusin",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleFocusout",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleKeydown",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "KeyboardEvent"
-     }
-    }
-   ]
-  },
   {
    "kind": "method",
    "name": "updateCellView",
@@ -255,18 +208,6 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "#getColumnDataKey"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -373,13 +314,13 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 
 
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
     events: [{"name":"cell-focused","propName":"onCellFocused"},{"name":"cell-click","propName":"onCellClick"},{"name":"sort","propName":"onSort"}],
     attributes: [],
-    properties: ['ariaSelected', 'cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['ariaSelected', 'cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridCell.displayName = 'VwcDataGridCell'

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcDataGridRow/index.d.ts

@@ -12,7 +12,6 @@ x **attribute** `grid-template-columns`
 This is typically set programmatically by the parent grid.
 * @param {string | null} ariaSelected - Indicates the selected status.
 * @param {boolean | undefined} selected - Reflects selected state of the row **attribute** `selected`
-* @param {'host'} _vividAriaBehaviour
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -20,24 +19,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDataGridRow: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
-        onRowFocused?: ((event: SyntheticEvent) => void) | undefined;
-        gridTemplateColumns?: string | undefined;
-        rowType?: any;
-        rowData?: any;
-        columnDefinitions?: any;
-        cellItemTemplate?: any;
-        headerCellItemTemplate?: any;
-        rowIndex?: number | undefined;
-        ariaSelected?: string | null | undefined;
-        selected?: any;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onCellClick?: (event: SyntheticEvent) => void;
+        onRowFocused?: (event: SyntheticEvent) => void;
+        "gridTemplateColumns"?: string;
+        "rowType"?: any;
+        "rowData"?: any;
+        "columnDefinitions"?: any;
+        "cellItemTemplate"?: any;
+        "headerCellItemTemplate"?: any;
+        "rowIndex"?: number;
+        "ariaSelected"?: string | null;
+        "selected"?: boolean | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGridRow/index.js

@@ -154,57 +154,6 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "null"
   },
-  {
-   "kind": "method",
-   "name": "handleFocusout",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "FocusEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleCellFocus",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "Event"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "handleKeydown",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "KeyboardEvent"
-     }
-    }
-   ]
-  },
   {
    "kind": "method",
    "name": "updateItemTemplate",
@@ -240,18 +189,6 @@ Code in this file were generated using following JSON:
    "description": "Reflects selected state of the row",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -339,13 +276,13 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 
 
 const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
     events: [{"name":"row-focused","propName":"onRowFocused"},{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected', 'selected', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected', 'selected', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridRow.displayName = 'VwcDataGridRow'

package/v3/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcDatePicker/index.d.ts

@@ -6,6 +6,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string} min - The earliest accepted date. **attribute** `min`
 * @param {string} max - The latest accepted date. **attribute** `max`
 * @param {string} value - The current value of the element. **attribute** `current-value`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
@@ -25,28 +26,31 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcDatePicker: {
     (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;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        errorText?: string | undefined;
-        type?: string | undefined;
-        min?: string | undefined;
-        max?: string | undefined;
-        value?: string | undefined;
-        readOnly?: boolean | undefined;
-        helperText?: string | undefined;
-        validate?: any;
-        label?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onInput?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        onInput?: (event: SyntheticEvent) => void;
+        "errorText"?: string | undefined;
+        "type"?: string;
+        "min"?: string;
+        "max"?: string;
+        "value"?: string;
+        "scale"?: any;
+        "readOnly"?: boolean;
+        "helperText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDatePicker/index.js

@@ -95,6 +95,19 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/form-associated/form-associated.ts"
    }
   },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "readOnly",
@@ -514,7 +527,8 @@ Code in this file were generated using following JSON:
     "name": "modelValue",
     "propName": "value",
     "eventNames": [
-     "input"
+     "input",
+     "@lazy:change"
     ],
     "valueMapping": "event.currentTarget.value"
    }
@@ -560,6 +574,18 @@ Code in this file were generated using following JSON:
     "module": "src/shared/picker-field/mixins/min-max-calendar-picker.ts"
    }
   },
+  {
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "fieldName": "scale",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "name": "readonly",
    "type": {
@@ -674,7 +700,7 @@ Code in this file were generated using following JSON:
  ]
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerDatePicker } from '@vonage/vivid'
 
 registerDatePicker('vvd3')
@@ -682,7 +708,7 @@ registerDatePicker('vvd3')
 const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['errorText', 'type', 'min', 'max', 'value', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['errorText', 'type', 'min', 'max', 'value', 'scale', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDatePicker.displayName = 'VwcDatePicker'

package/v3/VwcDatePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-picker",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcDateRangePicker/index.d.ts

@@ -5,8 +5,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 only when the `start` property has not been explicitly set. **attribute** `start`
 * @param {string} initialEnd - The initial end value. This value sets the `end` property
 only when the `end` property has not been explicitly set. **attribute** `end`
-* @param {string} start - The start value of the date range.
-* @param {string} end - The end value of the date range.
+* @param {string} start - Sets the start date value
+* @param {string} end - Sets the end date value
 * @param {string} currentStart - The current start value of the element. This property serves as a mechanism
 to set the `start` property through both property assignment and the
 .setAttribute() method. This is useful for setting the field's value
@@ -20,6 +20,7 @@ and don't support IDL attribute binding. **attribute** `current-end`
 * @param {string} min - The earliest accepted date. **attribute** `min`
 * @param {string} max - The latest accepted date. **attribute** `max`
 * @param {string} value - The current value of the element. **attribute** `current-value`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
@@ -38,36 +39,39 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 */
 declare const VwcDateRangePicker: {
     (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onInput: start | null;
         (event: SyntheticEvent): void;
+        onInput: end | null;
         (event: SyntheticEvent): void;
-        children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onInput?: start | null;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        initialStart?: string | undefined;
-        initialEnd?: string | undefined;
-        start?: string | undefined;
-        end?: string | undefined;
-        currentStart?: string | undefined;
-        currentEnd?: string | undefined;
-        min?: string | undefined;
-        max?: string | undefined;
-        value?: string | undefined;
-        readOnly?: boolean | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
-        validate?: any;
-        label?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        onInput?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "initialStart"?: string;
+        "initialEnd"?: string;
+        "start"?: string;
+        "end"?: string;
+        "currentStart"?: string;
+        "currentEnd"?: string;
+        "min"?: string;
+        "max"?: string;
+        "value"?: string;
+        "scale"?: any;
+        "readOnly"?: boolean;
+        "helperText"?: string | undefined;
+        "errorText"?: string | undefined;
+        "validate"?: any;
+        "label"?: string | undefined;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDateRangePicker/index.js

@@ -48,7 +48,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "''",
-   "description": "The start value of the date range."
+   "description": "Sets the start date value"
   },
   {
    "kind": "field",
@@ -57,7 +57,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "''",
-   "description": "The end value of the date range."
+   "description": "Sets the end date value"
   },
   {
    "kind": "field",
@@ -177,6 +177,19 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/form-associated/form-associated.ts"
    }
   },
+  {
+   "kind": "field",
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "readOnly",
@@ -641,6 +654,18 @@ Code in this file were generated using following JSON:
     "module": "src/shared/picker-field/mixins/min-max-calendar-picker.ts"
    }
   },
+  {
+   "name": "scale",
+   "type": {
+    "text": "TextFieldSize | undefined"
+   },
+   "description": "Sets the display size of the picker field input element.",
+   "fieldName": "scale",
+   "inheritedFrom": {
+    "name": "PickerField",
+    "module": "src/shared/picker-field/picker-field.ts"
+   }
+  },
   {
    "name": "readonly",
    "type": {
@@ -811,7 +836,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerDateRangePicker } from '@vonage/vivid'
 
 registerDateRangePicker('vvd3')
@@ -819,7 +844,7 @@ registerDateRangePicker('vvd3')
 const VwcDateRangePicker = wrapper(`vvd3-date-range-picker`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"},{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
     attributes: [],
-    properties: ['initialStart', 'initialEnd', 'start', 'end', 'currentStart', 'currentEnd', 'min', 'max', 'value', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['initialStart', 'initialEnd', 'start', 'end', 'currentStart', 'currentEnd', 'min', 'max', 'value', 'scale', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDateRangePicker.displayName = 'VwcDateRangePicker'

package/v3/VwcDateRangePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-range-picker",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }