@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,135 +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-dialog",
8
- "path": "./../node_modules/@vonage/vwc-dialog/vwc-dialog.d.ts",
9
- "properties": [
10
- {
11
- "name": "closeButton",
12
- "type": "boolean | undefined",
13
- "bindable": true
14
- },
15
- {
16
- "name": "topPosition",
17
- "type": "Position | undefined",
18
- "bindable": false
19
- },
20
- {
21
- "name": "styles",
22
- "type": "CSSResult[]"
23
- },
24
- {
25
- "name": "hideActions",
26
- "type": "boolean",
27
- "bindable": false
28
- },
29
- {
30
- "name": "stacked",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "heading",
36
- "type": "string",
37
- "bindable": false
38
- },
39
- {
40
- "name": "scrimClickAction",
41
- "type": "string",
42
- "bindable": false
43
- },
44
- {
45
- "name": "escapeKeyAction",
46
- "type": "string",
47
- "bindable": false
48
- },
49
- {
50
- "name": "open",
51
- "type": "boolean",
52
- "bindable": false
53
- },
54
- {
55
- "name": "defaultAction",
56
- "type": "string",
57
- "bindable": false
58
- },
59
- {
60
- "name": "actionAttribute",
61
- "type": "string",
62
- "bindable": false
63
- },
64
- {
65
- "name": "initialFocusAttribute",
66
- "type": "string",
67
- "bindable": false
68
- },
69
- {
70
- "name": "suppressDefaultPressSelector",
71
- "type": "string",
72
- "bindable": false
73
- }
74
- ],
75
- "events": [
76
- "opening",
77
- "opened",
78
- "closing",
79
- "closed"
80
- ]
81
- }
82
- */
83
- import PropTypes from 'prop-types'
84
- import wrapper from '@vonage/vivid-react-wrapper'
85
- import '@vonage/vwc-dialog'
86
-
87
-
88
- /**
89
- * @param {boolean | undefined} closeButton
90
- * @param {Position | undefined} topPosition
91
- * @param {boolean} hideActions
92
- * @param {boolean} stacked
93
- * @param {string} heading
94
- * @param {string} scrimClickAction
95
- * @param {string} escapeKeyAction
96
- * @param {boolean} open
97
- * @param {string} defaultAction
98
- * @param {string} actionAttribute
99
- * @param {string} initialFocusAttribute
100
- * @param {string} suppressDefaultPressSelector
101
- */
102
- const VwcDialog = wrapper('vwc-dialog', {
103
- events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
104
- attributes: [],
105
- properties: ["closeButton"]
106
- });
107
-
108
- VwcDialog.propTypes = {
109
- onOpening: PropTypes.func,
110
- onOpened: PropTypes.func,
111
- onClosing: PropTypes.func,
112
- onClosed: PropTypes.func,
113
- closeButton: PropTypes.any /* boolean | undefined */,
114
- topPosition: PropTypes.any /* Position | undefined */,
115
- hideActions: PropTypes.bool,
116
- stacked: PropTypes.bool,
117
- heading: PropTypes.string,
118
- scrimClickAction: PropTypes.string,
119
- escapeKeyAction: PropTypes.string,
120
- open: PropTypes.bool,
121
- defaultAction: PropTypes.string,
122
- actionAttribute: PropTypes.string,
123
- initialFocusAttribute: PropTypes.string,
124
- suppressDefaultPressSelector: PropTypes.string
125
- }
126
-
127
- VwcDialog.defaultProps = {
128
-
129
- }
130
-
131
- VwcDialog.displayName = 'VwcDialog'
132
-
133
-
134
-
135
- export default VwcDialog
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-dialog",
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-dialog": "2.37.0"
10
- }
11
- }
@@ -1,20 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-drawer';
3
- /** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
4
- * @param {boolean} drawerAlternate attribute: &lt;VwcDrawer drawer-alternate />
5
- * @param {boolean} open
6
- * @param {boolean} hasHeader
7
- * @param {string} type
8
- */
9
- declare const VwcDrawer: (props: {
10
- children?: ReactNode;
11
- slot?: string | undefined;
12
- id?: string | undefined;
13
- style?: React.CSSProperties | undefined;
14
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
15
- drawerAlternate?: boolean | undefined;
16
- open?: boolean | undefined;
17
- hasHeader?: boolean | undefined;
18
- type?: string | undefined;
19
- }) => JSX.Element;
20
- export default VwcDrawer;
@@ -1,80 +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-drawer",
8
- "path": "./../node_modules/@vonage/vwc-drawer/src/vwc-drawer.ts",
9
- "description": "This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)",
10
- "attributes": [
11
- {
12
- "name": "drawer-alternate",
13
- "type": "boolean",
14
- "default": "false"
15
- }
16
- ],
17
- "properties": [
18
- {
19
- "name": "drawerAlternate",
20
- "attribute": "drawer-alternate",
21
- "type": "boolean",
22
- "default": "false",
23
- "bindable": false
24
- },
25
- {
26
- "name": "styles",
27
- "type": "CSSResult[]"
28
- },
29
- {
30
- "name": "open",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "hasHeader",
36
- "type": "boolean",
37
- "bindable": false
38
- },
39
- {
40
- "name": "type",
41
- "type": "string",
42
- "bindable": false
43
- }
44
- ],
45
- "events": []
46
- }
47
- */
48
- import PropTypes from 'prop-types'
49
- import wrapper from '@vonage/vivid-react-wrapper'
50
- import '@vonage/vwc-drawer'
51
-
52
-
53
- /** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
54
- * @param {boolean} drawerAlternate attribute: &lt;VwcDrawer drawer-alternate />
55
- * @param {boolean} open
56
- * @param {boolean} hasHeader
57
- * @param {string} type
58
- */
59
- const VwcDrawer = wrapper('vwc-drawer', {
60
- events: [],
61
- attributes: [],
62
- properties: []
63
- });
64
-
65
- VwcDrawer.propTypes = {
66
- drawerAlternate: PropTypes.bool/* default: false *//* attribute: drawer-alternate */,
67
- open: PropTypes.bool,
68
- hasHeader: PropTypes.bool,
69
- type: PropTypes.string
70
- }
71
-
72
- VwcDrawer.defaultProps = {
73
- drawerAlternate: false
74
- }
75
-
76
- VwcDrawer.displayName = 'VwcDrawer'
77
-
78
-
79
-
80
- export default VwcDrawer
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-drawer",
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-drawer": "2.37.0"
10
- }
11
- }
@@ -1,61 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-dropdown';
3
- /**
4
- * @param {HTMLSlotElement | null} slotElement
5
- * @param {HTMLElement | null} anchor
6
- * @param {boolean} open
7
- * @param {boolean} quick
8
- * @param {boolean} wrapFocus
9
- * @param {"menu" | "listbox"} innerRole
10
- * @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
11
- * @param {number | null} x
12
- * @param {number | null} y
13
- * @param {boolean} absolute
14
- * @param {boolean} multi
15
- * @param {boolean} activatable
16
- * @param {boolean} fixed
17
- * @param {boolean} forceGroupSelection
18
- * @param {boolean} fullwidth
19
- * @param {MenuCorner} menuCorner
20
- * @param {boolean} stayOpenOnBodyClick
21
- * @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus
22
- * @param {VWCList | null} listElement
23
- * @param {MWCListIndex} index
24
- * @param {MenuSurface} mdcRoot - Root element for MDC Foundation usage.
25
-
26
- Define in your component with the `@query` decorator
27
- */
28
- declare const VwcDropdown: (props: {
29
- children?: ReactNode;
30
- slot?: string | undefined;
31
- id?: string | undefined;
32
- style?: React.CSSProperties | undefined;
33
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
34
- onSelected?: ((event: SyntheticEvent) => void) | undefined;
35
- onAction?: ((event: SyntheticEvent) => void) | undefined;
36
- onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
37
- onOpened?: ((event: SyntheticEvent) => void) | undefined;
38
- onClosed?: ((event: SyntheticEvent) => void) | undefined;
39
- slotElement?: any;
40
- anchor?: any;
41
- open?: boolean | undefined;
42
- quick?: boolean | undefined;
43
- wrapFocus?: boolean | undefined;
44
- innerRole?: "menu" | "listbox" | undefined;
45
- corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
46
- x?: number | undefined;
47
- y?: number | undefined;
48
- absolute?: boolean | undefined;
49
- multi?: boolean | undefined;
50
- activatable?: boolean | undefined;
51
- fixed?: boolean | undefined;
52
- forceGroupSelection?: boolean | undefined;
53
- fullwidth?: boolean | undefined;
54
- menuCorner?: any;
55
- stayOpenOnBodyClick?: boolean | undefined;
56
- defaultFocus?: "NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM" | undefined;
57
- listElement?: any;
58
- index?: any;
59
- mdcRoot?: any;
60
- }) => JSX.Element;
61
- export default VwcDropdown;
@@ -1,221 +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-dropdown",
8
- "path": "./../node_modules/@vonage/vwc-dropdown/vwc-dropdown.d.ts",
9
- "properties": [
10
- {
11
- "name": "styles",
12
- "type": "CSSResult[]"
13
- },
14
- {
15
- "name": "slotElement",
16
- "type": "HTMLSlotElement | null",
17
- "bindable": false
18
- },
19
- {
20
- "name": "anchor",
21
- "type": "HTMLElement | null",
22
- "bindable": false
23
- },
24
- {
25
- "name": "open",
26
- "type": "boolean",
27
- "bindable": false
28
- },
29
- {
30
- "name": "quick",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "wrapFocus",
36
- "type": "boolean",
37
- "bindable": false
38
- },
39
- {
40
- "name": "innerRole",
41
- "type": "\"menu\" | \"listbox\"",
42
- "bindable": false
43
- },
44
- {
45
- "name": "corner",
46
- "type": "\"TOP_LEFT\" | \"TOP_RIGHT\" | \"BOTTOM_LEFT\" | \"BOTTOM_RIGHT\" | \"TOP_START\" | \"TOP_END\" | \"BOTTOM_START\" | \"BOTTOM_END\"",
47
- "bindable": false
48
- },
49
- {
50
- "name": "x",
51
- "type": "number | null",
52
- "bindable": false
53
- },
54
- {
55
- "name": "y",
56
- "type": "number | null",
57
- "bindable": false
58
- },
59
- {
60
- "name": "absolute",
61
- "type": "boolean",
62
- "bindable": false
63
- },
64
- {
65
- "name": "multi",
66
- "type": "boolean",
67
- "bindable": false
68
- },
69
- {
70
- "name": "activatable",
71
- "type": "boolean",
72
- "bindable": false
73
- },
74
- {
75
- "name": "fixed",
76
- "type": "boolean",
77
- "bindable": false
78
- },
79
- {
80
- "name": "forceGroupSelection",
81
- "type": "boolean",
82
- "bindable": false
83
- },
84
- {
85
- "name": "fullwidth",
86
- "type": "boolean",
87
- "bindable": false
88
- },
89
- {
90
- "name": "menuCorner",
91
- "type": "MenuCorner",
92
- "bindable": false
93
- },
94
- {
95
- "name": "stayOpenOnBodyClick",
96
- "type": "boolean",
97
- "bindable": false
98
- },
99
- {
100
- "name": "defaultFocus",
101
- "type": "\"NONE\" | \"LIST_ROOT\" | \"FIRST_ITEM\" | \"LAST_ITEM\"",
102
- "bindable": false
103
- },
104
- {
105
- "name": "listElement",
106
- "type": "VWCList | null",
107
- "bindable": false
108
- },
109
- {
110
- "name": "items",
111
- "type": "ListItemBase[]"
112
- },
113
- {
114
- "name": "index",
115
- "type": "MWCListIndex",
116
- "bindable": false
117
- },
118
- {
119
- "name": "selected",
120
- "type": "ListItemBase | ListItemBase[] | null"
121
- },
122
- {
123
- "name": "mdcRoot",
124
- "description": "Root element for MDC Foundation usage.\n\nDefine in your component with the `@query` decorator",
125
- "type": "MenuSurface",
126
- "bindable": false
127
- }
128
- ],
129
- "events": [
130
- {
131
- "name": "selected"
132
- },
133
- {
134
- "name": "action"
135
- },
136
- {
137
- "name": "items-updated"
138
- },
139
- {
140
- "name": "opened"
141
- },
142
- {
143
- "name": "closed"
144
- }
145
- ]
146
- }
147
- */
148
- import PropTypes from 'prop-types'
149
- import wrapper from '@vonage/vivid-react-wrapper'
150
- import '@vonage/vwc-dropdown'
151
-
152
-
153
- /**
154
- * @param {HTMLSlotElement | null} slotElement
155
- * @param {HTMLElement | null} anchor
156
- * @param {boolean} open
157
- * @param {boolean} quick
158
- * @param {boolean} wrapFocus
159
- * @param {"menu" | "listbox"} innerRole
160
- * @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
161
- * @param {number | null} x
162
- * @param {number | null} y
163
- * @param {boolean} absolute
164
- * @param {boolean} multi
165
- * @param {boolean} activatable
166
- * @param {boolean} fixed
167
- * @param {boolean} forceGroupSelection
168
- * @param {boolean} fullwidth
169
- * @param {MenuCorner} menuCorner
170
- * @param {boolean} stayOpenOnBodyClick
171
- * @param {"NONE" | "LIST_ROOT" | "FIRST_ITEM" | "LAST_ITEM"} defaultFocus
172
- * @param {VWCList | null} listElement
173
- * @param {MWCListIndex} index
174
- * @param {MenuSurface} mdcRoot - Root element for MDC Foundation usage.
175
-
176
- Define in your component with the `@query` decorator
177
- */
178
- const VwcDropdown = wrapper('vwc-dropdown', {
179
- events: [{"name":"closed"},{"name":"opened"},{"name":"items-updated"},{"name":"action"},{"name":"selected"}],
180
- attributes: [],
181
- properties: []
182
- });
183
-
184
- VwcDropdown.propTypes = {
185
- onSelected: PropTypes.func,
186
- onAction: PropTypes.func,
187
- onItemsUpdated: PropTypes.func,
188
- onOpened: PropTypes.func,
189
- onClosed: PropTypes.func,
190
- slotElement: PropTypes.any /* HTMLSlotElement | null */,
191
- anchor: PropTypes.any /* HTMLElement | null */,
192
- open: PropTypes.bool,
193
- quick: PropTypes.bool,
194
- wrapFocus: PropTypes.bool,
195
- innerRole: PropTypes.oneOf(["menu","listbox"]),
196
- corner: PropTypes.oneOf(["TOP_LEFT","TOP_RIGHT","BOTTOM_LEFT","BOTTOM_RIGHT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END"]),
197
- x: PropTypes.number,
198
- y: PropTypes.number,
199
- absolute: PropTypes.bool,
200
- multi: PropTypes.bool,
201
- activatable: PropTypes.bool,
202
- fixed: PropTypes.bool,
203
- forceGroupSelection: PropTypes.bool,
204
- fullwidth: PropTypes.bool,
205
- menuCorner: PropTypes.any /* MenuCorner */,
206
- stayOpenOnBodyClick: PropTypes.bool,
207
- defaultFocus: PropTypes.oneOf(["NONE","LIST_ROOT","FIRST_ITEM","LAST_ITEM"]),
208
- listElement: PropTypes.any /* VWCList | null */,
209
- index: PropTypes.any /* MWCListIndex */,
210
- mdcRoot: PropTypes.any /* MenuSurface */
211
- }
212
-
213
- VwcDropdown.defaultProps = {
214
-
215
- }
216
-
217
- VwcDropdown.displayName = 'VwcDropdown'
218
-
219
-
220
-
221
- export default VwcDropdown
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-dropdown",
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-dropdown": "2.37.0"
10
- }
11
- }
@@ -1,14 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-elevation';
3
- /**
4
- * @param {number} dp
5
- */
6
- declare const VwcElevation: (props: {
7
- children?: ReactNode;
8
- slot?: string | undefined;
9
- id?: string | undefined;
10
- style?: React.CSSProperties | undefined;
11
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
12
- dp?: number | undefined;
13
- }) => JSX.Element;
14
- export default VwcElevation;
@@ -1,45 +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-elevation",
8
- "path": "./../node_modules/@vonage/vwc-elevation/vwc-elevation.d.ts",
9
- "properties": [
10
- {
11
- "name": "dp",
12
- "type": "number",
13
- "bindable": false
14
- }
15
- ],
16
- "events": []
17
- }
18
- */
19
- import PropTypes from 'prop-types'
20
- import wrapper from '@vonage/vivid-react-wrapper'
21
- import '@vonage/vwc-elevation'
22
-
23
-
24
- /**
25
- * @param {number} dp
26
- */
27
- const VwcElevation = wrapper('vwc-elevation', {
28
- events: [],
29
- attributes: [],
30
- properties: []
31
- });
32
-
33
- VwcElevation.propTypes = {
34
- dp: PropTypes.number
35
- }
36
-
37
- VwcElevation.defaultProps = {
38
-
39
- }
40
-
41
- VwcElevation.displayName = 'VwcElevation'
42
-
43
-
44
-
45
- export default VwcElevation
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-elevation",
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-elevation": "2.37.0"
10
- }
11
- }
@@ -1,18 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-empty-state';
3
- /**
4
- * @param {string | undefined} icon
5
- * @param {string | undefined} heading
6
- * @param {string | undefined} body
7
- */
8
- declare const VwcEmptyState: (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
- icon?: string | undefined;
15
- heading?: string | undefined;
16
- body?: string | undefined;
17
- }) => JSX.Element;
18
- export default VwcEmptyState;