@vonage/vivid-react 2.10.72 → 2.10.73

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
-* @param {DataGridSelectionMode | undefined} selectionMode  **attribute** `selection-mode`
+* @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
 */
 declare const VwcDataGrid: {
     (props: {

package/v3/VwcDataGrid/index.js

@@ -19,7 +19,9 @@ Code in this file were generated using following JSON:
    "name": "selectionMode",
    "type": {
     "text": "DataGridSelectionMode | undefined"
-   }
+   },
+   "description": "Indicates the selection mode.",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -106,6 +108,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DataGridSelectionMode | undefined"
    },
+   "description": "Indicates the selection mode.",
    "fieldName": "selectionMode"
   }
  ],

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-cell
-* @param {string | null} ariaSelected  **attribute** `aria-selected`
-* @param {string | null} ariaSort  **attribute** `aria-sort`
+* @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
+* @param {string | null} ariaSort - Indicates the sort status. **attribute** `aria-sort`
 * @param  updateCellStyle
 */
 declare const VwcDataGridCell: {
@@ -12,6 +12,7 @@ declare const VwcDataGridCell: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onSort?: ((event: SyntheticEvent) => void) | undefined;
         ariaSelected?: string | null | undefined;
         ariaSort?: string | null | undefined;
         updateCellStyle?: any;

package/v3/VwcDataGridCell/index.js

@@ -64,7 +64,9 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | null"
    },
-   "default": "null"
+   "default": "null",
+   "description": "Indicates the selected status.",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -72,7 +74,9 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | null"
    },
-   "default": "null"
+   "default": "null",
+   "description": "Indicates the sort status.",
+   "privacy": "public"
   },
   {
    "kind": "method",
@@ -121,6 +125,12 @@ Code in this file were generated using following JSON:
    "name": "updateCellStyle"
   }
  ],
+ "events": [
+  {
+   "description": "Event that fires when a sortable column header is clicked",
+   "name": "sort"
+  }
+ ],
  "attributes": [
   {
    "name": "aria-selected",
@@ -128,6 +138,7 @@ Code in this file were generated using following JSON:
     "text": "string | null"
    },
    "default": "null",
+   "description": "Indicates the selected status.",
    "fieldName": "ariaSelected"
   },
   {
@@ -136,6 +147,7 @@ Code in this file were generated using following JSON:
     "text": "string | null"
    },
    "default": "null",
+   "description": "Indicates the sort status.",
    "fieldName": "ariaSort"
   }
  ],
@@ -151,7 +163,7 @@ import { registerDataGridCell } from '@vonage/vivid'
 registerDataGridCell('vvd3')
 
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
-    events: [],
+    events: [{"name":"sort","propName":"onSort"}],
     attributes: [],
     properties: ['ariaSelected', 'ariaSort', 'updateCellStyle']
 })

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for data-grid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-row
-* @param {string | null} ariaSelected  **attribute** `aria-selected`
+* @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
 */
 declare const VwcDataGridRow: {
     (props: {

package/v3/VwcDataGridRow/index.js

@@ -64,7 +64,9 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | null"
    },
-   "default": "null"
+   "default": "null",
+   "description": "Indicates the selected status.",
+   "privacy": "public"
   }
  ],
  "attributes": [
@@ -74,6 +76,7 @@ Code in this file were generated using following JSON:
     "text": "string | null"
    },
    "default": "null",
+   "description": "Indicates the selected status.",
    "fieldName": "ariaSelected"
   }
  ],

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/index.d.ts

@@ -1,14 +1,14 @@
 import React, { ReactNode } from 'react';
-/** Base class for date-picker
+/** Single date picker component.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker
+* @param {string} type
+* @param {string} label
 * @param {string} min - The earliest accepted date of the date-picker. **attribute** `min`
-* @param {string} max - The latest accepted date of the date-picker. **attribute** `max`
+* @param {string} max - The latest accepted date of the date-picker.
 * @param {string} initialValue - The initial value of the date-picker. **attribute** `value`
 * @param {string} currentValue - The current value of the date-picker. **attribute** `current-value`
 * @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
 * @param {string} value
-* @param {HTMLInputElement} proxy
-* @param {string} type
 */
 declare const VwcDatePicker: {
     (props: {
@@ -17,14 +17,14 @@ declare const VwcDatePicker: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        type?: string | undefined;
+        label?: string | undefined;
         min?: string | undefined;
         max?: string | undefined;
         initialValue?: string | undefined;
         currentValue?: string | undefined;
         readOnly?: boolean | undefined;
         value?: string | undefined;
-        proxy?: any;
-        type?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDatePicker/index.js

@@ -5,31 +5,40 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for date-picker",
+ "description": "Single date picker component.",
  "name": "DatePicker",
- "cssProperties": [
-  {
-   "name": "--vvd-date-picker-accent-primary",
-   "default": "var(--vvd-color-canvas-text)"
-  },
+ "members": [
   {
-   "name": "--vvd-date-picker-accent-faint",
-   "default": "var(--vvd-color-neutral-50)"
+   "kind": "method",
+   "name": "#updateValueDueToUserInteraction",
+   "parameters": [
+    {
+     "name": "newValue",
+     "type": {
+      "text": "DateStr"
+     }
+    }
+   ]
   },
   {
-   "name": "--vvd-date-picker-accent-soft",
-   "default": "var(--vvd-color-neutral-100)"
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "string"
+   },
+   "default": "'date'"
   },
   {
-   "name": "--vvd-date-picker-accent-dim",
-   "default": "var(--vvd-color-neutral-200)"
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
-  {
-   "name": "--vvd-date-picker-accent-pale",
-   "default": "var(--vvd-color-neutral-300)"
-  }
- ],
- "members": [
   {
    "kind": "field",
    "name": "min",
@@ -38,7 +47,11 @@ Code in this file were generated using following JSON:
    },
    "description": "The earliest accepted date of the date-picker.",
    "privacy": "public",
-   "default": "''"
+   "default": "''",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
@@ -48,7 +61,11 @@ Code in this file were generated using following JSON:
    },
    "description": "The latest accepted date of the date-picker.",
    "privacy": "public",
-   "default": "''"
+   "default": "''",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
@@ -57,7 +74,11 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "description": "The initial value of the date-picker.",
-   "privacy": "public"
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
@@ -66,19 +87,11 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "description": "The current value of the date-picker.",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "#updateValueDueToUserInteraction",
-   "parameters": [
-    {
-     "name": "newValue",
-     "type": {
-      "text": "DateStr"
-     }
-    }
-   ]
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
@@ -88,21 +101,36 @@ Code in this file were generated using following JSON:
    },
    "default": "false",
    "description": "Whether the date-picker is readonly.",
-   "privacy": "public"
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
-   "name": "readOnlyChanged",
-   "privacy": "protected",
-   "return": {
-    "type": {
-     "text": "void"
-    }
+   "name": "#getFocusableEls",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
   {
    "kind": "method",
-   "name": "#getFocusableEls"
+   "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "date",
+     "type": {
+      "text": "DateStr"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
@@ -114,7 +142,11 @@ Code in this file were generated using following JSON:
       "text": "Month"
      }
     }
-   ]
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
@@ -126,16 +158,52 @@ Code in this file were generated using following JSON:
       "text": "Month"
      }
     }
-   ]
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusIn",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusOut",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
-   "name": "validate"
+   "name": "_getCustomValidationError",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "string | null"
+    }
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
    "name": "#dismissOnClickOutside",
