@vonage/vivid-react 2.10.92 → 2.10.98
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.
- package/README.md +0 -3
- package/VwcAccordion/package.json +1 -1
- package/VwcActionGroup/package.json +1 -1
- package/VwcBadge/package.json +1 -1
- package/VwcBanner/package.json +1 -1
- package/VwcButton/package.json +1 -1
- package/VwcButtonToggleGroup/package.json +1 -1
- package/VwcCalendar/package.json +1 -1
- package/VwcCalendarEvent/package.json +1 -1
- package/VwcCard/package.json +1 -1
- package/VwcCarousel/package.json +1 -1
- package/VwcCarouselItem/package.json +1 -1
- package/VwcCheckListItem/package.json +1 -1
- package/VwcCheckbox/package.json +1 -1
- package/VwcChip/package.json +1 -1
- package/VwcChipSet/package.json +1 -1
- package/VwcCircularProgress/package.json +1 -1
- package/VwcDataGrid/package.json +1 -1
- package/VwcDataGridColumn/package.json +1 -1
- package/VwcDatepicker/package.json +1 -1
- package/VwcDropdown/package.json +1 -1
- package/VwcElevation/package.json +1 -1
- package/VwcEmptyState/package.json +1 -1
- package/VwcExpansionPanel/package.json +1 -1
- package/VwcFab/package.json +1 -1
- package/VwcFilePicker/package.json +1 -1
- package/VwcFormfield/package.json +1 -1
- package/VwcHelperMessage/package.json +1 -1
- package/VwcIcon/package.json +1 -1
- package/VwcIconButton/package.json +1 -1
- package/VwcIconButtonToggle/package.json +1 -1
- package/VwcKeypad/package.json +1 -1
- package/VwcLayout/package.json +1 -1
- package/VwcLinearProgress/package.json +1 -1
- package/VwcList/package.json +1 -1
- package/VwcListExpansionPanel/package.json +1 -1
- package/VwcListItem/package.json +1 -1
- package/VwcMenu/package.json +1 -1
- package/VwcNotchedOutline/package.json +1 -1
- package/VwcNote/package.json +1 -1
- package/VwcPagination/package.json +1 -1
- package/VwcPopup/package.json +1 -1
- package/VwcRadio/package.json +1 -1
- package/VwcRadioListItem/package.json +1 -1
- package/VwcSchemeSelect/package.json +1 -1
- package/VwcScrubBar/package.json +1 -1
- package/VwcSelect/package.json +1 -1
- package/VwcSlider/package.json +1 -1
- package/VwcSnackbar/package.json +1 -1
- package/VwcSurface/package.json +1 -1
- package/VwcSwitch/package.json +1 -1
- package/VwcTab/package.json +1 -1
- package/VwcTabBar/package.json +1 -1
- package/VwcTag/package.json +1 -1
- package/VwcText/package.json +1 -1
- package/VwcTextarea/package.json +1 -1
- package/VwcTextfield/package.json +1 -1
- package/VwcThemeSwitch/package.json +1 -1
- package/VwcTooltip/package.json +1 -1
- package/VwcTopAppBar/package.json +1 -1
- package/VwcTopAppBarFixed/package.json +1 -1
- package/index.js +24 -0
- package/package.json +1 -4
- package/v3/VwcButton/index.d.ts +2 -0
- package/v3/VwcButton/index.js +1 -1
- package/VwcDialog/index.d.ts +0 -40
- package/VwcDialog/index.js +0 -135
- package/VwcDialog/package.json +0 -11
- package/VwcDrawer/index.d.ts +0 -20
- package/VwcDrawer/index.js +0 -80
- package/VwcDrawer/package.json +0 -11
- package/VwcSideDrawer/index.d.ts +0 -22
- package/VwcSideDrawer/index.js +0 -73
- package/VwcSideDrawer/package.json +0 -11
package/README.md
CHANGED
|
@@ -46,8 +46,6 @@ Adding the `resolutions` field when using `yarn` might help get the correct vers
|
|
|
46
46
|
| VwcCircularProgress | @vonage/vwc-circular-progress | 2.45.0 |
|
|
47
47
|
| VwcDataGrid | @vonage/vwc-data-grid | 2.45.0 |
|
|
48
48
|
| VwcDatepicker | @vonage/vwc-datepicker | 2.45.0 |
|
|
49
|
-
| VwcDialog | @vonage/vwc-dialog | 2.45.0 |
|
|
50
|
-
| VwcDrawer | @vonage/vwc-drawer | 2.45.0 |
|
|
51
49
|
| VwcDropdown | @vonage/vwc-dropdown | 2.45.0 |
|
|
52
50
|
| VwcElevation | @vonage/vwc-elevation | 2.45.0 |
|
|
53
51
|
| VwcEmptyState | @vonage/vwc-empty-state | 2.45.0 |
|
|
@@ -72,7 +70,6 @@ Adding the `resolutions` field when using `yarn` might help get the correct vers
|
|
|
72
70
|
| VwcRadio | @vonage/vwc-radio | 2.45.0 |
|
|
73
71
|
| VwcSchemeSelect | @vonage/vwc-scheme-select | 2.45.0 |
|
|
74
72
|
| VwcSelect | @vonage/vwc-select | 2.45.0 |
|
|
75
|
-
| VwcSideDrawer | @vonage/vwc-side-drawer | 2.45.0 |
|
|
76
73
|
| VwcSlider | @vonage/vwc-slider | 2.45.0 |
|
|
77
74
|
| VwcSnackbar | @vonage/vwc-snackbar | 2.45.0 |
|
|
78
75
|
| VwcSurface | @vonage/vwc-surface | 2.45.0 |
|
package/VwcBadge/package.json
CHANGED
package/VwcBanner/package.json
CHANGED
package/VwcButton/package.json
CHANGED
package/VwcCalendar/package.json
CHANGED
package/VwcCard/package.json
CHANGED
package/VwcCarousel/package.json
CHANGED
package/VwcCheckbox/package.json
CHANGED
package/VwcChip/package.json
CHANGED
package/VwcChipSet/package.json
CHANGED
package/VwcDataGrid/package.json
CHANGED
package/VwcDropdown/package.json
CHANGED
package/VwcFab/package.json
CHANGED
package/VwcIcon/package.json
CHANGED
package/VwcKeypad/package.json
CHANGED
package/VwcLayout/package.json
CHANGED
package/VwcList/package.json
CHANGED
package/VwcListItem/package.json
CHANGED
package/VwcMenu/package.json
CHANGED
package/VwcNote/package.json
CHANGED
package/VwcPopup/package.json
CHANGED
package/VwcRadio/package.json
CHANGED
package/VwcScrubBar/package.json
CHANGED
package/VwcSelect/package.json
CHANGED
package/VwcSlider/package.json
CHANGED
package/VwcSnackbar/package.json
CHANGED
package/VwcSurface/package.json
CHANGED
package/VwcSwitch/package.json
CHANGED
package/VwcTab/package.json
CHANGED
package/VwcTabBar/package.json
CHANGED
package/VwcTag/package.json
CHANGED
package/VwcText/package.json
CHANGED
package/VwcTextarea/package.json
CHANGED
package/VwcTooltip/package.json
CHANGED
package/index.js
CHANGED
|
@@ -265,6 +265,29 @@ var vwcSetAttributeValue = function vwcSetAttributeValue(attribute, value) {
|
|
|
265
265
|
};
|
|
266
266
|
};
|
|
267
267
|
|
|
268
|
+
/**
|
|
269
|
+
* Patches provided vivid-3 VwcBadge instance to show text in the center
|
|
270
|
+
*
|
|
271
|
+
* @param {HTMLElement} badgeElement - target element to apply behavior to
|
|
272
|
+
* @example <VwcBadge ref={vwcBadgeShowTextCenterDecorator()} />
|
|
273
|
+
*/
|
|
274
|
+
var vwcBadgeShowTextCenterDecorator = function vwcBadgeShowTextCenterDecorator() {
|
|
275
|
+
return function (badgeElement) {
|
|
276
|
+
return setTimeout(function () {
|
|
277
|
+
if (!badgeElement) {
|
|
278
|
+
return;
|
|
279
|
+
}
|
|
280
|
+
if (badgeElement.shadowRoot) {
|
|
281
|
+
var span = badgeElement.shadowRoot.querySelector('span.base');
|
|
282
|
+
if (span) {
|
|
283
|
+
span.style.display = 'flex';
|
|
284
|
+
span.style.justifyContent = 'center';
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}, 0);
|
|
288
|
+
};
|
|
289
|
+
};
|
|
290
|
+
|
|
268
291
|
function createCommonjsModule(fn) {
|
|
269
292
|
var module = { exports: {} };
|
|
270
293
|
return fn(module, module.exports), module.exports;
|
|
@@ -314,6 +337,7 @@ var cellRendererFactory = function cellRendererFactory(children, container) {
|
|
|
314
337
|
|
|
315
338
|
exports.cellRendererFactory = cellRendererFactory;
|
|
316
339
|
exports.initVivid = initVivid;
|
|
340
|
+
exports.vwcBadgeShowTextCenterDecorator = vwcBadgeShowTextCenterDecorator;
|
|
317
341
|
exports.vwcCardHeadingCropDecorator = vwcCardHeadingCropDecorator;
|
|
318
342
|
exports.vwcCardWithMenu = vwcCardWithMenu;
|
|
319
343
|
exports.vwcDataGridElementCellOverflowDecorator = vwcDataGridElementCellOverflowDecorator;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonage/vivid-react",
|
|
3
|
-
"version": "2.10.
|
|
3
|
+
"version": "2.10.98",
|
|
4
4
|
"description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "types/index.d.ts",
|
|
@@ -45,8 +45,6 @@
|
|
|
45
45
|
"@vonage/vwc-circular-progress": "2.45.0",
|
|
46
46
|
"@vonage/vwc-data-grid": "2.45.0",
|
|
47
47
|
"@vonage/vwc-datepicker": "2.45.0",
|
|
48
|
-
"@vonage/vwc-dialog": "2.45.0",
|
|
49
|
-
"@vonage/vwc-drawer": "2.45.0",
|
|
50
48
|
"@vonage/vwc-dropdown": "2.45.0",
|
|
51
49
|
"@vonage/vwc-elevation": "2.45.0",
|
|
52
50
|
"@vonage/vwc-empty-state": "2.45.0",
|
|
@@ -71,7 +69,6 @@
|
|
|
71
69
|
"@vonage/vwc-radio": "2.45.0",
|
|
72
70
|
"@vonage/vwc-scheme-select": "2.45.0",
|
|
73
71
|
"@vonage/vwc-select": "2.45.0",
|
|
74
|
-
"@vonage/vwc-side-drawer": "2.45.0",
|
|
75
72
|
"@vonage/vwc-slider": "2.45.0",
|
|
76
73
|
"@vonage/vwc-snackbar": "2.45.0",
|
|
77
74
|
"@vonage/vwc-surface": "2.45.0",
|
package/v3/VwcButton/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
|
|
|
19
19
|
* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - Indicates the target's rel. **attribute** `target`
|
|
20
20
|
* @param {string | undefined} icon
|
|
21
21
|
* @param {boolean | undefined} disabled
|
|
22
|
+
* @param {string | undefined} type
|
|
22
23
|
* @param {boolean | undefined} icon-trailing
|
|
23
24
|
*/
|
|
24
25
|
declare const VwcButton: {
|
|
@@ -47,6 +48,7 @@ declare const VwcButton: {
|
|
|
47
48
|
target?: any;
|
|
48
49
|
icon?: string | undefined;
|
|
49
50
|
disabled?: any;
|
|
51
|
+
type?: string | undefined;
|
|
50
52
|
}, icon: any): any;
|
|
51
53
|
displayName: string;
|
|
52
54
|
};
|
package/v3/VwcButton/index.js
CHANGED
|
@@ -441,7 +441,7 @@ registerButton('vvd3')
|
|
|
441
441
|
const VwcButton = wrapper(`vvd3-button`, {
|
|
442
442
|
events: [{"name":"click","propName":"onClick"}],
|
|
443
443
|
attributes: [],
|
|
444
|
-
properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon', 'disabled', 'icon-trailing']
|
|
444
|
+
properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon', 'disabled', 'type', 'icon-trailing']
|
|
445
445
|
})
|
|
446
446
|
|
|
447
447
|
VwcButton.displayName = 'VwcButton'
|
package/VwcDialog/index.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import '@vonage/vwc-dialog';
|
|
3
|
-
/**
|
|
4
|
-
* @param {boolean | undefined} closeButton
|
|
5
|
-
* @param {Position | undefined} topPosition
|
|
6
|
-
* @param {boolean} hideActions
|
|
7
|
-
* @param {boolean} stacked
|
|
8
|
-
* @param {string} heading
|
|
9
|
-
* @param {string} scrimClickAction
|
|
10
|
-
* @param {string} escapeKeyAction
|
|
11
|
-
* @param {boolean} open
|
|
12
|
-
* @param {string} defaultAction
|
|
13
|
-
* @param {string} actionAttribute
|
|
14
|
-
* @param {string} initialFocusAttribute
|
|
15
|
-
* @param {string} suppressDefaultPressSelector
|
|
16
|
-
*/
|
|
17
|
-
declare const VwcDialog: (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
|
-
onOpening?: ((event: SyntheticEvent) => void) | undefined;
|
|
24
|
-
onOpened?: ((event: SyntheticEvent) => void) | undefined;
|
|
25
|
-
onClosing?: ((event: SyntheticEvent) => void) | undefined;
|
|
26
|
-
onClosed?: ((event: SyntheticEvent) => void) | undefined;
|
|
27
|
-
closeButton?: any;
|
|
28
|
-
topPosition?: any;
|
|
29
|
-
hideActions?: boolean | undefined;
|
|
30
|
-
stacked?: boolean | undefined;
|
|
31
|
-
heading?: string | undefined;
|
|
32
|
-
scrimClickAction?: string | undefined;
|
|
33
|
-
escapeKeyAction?: string | undefined;
|
|
34
|
-
open?: boolean | undefined;
|
|
35
|
-
defaultAction?: string | undefined;
|
|
36
|
-
actionAttribute?: string | undefined;
|
|
37
|
-
initialFocusAttribute?: string | undefined;
|
|
38
|
-
suppressDefaultPressSelector?: string | undefined;
|
|
39
|
-
}) => JSX.Element;
|
|
40
|
-
export default VwcDialog;
|
package/VwcDialog/index.js
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* DO NOT EDIT THIS FILE. IT IS GENERATED
|
|
3
|
-
*/
|
|
4
|
-
/*
|
|
5
|
-
Code in this file were generated using following JSON:
|
|
6
|
-
{
|
|
7
|
-
"name": "vwc-dialog",
|
|
8
|
-
"path": "./../node_modules/@vonage/vwc-dialog/vwc-dialog.d.ts",
|
|
9
|
-
"properties": [
|
|
10
|
-
{
|
|
11
|
-
"name": "closeButton",
|
|
12
|
-
"type": "boolean | undefined",
|
|
13
|
-
"bindable": true
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
"name": "topPosition",
|
|
17
|
-
"type": "Position | undefined",
|
|
18
|
-
"bindable": false
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"name": "styles",
|
|
22
|
-
"type": "CSSResult[]"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"name": "hideActions",
|
|
26
|
-
"type": "boolean",
|
|
27
|
-
"bindable": false
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "stacked",
|
|
31
|
-
"type": "boolean",
|
|
32
|
-
"bindable": false
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"name": "heading",
|
|
36
|
-
"type": "string",
|
|
37
|
-
"bindable": false
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "scrimClickAction",
|
|
41
|
-
"type": "string",
|
|
42
|
-
"bindable": false
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"name": "escapeKeyAction",
|
|
46
|
-
"type": "string",
|
|
47
|
-
"bindable": false
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "open",
|
|
51
|
-
"type": "boolean",
|
|
52
|
-
"bindable": false
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"name": "defaultAction",
|
|
56
|
-
"type": "string",
|
|
57
|
-
"bindable": false
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"name": "actionAttribute",
|
|
61
|
-
"type": "string",
|
|
62
|
-
"bindable": false
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
"name": "initialFocusAttribute",
|
|
66
|
-
"type": "string",
|
|
67
|
-
"bindable": false
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"name": "suppressDefaultPressSelector",
|
|
71
|
-
"type": "string",
|
|
72
|
-
"bindable": false
|
|
73
|
-
}
|
|
74
|
-
],
|
|
75
|
-
"events": [
|
|
76
|
-
"opening",
|
|
77
|
-
"opened",
|
|
78
|
-
"closing",
|
|
79
|
-
"closed"
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
*/
|
|
83
|
-
import PropTypes from 'prop-types'
|
|
84
|
-
import wrapper from '@vonage/vivid-react-wrapper'
|
|
85
|
-
import '@vonage/vwc-dialog'
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* @param {boolean | undefined} closeButton
|
|
90
|
-
* @param {Position | undefined} topPosition
|
|
91
|
-
* @param {boolean} hideActions
|
|
92
|
-
* @param {boolean} stacked
|
|
93
|
-
* @param {string} heading
|
|
94
|
-
* @param {string} scrimClickAction
|
|
95
|
-
* @param {string} escapeKeyAction
|
|
96
|
-
* @param {boolean} open
|
|
97
|
-
* @param {string} defaultAction
|
|
98
|
-
* @param {string} actionAttribute
|
|
99
|
-
* @param {string} initialFocusAttribute
|
|
100
|
-
* @param {string} suppressDefaultPressSelector
|
|
101
|
-
*/
|
|
102
|
-
const VwcDialog = wrapper('vwc-dialog', {
|
|
103
|
-
events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
|
|
104
|
-
attributes: [],
|
|
105
|
-
properties: ["closeButton"]
|
|
106
|
-
});
|
|
107
|
-
|
|
108
|
-
VwcDialog.propTypes = {
|
|
109
|
-
onOpening: PropTypes.func,
|
|
110
|
-
onOpened: PropTypes.func,
|
|
111
|
-
onClosing: PropTypes.func,
|
|
112
|
-
onClosed: PropTypes.func,
|
|
113
|
-
closeButton: PropTypes.any /* boolean | undefined */,
|
|
114
|
-
topPosition: PropTypes.any /* Position | undefined */,
|
|
115
|
-
hideActions: PropTypes.bool,
|
|
116
|
-
stacked: PropTypes.bool,
|
|
117
|
-
heading: PropTypes.string,
|
|
118
|
-
scrimClickAction: PropTypes.string,
|
|
119
|
-
escapeKeyAction: PropTypes.string,
|
|
120
|
-
open: PropTypes.bool,
|
|
121
|
-
defaultAction: PropTypes.string,
|
|
122
|
-
actionAttribute: PropTypes.string,
|
|
123
|
-
initialFocusAttribute: PropTypes.string,
|
|
124
|
-
suppressDefaultPressSelector: PropTypes.string
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
VwcDialog.defaultProps = {
|
|
128
|
-
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
VwcDialog.displayName = 'VwcDialog'
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
export default VwcDialog
|
package/VwcDialog/package.json
DELETED
package/VwcDrawer/index.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import '@vonage/vwc-drawer';
|
|
3
|
-
/** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
|
|
4
|
-
* @param {boolean} drawerAlternate attribute: <VwcDrawer drawer-alternate />
|
|
5
|
-
* @param {boolean} open
|
|
6
|
-
* @param {boolean} hasHeader
|
|
7
|
-
* @param {string} type
|
|
8
|
-
*/
|
|
9
|
-
declare const VwcDrawer: (props: {
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
slot?: string | undefined;
|
|
12
|
-
id?: string | undefined;
|
|
13
|
-
style?: React.CSSProperties | undefined;
|
|
14
|
-
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
|
|
15
|
-
drawerAlternate?: boolean | undefined;
|
|
16
|
-
open?: boolean | undefined;
|
|
17
|
-
hasHeader?: boolean | undefined;
|
|
18
|
-
type?: string | undefined;
|
|
19
|
-
}) => JSX.Element;
|
|
20
|
-
export default VwcDrawer;
|
package/VwcDrawer/index.js
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* DO NOT EDIT THIS FILE. IT IS GENERATED
|
|
3
|
-
*/
|
|
4
|
-
/*
|
|
5
|
-
Code in this file were generated using following JSON:
|
|
6
|
-
{
|
|
7
|
-
"name": "vwc-drawer",
|
|
8
|
-
"path": "./../node_modules/@vonage/vwc-drawer/src/vwc-drawer.ts",
|
|
9
|
-
"description": "This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)",
|
|
10
|
-
"attributes": [
|
|
11
|
-
{
|
|
12
|
-
"name": "drawer-alternate",
|
|
13
|
-
"type": "boolean",
|
|
14
|
-
"default": "false"
|
|
15
|
-
}
|
|
16
|
-
],
|
|
17
|
-
"properties": [
|
|
18
|
-
{
|
|
19
|
-
"name": "drawerAlternate",
|
|
20
|
-
"attribute": "drawer-alternate",
|
|
21
|
-
"type": "boolean",
|
|
22
|
-
"default": "false",
|
|
23
|
-
"bindable": false
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
"name": "styles",
|
|
27
|
-
"type": "CSSResult[]"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "open",
|
|
31
|
-
"type": "boolean",
|
|
32
|
-
"bindable": false
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"name": "hasHeader",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"bindable": false
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "type",
|
|
41
|
-
"type": "string",
|
|
42
|
-
"bindable": false
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
|
-
"events": []
|
|
46
|
-
}
|
|
47
|
-
*/
|
|
48
|
-
import PropTypes from 'prop-types'
|
|
49
|
-
import wrapper from '@vonage/vivid-react-wrapper'
|
|
50
|
-
import '@vonage/vwc-drawer'
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
/** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
|
|
54
|
-
* @param {boolean} drawerAlternate attribute: <VwcDrawer drawer-alternate />
|
|
55
|
-
* @param {boolean} open
|
|
56
|
-
* @param {boolean} hasHeader
|
|
57
|
-
* @param {string} type
|
|
58
|
-
*/
|
|
59
|
-
const VwcDrawer = wrapper('vwc-drawer', {
|
|
60
|
-
events: [],
|
|
61
|
-
attributes: [],
|
|
62
|
-
properties: []
|
|
63
|
-
});
|
|
64
|
-
|
|
65
|
-
VwcDrawer.propTypes = {
|
|
66
|
-
drawerAlternate: PropTypes.bool/* default: false *//* attribute: drawer-alternate */,
|
|
67
|
-
open: PropTypes.bool,
|
|
68
|
-
hasHeader: PropTypes.bool,
|
|
69
|
-
type: PropTypes.string
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
VwcDrawer.defaultProps = {
|
|
73
|
-
drawerAlternate: false
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
VwcDrawer.displayName = 'VwcDrawer'
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
export default VwcDrawer
|
package/VwcDrawer/package.json
DELETED
package/VwcSideDrawer/index.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import '@vonage/vwc-side-drawer';
|
|
3
|
-
/**
|
|
4
|
-
* @param {boolean} alternate
|
|
5
|
-
* @param {boolean | undefined} hasTopBar
|
|
6
|
-
* @param {boolean} modal
|
|
7
|
-
* @param {boolean} open
|
|
8
|
-
* @param {"start" | "end" | undefined} position
|
|
9
|
-
*/
|
|
10
|
-
declare const VwcSideDrawer: (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
|
-
alternate?: boolean | undefined;
|
|
17
|
-
hasTopBar?: any;
|
|
18
|
-
modal?: boolean | undefined;
|
|
19
|
-
open?: boolean | undefined;
|
|
20
|
-
position?: "start" | "end" | undefined;
|
|
21
|
-
}) => JSX.Element;
|
|
22
|
-
export default VwcSideDrawer;
|
package/VwcSideDrawer/index.js
DELETED
|
@@ -1,73 +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-side-drawer",
|
|
8
|
-
"path": "./../node_modules/@vonage/vwc-side-drawer/vwc-side-drawer.d.ts",
|
|
9
|
-
"properties": [
|
|
10
|
-
{
|
|
11
|
-
"name": "alternate",
|
|
12
|
-
"type": "boolean",
|
|
13
|
-
"bindable": false
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
"name": "hasTopBar",
|
|
17
|
-
"type": "boolean | undefined",
|
|
18
|
-
"bindable": false
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"name": "modal",
|
|
22
|
-
"type": "boolean",
|
|
23
|
-
"bindable": false
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
"name": "open",
|
|
27
|
-
"type": "boolean",
|
|
28
|
-
"bindable": false
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"name": "position",
|
|
32
|
-
"type": "\"start\" | \"end\" | undefined",
|
|
33
|
-
"bindable": false
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
"events": []
|
|
37
|
-
}
|
|
38
|
-
*/
|
|
39
|
-
import PropTypes from 'prop-types'
|
|
40
|
-
import wrapper from '@vonage/vivid-react-wrapper'
|
|
41
|
-
import '@vonage/vwc-side-drawer'
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* @param {boolean} alternate
|
|
46
|
-
* @param {boolean | undefined} hasTopBar
|
|
47
|
-
* @param {boolean} modal
|
|
48
|
-
* @param {boolean} open
|
|
49
|
-
* @param {"start" | "end" | undefined} position
|
|
50
|
-
*/
|
|
51
|
-
const VwcSideDrawer = wrapper('vwc-side-drawer', {
|
|
52
|
-
events: [],
|
|
53
|
-
attributes: [],
|
|
54
|
-
properties: []
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
VwcSideDrawer.propTypes = {
|
|
58
|
-
alternate: PropTypes.bool,
|
|
59
|
-
hasTopBar: PropTypes.any /* boolean | undefined */,
|
|
60
|
-
modal: PropTypes.bool,
|
|
61
|
-
open: PropTypes.bool,
|
|
62
|
-
position: PropTypes.any /* "start" | "end" | undefined */
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
VwcSideDrawer.defaultProps = {
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
VwcSideDrawer.displayName = 'VwcSideDrawer'
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
export default VwcSideDrawer
|