@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
package/VwcNote/index.js DELETED
@@ -1,59 +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-note",
8
- "path": "./../node_modules/@vonage/vwc-note/vwc-note.d.ts",
9
- "properties": [
10
- {
11
- "name": "connotation",
12
- "type": "NoteConnotation | undefined",
13
- "bindable": false
14
- },
15
- {
16
- "name": "icon",
17
- "type": "string | undefined",
18
- "bindable": false
19
- },
20
- {
21
- "name": "header",
22
- "type": "string | undefined",
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-note'
32
-
33
-
34
- /**
35
- * @param {NoteConnotation | undefined} connotation
36
- * @param {string | undefined} icon
37
- * @param {string | undefined} header
38
- */
39
- const VwcNote = wrapper('vwc-note', {
40
- events: [],
41
- attributes: [],
42
- properties: []
43
- });
44
-
45
- VwcNote.propTypes = {
46
- connotation: PropTypes.any /* NoteConnotation | undefined */,
47
- icon: PropTypes.string,
48
- header: PropTypes.string
49
- }
50
-
51
- VwcNote.defaultProps = {
52
-
53
- }
54
-
55
- VwcNote.displayName = 'VwcNote'
56
-
57
-
58
-
59
- export default VwcNote
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-note",
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-note": "2.37.0"
10
- }
11
- }
@@ -1,16 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-pagination';
3
- /**
4
- * @param {number} total
5
- * @param {number} selectedIndex
6
- */
7
- declare const VwcPagination: (props: {
8
- children?: ReactNode;
9
- slot?: string | undefined;
10
- id?: string | undefined;
11
- style?: React.CSSProperties | undefined;
12
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
13
- total?: number | undefined;
14
- selectedIndex?: number | undefined;
15
- }) => JSX.Element;
16
- export default VwcPagination;
@@ -1,52 +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-pagination",
8
- "path": "./../node_modules/@vonage/vwc-pagination/vwc-pagination.d.ts",
9
- "properties": [
10
- {
11
- "name": "total",
12
- "type": "number",
13
- "bindable": false
14
- },
15
- {
16
- "name": "selectedIndex",
17
- "type": "number",
18
- "bindable": false
19
- }
20
- ],
21
- "events": []
22
- }
23
- */
24
- import PropTypes from 'prop-types'
25
- import wrapper from '@vonage/vivid-react-wrapper'
26
- import '@vonage/vwc-pagination'
27
-
28
-
29
- /**
30
- * @param {number} total
31
- * @param {number} selectedIndex
32
- */
33
- const VwcPagination = wrapper('vwc-pagination', {
34
- events: [],
35
- attributes: [],
36
- properties: []
37
- });
38
-
39
- VwcPagination.propTypes = {
40
- total: PropTypes.number,
41
- selectedIndex: PropTypes.number
42
- }
43
-
44
- VwcPagination.defaultProps = {
45
-
46
- }
47
-
48
- VwcPagination.displayName = 'VwcPagination'
49
-
50
-
51
-
52
- export default VwcPagination
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-pagination",
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-pagination": "2.37.0"
10
- }
11
- }
@@ -1,30 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-popup';
3
- /** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
4
- Popup's goal is to provide additional, helpful content.
5
- To trigger the Popup, it should be paired with an anchor (e.g., a button).
6
- * @param {CSSResult} styles
7
- * @param {boolean} open attribute: &lt;VwcPopup open />
8
- * @param {string} anchor attribute: &lt;VwcPopup anchor />
9
- * @param {boolean | undefined} dismissible attribute: &lt;VwcPopup dismissible />
10
- * @param {Placement} corner attribute: &lt;VwcPopup corner />
11
- * @param {Strategy} strategy attribute: &lt;VwcPopup strategy />
12
- * @param {boolean | undefined} arrow attribute: &lt;VwcPopup arrow />
13
- * @param {boolean | undefined} alternate attribute: &lt;VwcPopup alternate />
14
- */
15
- declare const VwcPopup: (props: {
16
- children?: ReactNode;
17
- slot?: string | undefined;
18
- id?: string | undefined;
19
- style?: React.CSSProperties | undefined;
20
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
21
- styles?: any;
22
- open?: boolean | undefined;
23
- anchor?: string | undefined;
24
- dismissible?: any;
25
- corner?: any;
26
- strategy?: any;
27
- arrow?: any;
28
- alternate?: any;
29
- }) => JSX.Element;
30
- export default VwcPopup;
package/VwcPopup/index.js DELETED
@@ -1,147 +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-popup",
8
- "path": "./../node_modules/@vonage/vwc-popup/src/vwc-popup.ts",
9
- "description": "Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.\nPopup's goal is to provide additional, helpful content. \nTo trigger the Popup, it should be paired with an anchor (e.g., a button).",
10
- "attributes": [
11
- {
12
- "name": "open",
13
- "type": "boolean",
14
- "default": "false"
15
- },
16
- {
17
- "name": "anchor",
18
- "type": "string",
19
- "default": "\"\""
20
- },
21
- {
22
- "name": "dismissible",
23
- "type": "boolean | undefined"
24
- },
25
- {
26
- "name": "corner",
27
- "type": "Placement",
28
- "default": "\"left\""
29
- },
30
- {
31
- "name": "strategy",
32
- "type": "Strategy",
33
- "default": "\"fixed\""
34
- },
35
- {
36
- "name": "arrow",
37
- "type": "boolean | undefined"
38
- },
39
- {
40
- "name": "alternate",
41
- "type": "boolean | undefined"
42
- }
43
- ],
44
- "properties": [
45
- {
46
- "name": "styles",
47
- "type": "CSSResult",
48
- "default": "\"style\"",
49
- "bindable": false
50
- },
51
- {
52
- "name": "open",
53
- "attribute": "open",
54
- "type": "boolean",
55
- "default": "false",
56
- "bindable": false
57
- },
58
- {
59
- "name": "anchor",
60
- "attribute": "anchor",
61
- "type": "string",
62
- "default": "\"\"",
63
- "bindable": false
64
- },
65
- {
66
- "name": "dismissible",
67
- "attribute": "dismissible",
68
- "type": "boolean | undefined",
69
- "bindable": false
70
- },
71
- {
72
- "name": "corner",
73
- "attribute": "corner",
74
- "type": "Placement",
75
- "default": "\"left\"",
76
- "bindable": false
77
- },
78
- {
79
- "name": "strategy",
80
- "attribute": "strategy",
81
- "type": "Strategy",
82
- "default": "\"fixed\"",
83
- "bindable": false
84
- },
85
- {
86
- "name": "arrow",
87
- "attribute": "arrow",
88
- "type": "boolean | undefined",
89
- "bindable": false
90
- },
91
- {
92
- "name": "alternate",
93
- "attribute": "alternate",
94
- "type": "boolean | undefined",
95
- "bindable": false
96
- }
97
- ],
98
- "events": []
99
- }
100
- */
101
- import PropTypes from 'prop-types'
102
- import wrapper from '@vonage/vivid-react-wrapper'
103
- import '@vonage/vwc-popup'
104
-
105
-
106
- /** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
107
- Popup's goal is to provide additional, helpful content.
108
- To trigger the Popup, it should be paired with an anchor (e.g., a button).
109
- * @param {CSSResult} styles
110
- * @param {boolean} open attribute: &lt;VwcPopup open />
111
- * @param {string} anchor attribute: &lt;VwcPopup anchor />
112
- * @param {boolean | undefined} dismissible attribute: &lt;VwcPopup dismissible />
113
- * @param {Placement} corner attribute: &lt;VwcPopup corner />
114
- * @param {Strategy} strategy attribute: &lt;VwcPopup strategy />
115
- * @param {boolean | undefined} arrow attribute: &lt;VwcPopup arrow />
116
- * @param {boolean | undefined} alternate attribute: &lt;VwcPopup alternate />
117
- */
118
- const VwcPopup = wrapper('vwc-popup', {
119
- events: [],
120
- attributes: [],
121
- properties: []
122
- });
123
-
124
- VwcPopup.propTypes = {
125
- styles: PropTypes.any /* CSSResult *//* default: "style" */,
126
- open: PropTypes.bool/* default: false *//* attribute: open */,
127
- anchor: PropTypes.string/* default: "" *//* attribute: anchor */,
128
- dismissible: PropTypes.any /* boolean | undefined *//* attribute: dismissible */,
129
- corner: PropTypes.any /* Placement *//* default: "left" *//* attribute: corner */,
130
- strategy: PropTypes.any /* Strategy *//* default: "fixed" *//* attribute: strategy */,
131
- arrow: PropTypes.any /* boolean | undefined *//* attribute: arrow */,
132
- alternate: PropTypes.any /* boolean | undefined *//* attribute: alternate */
133
- }
134
-
135
- VwcPopup.defaultProps = {
136
- styles: "style",
137
- open: false,
138
- anchor: "",
139
- corner: "left",
140
- strategy: "fixed"
141
- }
142
-
143
- VwcPopup.displayName = 'VwcPopup'
144
-
145
-
146
-
147
- export default VwcPopup
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-popup",
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-popup": "2.37.0"
10
- }
11
- }
@@ -1,52 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-radio';
3
- /** This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)
4
- * @param {boolean} global
5
- * @param {boolean} checked - We define our own getter/setter for `checked` because we need to track
6
- changes to it synchronously.
7
-
8
- The order in which the `checked` property is set across radio buttons
9
- within the same group is very important. However, we can't rely on
10
- UpdatingElement's `updated` callback to observe these changes (which is
11
- also what the `@observer` decorator uses), because it batches changes to
12
- all properties.
13
-
14
- Consider:
15
-
16
- radio1.disabled = true;
17
- radio2.checked = true;
18
- radio1.checked = true;
19
-
20
- In this case we'd first see all changes for radio1, and then for radio2,
21
- and we couldn't tell that radio1 was the most recently checked.
22
- * @param {boolean} disabled
23
- * @param {string} value
24
- * @param {string} name
25
- * @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
26
- Set to `true` to remove touch target added to the component.
27
- * @param {number} formElementTabIndex - input's tabindex is updated based on checked status.
28
- Tab navigation will be removed from unchecked radios.
29
- * @param {string | undefined} ariaLabel
30
- * @param {string | undefined} ariaLabelledBy
31
- * @param {ShadowRootInit} shadowRootOptions
32
- */
33
- declare const VwcRadio: (props: {
34
- children?: ReactNode;
35
- slot?: string | undefined;
36
- id?: string | undefined;
37
- style?: React.CSSProperties | undefined;
38
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
39
- onChecked?: ((event: SyntheticEvent) => void) | undefined;
40
- onChange?: ((event: SyntheticEvent) => void) | undefined;
41
- global?: boolean | undefined;
42
- checked?: boolean | undefined;
43
- disabled?: boolean | undefined;
44
- value?: string | undefined;
45
- name?: string | undefined;
46
- reducedTouchTarget?: boolean | undefined;
47
- formElementTabIndex?: number | undefined;
48
- ariaLabel?: string | undefined;
49
- ariaLabelledBy?: string | undefined;
50
- shadowRootOptions?: any;
51
- }) => JSX.Element;
52
- export default VwcRadio;
package/VwcRadio/index.js DELETED
@@ -1,149 +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-radio",
8
- "path": "./../node_modules/@vonage/vwc-radio/src/vwc-radio.ts",
9
- "description": "This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)",
10
- "properties": [
11
- {
12
- "name": "styles",
13
- "type": "CSSResult[]"
14
- },
15
- {
16
- "name": "global",
17
- "type": "boolean",
18
- "bindable": false
19
- },
20
- {
21
- "name": "checked",
22
- "description": "We define our own getter/setter for `checked` because we need to track\nchanges to it synchronously.\n\nThe order in which the `checked` property is set across radio buttons\nwithin the same group is very important. However, we can't rely on\nUpdatingElement's `updated` callback to observe these changes (which is\nalso what the `@observer` decorator uses), because it batches changes to\nall properties.\n\nConsider:\n\n radio1.disabled = true;\n radio2.checked = true;\n radio1.checked = true;\n\nIn this case we'd first see all changes for radio1, and then for radio2,\nand we couldn't tell that radio1 was the most recently checked.",
23
- "type": "boolean",
24
- "bindable": false
25
- },
26
- {
27
- "name": "disabled",
28
- "type": "boolean",
29
- "bindable": false
30
- },
31
- {
32
- "name": "value",
33
- "type": "string",
34
- "bindable": false
35
- },
36
- {
37
- "name": "name",
38
- "type": "string",
39
- "bindable": false
40
- },
41
- {
42
- "name": "reducedTouchTarget",
43
- "description": "Touch target extends beyond visual boundary of a component by default.\nSet to `true` to remove touch target added to the component.",
44
- "type": "boolean",
45
- "bindable": false
46
- },
47
- {
48
- "name": "formElementTabIndex",
49
- "description": "input's tabindex is updated based on checked status.\nTab navigation will be removed from unchecked radios.",
50
- "type": "number",
51
- "bindable": false
52
- },
53
- {
54
- "name": "ariaLabel",
55
- "type": "string | undefined",
56
- "bindable": false
57
- },
58
- {
59
- "name": "ariaLabelledBy",
60
- "type": "string | undefined",
61
- "bindable": false
62
- },
63
- {
64
- "name": "isRippleActive"
65
- },
66
- {
67
- "name": "shadowRootOptions",
68
- "type": "ShadowRootInit",
69
- "bindable": false
70
- },
71
- {
72
- "name": "ripple",
73
- "description": "Implement ripple getter for Ripple integration with mwc-formfield",
74
- "type": "Promise<Ripple | null>"
75
- }
76
- ],
77
- "events": [
78
- {
79
- "name": "checked"
80
- },
81
- "change"
82
- ]
83
- }
84
- */
85
- import PropTypes from 'prop-types'
86
- import wrapper from '@vonage/vivid-react-wrapper'
87
- import '@vonage/vwc-radio'
88
-
89
-
90
- /** This component is an extension of [<mwc-radio>](https://github.com/material-components/material-components-web-components/tree/master/packages/radio)
91
- * @param {boolean} global
92
- * @param {boolean} checked - We define our own getter/setter for `checked` because we need to track
93
- changes to it synchronously.
94
-
95
- The order in which the `checked` property is set across radio buttons
96
- within the same group is very important. However, we can't rely on
97
- UpdatingElement's `updated` callback to observe these changes (which is
98
- also what the `@observer` decorator uses), because it batches changes to
99
- all properties.
100
-
101
- Consider:
102
-
103
- radio1.disabled = true;
104
- radio2.checked = true;
105
- radio1.checked = true;
106
-
107
- In this case we'd first see all changes for radio1, and then for radio2,
108
- and we couldn't tell that radio1 was the most recently checked.
109
- * @param {boolean} disabled
110
- * @param {string} value
111
- * @param {string} name
112
- * @param {boolean} reducedTouchTarget - Touch target extends beyond visual boundary of a component by default.
113
- Set to `true` to remove touch target added to the component.
114
- * @param {number} formElementTabIndex - input's tabindex is updated based on checked status.
115
- Tab navigation will be removed from unchecked radios.
116
- * @param {string | undefined} ariaLabel
117
- * @param {string | undefined} ariaLabelledBy
118
- * @param {ShadowRootInit} shadowRootOptions
119
- */
120
- const VwcRadio = wrapper('vwc-radio', {
121
- events: [{"name":"change","propName":"onChange"},{"name":"checked"}],
122
- attributes: [],
123
- properties: []
124
- });
125
-
126
- VwcRadio.propTypes = {
127
- onChecked: PropTypes.func,
128
- onChange: PropTypes.func,
129
- global: PropTypes.bool,
130
- checked: PropTypes.bool,
131
- disabled: PropTypes.bool,
132
- value: PropTypes.string,
133
- name: PropTypes.string,
134
- reducedTouchTarget: PropTypes.bool,
135
- formElementTabIndex: PropTypes.number,
136
- ariaLabel: PropTypes.string,
137
- ariaLabelledBy: PropTypes.string,
138
- shadowRootOptions: PropTypes.any /* ShadowRootInit */
139
- }
140
-
141
- VwcRadio.defaultProps = {
142
-
143
- }
144
-
145
- VwcRadio.displayName = 'VwcRadio'
146
-
147
-
148
-
149
- export default VwcRadio
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-radio",
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-radio": "2.37.0"
10
- }
11
- }
@@ -1,41 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-list';
3
- import '@vonage/vwc-list/vwc-radio-list-item';
4
- /** This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
5
- * @param {boolean} left
6
- * @param {string} value
7
- * @param {string | null} group
8
- * @param {number} tabindex
9
- * @param {boolean} disabled
10
- * @param {boolean} twoline
11
- * @param {boolean} activated
12
- * @param {GraphicType} graphic
13
- * @param {boolean} multipleGraphics
14
- * @param {boolean} hasMeta
15
- * @param {boolean} noninteractive
16
- * @param {boolean} selected
17
- * @param {string} text
18
- */
19
- declare const VwcRadioListItem: (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
- left?: boolean | undefined;
28
- value?: string | undefined;
29
- group?: string | null | undefined;
30
- tabindex?: number | undefined;
31
- disabled?: boolean | undefined;
32
- twoline?: boolean | undefined;
33
- activated?: boolean | undefined;
34
- graphic?: any;
35
- multipleGraphics?: boolean | undefined;
36
- hasMeta?: boolean | undefined;
37
- noninteractive?: boolean | undefined;
38
- selected?: boolean | undefined;
39
- text?: string | undefined;
40
- }) => JSX.Element;
41
- export default VwcRadioListItem;