-   "privacy": "private"
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "field",
@@ -144,62 +212,51 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "default": "false"
+   "default": "false",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
-   "name": "#openPopupIfPossible"
+   "name": "#openPopupIfPossible",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "kind": "method",
-   "name": "#closePopup",
-   "parameters": [
-    {
-     "name": "restoreFocusToTextField",
-     "default": "true"
+   "name": "_getSelectedDates",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "DateStr[]"
     }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "_presentationValueChanged"
-  },
-  {
-   "kind": "method",
-   "name": "#isPresentationValueInvalid"
-  },
-  {
-   "kind": "field",
-   "name": "value",
-   "type": {
-    "text": "string"
-   },
-   "default": "''"
-  },
-  {
-   "kind": "field",
-   "name": "proxy",
-   "type": {
-    "text": "HTMLInputElement"
    },
    "inheritedFrom": {
-    "name": "FormAssociatedDatePicker",
-    "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
   {
    "kind": "field",
-   "name": "type",
+   "name": "value",
    "type": {
     "text": "string"
    },
-   "default": "'date'",
+   "default": "''",
    "inheritedFrom": {
-    "name": "FormAssociatedDatePicker",
-    "module": "libs/components/src/lib/date-picker/date-picker.form-associated.ts"
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   }
  ],
+ "superclass": {
+  "name": "DatePickerBase",
+  "module": "/libs/components/src/shared/date-picker/date-picker-base"
+ },
  "attributes": [
   {
    "type": {
@@ -207,15 +264,11 @@ Code in this file were generated using following JSON:
    },
    "description": "The earliest accepted date of the date-picker.",
    "default": "''",
-   "fieldName": "min"
-  },
-  {
-   "type": {
-    "text": "string"
-   },
-   "description": "The latest accepted date of the date-picker.",
-   "default": "''",
-   "fieldName": "max"
+   "fieldName": "min",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "name": "value",
@@ -223,7 +276,11 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "description": "The initial value of the date-picker.",
-   "fieldName": "initialValue"
+   "fieldName": "initialValue",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "name": "current-value",
@@ -231,7 +288,11 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "description": "The current value of the date-picker.",
-   "fieldName": "currentValue"
+   "fieldName": "currentValue",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   },
   {
    "name": "readonly",
@@ -240,13 +301,13 @@ Code in this file were generated using following JSON:
    },
    "default": "false",
    "description": "Whether the date-picker is readonly.",
-   "fieldName": "readOnly"
+   "fieldName": "readOnly",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   }
- ],
- "superclass": {
-  "name": "FormAssociatedDatePicker",
-  "module": "/libs/components/src/lib/date-picker/date-picker.form-associated"
- }
+ ]
 }
 */
 import wrapper from '@vonage/vivid-react-wrapper'
@@ -257,7 +318,7 @@ registerDatePicker('vvd3')
 const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
     events: [],
     attributes: [],
-    properties: ['min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value', 'proxy', 'type']
+    properties: ['type', 'label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
 })
 
 VwcDatePicker.displayName = 'VwcDatePicker'

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDatePickerBase/index.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+/** Base class for date-picker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker-base
+* @param {string} label
+* @param {string} min - The earliest accepted date of the date-picker. **attribute** `min`
+* @param {string} max - The latest accepted date of the date-picker. **attribute** `max`
+* @param {string} initialValue - The initial value of the date-picker. **attribute** `value`
+* @param {string} currentValue - The current value of the date-picker. **attribute** `current-value`
+* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {string} value
+*/
+declare const VwcDatePickerBase: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        label?: string | undefined;
+        min?: string | undefined;
+        max?: string | undefined;
+        initialValue?: string | undefined;
+        currentValue?: string | undefined;
+        readOnly?: boolean | undefined;
+        value?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDatePickerBase;