@vonage/vivid-react 2.10.47 → 2.10.56

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 (286) hide show
  1. package/.storybook/main.js +11 -0
  2. package/.storybook/preview.js +3 -0
  3. package/README.md +59 -59
  4. package/babel.config.js +38 -0
  5. package/package.json +58 -58
  6. package/rollup.config.js +30 -0
  7. package/scripts/cli.js +28 -0
  8. package/scripts/generateWrappers/consts.js +226 -0
  9. package/scripts/generateWrappers/generator.js +130 -0
  10. package/scripts/generateWrappers/helpers/generator.js +18 -0
  11. package/scripts/generateWrappers/helpers/generator.test.js +56 -0
  12. package/scripts/generateWrappers/index.js +0 -0
  13. package/scripts/generateWrappers/prop.types.js +86 -0
  14. package/scripts/generateWrappers/templates/js/index.tmpl +2 -0
  15. package/scripts/generateWrappers/templates/js/react-component.tmpl +30 -0
  16. package/scripts/generateWrappers/templates/js/stories.tmpl +18 -0
  17. package/scripts/generateWrappers/templates/templates.js +36 -0
  18. package/scripts/generateWrappers/templates/ts/index.tmpl +2 -0
  19. package/scripts/generateWrappers/templates/ts/react-component.tmpl +28 -0
  20. package/scripts/generateWrappers/utils.js +226 -0
  21. package/scripts/generateWrappers/utils.test.js +71 -0
  22. package/scripts/updateDocs.js +42 -0
  23. package/scripts/updateVividPackages.js +81 -0
  24. package/src/dataGrid/index.js +15 -0
  25. package/src/index.js +3 -0
  26. package/src/initialization/initVivid.js +24 -0
  27. package/src/patches/VwcCard/index.js +2 -0
  28. package/src/patches/VwcCard/vwcCardHeadingCrop.js +28 -0
  29. package/src/patches/VwcCard/vwcCardWithMenu.js +14 -0
  30. package/src/patches/index.js +6 -0
  31. package/src/patches/vwcDataGrid.js +26 -0
  32. package/src/patches/vwcNoteContentOverflow.js +20 -0
  33. package/src/patches/vwcSetAttributeValue.js +12 -0
  34. package/src/patches/vwcSnackBarHtmlMessage.js +21 -0
  35. package/src/patches/vwcTooltip.js +46 -0
  36. package/stories/VwcAccordion/VwcAccordion.stories.jsx +18 -0
  37. package/stories/VwcActionGroup/VwcActionGroup.stories.jsx +18 -0
  38. package/stories/VwcBadge/VwcBadge.stories.jsx +18 -0
  39. package/stories/VwcBanner/VwcBanner.stories.jsx +18 -0
  40. package/stories/VwcButton/VwcButton.stories.jsx +18 -0
  41. package/stories/VwcButtonToggleGroup/VwcButtonToggleGroup.stories.jsx +47 -0
  42. package/stories/VwcCalendar/VwcCalendar.stories.jsx +18 -0
  43. package/stories/VwcCalendarEvent/VwcCalendarEvent.stories.jsx +18 -0
  44. package/stories/VwcCard/VwcCard.stories.jsx +90 -0
  45. package/stories/VwcCarousel/VwcCarousel.stories.jsx +18 -0
  46. package/stories/VwcCarouselItem/VwcCarouselItem.stories.jsx +18 -0
  47. package/stories/VwcCheckListItem/VwcCheckListItem.stories.jsx +18 -0
  48. package/stories/VwcCheckbox/VwcCheckbox.stories.jsx +18 -0
  49. package/stories/VwcChip/VwcChip.stories.jsx +18 -0
  50. package/stories/VwcChipSet/VwcChipSet.stories.jsx +38 -0
  51. package/stories/VwcCircularProgress/VwcCircularProgress.stories.jsx +18 -0
  52. package/stories/VwcDataGrid/VwcDataGrid.stories.jsx +109 -0
  53. package/stories/VwcDataGridColumn/VwcDataGridColumn.stories.jsx +18 -0
  54. package/stories/VwcDatepicker/VwcDatepicker.stories.jsx +18 -0
  55. package/stories/VwcDialog/VwcDialog.stories.jsx +18 -0
  56. package/stories/VwcDrawer/VwcDrawer.stories.jsx +18 -0
  57. package/stories/VwcDropdown/VwcDropdown.stories.jsx +18 -0
  58. package/stories/VwcElevation/VwcElevation.stories.jsx +18 -0
  59. package/stories/VwcEmptyState/VwcEmptyState.stories.jsx +18 -0
  60. package/stories/VwcExpansionPanel/VwcExpansionPanel.stories.jsx +18 -0
  61. package/stories/VwcFab/VwcFab.stories.jsx +18 -0
  62. package/stories/VwcFilePicker/VwcFilePicker.stories.jsx +18 -0
  63. package/stories/VwcFormfield/VwcFormfield.stories.jsx +18 -0
  64. package/stories/VwcHelperMessage/VwcHelperMessage.stories.jsx +18 -0
  65. package/stories/VwcIcon/VwcIcon.stories.jsx +18 -0
  66. package/stories/VwcIconButton/VwcIconButton.stories.jsx +18 -0
  67. package/stories/VwcIconButtonToggle/VwcIconButtonToggle.stories.jsx +18 -0
  68. package/stories/VwcKeypad/VwcKeypad.stories.jsx +18 -0
  69. package/stories/VwcLayout/VwcLayout.stories.jsx +63 -0
  70. package/stories/VwcLinearProgress/VwcLinearProgress.stories.jsx +18 -0
  71. package/stories/VwcList/VwcList.stories.jsx +25 -0
  72. package/stories/VwcListExpansionPanel/VwcListExpansionPanel.stories.jsx +18 -0
  73. package/stories/VwcListItem/VwcListItem.stories.jsx +18 -0
  74. package/stories/VwcMenu/VwcMenu.stories.jsx +41 -0
  75. package/stories/VwcNotchedOutline/VwcNotchedOutline.stories.jsx +18 -0
  76. package/stories/VwcNote/VwcNote.stories.jsx +18 -0
  77. package/stories/VwcPagination/VwcPagination.stories.jsx +18 -0
  78. package/stories/VwcPopup/VwcPopup.stories.jsx +18 -0
  79. package/stories/VwcRadio/VwcRadio.stories.jsx +18 -0
  80. package/stories/VwcRadioListItem/VwcRadioListItem.stories.jsx +18 -0
  81. package/stories/VwcSchemeSelect/VwcSchemeSelect.stories.jsx +18 -0
  82. package/stories/VwcSelect/VwcSelect.stories.jsx +18 -0
  83. package/stories/VwcSideDrawer/VwcSideDrawer.stories.jsx +18 -0
  84. package/stories/VwcSlider/VwcSlider.stories.jsx +18 -0
  85. package/stories/VwcSnackbar/VwcSnackbar.stories.jsx +18 -0
  86. package/stories/VwcSurface/VwcSurface.stories.jsx +18 -0
  87. package/stories/VwcSwitch/VwcSwitch.stories.jsx +18 -0
  88. package/stories/VwcTab/VwcTab.stories.jsx +18 -0
  89. package/stories/VwcTabBar/VwcTabBar.stories.jsx +63 -0
  90. package/stories/VwcTag/VwcTag.stories.jsx +18 -0
  91. package/stories/VwcText/VwcText.stories.jsx +18 -0
  92. package/stories/VwcTextarea/VwcTextarea.stories.jsx +24 -0
  93. package/stories/VwcTextfield/VwcTextfield.stories.jsx +47 -0
  94. package/stories/VwcThemeSwitch/VwcThemeSwitch.stories.jsx +18 -0
  95. package/stories/VwcTooltip/VwcTooltip.stories.jsx +41 -0
  96. package/stories/VwcTopAppBar/VwcTopAppBar.stories.jsx +18 -0
  97. package/stories/VwcTopAppBarFixed/VwcTopAppBarFixed.stories.jsx +18 -0
  98. package/stories/patches/patches.stories.jsx +94 -0
  99. package/tsconfig.json +70 -0
  100. package/VwcAccordion/index.d.ts +0 -14
  101. package/VwcAccordion/index.js +0 -59
  102. package/VwcAccordion/package.json +0 -11
  103. package/VwcActionGroup/index.d.ts +0 -18
  104. package/VwcActionGroup/index.js +0 -90
  105. package/VwcActionGroup/package.json +0 -11
  106. package/VwcBadge/index.d.ts +0 -29
  107. package/VwcBadge/index.js +0 -154
  108. package/VwcBadge/package.json +0 -11
  109. package/VwcBanner/index.d.ts +0 -26
  110. package/VwcBanner/index.js +0 -91
  111. package/VwcBanner/package.json +0 -11
  112. package/VwcButton/index.d.ts +0 -55
  113. package/VwcButton/index.js +0 -240
  114. package/VwcButton/package.json +0 -11
  115. package/VwcButtonToggleGroup/index.d.ts +0 -25
  116. package/VwcButtonToggleGroup/index.js +0 -91
  117. package/VwcButtonToggleGroup/package.json +0 -11
  118. package/VwcCalendar/index.d.ts +0 -20
  119. package/VwcCalendar/index.js +0 -70
  120. package/VwcCalendar/package.json +0 -11
  121. package/VwcCalendarEvent/index.d.ts +0 -25
  122. package/VwcCalendarEvent/index.js +0 -81
  123. package/VwcCalendarEvent/package.json +0 -11
  124. package/VwcCard/index.d.ts +0 -23
  125. package/VwcCard/index.js +0 -76
  126. package/VwcCard/package.json +0 -11
  127. package/VwcCarousel/index.d.ts +0 -14
  128. package/VwcCarousel/index.js +0 -45
  129. package/VwcCarousel/package.json +0 -11
  130. package/VwcCarouselItem/index.d.ts +0 -14
  131. package/VwcCarouselItem/index.js +0 -49
  132. package/VwcCarouselItem/package.json +0 -11
  133. package/VwcCheckListItem/index.d.ts +0 -41
  134. package/VwcCheckListItem/index.js +0 -153
  135. package/VwcCheckListItem/package.json +0 -11
  136. package/VwcCheckbox/index.d.ts +0 -34
  137. package/VwcCheckbox/index.js +0 -126
  138. package/VwcCheckbox/package.json +0 -11
  139. package/VwcChip/index.d.ts +0 -31
  140. package/VwcChip/index.js +0 -106
  141. package/VwcChip/package.json +0 -11
  142. package/VwcChipSet/index.d.ts +0 -16
  143. package/VwcChipSet/index.js +0 -60
  144. package/VwcChipSet/package.json +0 -11
  145. package/VwcCircularProgress/index.d.ts +0 -24
  146. package/VwcCircularProgress/index.js +0 -84
  147. package/VwcCircularProgress/package.json +0 -11
  148. package/VwcDataGrid/index.d.ts +0 -33
  149. package/VwcDataGrid/index.js +0 -122
  150. package/VwcDataGrid/package.json +0 -11
  151. package/VwcDataGridColumn/index.d.ts +0 -43
  152. package/VwcDataGridColumn/index.js +0 -144
  153. package/VwcDataGridColumn/package.json +0 -11
  154. package/VwcDatepicker/index.d.ts +0 -120
  155. package/VwcDatepicker/index.js +0 -422
  156. package/VwcDatepicker/package.json +0 -11
  157. package/VwcDialog/index.d.ts +0 -40
  158. package/VwcDialog/index.js +0 -135
  159. package/VwcDialog/package.json +0 -11
  160. package/VwcDrawer/index.d.ts +0 -20
  161. package/VwcDrawer/index.js +0 -80
  162. package/VwcDrawer/package.json +0 -11
  163. package/VwcDropdown/index.d.ts +0 -61
  164. package/VwcDropdown/index.js +0 -221
  165. package/VwcDropdown/package.json +0 -11
  166. package/VwcElevation/index.d.ts +0 -14
  167. package/VwcElevation/index.js +0 -45
  168. package/VwcElevation/package.json +0 -11
  169. package/VwcEmptyState/index.d.ts +0 -18
  170. package/VwcEmptyState/index.js +0 -59
  171. package/VwcEmptyState/package.json +0 -11
  172. package/VwcExpansionPanel/index.d.ts +0 -34
  173. package/VwcExpansionPanel/index.js +0 -199
  174. package/VwcExpansionPanel/package.json +0 -11
  175. package/VwcFab/index.d.ts +0 -32
  176. package/VwcFab/index.js +0 -124
  177. package/VwcFab/package.json +0 -11
  178. package/VwcFilePicker/index.d.ts +0 -24
  179. package/VwcFilePicker/index.js +0 -88
  180. package/VwcFilePicker/package.json +0 -11
  181. package/VwcFormfield/index.d.ts +0 -20
  182. package/VwcFormfield/index.js +0 -70
  183. package/VwcFormfield/package.json +0 -11
  184. package/VwcHelperMessage/index.d.ts +0 -14
  185. package/VwcHelperMessage/index.js +0 -49
  186. package/VwcHelperMessage/package.json +0 -11
  187. package/VwcIcon/index.d.ts +0 -22
  188. package/VwcIcon/index.js +0 -102
  189. package/VwcIcon/package.json +0 -11
  190. package/VwcIconButton/index.d.ts +0 -31
  191. package/VwcIconButton/index.js +0 -111
  192. package/VwcIconButton/package.json +0 -11
  193. package/VwcIconButtonToggle/index.d.ts +0 -37
  194. package/VwcIconButtonToggle/index.js +0 -136
  195. package/VwcIconButtonToggle/package.json +0 -11
  196. package/VwcKeypad/index.d.ts +0 -31
  197. package/VwcKeypad/index.js +0 -176
  198. package/VwcKeypad/package.json +0 -11
  199. package/VwcLayout/index.d.ts +0 -20
  200. package/VwcLayout/index.js +0 -105
  201. package/VwcLayout/package.json +0 -11
  202. package/VwcLinearProgress/index.d.ts +0 -26
  203. package/VwcLinearProgress/index.js +0 -98
  204. package/VwcLinearProgress/package.json +0 -11
  205. package/VwcList/index.d.ts +0 -35
  206. package/VwcList/index.js +0 -146
  207. package/VwcList/package.json +0 -11
  208. package/VwcListExpansionPanel/index.d.ts +0 -19
  209. package/VwcListExpansionPanel/index.js +0 -68
  210. package/VwcListExpansionPanel/package.json +0 -11
  211. package/VwcListItem/index.d.ts +0 -42
  212. package/VwcListItem/index.js +0 -171
  213. package/VwcListItem/package.json +0 -11
  214. package/VwcMenu/index.d.ts +0 -53
  215. package/VwcMenu/index.js +0 -210
  216. package/VwcMenu/package.json +0 -11
  217. package/VwcNotchedOutline/index.d.ts +0 -17
  218. package/VwcNotchedOutline/index.js +0 -58
  219. package/VwcNotchedOutline/package.json +0 -11
  220. package/VwcNote/index.d.ts +0 -18
  221. package/VwcNote/index.js +0 -59
  222. package/VwcNote/package.json +0 -11
  223. package/VwcPagination/index.d.ts +0 -16
  224. package/VwcPagination/index.js +0 -52
  225. package/VwcPagination/package.json +0 -11
  226. package/VwcPopup/index.d.ts +0 -30
  227. package/VwcPopup/index.js +0 -147
  228. package/VwcPopup/package.json +0 -11
  229. package/VwcRadio/index.d.ts +0 -52
  230. package/VwcRadio/index.js +0 -149
  231. package/VwcRadio/package.json +0 -11
  232. package/VwcRadioListItem/index.d.ts +0 -41
  233. package/VwcRadioListItem/index.js +0 -148
  234. package/VwcRadioListItem/package.json +0 -11
  235. package/VwcSchemeSelect/index.d.ts +0 -14
  236. package/VwcSchemeSelect/index.js +0 -46
  237. package/VwcSchemeSelect/package.json +0 -11
  238. package/VwcSelect/index.d.ts +0 -60
  239. package/VwcSelect/index.js +0 -253
  240. package/VwcSelect/package.json +0 -11
  241. package/VwcSideDrawer/index.d.ts +0 -22
  242. package/VwcSideDrawer/index.js +0 -73
  243. package/VwcSideDrawer/package.json +0 -11
  244. package/VwcSlider/index.d.ts +0 -34
  245. package/VwcSlider/index.js +0 -129
  246. package/VwcSlider/package.json +0 -11
  247. package/VwcSnackbar/index.d.ts +0 -42
  248. package/VwcSnackbar/index.js +0 -138
  249. package/VwcSnackbar/package.json +0 -11
  250. package/VwcSurface/index.d.ts +0 -42
  251. package/VwcSurface/index.js +0 -145
  252. package/VwcSurface/package.json +0 -11
  253. package/VwcSwitch/index.d.ts +0 -27
  254. package/VwcSwitch/index.js +0 -114
  255. package/VwcSwitch/package.json +0 -11
  256. package/VwcTab/index.d.ts +0 -40
  257. package/VwcTab/index.js +0 -151
  258. package/VwcTab/package.json +0 -11
  259. package/VwcTabBar/index.d.ts +0 -15
  260. package/VwcTabBar/index.js +0 -55
  261. package/VwcTabBar/package.json +0 -11
  262. package/VwcTag/index.d.ts +0 -34
  263. package/VwcTag/index.js +0 -115
  264. package/VwcTag/package.json +0 -11
  265. package/VwcText/index.d.ts +0 -18
  266. package/VwcText/index.js +0 -83
  267. package/VwcText/package.json +0 -11
  268. package/VwcTextarea/index.d.ts +0 -93
  269. package/VwcTextarea/index.js +0 -331
  270. package/VwcTextarea/package.json +0 -11
  271. package/VwcTextfield/index.d.ts +0 -89
  272. package/VwcTextfield/index.js +0 -329
  273. package/VwcTextfield/package.json +0 -11
  274. package/VwcThemeSwitch/index.d.ts +0 -14
  275. package/VwcThemeSwitch/index.js +0 -57
  276. package/VwcThemeSwitch/package.json +0 -11
  277. package/VwcTooltip/index.d.ts +0 -22
  278. package/VwcTooltip/index.js +0 -105
  279. package/VwcTooltip/package.json +0 -11
  280. package/VwcTopAppBar/index.d.ts +0 -22
  281. package/VwcTopAppBar/index.js +0 -77
  282. package/VwcTopAppBar/package.json +0 -11
  283. package/VwcTopAppBarFixed/index.d.ts +0 -22
  284. package/VwcTopAppBarFixed/index.js +0 -88
  285. package/VwcTopAppBarFixed/package.json +0 -11
  286. package/index.js +0 -281
