@vonage/vivid-react 2.10.47 → 2.10.58

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 (292) hide show
  1. package/.storybook/main.js +11 -0
  2. package/.storybook/preview.js +3 -0
  3. package/.vscode/settings.json +4 -0
  4. package/README.md +75 -65
  5. package/babel.config.js +38 -0
  6. package/package.json +66 -67
  7. package/rollup.config.js +30 -0
  8. package/scripts/cli.js +27 -0
  9. package/scripts/generateWrappers/consts.js +220 -0
  10. package/scripts/generateWrappers/generator.js +264 -0
  11. package/scripts/generateWrappers/helpers/generator.js +18 -0
  12. package/scripts/generateWrappers/helpers/generator.test.js +56 -0
  13. package/scripts/generateWrappers/prop.types.js +87 -0
  14. package/scripts/generateWrappers/templates/js/index.tmpl +2 -0
  15. package/scripts/generateWrappers/templates/js/react-component-v3.tmpl +19 -0
  16. package/scripts/generateWrappers/templates/js/react-component.tmpl +30 -0
  17. package/scripts/generateWrappers/templates/js/stories.tmpl +18 -0
  18. package/scripts/generateWrappers/templates/templates.js +39 -0
  19. package/scripts/generateWrappers/templates/ts/element-type.tmpl +3 -0
  20. package/scripts/generateWrappers/templates/ts/index.tmpl +2 -0
  21. package/scripts/generateWrappers/templates/ts/react-component-v3.tmpl +32 -0
  22. package/scripts/generateWrappers/templates/ts/react-component.tmpl +28 -0
  23. package/scripts/generateWrappers/templates/ts/types.tmpl +8 -0
  24. package/scripts/generateWrappers/utils.js +197 -0
  25. package/scripts/generateWrappers/utils.test.js +71 -0
  26. package/scripts/updateDocs.js +42 -0
  27. package/scripts/updateVividPackages.js +81 -0
  28. package/src/dataGrid/index.js +15 -0
  29. package/src/index.js +3 -0
  30. package/src/initialization/initVivid.js +56 -0
  31. package/src/patches/VwcCard/index.js +2 -0
  32. package/src/patches/VwcCard/vwcCardHeadingCrop.js +28 -0
  33. package/src/patches/VwcCard/vwcCardWithMenu.js +14 -0
  34. package/src/patches/index.js +6 -0
  35. package/src/patches/vwcDataGrid.js +26 -0
  36. package/src/patches/vwcNoteContentOverflow.js +20 -0
  37. package/src/patches/vwcSetAttributeValue.js +12 -0
  38. package/src/patches/vwcSnackBarHtmlMessage.js +21 -0
  39. package/src/patches/vwcTooltip.js +46 -0
  40. package/stories/v2/VwcAccordion/VwcAccordion.stories.jsx +18 -0
  41. package/stories/v2/VwcActionGroup/VwcActionGroup.stories.jsx +18 -0
  42. package/stories/v2/VwcBadge/VwcBadge.stories.jsx +18 -0
  43. package/stories/v2/VwcBanner/VwcBanner.stories.jsx +18 -0
  44. package/stories/v2/VwcButton/VwcButton.stories.jsx +18 -0
  45. package/stories/v2/VwcButtonToggleGroup/VwcButtonToggleGroup.stories.jsx +47 -0
  46. package/stories/v2/VwcCalendar/VwcCalendar.stories.jsx +18 -0
  47. package/stories/v2/VwcCalendarEvent/VwcCalendarEvent.stories.jsx +18 -0
  48. package/stories/v2/VwcCard/VwcCard.stories.jsx +90 -0
  49. package/stories/v2/VwcCarousel/VwcCarousel.stories.jsx +18 -0
  50. package/stories/v2/VwcCarouselItem/VwcCarouselItem.stories.jsx +18 -0
  51. package/stories/v2/VwcCheckListItem/VwcCheckListItem.stories.jsx +18 -0
  52. package/stories/v2/VwcCheckbox/VwcCheckbox.stories.jsx +18 -0
  53. package/stories/v2/VwcChip/VwcChip.stories.jsx +18 -0
  54. package/stories/v2/VwcChipSet/VwcChipSet.stories.jsx +38 -0
  55. package/stories/v2/VwcCircularProgress/VwcCircularProgress.stories.jsx +18 -0
  56. package/stories/v2/VwcDataGrid/VwcDataGrid.stories.jsx +109 -0
  57. package/stories/v2/VwcDataGridColumn/VwcDataGridColumn.stories.jsx +18 -0
  58. package/stories/v2/VwcDatepicker/VwcDatepicker.stories.jsx +18 -0
  59. package/stories/v2/VwcDialog/VwcDialog.stories.jsx +18 -0
  60. package/stories/v2/VwcDrawer/VwcDrawer.stories.jsx +18 -0
  61. package/stories/v2/VwcDropdown/VwcDropdown.stories.jsx +18 -0
  62. package/stories/v2/VwcElevation/VwcElevation.stories.jsx +18 -0
  63. package/stories/v2/VwcEmptyState/VwcEmptyState.stories.jsx +18 -0
  64. package/stories/v2/VwcExpansionPanel/VwcExpansionPanel.stories.jsx +18 -0
  65. package/stories/v2/VwcFab/VwcFab.stories.jsx +18 -0
  66. package/stories/v2/VwcFilePicker/VwcFilePicker.stories.jsx +18 -0
  67. package/stories/v2/VwcFormfield/VwcFormfield.stories.jsx +18 -0
  68. package/stories/v2/VwcHelperMessage/VwcHelperMessage.stories.jsx +18 -0
  69. package/stories/v2/VwcIcon/VwcIcon.stories.jsx +18 -0
  70. package/stories/v2/VwcIconButton/VwcIconButton.stories.jsx +18 -0
  71. package/stories/v2/VwcIconButtonToggle/VwcIconButtonToggle.stories.jsx +18 -0
  72. package/stories/v2/VwcKeypad/VwcKeypad.stories.jsx +18 -0
  73. package/stories/v2/VwcLayout/VwcLayout.stories.jsx +63 -0
  74. package/stories/v2/VwcLinearProgress/VwcLinearProgress.stories.jsx +18 -0
  75. package/stories/v2/VwcList/VwcList.stories.jsx +25 -0
  76. package/stories/v2/VwcListExpansionPanel/VwcListExpansionPanel.stories.jsx +18 -0
  77. package/stories/v2/VwcListItem/VwcListItem.stories.jsx +18 -0
  78. package/stories/v2/VwcMenu/VwcMenu.stories.jsx +41 -0
  79. package/stories/v2/VwcNotchedOutline/VwcNotchedOutline.stories.jsx +18 -0
  80. package/stories/v2/VwcNote/VwcNote.stories.jsx +18 -0
  81. package/stories/v2/VwcPagination/VwcPagination.stories.jsx +18 -0
  82. package/stories/v2/VwcPopup/VwcPopup.stories.jsx +18 -0
  83. package/stories/v2/VwcRadio/VwcRadio.stories.jsx +18 -0
  84. package/stories/v2/VwcRadioListItem/VwcRadioListItem.stories.jsx +18 -0
  85. package/stories/v2/VwcSchemeSelect/VwcSchemeSelect.stories.jsx +18 -0
  86. package/stories/v2/VwcSelect/VwcSelect.stories.jsx +18 -0
  87. package/stories/v2/VwcSideDrawer/VwcSideDrawer.stories.jsx +18 -0
  88. package/stories/v2/VwcSlider/VwcSlider.stories.jsx +18 -0
  89. package/stories/v2/VwcSnackbar/VwcSnackbar.stories.jsx +18 -0
  90. package/stories/v2/VwcSurface/VwcSurface.stories.jsx +18 -0
  91. package/stories/v2/VwcSwitch/VwcSwitch.stories.jsx +18 -0
  92. package/stories/v2/VwcTab/VwcTab.stories.jsx +18 -0
  93. package/stories/v2/VwcTabBar/VwcTabBar.stories.jsx +63 -0
  94. package/stories/v2/VwcTag/VwcTag.stories.jsx +18 -0
  95. package/stories/v2/VwcText/VwcText.stories.jsx +18 -0
  96. package/stories/v2/VwcTextarea/VwcTextarea.stories.jsx +24 -0
  97. package/stories/v2/VwcTextfield/VwcTextfield.stories.jsx +47 -0
  98. package/stories/v2/VwcThemeSwitch/VwcThemeSwitch.stories.jsx +18 -0
  99. package/stories/v2/VwcTooltip/VwcTooltip.stories.jsx +41 -0
  100. package/stories/v2/VwcTopAppBar/VwcTopAppBar.stories.jsx +18 -0
  101. package/stories/v2/VwcTopAppBarFixed/VwcTopAppBarFixed.stories.jsx +18 -0
  102. package/stories/v2/patches/patches.stories.jsx +94 -0
  103. package/stories/v3/v3.stories.jsx +28 -0
  104. package/tsconfig.json +70 -0
  105. package/VwcAccordion/index.d.ts +0 -14
  106. package/VwcAccordion/index.js +0 -59
  107. package/VwcAccordion/package.json +0 -11
  108. package/VwcActionGroup/index.d.ts +0 -18
  109. package/VwcActionGroup/index.js +0 -90
  110. package/VwcActionGroup/package.json +0 -11
  111. package/VwcBadge/index.d.ts +0 -29
  112. package/VwcBadge/index.js +0 -154
  113. package/VwcBadge/package.json +0 -11
  114. package/VwcBanner/index.d.ts +0 -26
  115. package/VwcBanner/index.js +0 -91
  116. package/VwcBanner/package.json +0 -11
  117. package/VwcButton/index.d.ts +0 -55
  118. package/VwcButton/index.js +0 -240
  119. package/VwcButton/package.json +0 -11
  120. package/VwcButtonToggleGroup/index.d.ts +0 -25
  121. package/VwcButtonToggleGroup/index.js +0 -91
  122. package/VwcButtonToggleGroup/package.json +0 -11
  123. package/VwcCalendar/index.d.ts +0 -20
  124. package/VwcCalendar/index.js +0 -70
  125. package/VwcCalendar/package.json +0 -11
  126. package/VwcCalendarEvent/index.d.ts +0 -25
  127. package/VwcCalendarEvent/index.js +0 -81
  128. package/VwcCalendarEvent/package.json +0 -11
  129. package/VwcCard/index.d.ts +0 -23
  130. package/VwcCard/index.js +0 -76
  131. package/VwcCard/package.json +0 -11
  132. package/VwcCarousel/index.d.ts +0 -14
  133. package/VwcCarousel/index.js +0 -45
  134. package/VwcCarousel/package.json +0 -11
  135. package/VwcCarouselItem/index.d.ts +0 -14
  136. package/VwcCarouselItem/index.js +0 -49
  137. package/VwcCarouselItem/package.json +0 -11
  138. package/VwcCheckListItem/index.d.ts +0 -41
  139. package/VwcCheckListItem/index.js +0 -153
  140. package/VwcCheckListItem/package.json +0 -11
  141. package/VwcCheckbox/index.d.ts +0 -34
  142. package/VwcCheckbox/index.js +0 -126
  143. package/VwcCheckbox/package.json +0 -11
  144. package/VwcChip/index.d.ts +0 -31
  145. package/VwcChip/index.js +0 -106
  146. package/VwcChip/package.json +0 -11
  147. package/VwcChipSet/index.d.ts +0 -16
  148. package/VwcChipSet/index.js +0 -60
  149. package/VwcChipSet/package.json +0 -11
  150. package/VwcCircularProgress/index.d.ts +0 -24
  151. package/VwcCircularProgress/index.js +0 -84
  152. package/VwcCircularProgress/package.json +0 -11
  153. package/VwcDataGrid/index.d.ts +0 -33
  154. package/VwcDataGrid/index.js +0 -122
  155. package/VwcDataGrid/package.json +0 -11
  156. package/VwcDataGridColumn/index.d.ts +0 -43
  157. package/VwcDataGridColumn/index.js +0 -144
  158. package/VwcDataGridColumn/package.json +0 -11
  159. package/VwcDatepicker/index.d.ts +0 -120
  160. package/VwcDatepicker/index.js +0 -422
  161. package/VwcDatepicker/package.json +0 -11
  162. package/VwcDialog/index.d.ts +0 -40
  163. package/VwcDialog/index.js +0 -135
  164. package/VwcDialog/package.json +0 -11
  165. package/VwcDrawer/index.d.ts +0 -20
  166. package/VwcDrawer/index.js +0 -80
  167. package/VwcDrawer/package.json +0 -11
  168. package/VwcDropdown/index.d.ts +0 -61
  169. package/VwcDropdown/index.js +0 -221
  170. package/VwcDropdown/package.json +0 -11
  171. package/VwcElevation/index.d.ts +0 -14
  172. package/VwcElevation/index.js +0 -45
  173. package/VwcElevation/package.json +0 -11
  174. package/VwcEmptyState/index.d.ts +0 -18
  175. package/VwcEmptyState/index.js +0 -59
  176. package/VwcEmptyState/package.json +0 -11
  177. package/VwcExpansionPanel/index.d.ts +0 -34
  178. package/VwcExpansionPanel/index.js +0 -199
  179. package/VwcExpansionPanel/package.json +0 -11
  180. package/VwcFab/index.d.ts +0 -32
  181. package/VwcFab/index.js +0 -124
  182. package/VwcFab/package.json +0 -11
  183. package/VwcFilePicker/index.d.ts +0 -24
  184. package/VwcFilePicker/index.js +0 -88
  185. package/VwcFilePicker/package.json +0 -11
  186. package/VwcFormfield/index.d.ts +0 -20
  187. package/VwcFormfield/index.js +0 -70
  188. package/VwcFormfield/package.json +0 -11
  189. package/VwcHelperMessage/index.d.ts +0 -14
  190. package/VwcHelperMessage/index.js +0 -49
  191. package/VwcHelperMessage/package.json +0 -11
  192. package/VwcIcon/index.d.ts +0 -22
  193. package/VwcIcon/index.js +0 -102
  194. package/VwcIcon/package.json +0 -11
  195. package/VwcIconButton/index.d.ts +0 -31
  196. package/VwcIconButton/index.js +0 -111
  197. package/VwcIconButton/package.json +0 -11
  198. package/VwcIconButtonToggle/index.d.ts +0 -37
  199. package/VwcIconButtonToggle/index.js +0 -136
  200. package/VwcIconButtonToggle/package.json +0 -11
  201. package/VwcKeypad/index.d.ts +0 -31
  202. package/VwcKeypad/index.js +0 -176
  203. package/VwcKeypad/package.json +0 -11
  204. package/VwcLayout/index.d.ts +0 -20
  205. package/VwcLayout/index.js +0 -105
  206. package/VwcLayout/package.json +0 -11
  207. package/VwcLinearProgress/index.d.ts +0 -26
  208. package/VwcLinearProgress/index.js +0 -98
  209. package/VwcLinearProgress/package.json +0 -11
  210. package/VwcList/index.d.ts +0 -35
  211. package/VwcList/index.js +0 -146
  212. package/VwcList/package.json +0 -11
  213. package/VwcListExpansionPanel/index.d.ts +0 -19
  214. package/VwcListExpansionPanel/index.js +0 -68
  215. package/VwcListExpansionPanel/package.json +0 -11
  216. package/VwcListItem/index.d.ts +0 -42
  217. package/VwcListItem/index.js +0 -171
  218. package/VwcListItem/package.json +0 -11
  219. package/VwcMenu/index.d.ts +0 -53
  220. package/VwcMenu/index.js +0 -210
  221. package/VwcMenu/package.json +0 -11
  222. package/VwcNotchedOutline/index.d.ts +0 -17
  223. package/VwcNotchedOutline/index.js +0 -58
  224. package/VwcNotchedOutline/package.json +0 -11
  225. package/VwcNote/index.d.ts +0 -18
  226. package/VwcNote/index.js +0 -59
  227. package/VwcNote/package.json +0 -11
  228. package/VwcPagination/index.d.ts +0 -16
  229. package/VwcPagination/index.js +0 -52
  230. package/VwcPagination/package.json +0 -11
  231. package/VwcPopup/index.d.ts +0 -30
  232. package/VwcPopup/index.js +0 -147
  233. package/VwcPopup/package.json +0 -11
  234. package/VwcRadio/index.d.ts +0 -52
  235. package/VwcRadio/index.js +0 -149
  236. package/VwcRadio/package.json +0 -11
  237. package/VwcRadioListItem/index.d.ts +0 -41
  238. package/VwcRadioListItem/index.js +0 -148
  239. package/VwcRadioListItem/package.json +0 -11
  240. package/VwcSchemeSelect/index.d.ts +0 -14
  241. package/VwcSchemeSelect/index.js +0 -46
  242. package/VwcSchemeSelect/package.json +0 -11
  243. package/VwcSelect/index.d.ts +0 -60
  244. package/VwcSelect/index.js +0 -253
  245. package/VwcSelect/package.json +0 -11
  246. package/VwcSideDrawer/index.d.ts +0 -22
  247. package/VwcSideDrawer/index.js +0 -73
  248. package/VwcSideDrawer/package.json +0 -11
  249. package/VwcSlider/index.d.ts +0 -34
  250. package/VwcSlider/index.js +0 -129
  251. package/VwcSlider/package.json +0 -11
  252. package/VwcSnackbar/index.d.ts +0 -42
  253. package/VwcSnackbar/index.js +0 -138
  254. package/VwcSnackbar/package.json +0 -11
  255. package/VwcSurface/index.d.ts +0 -42
  256. package/VwcSurface/index.js +0 -145
  257. package/VwcSurface/package.json +0 -11
  258. package/VwcSwitch/index.d.ts +0 -27
  259. package/VwcSwitch/index.js +0 -114
  260. package/VwcSwitch/package.json +0 -11
  261. package/VwcTab/index.d.ts +0 -40
  262. package/VwcTab/index.js +0 -151
  263. package/VwcTab/package.json +0 -11
  264. package/VwcTabBar/index.d.ts +0 -15
  265. package/VwcTabBar/index.js +0 -55
  266. package/VwcTabBar/package.json +0 -11
  267. package/VwcTag/index.d.ts +0 -34
  268. package/VwcTag/index.js +0 -115
  269. package/VwcTag/package.json +0 -11
  270. package/VwcText/index.d.ts +0 -18
  271. package/VwcText/index.js +0 -83
  272. package/VwcText/package.json +0 -11
  273. package/VwcTextarea/index.d.ts +0 -93
  274. package/VwcTextarea/index.js +0 -331
  275. package/VwcTextarea/package.json +0 -11
  276. package/VwcTextfield/index.d.ts +0 -89
  277. package/VwcTextfield/index.js +0 -329
  278. package/VwcTextfield/package.json +0 -11
  279. package/VwcThemeSwitch/index.d.ts +0 -14
  280. package/VwcThemeSwitch/index.js +0 -57
  281. package/VwcThemeSwitch/package.json +0 -11
  282. package/VwcTooltip/index.d.ts +0 -22
  283. package/VwcTooltip/index.js +0 -105
  284. package/VwcTooltip/package.json +0 -11
  285. package/VwcTopAppBar/index.d.ts +0 -22
  286. package/VwcTopAppBar/index.js +0 -77
  287. package/VwcTopAppBar/package.json +0 -11
  288. package/VwcTopAppBarFixed/index.d.ts +0 -22
  289. package/VwcTopAppBarFixed/index.js +0 -88
  290. package/VwcTopAppBarFixed/package.json +0 -11
  291. package/index.js +0 -281
  292. package/types/index.d.ts +0 -2
@@ -1,68 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-list-expansion-panel",
8
- "path": "./../node_modules/@vonage/vwc-list/src/vwc-list-expansion-panel.ts",
9
- "description": "This component support expand-collapse list",
10
- "properties": [
11
- {
12
- "name": "styles",
13
- "type": "CSSResult",
14
- "default": "\"style\""
15
- },
16
- {
17
- "name": "headerListItemIcon",
18
- "type": "typeof VWCIcon | undefined",
19
- "bindable": false
20
- },
21
- {
22
- "name": "headerNodes",
23
- "type": "HTMLElement[] | null | undefined"
24
- },
25
- {
26
- "name": "open",
27
- "type": "boolean",
28
- "bindable": false
29
- }
30
- ],
31
- "events": [
32
- "closed",
33
- "opened"
34
- ]
35
- }
36
- */
37
- import PropTypes from 'prop-types'
38
- import wrapper from '@vonage/vivid-react-wrapper'
39
- import '@vonage/vwc-list'
40
- import '@vonage/vwc-list/vwc-list-expansion-panel'
41
-
42
-
43
- /** This component support expand-collapse list
44
- * @param {typeof VWCIcon | undefined} headerListItemIcon
45
- * @param {boolean} open
46
- */
47
- const VwcListExpansionPanel = wrapper('vwc-list-expansion-panel', {
48
- events: [{"name":"opened","propName":"onOpened"},{"name":"closed","propName":"onClosed"}],
49
- attributes: [],
50
- properties: []
51
- });
52
-
53
- VwcListExpansionPanel.propTypes = {
54
- onClosed: PropTypes.func,
55
- onOpened: PropTypes.func,
56
- headerListItemIcon: PropTypes.any /* typeof VWCIcon | undefined */,
57
- open: PropTypes.bool
58
- }
59
-
60
- VwcListExpansionPanel.defaultProps = {
61
-
62
- }
63
-
64
- VwcListExpansionPanel.displayName = 'VwcListExpansionPanel'
65
-
66
-
67
-
68
- export default VwcListExpansionPanel
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-list-expansion-panel",
3
- "version": "2.10.47",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-list": "2.37.0"
10
- }
11
- }
@@ -1,42 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-list';
3
- import '@vonage/vwc-list/vwc-list-item';
4
- /** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
5
- * @param {ListItemConnotation | undefined} connotation attribute: &lt;VwcListItem connotation />
6
- * @param {Shape.Rounded | undefined} shape attribute: &lt;VwcListItem shape />
7
- * @param {string} value
8
- * @param {string | null} group
9
- * @param {number} tabindex
10
- * @param {boolean} disabled
11
- * @param {boolean} twoline
12
- * @param {boolean} activated
13
- * @param {GraphicType} graphic
14
- * @param {boolean} multipleGraphics
15
- * @param {boolean} hasMeta
16
- * @param {boolean} noninteractive
17
- * @param {boolean} selected
18
- */
19
- declare const VwcListItem: (props: {
20
- children?: ReactNode;
21
- slot?: string | undefined;
22
- id?: string | undefined;
23
- style?: React.CSSProperties | undefined;
24
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
25
- onRequestSelected?: ((event: SyntheticEvent) => void) | undefined;
26
- onListItemRendered?: ((event: SyntheticEvent) => void) | undefined;
27
- onClick?: ((event: SyntheticEvent) => void) | undefined;
28
- connotation?: any;
29
- shape?: any;
30
- value?: string | undefined;
31
- group?: string | null | undefined;
32
- tabindex?: number | undefined;
33
- disabled?: boolean | undefined;
34
- twoline?: boolean | undefined;
35
- activated?: boolean | undefined;
36
- graphic?: any;
37
- multipleGraphics?: boolean | undefined;
38
- hasMeta?: boolean | undefined;
39
- noninteractive?: boolean | undefined;
40
- selected?: boolean | undefined;
41
- }) => JSX.Element;
42
- export default VwcListItem;
@@ -1,171 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-list-item",
8
- "path": "./../node_modules/@vonage/vwc-list/src/vwc-list-item.ts",
9
- "description": "This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
10
- "attributes": [
11
- {
12
- "name": "connotation",
13
- "type": "ListItemConnotation | undefined"
14
- },
15
- {
16
- "name": "shape",
17
- "type": "Shape.Rounded | undefined"
18
- }
19
- ],
20
- "properties": [
21
- {
22
- "name": "connotation",
23
- "attribute": "connotation",
24
- "type": "ListItemConnotation | undefined",
25
- "bindable": false
26
- },
27
- {
28
- "name": "shape",
29
- "attribute": "shape",
30
- "type": "Shape.Rounded | undefined",
31
- "bindable": false
32
- },
33
- {
34
- "name": "styles",
35
- "type": "CSSResult[]"
36
- },
37
- {
38
- "name": "ripple",
39
- "type": "Promise<Ripple | null>"
40
- },
41
- {
42
- "name": "value",
43
- "type": "string",
44
- "bindable": false
45
- },
46
- {
47
- "name": "group",
48
- "type": "string | null",
49
- "bindable": false
50
- },
51
- {
52
- "name": "tabindex",
53
- "type": "number",
54
- "bindable": false
55
- },
56
- {
57
- "name": "disabled",
58
- "type": "boolean",
59
- "bindable": false
60
- },
61
- {
62
- "name": "twoline",
63
- "type": "boolean",
64
- "bindable": false
65
- },
66
- {
67
- "name": "activated",
68
- "type": "boolean",
69
- "bindable": false
70
- },
71
- {
72
- "name": "graphic",
73
- "type": "GraphicType",
74
- "bindable": false
75
- },
76
- {
77
- "name": "multipleGraphics",
78
- "type": "boolean",
79
- "bindable": false
80
- },
81
- {
82
- "name": "hasMeta",
83
- "type": "boolean",
84
- "bindable": false
85
- },
86
- {
87
- "name": "noninteractive",
88
- "type": "boolean",
89
- "bindable": false
90
- },
91
- {
92
- "name": "selected",
93
- "type": "boolean",
94
- "bindable": false
95
- },
96
- {
97
- "name": "text",
98
- "type": "string"
99
- }
100
- ],
101
- "events": [
102
- {
103
- "name": "request-selected"
104
- },
105
- {
106
- "name": "list-item-rendered"
107
- },
108
- "click",
109
- {
110
- "name": "request-selected",
111
- "propName": "onRequestSelected"
112
- }
113
- ]
114
- }
115
- */
116
- import PropTypes from 'prop-types'
117
- import wrapper from '@vonage/vivid-react-wrapper'
118
- import '@vonage/vwc-list'
119
- import '@vonage/vwc-list/vwc-list-item'
120
-
121
-
122
- /** This component is an extension of [<mwc-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
123
- * @param {ListItemConnotation | undefined} connotation attribute: &lt;VwcListItem connotation />
124
- * @param {Shape.Rounded | undefined} shape attribute: &lt;VwcListItem shape />
125
- * @param {string} value
126
- * @param {string | null} group
127
- * @param {number} tabindex
128
- * @param {boolean} disabled
129
- * @param {boolean} twoline
130
- * @param {boolean} activated
131
- * @param {GraphicType} graphic
132
- * @param {boolean} multipleGraphics
133
- * @param {boolean} hasMeta
134
- * @param {boolean} noninteractive
135
- * @param {boolean} selected
136
- */
137
- const VwcListItem = wrapper('vwc-list-item', {
138
- events: [{"name":"request-selected","propName":"onRequestSelected"},{"name":"click","propName":"onClick"},{"name":"list-item-rendered"}],
139
- attributes: [],
140
- properties: []
141
- });
142
-
143
- VwcListItem.propTypes = {
144
- onRequestSelected: PropTypes.func,
145
- onListItemRendered: PropTypes.func,
146
- onClick: PropTypes.func,
147
- onRequestSelected: PropTypes.func,
148
- connotation: PropTypes.any /* ListItemConnotation | undefined *//* attribute: connotation */,
149
- shape: PropTypes.any /* Shape.Rounded | undefined *//* attribute: shape */,
150
- value: PropTypes.string,
151
- group: PropTypes.string,
152
- tabindex: PropTypes.number,
153
- disabled: PropTypes.bool,
154
- twoline: PropTypes.bool,
155
- activated: PropTypes.bool,
156
- graphic: PropTypes.any /* GraphicType */,
157
- multipleGraphics: PropTypes.bool,
158
- hasMeta: PropTypes.bool,
159
- noninteractive: PropTypes.bool,
160
- selected: PropTypes.bool
161
- }
162
-
163
- VwcListItem.defaultProps = {
164
-
165
- }
166
-
167
- VwcListItem.displayName = 'VwcListItem'
168
-
169
-
170
-
171
- export default VwcListItem
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-list-item",
3
- "version": "2.10.47",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-list": "2.37.0"
10
- }
11
- }
@@ -1,53 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-menu';
3
- /**
4
- * @param {HTMLElement | null} anchor
5
- * @param {boolean} open
6
- * @param {boolean} quick
7
- * @param {boolean} wrapFocus
8
- * @param {"menu" | "listbox"} innerRole
9
- * @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
10
- * @param {number | null} x
11
- * @param {number | null} y
12
- * @param {boolean} absolute
13
- * @param {boolean} multi
14
- * @param {boolean} activatable
15
- * @param {boolean} fixed
16
- * @param {boolean} forceGroupSelection
17
- * @param {boolean} fullwidth
18
- * @param {MenuCorner} menuCorner
19
- * @param {boolean} stayOpenOnBodyClick
20
- * @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus
21
- * @param {VWCList | null} listElement
22
- */
23
- declare const VwcMenu: (props: {
24
- children?: ReactNode;
25
- slot?: string | undefined;
26
- id?: string | undefined;
27
- style?: React.CSSProperties | undefined;
28
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
29
- onSelected?: ((event: SyntheticEvent) => void) | undefined;
30
- onAction?: ((event: SyntheticEvent) => void) | undefined;
31
- onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
32
- onOpened?: ((event: SyntheticEvent) => void) | undefined;
33
- onClosed?: ((event: SyntheticEvent) => void) | undefined;
34
- anchor?: any;
35
- open?: boolean | undefined;
36
- quick?: boolean | undefined;
37
- wrapFocus?: boolean | undefined;
38
- innerRole?: "menu" | "listbox" | undefined;
39
- corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
40
- x?: number | undefined;
41
- y?: number | undefined;
42
- absolute?: boolean | undefined;
43
- multi?: boolean | undefined;
44
- activatable?: boolean | undefined;
45
- fixed?: boolean | undefined;
46
- forceGroupSelection?: boolean | undefined;
47
- fullwidth?: boolean | undefined;
48
- menuCorner?: any;
49
- stayOpenOnBodyClick?: boolean | undefined;
50
- defaultFocus?: "NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM" | undefined;
51
- listElement?: any;
52
- }) => JSX.Element;
53
- export default VwcMenu;
package/VwcMenu/index.js DELETED
@@ -1,210 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-menu",
8
- "path": "./../node_modules/@vonage/vwc-menu/vwc-menu.d.ts",
9
- "properties": [
10
- {
11
- "name": "styles",
12
- "type": "CSSResult[]"
13
- },
14
- {
15
- "name": "slotElement",
16
- "type": "HTMLSlotElement | null"
17
- },
18
- {
19
- "name": "anchor",
20
- "type": "HTMLElement | null",
21
- "bindable": true
22
- },
23
- {
24
- "name": "open",
25
- "type": "boolean",
26
- "bindable": false
27
- },
28
- {
29
- "name": "quick",
30
- "type": "boolean",
31
- "bindable": false
32
- },
33
- {
34
- "name": "wrapFocus",
35
- "type": "boolean",
36
- "bindable": false
37
- },
38
- {
39
- "name": "innerRole",
40
- "type": "\"menu\" | \"listbox\"",
41
- "bindable": false
42
- },
43
- {
44
- "name": "corner",
45
- "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
46
- "bindable": false
47
- },
48
- {
49
- "name": "x",
50
- "type": "number | null",
51
- "bindable": false
52
- },
53
- {
54
- "name": "y",
55
- "type": "number | null",
56
- "bindable": false
57
- },
58
- {
59
- "name": "absolute",
60
- "type": "boolean",
61
- "bindable": false
62
- },
63
- {
64
- "name": "multi",
65
- "type": "boolean",
66
- "bindable": false
67
- },
68
- {
69
- "name": "activatable",
70
- "type": "boolean",
71
- "bindable": false
72
- },
73
- {
74
- "name": "fixed",
75
- "type": "boolean",
76
- "bindable": false
77
- },
78
- {
79
- "name": "forceGroupSelection",
80
- "type": "boolean",
81
- "bindable": false
82
- },
83
- {
84
- "name": "fullwidth",
85
- "type": "boolean",
86
- "bindable": false
87
- },
88
- {
89
- "name": "menuCorner",
90
- "type": "MenuCorner",
91
- "bindable": false
92
- },
93
- {
94
- "name": "stayOpenOnBodyClick",
95
- "type": "boolean",
96
- "bindable": false
97
- },
98
- {
99
- "name": "defaultFocus",
100
- "type": "\"NONE\" | \"LIST_ROOT\" | \"FIRST_ITEM\" | \"LAST_ITEM\"",
101
- "bindable": false
102
- },
103
- {
104
- "name": "listElement",
105
- "type": "VWCList | null",
106
- "bindable": false
107
- },
108
- {
109
- "name": "items",
110
- "type": "ListItemBase[]"
111
- },
112
- {
113
- "name": "index",
114
- "type": "MWCListIndex"
115
- },
116
- {
117
- "name": "selected",
118
- "type": "ListItemBase | ListItemBase[] | null"
119
- },
120
- {
121
- "name": "mdcRoot",
122
- "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
123
- "type": "MenuSurface"
124
- }
125
- ],
126
- "events": [
127
- {
128
- "name": "selected"
129
- },
130
- {
131
- "name": "action"
132
- },
133
- {
134
- "name": "items-updated"
135
- },
136
- {
137
- "name": "opened"
138
- },
139
- {
140
- "name": "closed"
141
- }
142
- ]
143
- }
144
- */
145
- import PropTypes from 'prop-types'
146
- import wrapper from '@vonage/vivid-react-wrapper'
147
- import '@vonage/vwc-menu'
148
-
149
-
150
- /**
151
- * @param {HTMLElement | null} anchor
152
- * @param {boolean} open
153
- * @param {boolean} quick
154
- * @param {boolean} wrapFocus
155
- * @param {"menu" | "listbox"} innerRole
156
- * @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
157
- * @param {number | null} x
158
- * @param {number | null} y
159
- * @param {boolean} absolute
160
- * @param {boolean} multi
161
- * @param {boolean} activatable
162
- * @param {boolean} fixed
163
- * @param {boolean} forceGroupSelection
164
- * @param {boolean} fullwidth
165
- * @param {MenuCorner} menuCorner
166
- * @param {boolean} stayOpenOnBodyClick
167
- * @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus
168
- * @param {VWCList | null} listElement
169
- */
170
- const VwcMenu = wrapper('vwc-menu', {
171
- events: [{"name":"closed"},{"name":"opened"},{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
172
- attributes: [],
173
- properties: ["anchor"]
174
- });
175
-
176
- VwcMenu.propTypes = {
177
- onSelected: PropTypes.func,
178
- onAction: PropTypes.func,
179
- onItemsUpdated: PropTypes.func,
180
- onOpened: PropTypes.func,
181
- onClosed: PropTypes.func,
182
- anchor: PropTypes.any /* HTMLElement | null */,
183
- open: PropTypes.bool,
184
- quick: PropTypes.bool,
185
- wrapFocus: PropTypes.bool,
186
- innerRole: PropTypes.oneOf(["menu","listbox"]),
187
- corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
188
- x: PropTypes.number,
189
- y: PropTypes.number,
190
- absolute: PropTypes.bool,
191
- multi: PropTypes.bool,
192
- activatable: PropTypes.bool,
193
- fixed: PropTypes.bool,
194
- forceGroupSelection: PropTypes.bool,
195
- fullwidth: PropTypes.bool,
196
- menuCorner: PropTypes.any /* MenuCorner */,
197
- stayOpenOnBodyClick: PropTypes.bool,
198
- defaultFocus: PropTypes.oneOf(["NONE","LIST_ROOT","FIRST_ITEM","LAST_ITEM"]),
199
- listElement: PropTypes.any /* VWCList | null */
200
- }
201
-
202
- VwcMenu.defaultProps = {
203
-
204
- }
205
-
206
- VwcMenu.displayName = 'VwcMenu'
207
-
208
-
209
-
210
- export default VwcMenu
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-menu",
3
- "version": "2.10.47",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-menu": "2.37.0"
10
- }
11
- }
@@ -1,17 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-notched-outline';
3
- /** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
4
- This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components
5
- * @param {number} width
6
- * @param {boolean} open
7
- */
8
- declare const VwcNotchedOutline: (props: {
9
- children?: ReactNode;
10
- slot?: string | undefined;
11
- id?: string | undefined;
12
- style?: React.CSSProperties | undefined;
13
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
14
- width?: number | undefined;
15
- open?: boolean | undefined;
16
- }) => JSX.Element;
17
- export default VwcNotchedOutline;
@@ -1,58 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-notched-outline",
8
- "path": "./../node_modules/@vonage/vwc-notched-outline/src/vwc-notched-outline.ts",
9
- "description": "This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)\nThis component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components",
10
- "properties": [
11
- {
12
- "name": "styles",
13
- "type": "CSSResult[]"
14
- },
15
- {
16
- "name": "width",
17
- "type": "number",
18
- "bindable": false
19
- },
20
- {
21
- "name": "open",
22
- "type": "boolean",
23
- "bindable": false
24
- }
25
- ],
26
- "events": []
27
- }
28
- */
29
- import PropTypes from 'prop-types'
30
- import wrapper from '@vonage/vivid-react-wrapper'
31
- import '@vonage/vwc-notched-outline'
32
-
33
-
34
- /** This component is an extension of [<mwc-notched-outline>](https://github.com/material-components/material-components-web-components/tree/master/packages/notched-outline)
35
- This component is NOT meant to be used itself, but serves as an adjustment/definition for the usage of it in other components
36
- * @param {number} width
37
- * @param {boolean} open
38
- */
39
- const VwcNotchedOutline = wrapper('vwc-notched-outline', {
40
- events: [],
41
- attributes: [],
42
- properties: []
43
- });
44
-
45
- VwcNotchedOutline.propTypes = {
46
- width: PropTypes.number,
47
- open: PropTypes.bool
48
- }
49
-
50
- VwcNotchedOutline.defaultProps = {
51
-
52
- }
53
-
54
- VwcNotchedOutline.displayName = 'VwcNotchedOutline'
55
-
56
-
57
-
58
- export default VwcNotchedOutline
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-notched-outline",
3
- "version": "2.10.47",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-notched-outline": "2.37.0"
10
- }
11
- }
@@ -1,18 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-note';
3
- /**
4
- * @param {NoteConnotation | undefined} connotation
5
- * @param {string | undefined} icon
6
- * @param {string | undefined} header
7
- */
8
- declare const VwcNote: (props: {
9
- children?: ReactNode;
10
- slot?: string | undefined;
11
- id?: string | undefined;
12
- style?: React.CSSProperties | undefined;
13
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
14
- connotation?: any;
15
- icon?: string | undefined;
16
- header?: string | undefined;
17
- }) => JSX.Element;
18
- export default VwcNote;