@vonage/vivid-react 4.0.0 → 5.20.0

package/VwcCircularProgress/index.js

@@ -9,36 +9,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "connotation",
-   "type": "CircularProgressConnotation | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "indeterminate",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "progress",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "density",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "closed",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
    "bindable": false
   }
  ],
@@ -46,17 +16,12 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-circular-progress'
 
 
 /**  
-* @param {CircularProgressConnotation | undefined} connotation  
-* @param {boolean} indeterminate  
-* @param {number} progress  
-* @param {number} density  
-* @param {boolean} closed  
-* @param {string | undefined} ariaLabel  
+* @param  connotation  
 */
 const VwcCircularProgress = wrapper('vwc-circular-progress',  {
     events: [],
@@ -65,12 +30,7 @@ const VwcCircularProgress = wrapper('vwc-circular-progress',  {
 });
 
 VwcCircularProgress.propTypes = {
-  connotation: PropTypes.any /* CircularProgressConnotation | undefined */,
-  indeterminate: PropTypes.bool,
-  progress: PropTypes.number,
-  density: PropTypes.number,
-  closed: PropTypes.bool,
-  ariaLabel: PropTypes.string
+  connotation: PropTypes.any /* type not provided */
 }
 
 VwcCircularProgress.defaultProps = {

package/VwcCircularProgress/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-circular-progress",
-  "version": "4.0.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-circular-progress": "2.45.0"
+    "@vonage/vwc-circular-progress": "2.46.3"
   }
 }

package/VwcDataGrid/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-data-grid';
 /**
-* @param {GridElement} baseGrid
+* @param  baseGrid
 * @param {((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined} dataProvider
 * @param {boolean} multiSort
 * @param {boolean} heightByRows
@@ -14,17 +14,18 @@ import '@vonage/vwc-data-grid';
 */
 declare const VwcDataGrid: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onSelectedItemsChange?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onSelectedItemsChange?: (event: SyntheticEvent) => void;
+    onSelectedItemsChange?: (event: SyntheticEvent) => void;
     baseGrid?: any;
     dataProvider?: any;
-    multiSort?: boolean | undefined;
-    heightByRows?: boolean | undefined;
-    reordering?: boolean | undefined;
-    columns?: any[] | undefined;
+    multiSort?: boolean;
+    heightByRows?: boolean;
+    reordering?: boolean;
+    columns?: any[];
     rowDetailsRenderer?: any;
     items?: any;
     floatingLabelFoundation?: any;

package/VwcDataGrid/index.js

@@ -9,11 +9,10 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
+   "type": "array"
   },
   {
    "name": "baseGrid",
-   "type": "GridElement",
    "bindable": false
   },
   {
@@ -75,12 +74,12 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-data-grid'
 
 
 /**  
-* @param {GridElement} baseGrid  
+* @param  baseGrid  
 * @param {((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined} dataProvider  
 * @param {boolean} multiSort  
 * @param {boolean} heightByRows  
@@ -99,7 +98,7 @@ const VwcDataGrid = wrapper('vwc-data-grid',  {
 
 VwcDataGrid.propTypes = {
   onSelectedItemsChange: PropTypes.func,
-  baseGrid: PropTypes.any /* GridElement */,
+  baseGrid: PropTypes.any /* type not provided */,
   dataProvider: PropTypes.any /* ((params: unknown, callback: (pageItems: unknown[], treeLevelSize: number) => void) => void) | undefined */,
   multiSort: PropTypes.bool,
   heightByRows: PropTypes.bool,

package/VwcDataGrid/package.json

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

package/VwcDataGridColumn/index.d.ts

@@ -20,23 +20,23 @@ import '@vonage/vwc-data-grid/vwc-data-grid-column';
 */
 declare const VwcDataGridColumn: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     path?: string | undefined;
-    tree?: boolean | undefined;
-    hidden?: boolean | undefined;
-    frozen?: boolean | undefined;
-    sortable?: boolean | undefined;
-    filterable?: boolean | undefined;
-    resizable?: boolean | undefined;
+    tree?: boolean;
+    hidden?: boolean;
+    frozen?: boolean;
+    sortable?: boolean;
+    filterable?: boolean;
+    resizable?: boolean;
     selector?: string | undefined;
-    autoWidth?: boolean | undefined;
+    autoWidth?: boolean;
     width?: string | undefined;
-    header?: string | undefined;
+    header?: string;
     headerRenderer?: any;
-    footer?: string | undefined;
+    footer?: string;
     footerRenderer?: any;
     cellRenderer?: any;
 }) => JSX.Element;

package/VwcDataGridColumn/index.js

@@ -87,7 +87,7 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-data-grid'
 import '@vonage/vwc-data-grid/vwc-data-grid-column'
 

package/VwcDataGridColumn/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-data-grid-column",
-  "version": "4.0.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-data-grid": "2.45.0"
+    "@vonage/vwc-data-grid": "2.46.3"
   }
 }

package/VwcDatepicker/index.d.ts

@@ -6,115 +6,17 @@ import '@vonage/vwc-datepicker';
 * @param {boolean} closeOnSelect
 * @param {boolean} fixedMenuPosition
 * @param {HTMLElement | null} anchor
-* @param {string} placeholder - Placeholder text for input element provided by lit-flatpickr
-* @param {string} altFormat - Exactly the same as date format, but for the altInput field
-* @param {boolean} altInput - Show the user a readable date (as per altFormat), but return something totally different to the server.
-* @param {string} altInputClass - This class will be added to the input element created by the altInput option.
-Note that altInput already inherits classes from the original input.
-* @param {boolean} allowInput - Allows the user to enter a date directly input the input field. By default, direct entry is disabled.
-* @param {string} ariaDateFormat - Defines how the date will be formatted in the aria-label for calendar days, using the same tokens as dateFormat.
-If you change this, you should choose a value that will make sense if a screen reader reads it out loud
-* @param {boolean} clickOpens - Whether clicking on the input should open the picker.
-You could disable this if you wish to open the calendar manually with.open()
-* @param {string} dateFormat - A string of characters which are used to define how the date will be displayed in the input box.
-* @param {DateOption|DateOption[]} defaultDate - Sets the initial selected date(s).
-
-If you're using mode: "multiple" or a range calendar supply an Array of
-Date objects or an Array of date strings which follow your dateFormat.
-
-Otherwise, you can supply a single Date object or a date string.
-* @param {number} defaultHour - Initial value of the hour element.
-* @param {number} defaultMinute - Initial value of the minute element.
-* @param {DateLimit<DateOption>[]} disable - Dates selected to be unavailable for selection.
-* @param {boolean} disableMobile - Set disableMobile to true to always use the non-native picker.
-By default, flatpickr utilizes native datetime widgets unless certain options (e.g. disable) are used.
-* @param {DateLimit<DateOption>[] | undefined} enable - Dates selected to be available for selection.
-* @param {boolean} enableTime - Enables time picker
-* @param {boolean} enableSeconds - Enables seconds in the time picker
-* @param {((date: Date, format: string, locale: Locale) => string) | undefined} formatDateFn - Allows using a custom date formatting function instead of the built-in
-handling for date formats using dateFormat, altFormat, etc.
-
-Function format: (date: Date, format: string, locale: Locale) => string
-* @param {number} hourIncrement - Adjusts the step for the hour input (incl. scrolling)
-* @param {number} minuteIncrement - Adjusts the step for the minute input (incl. scrolling)
-* @param {boolean} inline - Displays the calendar inline
-* @param {DateOption | undefined} maxDate - The maximum date that a user can pick to (inclusive).
-* @param {DateOption | undefined} minDate - The minimum date that a user can pick to (inclusive).
-* @param {"single" | "multiple" | "range"} mode - "single", "multiple", or "range"
-* @param {string} nextArrow - HTML for the arrow icon, used to switch months.
-* @param {string} prevArrow - HTML for the arrow icon, used to switch months.
-* @param {boolean} noCalendar - Hides the day selection in calendar.
-Use it along with enableTime to create a time picker.
-* @param {Hook | undefined} onChange - Function(s) to trigger on every date selection
-* @param {Hook | undefined} onClose - Function(s) to trigger every time the calendar is closed
-* @param {Hook | undefined} onOpen - Function(s) to trigger every time the calendar is opened
-* @param {Hook | undefined} onReady - Function(s) to trigger when the calendar is ready
-* @param {Hook | undefined} onMonthChange - Function(s) to trigger every time the calendar month is changed by the user or programmatically
-* @param {Hook | undefined} onYearChange - Function(s) to trigger every time the calendar year is changed by the user or programmatically
-* @param {Hook | undefined} onValueUpdate - Function(s) to trigger when the input value is updated with a new date string
-* @param {((date: string, format: string) => Date) | undefined} parseDateFn - Function that expects a date string and must return a Date object.
-
-Function format: (date: string, format: string) => string
-* @param {"auto" | "above" | "below"} position - Where the calendar is rendered relative to the input
-* @param {boolean} shorthandCurrentMonth - Show the month using the shorthand version (ie, Sep instead of September)
-* @param {number} showMonths - The number of months showed
-* @param {boolean} static - Position the calendar inside the wrapper and next to the input element
-* @param {boolean} weekNumbers - Enabled display of week numbers in calendar
-* @param {boolean} wrap - flatpickr can parse an input group of textboxes and buttons, common in Bootstrap and other frameworks.
-This permits additional markup, as well as custom elements to trigger the state of the calendar.
-* @param { "light" | "dark" | "material_blue" | "material_red" | "material_green" | "material_orange" | "airbnb" | "confetti" | "none" } theme - The set theme of flatpickr.
 */
 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;
-    monthPicker?: boolean | undefined;
-    weekSelect?: boolean | undefined;
-    closeOnSelect?: boolean | undefined;
-    fixedMenuPosition?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    monthPicker?: boolean;
+    weekSelect?: boolean;
+    closeOnSelect?: boolean;
+    fixedMenuPosition?: boolean;
     anchor?: any;
-    placeholder?: string | undefined;
-    altFormat?: string | undefined;
-    altInput?: boolean | undefined;
-    altInputClass?: string | undefined;
-    allowInput?: boolean | undefined;
-    ariaDateFormat?: string | undefined;
-    clickOpens?: boolean | undefined;
-    dateFormat?: string | undefined;
-    defaultDate?: any[] | undefined;
-    defaultHour?: number | undefined;
-    defaultMinute?: number | undefined;
-    disable?: any[] | undefined;
-    disableMobile?: boolean | undefined;
-    enable?: any;
-    enableTime?: boolean | undefined;
-    enableSeconds?: boolean | undefined;
-    formatDateFn?: any;
-    hourIncrement?: number | undefined;
-    minuteIncrement?: number | undefined;
-    inline?: boolean | undefined;
-    maxDate?: any;
-    minDate?: any;
-    mode?: "single" | "multiple" | "range" | undefined;
-    nextArrow?: string | undefined;
-    prevArrow?: string | undefined;
-    noCalendar?: boolean | undefined;
-    onChange?: any;
-    onClose?: any;
-    onOpen?: any;
-    onReady?: any;
-    onMonthChange?: any;
-    onYearChange?: any;
-    onValueUpdate?: any;
-    parseDateFn?: any;
-    position?: "auto" | "above" | "below" | undefined;
-    shorthandCurrentMonth?: boolean | undefined;
-    showMonths?: number | undefined;
-    static?: boolean | undefined;
-    weekNumbers?: boolean | undefined;
-    wrap?: boolean | undefined;
-    theme?: "light" | "dark" | "material_blue" | "material_red" | "material_green" | "material_orange" | "airbnb" | "confetti" | "none" | undefined;
 }) => JSX.Element;
 export default VwcDatepicker;