@vonage/vivid-react 2.10.56 → 2.10.59

package/v3/VwcPagination/index.js

@@ -0,0 +1,174 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for pagination",
+ "name": "Pagination",
+ "members": [
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "PaginationSize | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "paginationButtons",
+   "type": {
+    "text": "Button[] | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "prevButton",
+   "type": {
+    "text": "Button | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "nextButton",
+   "type": {
+    "text": "Button | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "navIcons",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "pagesList",
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "total",
+   "type": {
+    "text": "number"
+   },
+   "default": "0"
+  },
+  {
+   "kind": "field",
+   "name": "selectedIndex",
+   "type": {
+    "text": "number | undefined"
+   },
+   "default": "0"
+  },
+  {
+   "kind": "method",
+   "name": "totalChanged",
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "selectedIndexChanged",
+   "parameters": [
+    {
+     "name": "oldValue",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "paginationButtonsChanged",
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "Button[] | undefined"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "Button[]"
+     }
+    }
+   ]
+  }
+ ],
+ "attributes": [
+  {
+   "name": "size",
+   "type": {
+    "text": "PaginationSize | undefined"
+   },
+   "fieldName": "size"
+  },
+  {
+   "name": "nav-icons",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "fieldName": "navIcons"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "fieldName": "total"
+  },
+  {
+   "name": "selected-index",
+   "type": {
+    "text": "number | undefined"
+   },
+   "default": "0",
+   "fieldName": "selectedIndex"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerPagination } from '@vonage/vivid'
+
+registerPagination('vvd3')
+
+const VwcPagination = wrapper(`vvd3-pagination`,  {
+    events: [],
+    attributes: [],
+    properties: ['size', 'paginationButtons', 'prevButton', 'nextButton', 'navIcons', 'total', 'selectedIndex']
+})
+
+VwcPagination.displayName = 'VwcPagination'
+
+export default VwcPagination

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/index.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+/** Base class for popup
+* @param {HTMLElement} popupEl
+* @param {HTMLElement} arrowEl
+* @param {boolean} open - indicates whether the popup is open **attribute** `open`
+* @param {boolean} dismissible - adds close button to the popup **attribute** `dismissible`
+* @param {boolean} arrow - adds small triangle to indicate the trigger element **attribute** `arrow`
+* @param {boolean} alternate - set the color-scheme to dark **attribute** `alternate`
+* @param {Placement | undefined} placement - the placement of the popup **attribute** `placement`
+* @param {Strategy | undefined} strategy - the strategy of the popup **attribute** `strategy`
+* @param {string | HTMLElement | undefined} anchor - ID reference to element in the popup’s owner document or HTMLElement. **attribute** `anchor`
+*/
+declare const VwcPopup: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        popupEl?: any;
+        arrowEl?: any;
+        open?: boolean | undefined;
+        dismissible?: boolean | undefined;
+        arrow?: boolean | undefined;
+        alternate?: boolean | undefined;
+        placement?: any;
+        strategy?: any;
+        anchor?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcPopup;

package/v3/VwcPopup/index.js

@@ -0,0 +1,311 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for popup",
+ "name": "Popup",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "#arrowPosition",
+   "privacy": "private",
+   "type": {
+    "text": "any"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#padding",
+   "privacy": "private",
+   "type": {
+    "text": "number"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#distance",
+   "privacy": "private",
+   "type": {
+    "text": "number"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#middleware",
+   "privacy": "private",
+   "type": {
+    "text": "Array<any>"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#cleanup",
+   "privacy": "private",
+   "type": {
+    "text": "() => void | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "popupEl",
+   "type": {
+    "text": "HTMLElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "arrowEl",
+   "type": {
+    "text": "HTMLElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the popup is open",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "openChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "boolean"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "dismissible",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds close button to the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "arrow",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds small triangle to indicate the trigger element",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "alternate",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "set the color-scheme to dark",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "strategy",
+   "type": {
+    "text": "Strategy | undefined"
+   },
+   "default": "'fixed'",
+   "description": "the strategy of the popup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "string | HTMLElement | undefined"
+   },
+   "description": "ID reference to element in the popup’s owner document or HTMLElement.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "updatePosition",
+   "description": "Updates popup's position",
+   "privacy": "public",
+   "async": true
+  },
+  {
+   "kind": "method",
+   "name": "#assignPopupPosition",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "data",
+     "type": {
+      "text": "any"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#assignArrowPosition",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "data",
+     "type": {
+      "text": "any"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "anchorEl",
+   "type": {
+    "text": "HTMLElement | null"
+   },
+   "description": "Gets the anchor element by id",
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "show",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "hide",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the popup is open",
+   "fieldName": "open"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds close button to the popup",
+   "fieldName": "dismissible"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "adds small triangle to indicate the trigger element",
+   "fieldName": "arrow"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "set the color-scheme to dark",
+   "fieldName": "alternate"
+  },
+  {
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the popup",
+   "fieldName": "placement"
+  },
+  {
+   "type": {
+    "text": "Strategy | undefined"
+   },
+   "default": "'fixed'",
+   "description": "the strategy of the popup",
+   "fieldName": "strategy"
+  },
+  {
+   "name": "anchor",
+   "type": {
+    "text": "string | HTMLElement | undefined"
+   },
+   "description": "ID reference to element in the popup’s owner document or HTMLElement.",
+   "fieldName": "anchor"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerPopup } from '@vonage/vivid'
+
+registerPopup('vvd3')
+
+const VwcPopup = wrapper(`vvd3-popup`,  {
+    events: [],
+    attributes: [],
+    properties: ['popupEl', 'arrowEl', 'open', 'dismissible', 'arrow', 'alternate', 'placement', 'strategy', 'anchor']
+})
+
+VwcPopup.displayName = 'VwcPopup'
+
+export default VwcPopup

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** Base class for progress
+* @param {ProgressShape | undefined} shape  **attribute** `shape`
+* @param {ProgressConnotation | undefined} connotation  **attribute** `connotation`
+* @param {boolean} reverse  **attribute** `reverse`
+*/
+declare const VwcProgress: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        shape?: any;
+        connotation?: any;
+        reverse?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcProgress;

package/v3/VwcProgress/index.js

@@ -0,0 +1,110 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for progress",
+ "name": "Progress",
+ "cssProperties": [
+  {
+   "name": "--vvd-progress-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-progress-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
+  {
+   "name": "--vvd-progress-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-progress-alert-soft",
+   "default": "var(--vvd-color-alert-100)"
+  },
+  {
+   "name": "--vvd-progress-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-progress-success-soft",
+   "default": "var(--vvd-color-success-100)"
+  },
+  {
+   "name": "--vvd-progress-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-progress-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "ProgressShape | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "ProgressConnotation | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "reverse",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "shape",
+   "type": {
+    "text": "ProgressShape | undefined"
+   },
+   "fieldName": "shape"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "ProgressConnotation | undefined"
+   },
+   "fieldName": "connotation"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "fieldName": "reverse"
+  }
+ ],
+ "superclass": {
+  "name": "BaseProgress",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerProgress } from '@vonage/vivid'
+
+registerProgress('vvd3')
+
+const VwcProgress = wrapper(`vvd3-progress`,  {
+    events: [],
+    attributes: [],
+    properties: ['shape', 'connotation', 'reverse']
+})
+
+VwcProgress.displayName = 'VwcProgress'
+
+export default VwcProgress

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+/** Base class for progress-ring
+* @param {ProgressRingConnotation | undefined} connotation  **attribute** `connotation`
+* @param {-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+*/
+declare const VwcProgressRing: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        connotation?: any;
+        size?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcProgressRing;