@vonage/vivid-react 3.4.0 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/VwcAccordion/package.json +1 -1
  2. package/VwcActionGroup/package.json +1 -1
  3. package/VwcBadge/package.json +1 -1
  4. package/VwcBanner/package.json +1 -1
  5. package/VwcButton/package.json +1 -1
  6. package/VwcButtonToggleGroup/package.json +1 -1
  7. package/VwcCalendar/package.json +1 -1
  8. package/VwcCalendarEvent/package.json +1 -1
  9. package/VwcCard/package.json +1 -1
  10. package/VwcCarousel/package.json +1 -1
  11. package/VwcCarouselItem/package.json +1 -1
  12. package/VwcCheckListItem/package.json +1 -1
  13. package/VwcCheckbox/package.json +1 -1
  14. package/VwcChip/package.json +1 -1
  15. package/VwcChipSet/package.json +1 -1
  16. package/VwcCircularProgress/package.json +1 -1
  17. package/VwcDataGrid/package.json +1 -1
  18. package/VwcDataGridColumn/package.json +1 -1
  19. package/VwcDatepicker/package.json +1 -1
  20. package/VwcDropdown/package.json +1 -1
  21. package/VwcElevation/package.json +1 -1
  22. package/VwcEmptyState/package.json +1 -1
  23. package/VwcExpansionPanel/package.json +1 -1
  24. package/VwcFab/package.json +1 -1
  25. package/VwcFilePicker/package.json +1 -1
  26. package/VwcFormfield/package.json +1 -1
  27. package/VwcHelperMessage/package.json +1 -1
  28. package/VwcIcon/package.json +1 -1
  29. package/VwcIconButton/package.json +1 -1
  30. package/VwcIconButtonToggle/package.json +1 -1
  31. package/VwcKeypad/package.json +1 -1
  32. package/VwcLayout/package.json +1 -1
  33. package/VwcLinearProgress/package.json +1 -1
  34. package/VwcList/package.json +1 -1
  35. package/VwcListExpansionPanel/package.json +1 -1
  36. package/VwcListItem/package.json +1 -1
  37. package/VwcMenu/package.json +1 -1
  38. package/VwcNotchedOutline/package.json +1 -1
  39. package/VwcNote/package.json +1 -1
  40. package/VwcPagination/package.json +1 -1
  41. package/VwcPopup/package.json +1 -1
  42. package/VwcRadio/package.json +1 -1
  43. package/VwcRadioListItem/package.json +1 -1
  44. package/VwcSchemeSelect/package.json +1 -1
  45. package/VwcScrubBar/package.json +1 -1
  46. package/VwcSelect/package.json +1 -1
  47. package/VwcSlider/package.json +1 -1
  48. package/VwcSnackbar/package.json +1 -1
  49. package/VwcSurface/package.json +1 -1
  50. package/VwcSwitch/package.json +1 -1
  51. package/VwcTab/package.json +1 -1
  52. package/VwcTabBar/package.json +1 -1
  53. package/VwcTag/package.json +1 -1
  54. package/VwcText/package.json +1 -1
  55. package/VwcTextarea/package.json +1 -1
  56. package/VwcTextfield/package.json +1 -1
  57. package/VwcThemeSwitch/package.json +1 -1
  58. package/VwcTooltip/package.json +1 -1
  59. package/VwcTopAppBar/package.json +1 -1
  60. package/VwcTopAppBarFixed/package.json +1 -1
  61. package/package.json +3 -2
  62. package/v3/VwcSelect/index.d.ts +20 -0
  63. package/v3/VwcSelect/index.js +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-accordion",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-action-group",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-badge",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-banner",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-button",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-button-toggle-group",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-calendar",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-calendar-event",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-card",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-carousel",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-carousel-item",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-check-list-item",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-checkbox",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-chip",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-chip-set",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-circular-progress",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-data-grid",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-data-grid-column",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-datepicker",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-dropdown",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-elevation",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-empty-state",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-expansion-panel",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-fab",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-file-picker",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-formfield",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-helper-message",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon-button",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon-button-toggle",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-keypad",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-layout",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-linear-progress",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list-expansion-panel",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list-item",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-menu",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-notched-outline",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-note",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-pagination",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-popup",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-radio",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-radio-list-item",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-scheme-select",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-scrub-bar",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-select",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-slider",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-snackbar",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-surface",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-switch",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tab",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tab-bar",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tag",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-text",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-textarea",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-textfield",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-theme-switch",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tooltip",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-top-app-bar",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-top-app-bar-fixed",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
5
5
  "main": "index.js",
6
6
  "types": "types/index.d.ts",
@@ -139,5 +139,6 @@
139
139
  },
140
140
  "optionalDependencies": {
141
141
  "prop-types": "^15.7.2"
142
- }
142
+ },
143
+ "packageManager": "yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72"
143
144
  }
@@ -15,6 +15,17 @@ import React, { ReactNode, SyntheticEvent } from 'react';
15
15
  * @param {number} selectedIndex - The index of the selected option.
16
16
  * @param {ListboxOption[]} selectedOptions - A collection of the selected options.
17
17
  * @param slottedOptionFilter - A static filter to include only selectable options.
18
+ * @param {boolean | undefined} disabled
19
+ * @param {string | undefined} errorText
20
+ * @param {string | undefined} helperText
21
+ * @param {string | undefined} icon
22
+ * @param {boolean | undefined} iconTrailing
23
+ * @param {string | undefined} initialValue
24
+ * @param {string | undefined} label
25
+ * @param {string | undefined} name
26
+ * @param {boolean | undefined} required
27
+ * @param {string | undefined} successText
28
+ * @param {string | undefined} value
18
29
  */
19
30
  declare const VwcSelect: {
20
31
  (props: {
@@ -39,6 +50,15 @@ declare const VwcSelect: {
39
50
  selectedIndex?: number | undefined;
40
51
  selectedOptions?: any[] | undefined;
41
52
  slottedOptionFilter?: any;
53
+ errorText?: string | undefined;
54
+ helperText?: string | undefined;
55
+ icon?: string | undefined;
56
+ iconTrailing?: any;
57
+ initialValue?: string | undefined;
58
+ label?: string | undefined;
59
+ name?: string | undefined;
60
+ required?: any;
61
+ successText?: string | undefined;
42
62
  }): JSX.Element;
43
63
  displayName: string;
44
64
  };
@@ -418,7 +418,7 @@ registerSelect('vvd3')
418
418
  const VwcSelect = wrapper(`vvd3-select`, {
419
419
  events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
420
420
  attributes: [],
421
- properties: ['multiple', 'open', 'value', 'scale', 'appearance', 'shape', 'fixedDropdown', 'placeholder', 'proxy', 'options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter']
421
+ properties: ['multiple', 'open', 'value', 'scale', 'appearance', 'shape', 'fixedDropdown', 'placeholder', 'proxy', 'options', 'disabled', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter', 'disabled', 'errorText', 'helperText', 'icon', 'iconTrailing', 'initialValue', 'label', 'name', 'required', 'successText', 'value']
422
422
  })
423
423
 
424
424
  VwcSelect.displayName = 'VwcSelect'