@vonage/vivid-react 3.5.1 → 3.5.2

package/v3/VwcDataGrid/index.d.ts

@@ -18,6 +18,7 @@ within the grid moves focus to the specified row.
 grid is focused. This value changes as focus moves to different rows
 within the grid.  Changing this value when focus is already within
 the grid moves focus to the specified column.
+* @param {number | undefined} fixedColumns - Number of columns to be fixed when scrolling horizontally **attribute** `fixed-columns`
 * @param {string} rowElementTag - Set by the component templates.
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
@@ -42,6 +43,7 @@ declare const VwcDataGrid: {
         headerCellItemTemplate?: any;
         focusRowIndex?: number | undefined;
         focusColumnIndex?: number | undefined;
+        fixedColumns?: any;
         rowElementTag?: string | undefined;
         selectionMode?: any;
         VIVID_VERSION?: string | undefined;

package/v3/VwcDataGrid/index.js

@@ -133,6 +133,15 @@ Code in this file were generated using following JSON:
    "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid.  Changing this value when focus is already within\nthe grid moves focus to the specified column.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "fixedColumns",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "rowElementTag",
@@ -186,6 +195,14 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "false"
   },
+  {
+   "kind": "field",
+   "name": "resizeObserver",
+   "type": {
+    "text": "ResizeObserver | undefined"
+   },
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "observer",
@@ -415,6 +432,14 @@ Code in this file were generated using following JSON:
    "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
    "fieldName": "gridTemplateColumns"
   },
+  {
+   "name": "fixed-columns",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "fieldName": "fixedColumns"
+  },
   {
    "name": "selection-mode",
    "type": {
@@ -442,7 +467,7 @@ registerDataGrid('vvd3')
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
     events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'rowElementTag', 'selectionMode', 'VIVID_VERSION', 'componentName']
+    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'fixedColumns', 'rowElementTag', 'selectionMode', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDateRangePicker/package.json

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

package/v3/VwcDateTimePicker/package.json

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

package/v3/VwcDelegateAriaBehavior/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-delegate-aria-behavior",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDialPad/package.json

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

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/index.d.ts

@@ -3,7 +3,8 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/divider
 * @param {DividerRole} role - The role of the element. This property will be removed **attribute** `role`
 * @param {Orientation} orientation - The orientation of the divider. **attribute** `orientation`
-* @param {'delegate'} _vividAriaBehaviour
+* @param {DividerAppearance | undefined} appearance - The appearance of the divider. **attribute** `appearance`
+* @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
@@ -17,6 +18,7 @@ declare const VwcDivider: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         role?: any;
         orientation?: any;
+        appearance?: any;
         _vividAriaBehaviour?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;

package/v3/VwcDivider/index.js

@@ -7,6 +7,16 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "",
  "name": "Divider",
+ "cssProperties": [
+  {
+   "name": "--vvd-divider-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-divider-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
  "members": [
   {
    "kind": "field",
@@ -26,16 +36,25 @@ Code in this file were generated using following JSON:
    "description": "The orientation of the divider.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "DividerAppearance | undefined"
+   },
+   "description": "The appearance of the divider.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
+   "default": "'host'",
    "type": {
-    "text": "'delegate'"
+    "text": "'host'"
    },
    "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
    }
   },
   {
@@ -82,12 +101,20 @@ Code in this file were generated using following JSON:
    },
    "description": "The orientation of the divider.",
    "fieldName": "orientation"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "DividerAppearance | undefined"
+   },
+   "description": "The appearance of the divider.",
+   "fieldName": "appearance"
   }
  ],
  "mixins": [
   {
-   "name": "DelegatesAria",
-   "module": "/src/shared/aria/delegates-aria"
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
   }
  ],
  "superclass": {
@@ -108,7 +135,7 @@ registerDivider('vvd3')
 const VwcDivider = wrapper(`vvd3-divider`,  {
     events: [],
     attributes: [],
-    properties: ['role', 'orientation', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['role', 'orientation', 'appearance', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDivider.displayName = 'VwcDivider'

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/package.json

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

package/v3/VwcFeedbackMessage/package.json

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

package/v3/VwcFilePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcHostSemanticsBehavior/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-host-semantics-behavior",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcIcon/package.json

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

package/v3/VwcImagePlaceholder/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** VwcImagePlaceholder
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/image-placeholder
+* @param {string | undefined} fileName  **attribute** `file-name`
+* @param {string | undefined} size  **attribute** `size`
+* @param {string | undefined} errorMessage  **attribute** `error-message`
+* @param {string | undefined} icon  **attribute** `icon`
+* @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
+*/
+declare const VwcImagePlaceholder: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        fileName?: string | undefined;
+        size?: string | undefined;
+        errorMessage?: string | undefined;
+        icon?: string | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcImagePlaceholder;

package/v3/VwcImagePlaceholder/index.js

@@ -0,0 +1,116 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "ImagePlaceholder",
+ "members": [
+  {
+   "kind": "field",
+   "name": "fileName",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "errorMessage",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "file-name",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "fileName"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "size"
+  },
+  {
+   "name": "error-message",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "errorMessage"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "icon"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerImagePlaceholder } from '@vonage/vivid'
+
+registerImagePlaceholder('vvd3')
+
+const VwcImagePlaceholder = wrapper(`vvd3-image-placeholder`,  {
+    events: [],
+    attributes: [],
+    properties: ['fileName', 'size', 'errorMessage', 'icon', 'VIVID_VERSION', 'componentName']
+})
+
+VwcImagePlaceholder.displayName = 'VwcImagePlaceholder'
+
+export default VwcImagePlaceholder

package/v3/VwcImagePlaceholder/package.json

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

package/v3/VwcInlineTimePicker/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/package.json

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