@vonage/vivid-react 2.10.56 → 2.10.59

package/v3/VwcCombobox/index.js

@@ -0,0 +1,87 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for combobox",
+ "name": "Combobox",
+ "cssProperties": [
+  {
+   "name": "--vvd-combobox-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-combobox-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-combobox-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-combobox-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "PopupPlacement | undefined"
+   },
+   "description": "the placement of the combobox\n\nHTML Attribute: string"
+  },
+  {
+   "kind": "field",
+   "name": "_popup",
+   "type": {
+    "text": "Popup"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "_anchor",
+   "type": {
+    "text": "HTMLElement"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "placement",
+   "type": {
+    "text": "PopupPlacement | undefined"
+   },
+   "description": "the placement of the combobox\n\nHTML Attribute: string",
+   "fieldName": "placement"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationCombobox",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerCombobox } from '@vonage/vivid'
+
+registerCombobox('vvd3')
+
+const VwcCombobox = wrapper(`vvd3-combobox`,  {
+    events: [],
+    attributes: [],
+    properties: ['placement', '_popup', '_anchor']
+})
+
+VwcCombobox.displayName = 'VwcCombobox'
+
+export default VwcCombobox

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for data-grid
+* @param {DataGridSelectionMode | undefined} selectionMode  **attribute** `selection-mode`
+*/
+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;
+        selectionMode?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDataGrid;

package/v3/VwcDataGrid/index.js

@@ -0,0 +1,118 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for data-grid",
+ "name": "DataGrid",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "selectionMode",
+   "type": {
+    "text": "DataGridSelectionMode | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#selectedRows",
+   "privacy": "private",
+   "type": {
+    "text": "DataGridRow[]"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#selectedCells",
+   "privacy": "private",
+   "type": {
+    "text": "DataGridCell[]"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "selectionModeChanged",
+   "parameters": [
+    {
+     "name": "oldValue",
+     "type": {
+      "text": "DataGridSelectionMode"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#handleKeypress",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#handleClick",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#handleCellSelection",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#handleRowSelection",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#setSelectedState",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#resetSelection",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#initSelections",
+   "privacy": "private"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "selection-mode",
+   "type": {
+    "text": "DataGridSelectionMode | undefined"
+   },
+   "fieldName": "selectionMode"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationDataGrid",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDataGrid } from '@vonage/vivid'
+
+registerDataGrid('vvd3')
+
+const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
+    events: [],
+    attributes: [],
+    properties: ['selectionMode']
+})
+
+VwcDataGrid.displayName = 'VwcDataGrid'
+
+export default VwcDataGrid

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+/** Base class for data-grid
+* @param {string | null} ariaSelected  **attribute** `aria-selected`
+* @param  updateCellStyle
+*/
+declare const VwcDataGridCell: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaSelected?: string | null | undefined;
+        updateCellStyle?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDataGridCell;

package/v3/VwcDataGridCell/index.js

@@ -0,0 +1,145 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for data-grid",
+ "name": "DataGridCell",
+ "cssProperties": [
+  {
+   "name": "--vvd-data-grid-cell-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-dim",
+   "default": "var(--vvd-color-cta-200)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaSelected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "method",
+   "name": "ariaSelectedChanged",
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "string | null"
+     }
+    },
+    {
+     "name": "selectedState",
+     "type": {
+      "text": "string | null"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "handleFocusin",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "FocusEvent"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "handleFocusout",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "FocusEvent"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "updateCellStyle"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-selected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaSelected"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationDataGridCell",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDataGridCell } from '@vonage/vivid'
+
+registerDataGridCell('vvd3')
+
+const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
+    events: [],
+    attributes: [],
+    properties: ['ariaSelected', 'updateCellStyle']
+})
+
+VwcDataGridCell.displayName = 'VwcDataGridCell'
+
+export default VwcDataGridCell

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for data-grid
+* @param {string | null} ariaSelected  **attribute** `aria-selected`
+*/
+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;
+        ariaSelected?: string | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDataGridRow;

package/v3/VwcDataGridRow/index.js

@@ -0,0 +1,99 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for data-grid",
+ "name": "DataGridRow",
+ "cssProperties": [
+  {
+   "name": "--vvd-data-grid-row-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-data-grid-row-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-data-grid-row-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-data-grid-row-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-data-grid-row-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-data-grid-row-cta-dim",
+   "default": "var(--vvd-color-cta-200)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-data-grid-row-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaSelected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-selected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaSelected"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationDataGridRow",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDataGridRow } from '@vonage/vivid'
+
+registerDataGridRow('vvd3')
+
+const VwcDataGridRow = wrapper(`vvd3-data-grid-row`,  {
+    events: [],
+    attributes: [],
+    properties: ['ariaSelected']
+})
+
+VwcDataGridRow.displayName = 'VwcDataGridRow'
+
+export default VwcDataGridRow

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDialog/index.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+/** Base class for dialog
+* @param {boolean} open - Indicates dialog's state **attribute** `open`
+* @param {string | undefined} icon  **attribute** `icon`
+* @param {IconPlacement | undefined} iconPlacement  **attribute** `icon-placement`
+* @param {string | undefined} subtitle  **attribute** `subtitle`
+* @param {string | undefined} headline  **attribute** `headline`
+* @param {boolean} fullWidthBody  **attribute** `full-width-body`
+* @param {string | null} ariaLabelledBy  **attribute** `aria-labelledby`
+* @param {string | null} ariaLabel  **attribute** `aria-label`
+* @param {string | null} ariaDescribedBy  **attribute** `aria-describedby`
+* @param {string} returnValue
+* @param {HTMLElement[] | undefined} footerSlottedContent
+*/
+declare const VwcDialog: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        open?: boolean | undefined;
+        icon?: string | undefined;
+        iconPlacement?: any;
+        subtitle?: string | undefined;
+        headline?: string | undefined;
+        fullWidthBody?: boolean | undefined;
+        ariaLabelledBy?: string | null | undefined;
+        ariaLabel?: string | null | undefined;
+        ariaDescribedBy?: string | null | undefined;
+        returnValue?: string | undefined;
+        footerSlottedContent?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDialog;