@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,70 +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-formfield",
8
- "path": "./../node_modules/@vonage/vwc-formfield/src/vwc-formfield.ts",
9
- "properties": [
10
- {
11
- "name": "styles",
12
- "type": "CSSResult[]"
13
- },
14
- {
15
- "name": "alignEnd",
16
- "type": "boolean",
17
- "bindable": false
18
- },
19
- {
20
- "name": "spaceBetween",
21
- "type": "boolean",
22
- "bindable": false
23
- },
24
- {
25
- "name": "nowrap",
26
- "type": "boolean",
27
- "bindable": false
28
- },
29
- {
30
- "name": "label",
31
- "type": "string",
32
- "bindable": false
33
- }
34
- ],
35
- "events": []
36
- }
37
- */
38
- import PropTypes from 'prop-types'
39
- import wrapper from '@vonage/vivid-react-wrapper'
40
- import '@vonage/vwc-formfield'
41
-
42
-
43
- /**
44
- * @param {boolean} alignEnd
45
- * @param {boolean} spaceBetween
46
- * @param {boolean} nowrap
47
- * @param {string} label
48
- */
49
- const VwcFormfield = wrapper('vwc-formfield', {
50
- events: [],
51
- attributes: [],
52
- properties: []
53
- });
54
-
55
- VwcFormfield.propTypes = {
56
- alignEnd: PropTypes.bool,
57
- spaceBetween: PropTypes.bool,
58
- nowrap: PropTypes.bool,
59
- label: PropTypes.string
60
- }
61
-
62
- VwcFormfield.defaultProps = {
63
-
64
- }
65
-
66
- VwcFormfield.displayName = 'VwcFormfield'
67
-
68
-
69
-
70
- export default VwcFormfield
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-formfield",
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-formfield": "2.37.0"
10
- }
11
- }
@@ -1,14 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-helper-message';
3
- /**
4
- * @param {boolean} isError
5
- */
6
- declare const VwcHelperMessage: (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
- isError?: boolean | undefined;
13
- }) => JSX.Element;
14
- export default VwcHelperMessage;
@@ -1,49 +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-helper-message",
8
- "path": "./../node_modules/@vonage/vwc-helper-message/vwc-helper-message.d.ts",
9
- "properties": [
10
- {
11
- "name": "styles",
12
- "type": "CSSResult[]"
13
- },
14
- {
15
- "name": "isError",
16
- "type": "boolean",
17
- "bindable": false
18
- }
19
- ],
20
- "events": []
21
- }
22
- */
23
- import PropTypes from 'prop-types'
24
- import wrapper from '@vonage/vivid-react-wrapper'
25
- import '@vonage/vwc-helper-message'
26
-
27
-
28
- /**
29
- * @param {boolean} isError
30
- */
31
- const VwcHelperMessage = wrapper('vwc-helper-message', {
32
- events: [],
33
- attributes: [],
34
- properties: []
35
- });
36
-
37
- VwcHelperMessage.propTypes = {
38
- isError: PropTypes.bool
39
- }
40
-
41
- VwcHelperMessage.defaultProps = {
42
-
43
- }
44
-
45
- VwcHelperMessage.displayName = 'VwcHelperMessage'
46
-
47
-
48
-
49
- export default VwcHelperMessage
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-helper-message",
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-helper-message": "2.37.0"
10
- }
11
- }
@@ -1,22 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-icon';
3
- /**
4
- * @param {IconConnotation | undefined} connotation attribute: &lt;VwcIcon connotation />
5
- * @param {string | undefined} type attribute: &lt;VwcIcon type />
6
- * @param {boolean | undefined} inline attribute: &lt;VwcIcon inline />
7
- * @param {IconSize | undefined} size attribute: &lt;VwcIcon size />
8
- * @param {string} ariaLabel attribute: &lt;VwcIcon aria-label />
9
- */
10
- declare const VwcIcon: (props: {
11
- children?: ReactNode;
12
- slot?: string | undefined;
13
- id?: string | undefined;
14
- style?: React.CSSProperties | undefined;
15
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
16
- connotation?: any;
17
- type?: string | undefined;
18
- inline?: any;
19
- size?: any;
20
- ariaLabel?: string | undefined;
21
- }) => JSX.Element;
22
- export default VwcIcon;
package/VwcIcon/index.js DELETED
@@ -1,102 +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-icon",
8
- "path": "./../node_modules/@vonage/vwc-icon/src/vwc-icon.ts",
9
- "attributes": [
10
- {
11
- "name": "connotation",
12
- "type": "IconConnotation | undefined"
13
- },
14
- {
15
- "name": "type",
16
- "type": "string | undefined"
17
- },
18
- {
19
- "name": "inline",
20
- "type": "boolean | undefined"
21
- },
22
- {
23
- "name": "size",
24
- "type": "IconSize | undefined"
25
- },
26
- {
27
- "name": "aria-label",
28
- "type": "string",
29
- "default": "\"\""
30
- }
31
- ],
32
- "properties": [
33
- {
34
- "name": "connotation",
35
- "attribute": "connotation",
36
- "type": "IconConnotation | undefined",
37
- "bindable": false
38
- },
39
- {
40
- "name": "type",
41
- "attribute": "type",
42
- "type": "string | undefined",
43
- "bindable": false
44
- },
45
- {
46
- "name": "inline",
47
- "attribute": "inline",
48
- "type": "boolean | undefined",
49
- "bindable": false
50
- },
51
- {
52
- "name": "size",
53
- "attribute": "size",
54
- "type": "IconSize | undefined",
55
- "bindable": false
56
- },
57
- {
58
- "name": "ariaLabel",
59
- "attribute": "aria-label",
60
- "type": "string",
61
- "default": "\"\"",
62
- "bindable": false
63
- }
64
- ],
65
- "events": []
66
- }
67
- */
68
- import PropTypes from 'prop-types'
69
- import wrapper from '@vonage/vivid-react-wrapper'
70
- import '@vonage/vwc-icon'
71
-
72
-
73
- /**
74
- * @param {IconConnotation | undefined} connotation attribute: &lt;VwcIcon connotation />
75
- * @param {string | undefined} type attribute: &lt;VwcIcon type />
76
- * @param {boolean | undefined} inline attribute: &lt;VwcIcon inline />
77
- * @param {IconSize | undefined} size attribute: &lt;VwcIcon size />
78
- * @param {string} ariaLabel attribute: &lt;VwcIcon aria-label />
79
- */
80
- const VwcIcon = wrapper('vwc-icon', {
81
- events: [],
82
- attributes: [],
83
- properties: []
84
- });
85
-
86
- VwcIcon.propTypes = {
87
- connotation: PropTypes.any /* IconConnotation | undefined *//* attribute: connotation */,
88
- type: PropTypes.string/* attribute: type */,
89
- inline: PropTypes.any /* boolean | undefined *//* attribute: inline */,
90
- size: PropTypes.any /* IconSize | undefined *//* attribute: size */,
91
- ariaLabel: PropTypes.string/* default: "" *//* attribute: aria-label */
92
- }
93
-
94
- VwcIcon.defaultProps = {
95
- ariaLabel: ""
96
- }
97
-
98
- VwcIcon.displayName = 'VwcIcon'
99
-
100
-
101
-
102
- export default VwcIcon
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-icon",
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-icon": "2.37.0"
10
- }
11
- }
@@ -1,31 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-icon-button';
3
- /**
4
- * @param {IconButtonLayout | undefined} layout
5
- * @param {IconButtonConnotation | undefined} connotation
6
- * @param {IconButtonShape | undefined} shape
7
- * @param {boolean} dense
8
- * @param {boolean} enlarged
9
- * @param {boolean} disabled
10
- * @param {string} icon
11
- * @param {string | undefined} ariaLabel
12
- * @param {string} value
13
- */
14
- declare const VwcIconButton: (props: {
15
- children?: ReactNode;
16
- slot?: string | undefined;
17
- id?: string | undefined;
18
- style?: React.CSSProperties | undefined;
19
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
20
- onClick?: ((event: SyntheticEvent) => void) | undefined;
21
- layout?: any;
22
- connotation?: any;
23
- shape?: any;
24
- dense?: boolean | undefined;
25
- enlarged?: boolean | undefined;
26
- disabled?: boolean | undefined;
27
- icon?: string | undefined;
28
- ariaLabel?: string | undefined;
29
- value?: string | undefined;
30
- }) => JSX.Element;
31
- export default VwcIconButton;
@@ -1,111 +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-icon-button",
8
- "path": "./../node_modules/@vonage/vwc-icon-button/vwc-icon-button.d.ts",
9
- "properties": [
10
- {
11
- "name": "layout",
12
- "type": "IconButtonLayout | undefined",
13
- "bindable": false
14
- },
15
- {
16
- "name": "connotation",
17
- "type": "IconButtonConnotation | undefined",
18
- "bindable": false
19
- },
20
- {
21
- "name": "shape",
22
- "type": "IconButtonShape | undefined",
23
- "bindable": false
24
- },
25
- {
26
- "name": "dense",
27
- "type": "boolean",
28
- "bindable": false
29
- },
30
- {
31
- "name": "enlarged",
32
- "type": "boolean",
33
- "bindable": false
34
- },
35
- {
36
- "name": "styles",
37
- "type": "CSSResult[]"
38
- },
39
- {
40
- "name": "disabled",
41
- "type": "boolean",
42
- "bindable": false
43
- },
44
- {
45
- "name": "icon",
46
- "type": "string",
47
- "bindable": false
48
- },
49
- {
50
- "name": "ariaLabel",
51
- "type": "string | undefined",
52
- "bindable": false
53
- },
54
- {
55
- "name": "buttonElement",
56
- "type": "HTMLElement"
57
- },
58
- {
59
- "name": "ripple",
60
- "type": "Promise<Ripple | null>"
61
- }
62
- ],
63
- "events": [
64
- "click"
65
- ]
66
- }
67
- */
68
- import PropTypes from 'prop-types'
69
- import wrapper from '@vonage/vivid-react-wrapper'
70
- import '@vonage/vwc-icon-button'
71
-
72
-
73
- /**
74
- * @param {IconButtonLayout | undefined} layout
75
- * @param {IconButtonConnotation | undefined} connotation
76
- * @param {IconButtonShape | undefined} shape
77
- * @param {boolean} dense
78
- * @param {boolean} enlarged
79
- * @param {boolean} disabled
80
- * @param {string} icon
81
- * @param {string | undefined} ariaLabel
82
- * @param {string} value
83
- */
84
- const VwcIconButton = wrapper('vwc-icon-button', {
85
- events: [{"name":"click","propName":"onClick"}],
86
- attributes: [],
87
- properties: []
88
- });
89
-
90
- VwcIconButton.propTypes = {
91
- onClick: PropTypes.func,
92
- layout: PropTypes.any /* IconButtonLayout | undefined */,
93
- connotation: PropTypes.any /* IconButtonConnotation | undefined */,
94
- shape: PropTypes.any /* IconButtonShape | undefined */,
95
- dense: PropTypes.bool,
96
- enlarged: PropTypes.bool,
97
- disabled: PropTypes.bool,
98
- icon: PropTypes.string,
99
- ariaLabel: PropTypes.string,
100
- value: PropTypes.string
101
- }
102
-
103
- VwcIconButton.defaultProps = {
104
-
105
- }
106
-
107
- VwcIconButton.displayName = 'VwcIconButton'
108
-
109
-
110
-
111
- export default VwcIconButton
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-icon-button",
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-icon-button": "2.37.0"
10
- }
11
- }
@@ -1,37 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-icon-button-toggle';
3
- /**
4
- * @param {IconButtonToggleLayout | undefined} layout
5
- * @param {IconButtonToggleConnotation | undefined} connotation
6
- * @param {IconButtonToggleShape | undefined} shape
7
- * @param {boolean} dense
8
- * @param {boolean} enlarged
9
- * @param {string | undefined} ariaLabel
10
- * @param {boolean} disabled
11
- * @param {string} onIcon
12
- * @param {string} offIcon
13
- * @param {string | undefined} ariaLabelOn
14
- * @param {string | undefined} ariaLabelOff
15
- * @param {boolean} on
16
- */
17
- declare const VwcIconButtonToggle: (props: {
18
- children?: ReactNode;
19
- slot?: string | undefined;
20
- id?: string | undefined;
21
- style?: React.CSSProperties | undefined;
22
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
23
- onChange?: ((event: SyntheticEvent) => void) | undefined;
24
- layout?: any;
25
- connotation?: any;
26
- shape?: any;
27
- dense?: boolean | undefined;
28
- enlarged?: boolean | undefined;
29
- ariaLabel?: string | undefined;
30
- disabled?: boolean | undefined;
31
- onIcon?: string | undefined;
32
- offIcon?: string | undefined;
33
- ariaLabelOn?: string | undefined;
34
- ariaLabelOff?: string | undefined;
35
- on?: boolean | undefined;
36
- }) => JSX.Element;
37
- export default VwcIconButtonToggle;
@@ -1,136 +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-icon-button-toggle",
8
- "path": "./../node_modules/@vonage/vwc-icon-button-toggle/vwc-icon-button-toggle.d.ts",
9
- "properties": [
10
- {
11
- "name": "styles",
12
- "type": "CSSResult[]"
13
- },
14
- {
15
- "name": "layout",
16
- "type": "IconButtonToggleLayout | undefined",
17
- "bindable": false
18
- },
19
- {
20
- "name": "connotation",
21
- "type": "IconButtonToggleConnotation | undefined",
22
- "bindable": false
23
- },
24
- {
25
- "name": "shape",
26
- "type": "IconButtonToggleShape | undefined",
27
- "bindable": false
28
- },
29
- {
30
- "name": "dense",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "enlarged",
36
- "type": "boolean",
37
- "bindable": false
38
- },
39
- {
40
- "name": "ariaLabel",
41
- "type": "string | undefined",
42
- "bindable": false
43
- },
44
- {
45
- "name": "disabled",
46
- "type": "boolean",
47
- "bindable": false
48
- },
49
- {
50
- "name": "onIcon",
51
- "type": "string",
52
- "bindable": false
53
- },
54
- {
55
- "name": "offIcon",
56
- "type": "string",
57
- "bindable": false
58
- },
59
- {
60
- "name": "ariaLabelOn",
61
- "type": "string | undefined",
62
- "bindable": false
63
- },
64
- {
65
- "name": "ariaLabelOff",
66
- "type": "string | undefined",
67
- "bindable": false
68
- },
69
- {
70
- "name": "on",
71
- "type": "boolean",
72
- "bindable": false
73
- },
74
- {
75
- "name": "ripple",
76
- "type": "Promise<Ripple | null>"
77
- }
78
- ],
79
- "events": [
80
- {
81
- "name": "MDCIconButtonToggle:change",
82
- "propName": "onChange"
83
- }
84
- ]
85
- }
86
- */
87
- import PropTypes from 'prop-types'
88
- import wrapper from '@vonage/vivid-react-wrapper'
89
- import '@vonage/vwc-icon-button-toggle'
90
-
91
-
92
- /**
93
- * @param {IconButtonToggleLayout | undefined} layout
94
- * @param {IconButtonToggleConnotation | undefined} connotation
95
- * @param {IconButtonToggleShape | undefined} shape
96
- * @param {boolean} dense
97
- * @param {boolean} enlarged
98
- * @param {string | undefined} ariaLabel
99
- * @param {boolean} disabled
100
- * @param {string} onIcon
101
- * @param {string} offIcon
102
- * @param {string | undefined} ariaLabelOn
103
- * @param {string | undefined} ariaLabelOff
104
- * @param {boolean} on
105
- */
106
- const VwcIconButtonToggle = wrapper('vwc-icon-button-toggle', {
107
- events: [{"name":"MDCIconButtonToggle:change","propName":"onChange"}],
108
- attributes: [],
109
- properties: []
110
- });
111
-
112
- VwcIconButtonToggle.propTypes = {
113
- onChange: PropTypes.func,
114
- layout: PropTypes.any /* IconButtonToggleLayout | undefined */,
115
- connotation: PropTypes.any /* IconButtonToggleConnotation | undefined */,
116
- shape: PropTypes.any /* IconButtonToggleShape | undefined */,
117
- dense: PropTypes.bool,
118
- enlarged: PropTypes.bool,
119
- ariaLabel: PropTypes.string,
120
- disabled: PropTypes.bool,
121
- onIcon: PropTypes.string,
122
- offIcon: PropTypes.string,
123
- ariaLabelOn: PropTypes.string,
124
- ariaLabelOff: PropTypes.string,
125
- on: PropTypes.bool
126
- }
127
-
128
- VwcIconButtonToggle.defaultProps = {
129
-
130
- }
131
-
132
- VwcIconButtonToggle.displayName = 'VwcIconButtonToggle'
133
-
134
-
135
-
136
- export default VwcIconButtonToggle
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-icon-button-toggle",
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-icon-button-toggle": "2.37.0"
10
- }
11
- }
@@ -1,31 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-keypad';
3
- /**
4
- * @param {boolean} noAsterisk attribute: &lt;VwcKeypad no-asterisk />
5
- * @param {boolean} noHash attribute: &lt;VwcKeypad no-hash />
6
- * @param {boolean} noDisplay attribute: &lt;VwcKeypad no-display />
7
- * @param {string} actionText attribute: &lt;VwcKeypad actionText />
8
- * @param {string} cancelText attribute: &lt;VwcKeypad cancelText />
9
- * @param {string} digits attribute: &lt;VwcKeypad digits />
10
- * @param {number} currentPosition attribute: &lt;VwcKeypad currentPosition />
11
- * @param {boolean} actionStarted attribute: &lt;VwcKeypad actionStarted />
12
- */
13
- declare const VwcKeypad: (props: {
14
- children?: ReactNode;
15
- slot?: string | undefined;
16
- id?: string | undefined;
17
- style?: React.CSSProperties | undefined;
18
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
19
- onDigitAdded?: ((event: SyntheticEvent) => void) | undefined;
20
- onDigitsSent?: ((event: SyntheticEvent) => void) | undefined;
21
- onActionEnded?: ((event: SyntheticEvent) => void) | undefined;
22
- noAsterisk?: boolean | undefined;
23
- noHash?: boolean | undefined;
24
- noDisplay?: boolean | undefined;
25
- actionText?: string | undefined;
26
- cancelText?: string | undefined;
27
- digits?: string | undefined;
28
- currentPosition?: number | undefined;
29
- actionStarted?: boolean | undefined;
30
- }) => JSX.Element;
31
- export default VwcKeypad;