@@ -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: <VwcPopup open />
8
- * @param {string} anchor attribute: <VwcPopup anchor />
9
- * @param {boolean | undefined} dismissible attribute: <VwcPopup dismissible />
10
- * @param {Placement} corner attribute: <VwcPopup corner />
11
- * @param {Strategy} strategy attribute: <VwcPopup strategy />
12
- * @param {boolean | undefined} arrow attribute: <VwcPopup arrow />
13
- * @param {boolean | undefined} alternate attribute: <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;
@@ -1,148 +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-list-item",
8
- "path": "./../node_modules/@vonage/vwc-list/src/vwc-radio-list-item.ts",
9
- "description": "This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)",
10
- "properties": [
11
- {
12
- "name": "styles",
13
- "type": "CSSResult[]"
14
- },
15
- {
16
- "name": "left",
17
- "type": "boolean",
18
- "bindable": false
19
- },
20
- {
21
- "name": "ripple",
22
- "type": "Promise<Ripple | null>"
23
- },
24
- {
25
- "name": "value",
26
- "type": "string",
27
- "bindable": false
28
- },
29
- {
30
- "name": "group",
31
- "type": "string | null",
32
- "bindable": false
33
- },
34
- {
35
- "name": "tabindex",
36
- "type": "number",
37
- "bindable": false
38
- },
39
- {
40
- "name": "disabled",
41
- "type": "boolean",
42
- "bindable": false
43
- },
44
- {
45
- "name": "twoline",
46
- "type": "boolean",
47
- "bindable": false
48
- },
49
- {
50
- "name": "activated",
51
- "type": "boolean",
52
- "bindable": false
53
- },
54
- {
55
- "name": "graphic",
56
- "type": "GraphicType",
57
- "bindable": false
58
- },
59
- {
60
- "name": "multipleGraphics",
61
- "type": "boolean",
62
- "bindable": false
63
- },
64
- {
65
- "name": "hasMeta",
66
- "type": "boolean",
67
- "bindable": false
68
- },
69
- {
70
- "name": "noninteractive",
71
- "type": "boolean",
72
- "bindable": false
73
- },
74
- {
75
- "name": "selected",
76
- "type": "boolean",
77
- "bindable": false
78
- },
79
- {
80
- "name": "text",
81
- "type": "string",
82
- "bindable": false
83
- }
84
- ],
85
- "events": [
86
- {
87
- "name": "request-selected"
88
- },
89
- {
90
- "name": "list-item-rendered"
91
- }
92
- ]
93
- }
94
- */
95
- import PropTypes from 'prop-types'
96
- import wrapper from '@vonage/vivid-react-wrapper'
97
- import '@vonage/vwc-list'
98
- import '@vonage/vwc-list/vwc-radio-list-item'
99
-
100
-
101
- /** This component is an extension of [<mwc-radio-list-item>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
102
- * @param {boolean} left
103
- * @param {string} value
104
- * @param {string | null} group
105
- * @param {number} tabindex
106
- * @param {boolean} disabled
107
- * @param {boolean} twoline
108
- * @param {boolean} activated
109
- * @param {GraphicType} graphic
110
- * @param {boolean} multipleGraphics
111
- * @param {boolean} hasMeta
112
- * @param {boolean} noninteractive
113
- * @param {boolean} selected
114
- * @param {string} text
115
- */
116
- const VwcRadioListItem = wrapper('vwc-radio-list-item', {
117
- events: [{"name":"list-item-rendered"},{"name":"request-selected"}],
118
- attributes: [],
119
- properties: []
120
- });
121
-
122
- VwcRadioListItem.propTypes = {
123
- onRequestSelected: PropTypes.func,
124
- onListItemRendered: PropTypes.func,
125
- left: PropTypes.bool,
126
- value: PropTypes.string,
127
- group: PropTypes.string,
128
- tabindex: PropTypes.number,
129
- disabled: PropTypes.bool,
130
- twoline: PropTypes.bool,
131
- activated: PropTypes.bool,
132
- graphic: PropTypes.any /* GraphicType */,
133
- multipleGraphics: PropTypes.bool,
134
- hasMeta: PropTypes.bool,
135
- noninteractive: PropTypes.bool,
136
- selected: PropTypes.bool,
137
- text: PropTypes.string
138
- }
139
-
140
- VwcRadioListItem.defaultProps = {
141
-
142
- }
143
-
144
- VwcRadioListItem.displayName = 'VwcRadioListItem'
145
-
146
-
147
-
148
- export default VwcRadioListItem
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-radio-list-item",
3
- "version": "2.10.47",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-list": "2.37.0"
10
- }
11
- }
@@ -1,14 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-scheme-select';
3
- /**
4
- * @param {SchemeOption[]} schemes
5
- */
6
- declare const VwcSchemeSelect: (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
- schemes?: any[] | undefined;
13
- }) => JSX.Element;
14
- export default VwcSchemeSelect;