@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcDataGridRow/index.js

@@ -80,6 +80,155 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "gridTemplateColumns",
+   "type": {
+    "text": "string"
+   },
+   "description": "String that gets applied to the the css gridTemplateColumns attribute for the row\nx",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowType",
+   "type": {
+    "text": "DataGridRowTypes"
+   },
+   "description": "The type of row",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowData",
+   "type": {
+    "text": "object | null"
+   },
+   "default": "null",
+   "description": "The base data for this row",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "columnDefinitions",
+   "type": {
+    "text": "ColumnDefinition[] | null"
+   },
+   "default": "null",
+   "description": "The column definitions of the row",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "cellItemTemplate",
+   "type": {
+    "text": "ViewTemplate | undefined"
+   },
+   "description": "The template used to render cells in generated rows.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "headerCellItemTemplate",
+   "type": {
+    "text": "ViewTemplate | undefined"
+   },
+   "description": "The template used to render header cells in generated rows.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowIndex",
+   "type": {
+    "text": "number"
+   },
+   "description": "The index of the row in the parent grid.\nThis is typically set programmatically by the parent grid.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "cellsRepeatBehavior",
+   "type": {
+    "text": "RepeatBehavior | null"
+   },
+   "privacy": "private",
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "cellsPlaceholder",
+   "type": {
+    "text": "Node | null"
+   },
+   "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",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "updateRowStyle",
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "ariaSelected",
@@ -108,6 +257,22 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "grid-template-columns",
+   "type": {
+    "text": "string"
+   },
+   "description": "String that gets applied to the the css gridTemplateColumns attribute for the row\nx",
+   "fieldName": "gridTemplateColumns"
+  },
+  {
+   "name": "row-type",
+   "type": {
+    "text": "DataGridRowTypes"
+   },
+   "description": "The type of row",
+   "fieldName": "rowType"
+  },
   {
    "name": "aria-selected",
    "type": {
@@ -119,8 +284,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationDataGridRow",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -136,7 +301,7 @@ registerDataGridRow('vvd3')
 const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
     events: [{"name":"row-focused","propName":"onRowFocused"},{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['ariaSelected']
+    properties: ['gridTemplateColumns', 'rowType', 'rowData', 'columnDefinitions', 'cellItemTemplate', 'headerCellItemTemplate', 'rowIndex', 'ariaSelected']
 })
 
 VwcDataGridRow.displayName = 'VwcDataGridRow'

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/index.js

@@ -14,6 +14,20 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "method",
+   "name": "_updatePresentationValue",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
   {
    "kind": "method",
    "name": "#updateValueDueToUserInteraction",
@@ -194,6 +208,31 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
+  {
+   "kind": "field",
+   "name": "#localeChangeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#localeChangeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "BindingObserver"
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "#dismissOnClickOutside",
@@ -276,7 +315,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDatePickerBase/index.js

@@ -146,6 +146,23 @@ Code in this file were generated using following JSON:
     }
    }
   },
+  {
+   "kind": "field",
+   "name": "#localeChangeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}"
+  },
+  {
+   "kind": "field",
+   "name": "#localeChangeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "BindingObserver"
+   }
+  },
   {
    "kind": "field",
    "name": "#dismissOnClickOutside",
@@ -155,6 +172,16 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "#openPopupIfPossible"
   },
+  {
+   "kind": "method",
+   "name": "_updatePresentationValue",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
   {
    "kind": "method",
    "name": "_getSelectedDates",

package/v3/VwcDatePickerBase/package.json

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

package/v3/VwcDateRangePicker/index.js

@@ -268,6 +268,31 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
+  {
+   "kind": "field",
+   "name": "#localeChangeHandler",
+   "privacy": "private",
+   "type": {
+    "text": "object"
+   },
+   "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#localeChangeObserver",
+   "privacy": "private",
+   "type": {
+    "text": "BindingObserver"
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "#dismissOnClickOutside",
@@ -285,6 +310,20 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
+  {
+   "kind": "method",
+   "name": "_updatePresentationValue",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
   {
    "kind": "method",
    "name": "_getSelectedDates",
@@ -449,13 +488,17 @@ Code in this file were generated using following JSON:
    {
     "name": "start",
     "attributeName": "start",
-    "eventName": "input:start",
+    "eventNames": [
+     "input:start"
+    ],
     "valueMapping": "(event.target as any).start"
    },
    {
     "name": "end",
     "attributeName": "end",
-    "eventName": "input:end",
+    "eventNames": [
+     "input:end"
+    ],
     "valueMapping": "(event.target as any).end"
    }
   ]

package/v3/VwcDateRangePicker/package.json

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

package/v3/VwcDelegatesARIAButton/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+/** Includes ARIA states and properties relating to the ARIA button role
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/delegates-ariabutton
+* @param {'true' | 'false' | string | null} ariaExpanded - See https://www.w3.org/WAI/PF/aria/roles#button for more information **attribute** `aria-expanded`
+* @param {'true' | 'false' | 'mixed' | string | null} ariaPressed - See https://www.w3.org/WAI/PF/aria/roles#button for more information **attribute** `aria-pressed`
+*/
+declare const VwcDelegatesARIAButton: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaExpanded?: any;
+        ariaPressed?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDelegatesARIAButton;

package/v3/VwcDelegatesARIAButton/index.js

@@ -0,0 +1,63 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Includes ARIA states and properties relating to the ARIA button role",
+ "name": "DelegatesARIAButton",
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaExpanded",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "privacy": "public",
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#button for more information"
+  },
+  {
+   "kind": "field",
+   "name": "ariaPressed",
+   "type": {
+    "text": "'true' | 'false' | 'mixed' | string | null"
+   },
+   "privacy": "public",
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#button for more information"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-expanded",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#button for more information",
+   "fieldName": "ariaExpanded"
+  },
+  {
+   "name": "aria-pressed",
+   "type": {
+    "text": "'true' | 'false' | 'mixed' | string | null"
+   },
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#button for more information",
+   "fieldName": "ariaPressed"
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDelegatesARIAButton } from '@vonage/vivid'
+
+registerDelegatesARIAButton('vvd3')
+
+const VwcDelegatesARIAButton = wrapper(`vvd3-delegates-ariabutton`,  {
+    events: [],
+    attributes: [],
+    properties: ['ariaExpanded', 'ariaPressed']
+})
+
+VwcDelegatesARIAButton.displayName = 'VwcDelegatesARIAButton'
+
+export default VwcDelegatesARIAButton

package/v3/VwcDelegatesARIAButton/package.json

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

package/v3/VwcDelegatesARIALink/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** Includes ARIA states and properties relating to the ARIA link role
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/delegates-arialink
+* @param {'true' | 'false' | string | null} ariaExpanded - See https://www.w3.org/WAI/PF/aria/roles#link for more information **attribute** `aria-expanded`
+*/
+declare const VwcDelegatesARIALink: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaExpanded?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDelegatesARIALink;

package/v3/VwcDelegatesARIALink/index.js

@@ -0,0 +1,46 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Includes ARIA states and properties relating to the ARIA link role",
+ "name": "DelegatesARIALink",
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaExpanded",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#link for more information",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-expanded",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "See https://www.w3.org/WAI/PF/aria/roles#link for more information",
+   "fieldName": "ariaExpanded"
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDelegatesARIALink } from '@vonage/vivid'
+
+registerDelegatesARIALink('vvd3')
+
+const VwcDelegatesARIALink = wrapper(`vvd3-delegates-arialink`,  {
+    events: [],
+    attributes: [],
+    properties: ['ariaExpanded']
+})
+
+VwcDelegatesARIALink.displayName = 'VwcDelegatesARIALink'
+
+export default VwcDelegatesARIALink

package/v3/VwcDelegatesARIALink/package.json

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

package/v3/VwcDelegatesARIAListbox/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+/** Includes ARIA states and properties relating to the ARIA listbox role
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/delegates-arialistbox
+* @param {string | null} ariaActiveDescendant - See https://www.w3.org/TR/wai-aria-1.2/#listbox for more information
+* @param {'true' | 'false' | string | null} ariaDisabled - See https://www.w3.org/TR/wai-aria-1.2/#listbox for more information
+* @param {'true' | 'false' | string | null} ariaExpanded - See https://www.w3.org/TR/wai-aria-1.2/#listbox for more information
+* @param {'true' | 'false' | string | null} ariaMultiSelectable - See https://w3c.github.io/aria/#listbox for more information
+*/
+declare const VwcDelegatesARIAListbox: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaActiveDescendant?: string | null | undefined;
+        ariaDisabled?: any;
+        ariaExpanded?: any;
+        ariaMultiSelectable?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDelegatesARIAListbox;