@ntbjs/react-components 1.3.0-rc.7 → 1.3.0-rc.9
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/{ActionButton-46735b89.js → ActionButton-15b418c5.js} +8 -7
- package/{Alert-13b75102.js → Alert-e9f818d6.js} +14 -13
- package/{AssetGallery-de5aaeb9.js → AssetGallery-66cb0dab.js} +126 -124
- package/{AssetPreviewTopBar-912c3469.js → AssetPreviewTopBar-21b7e172.js} +9 -8
- package/AsyncSelect-368b5068.js +28 -0
- package/{Badge-757b0a39.js → Badge-72b369a6.js} +20 -19
- package/{Button-49f82b31.js → Button-34ce13c6.js} +16 -15
- package/{Checkbox-68dc38a8.js → Checkbox-d77eed5d.js} +17 -16
- package/{CompactAutocompleteSelect-26a9cd1a.js → CompactAutocompleteSelect-72d523e3.js} +33 -32
- package/{CompactStarRating-4ad1ccd5.js → CompactStarRating-bf45f620.js} +29 -28
- package/{CompactTextInput-c8bee455.js → CompactTextInput-0b1979f1.js} +34 -33
- package/{ContextMenu-4ec3d9f3.js → ContextMenu-f69599d5.js} +3 -2
- package/{ContextMenuItem-ba2b697e.js → ContextMenuItem-9c5c4c9f.js} +8 -7
- package/{InputGroup-49fbc423.js → InputGroup-e30507cb.js} +3 -2
- package/{Instructions-6009d3e3.js → Instructions-42d2bc58.js} +34 -33
- package/{MultiLevelCheckboxSelect-be76fb10.js → MultiLevelCheckboxSelect-acaac96b.js} +53 -52
- package/{MultiSelect-efd60232.js → MultiSelect-ecb48e03.js} +21 -20
- package/{Popover-569cd272.js → Popover-a76d0fe5.js} +15 -14
- package/{Radio-32d0513a.js → Radio-7d5f630d.js} +13 -12
- package/{SectionSeparator-259a22ed.js → SectionSeparator-2a1c720b.js} +3 -2
- package/{Switch-4a41585f.js → Switch-006abdbd.js} +15 -14
- package/{Tab-f499ecbc.js → Tab-87287c6e.js} +4 -3
- package/{Tabs-bfe19f77.js → Tabs-8e4de5a5.js} +8 -15
- package/{TextArea-41089240.js → TextArea-76231a3b.js} +40 -39
- package/{TextInput-0d109708.js → TextInput-a440374c.js} +24 -23
- package/{Tooltip-66daf6e3.js → Tooltip-298f0547.js} +10 -9
- package/{VerificationStatusIcon-d5bfb67a.js → VerificationStatusIcon-d596165f.js} +5 -4
- package/data/Alert/index.js +3 -2
- package/data/Badge/index.js +3 -2
- package/data/Popover/index.js +4 -3
- package/data/Tab/index.js +3 -2
- package/data/Tabs/index.js +4 -3
- package/data/Tooltip/index.js +4 -3
- package/data/index.js +10 -9
- package/defaultTheme-fcd45bd0.js +339 -0
- package/{defaultTheme-ea44e34a.js → index-39bc450c.js} +0 -337
- package/inputs/ActionButton/index.js +3 -2
- package/inputs/AsyncSelect/index.js +11 -0
- package/inputs/Button/index.js +6 -5
- package/inputs/Checkbox/index.js +3 -2
- package/inputs/CompactAutocompleteSelect/index.js +11 -10
- package/inputs/CompactStarRating/index.js +11 -10
- package/inputs/CompactTextInput/index.js +11 -10
- package/inputs/MultiSelect/index.js +3 -2
- package/inputs/Radio/index.js +3 -2
- package/inputs/Switch/index.js +3 -2
- package/inputs/TextArea/index.js +11 -10
- package/inputs/TextInput/index.js +3 -2
- package/inputs/index.js +27 -24
- package/layout/InputGroup/index.js +3 -2
- package/layout/SectionSeparator/index.js +3 -2
- package/layout/index.js +4 -3
- package/package.json +1 -1
- package/{shift-away-subtle-0bed9a3c.js → shift-away-subtle-45129125.js} +1 -1
- package/widgets/AssetGallery/index.js +28 -26
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +3 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +3 -2
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +3 -2
- package/widgets/ContextMenu/index.js +3 -2
- package/widgets/Instructions/index.js +13 -12
- package/widgets/index.js +30 -28
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var index = require('./index-39bc450c.js');
|
|
5
6
|
var styled = require('styled-components');
|
|
6
7
|
var polished = require('polished');
|
|
7
8
|
|
|
@@ -46,12 +47,12 @@ var ActionButton = React__default['default'].forwardRef(function ActionButton(_r
|
|
|
46
47
|
}, props), icon);
|
|
47
48
|
});
|
|
48
49
|
ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
49
|
-
icon:
|
|
50
|
-
disabled:
|
|
51
|
-
active:
|
|
52
|
-
onClick:
|
|
53
|
-
backgroundColors:
|
|
54
|
-
buttonWidthHeight:
|
|
50
|
+
icon: index.PropTypes.element.isRequired,
|
|
51
|
+
disabled: index.PropTypes.bool,
|
|
52
|
+
active: index.PropTypes.bool,
|
|
53
|
+
onClick: index.PropTypes.func,
|
|
54
|
+
backgroundColors: index.PropTypes.arrayOf(index.PropTypes.string),
|
|
55
|
+
buttonWidthHeight: index.PropTypes.array
|
|
55
56
|
} : {};
|
|
56
57
|
ActionButton.defaultProps = {
|
|
57
58
|
onClick: function onClick() {},
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var index = require('./index-39bc450c.js');
|
|
5
6
|
var styled = require('styled-components');
|
|
6
7
|
var lodash = require('lodash');
|
|
7
8
|
|
|
@@ -91,18 +92,18 @@ var Alert = React__default['default'].forwardRef(function Alert(_ref, forwardedR
|
|
|
91
92
|
}, icon, " ", React__default['default'].createElement("span", null, alertMessage)));
|
|
92
93
|
});
|
|
93
94
|
Alert.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
94
|
-
warning:
|
|
95
|
-
error:
|
|
96
|
-
type:
|
|
97
|
-
icon:
|
|
98
|
-
align:
|
|
99
|
-
alertMessage:
|
|
100
|
-
fontSize:
|
|
101
|
-
lineHeight:
|
|
102
|
-
lineClamp:
|
|
103
|
-
verticalPadding:
|
|
104
|
-
horizontalPadding:
|
|
105
|
-
width:
|
|
95
|
+
warning: index.PropTypes.bool,
|
|
96
|
+
error: index.PropTypes.bool,
|
|
97
|
+
type: index.PropTypes.oneOf(['warning', 'error', 'info']),
|
|
98
|
+
icon: index.PropTypes.element,
|
|
99
|
+
align: index.PropTypes.oneOf(['left', 'center']),
|
|
100
|
+
alertMessage: index.PropTypes.string,
|
|
101
|
+
fontSize: index.PropTypes.number,
|
|
102
|
+
lineHeight: index.PropTypes.number,
|
|
103
|
+
lineClamp: index.PropTypes.number,
|
|
104
|
+
verticalPadding: index.PropTypes.number,
|
|
105
|
+
horizontalPadding: index.PropTypes.number,
|
|
106
|
+
width: index.PropTypes.number
|
|
106
107
|
} : {};
|
|
107
108
|
Alert.defaultProps = {
|
|
108
109
|
warning: false,
|
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var lodash = require('lodash');
|
|
5
|
+
var index = require('./index-39bc450c.js');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
8
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
|
-
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-
|
|
9
|
+
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-acaac96b.js');
|
|
9
10
|
var styled = require('styled-components');
|
|
10
11
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
12
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
12
|
-
var Alert = require('./Alert-
|
|
13
|
-
var Badge = require('./Badge-
|
|
14
|
-
var Popover = require('./Popover-
|
|
15
|
-
require('./Tab-
|
|
16
|
-
require('./Tabs-
|
|
17
|
-
var Tooltip = require('./Tooltip-
|
|
18
|
-
require('./VerificationStatusIcon-
|
|
19
|
-
var ActionButton = require('./ActionButton-
|
|
20
|
-
require('./Button-
|
|
21
|
-
require('./Checkbox-
|
|
22
|
-
require('./CompactAutocompleteSelect-
|
|
23
|
-
require('./CompactStarRating-
|
|
24
|
-
require('./CompactTextInput-
|
|
25
|
-
require('./MultiSelect-
|
|
26
|
-
require('./Radio-
|
|
27
|
-
require('./TextArea-
|
|
28
|
-
require('./TextInput-
|
|
29
|
-
require('./Switch-
|
|
30
|
-
|
|
31
|
-
var
|
|
13
|
+
var Alert = require('./Alert-e9f818d6.js');
|
|
14
|
+
var Badge = require('./Badge-72b369a6.js');
|
|
15
|
+
var Popover = require('./Popover-a76d0fe5.js');
|
|
16
|
+
require('./Tab-87287c6e.js');
|
|
17
|
+
require('./Tabs-8e4de5a5.js');
|
|
18
|
+
var Tooltip = require('./Tooltip-298f0547.js');
|
|
19
|
+
require('./VerificationStatusIcon-d596165f.js');
|
|
20
|
+
var ActionButton = require('./ActionButton-15b418c5.js');
|
|
21
|
+
require('./Button-34ce13c6.js');
|
|
22
|
+
require('./Checkbox-d77eed5d.js');
|
|
23
|
+
require('./CompactAutocompleteSelect-72d523e3.js');
|
|
24
|
+
require('./CompactStarRating-bf45f620.js');
|
|
25
|
+
require('./CompactTextInput-0b1979f1.js');
|
|
26
|
+
require('./MultiSelect-ecb48e03.js');
|
|
27
|
+
require('./Radio-7d5f630d.js');
|
|
28
|
+
require('./TextArea-76231a3b.js');
|
|
29
|
+
require('./TextInput-a440374c.js');
|
|
30
|
+
require('./Switch-006abdbd.js');
|
|
31
|
+
require('./AsyncSelect-368b5068.js');
|
|
32
|
+
var ContextMenu = require('./ContextMenu-f69599d5.js');
|
|
33
|
+
var ContextMenuItem = require('./ContextMenuItem-9c5c4c9f.js');
|
|
32
34
|
var polished = require('polished');
|
|
33
35
|
|
|
34
36
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -115,51 +117,51 @@ function SvgPlay(props) {
|
|
|
115
117
|
}
|
|
116
118
|
|
|
117
119
|
var assetShape = {
|
|
118
|
-
key:
|
|
119
|
-
previewUrl:
|
|
120
|
-
title:
|
|
121
|
-
note:
|
|
122
|
-
icon:
|
|
123
|
-
message:
|
|
120
|
+
key: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]).isRequired,
|
|
121
|
+
previewUrl: index.PropTypes.string,
|
|
122
|
+
title: index.PropTypes.string,
|
|
123
|
+
note: index.PropTypes.shape({
|
|
124
|
+
icon: index.PropTypes.element,
|
|
125
|
+
message: index.PropTypes.string
|
|
124
126
|
}),
|
|
125
|
-
width:
|
|
126
|
-
height:
|
|
127
|
-
fileType:
|
|
128
|
-
fileTypeIconPosition:
|
|
129
|
-
group:
|
|
130
|
-
actions:
|
|
131
|
-
title:
|
|
132
|
-
icon:
|
|
133
|
-
onClick:
|
|
134
|
-
className:
|
|
135
|
-
component:
|
|
127
|
+
width: index.PropTypes.number,
|
|
128
|
+
height: index.PropTypes.number,
|
|
129
|
+
fileType: index.PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,
|
|
130
|
+
fileTypeIconPosition: index.PropTypes.oneOf(['top-left', 'top-right']),
|
|
131
|
+
group: index.PropTypes.string,
|
|
132
|
+
actions: index.PropTypes.arrayOf(index.PropTypes.shape({
|
|
133
|
+
title: index.PropTypes.string.isRequired,
|
|
134
|
+
icon: index.PropTypes.element.isRequired,
|
|
135
|
+
onClick: index.PropTypes.func.isRequired,
|
|
136
|
+
className: index.PropTypes.shape,
|
|
137
|
+
component: index.PropTypes.func
|
|
136
138
|
})),
|
|
137
|
-
overlay:
|
|
138
|
-
completed:
|
|
139
|
-
hasError:
|
|
140
|
-
disabled:
|
|
141
|
-
onClick:
|
|
142
|
-
onContextMenu:
|
|
143
|
-
onMouseEnter:
|
|
144
|
-
summary:
|
|
145
|
-
title:
|
|
146
|
-
description:
|
|
147
|
-
instructions:
|
|
148
|
-
instructionsType:
|
|
149
|
-
headerLeft:
|
|
150
|
-
headerRight:
|
|
151
|
-
footerLeft:
|
|
152
|
-
footerRight:
|
|
139
|
+
overlay: index.PropTypes.element,
|
|
140
|
+
completed: index.PropTypes.bool,
|
|
141
|
+
hasError: index.PropTypes.bool,
|
|
142
|
+
disabled: index.PropTypes.bool,
|
|
143
|
+
onClick: index.PropTypes.func,
|
|
144
|
+
onContextMenu: index.PropTypes.func,
|
|
145
|
+
onMouseEnter: index.PropTypes.func,
|
|
146
|
+
summary: index.PropTypes.shape({
|
|
147
|
+
title: index.PropTypes.string,
|
|
148
|
+
description: index.PropTypes.string,
|
|
149
|
+
instructions: index.PropTypes.string,
|
|
150
|
+
instructionsType: index.PropTypes.oneOf(['warning', 'error', 'info']),
|
|
151
|
+
headerLeft: index.PropTypes.node,
|
|
152
|
+
headerRight: index.PropTypes.node,
|
|
153
|
+
footerLeft: index.PropTypes.node,
|
|
154
|
+
footerRight: index.PropTypes.node
|
|
153
155
|
})
|
|
154
156
|
};
|
|
155
157
|
var assetShapeWithLayout = defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, assetShape), {}, {
|
|
156
|
-
layout:
|
|
157
|
-
width:
|
|
158
|
-
height:
|
|
159
|
-
translateX:
|
|
160
|
-
translateY:
|
|
161
|
-
type:
|
|
162
|
-
hasHeightAndWidth:
|
|
158
|
+
layout: index.PropTypes.shape({
|
|
159
|
+
width: index.PropTypes.number.isRequired,
|
|
160
|
+
height: index.PropTypes.number.isRequired,
|
|
161
|
+
translateX: index.PropTypes.number.isRequired,
|
|
162
|
+
translateY: index.PropTypes.number.isRequired,
|
|
163
|
+
type: index.PropTypes.oneOf(['groupLabel', 'asset']).isRequired,
|
|
164
|
+
hasHeightAndWidth: index.PropTypes.bool
|
|
163
165
|
}).isRequired
|
|
164
166
|
});
|
|
165
167
|
|
|
@@ -269,17 +271,17 @@ var SummaryCard = React__default['default'].forwardRef(function AssetSummaryCard
|
|
|
269
271
|
}));
|
|
270
272
|
});
|
|
271
273
|
SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
272
|
-
activeSummaryCard:
|
|
273
|
-
title:
|
|
274
|
-
description:
|
|
275
|
-
instructions:
|
|
276
|
-
instructionsType:
|
|
277
|
-
headerLeft:
|
|
278
|
-
headerRight:
|
|
279
|
-
footerLeft:
|
|
280
|
-
footerRight:
|
|
281
|
-
width:
|
|
282
|
-
useBorder:
|
|
274
|
+
activeSummaryCard: index.PropTypes.bool,
|
|
275
|
+
title: index.PropTypes.string,
|
|
276
|
+
description: index.PropTypes.string,
|
|
277
|
+
instructions: index.PropTypes.string,
|
|
278
|
+
instructionsType: index.PropTypes.oneOf(['warning', 'error', 'info']),
|
|
279
|
+
headerLeft: index.PropTypes.node,
|
|
280
|
+
headerRight: index.PropTypes.node,
|
|
281
|
+
footerLeft: index.PropTypes.node,
|
|
282
|
+
footerRight: index.PropTypes.node,
|
|
283
|
+
width: index.PropTypes.number,
|
|
284
|
+
useBorder: index.PropTypes.bool
|
|
283
285
|
} : {};
|
|
284
286
|
SummaryCard.defaultProps = {
|
|
285
287
|
title: '',
|
|
@@ -843,19 +845,19 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
843
845
|
};
|
|
844
846
|
|
|
845
847
|
AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
846
|
-
asset:
|
|
847
|
-
hasHeightAndWidth:
|
|
848
|
-
selectable:
|
|
849
|
-
selected:
|
|
850
|
-
extendedSelectMode:
|
|
851
|
-
onAssetSelected:
|
|
852
|
-
onAssetUnselected:
|
|
853
|
-
softSelected:
|
|
854
|
-
component:
|
|
855
|
-
scrollPosition:
|
|
856
|
-
collapseExtraInfo:
|
|
857
|
-
activeSummaryCard:
|
|
858
|
-
actionButtonWidthHeight:
|
|
848
|
+
asset: index.PropTypes.shape(assetShapeWithLayout).isRequired,
|
|
849
|
+
hasHeightAndWidth: index.PropTypes.bool,
|
|
850
|
+
selectable: index.PropTypes.bool,
|
|
851
|
+
selected: index.PropTypes.bool,
|
|
852
|
+
extendedSelectMode: index.PropTypes.bool,
|
|
853
|
+
onAssetSelected: index.PropTypes.func.isRequired,
|
|
854
|
+
onAssetUnselected: index.PropTypes.func.isRequired,
|
|
855
|
+
softSelected: index.PropTypes.bool.isRequired,
|
|
856
|
+
component: index.PropTypes.func,
|
|
857
|
+
scrollPosition: index.PropTypes.number,
|
|
858
|
+
collapseExtraInfo: index.PropTypes.bool,
|
|
859
|
+
activeSummaryCard: index.PropTypes.bool,
|
|
860
|
+
actionButtonWidthHeight: index.PropTypes.array
|
|
859
861
|
} : {};
|
|
860
862
|
AssetGalleryCompactCard.defaultProps = {};
|
|
861
863
|
var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
|
|
@@ -1352,15 +1354,15 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
|
|
|
1352
1354
|
};
|
|
1353
1355
|
|
|
1354
1356
|
AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1355
|
-
asset:
|
|
1356
|
-
selectable:
|
|
1357
|
-
selected:
|
|
1358
|
-
extendedSelectMode:
|
|
1359
|
-
onAssetSelected:
|
|
1360
|
-
onAssetUnselected:
|
|
1361
|
-
softSelected:
|
|
1362
|
-
component:
|
|
1363
|
-
scrollPosition:
|
|
1357
|
+
asset: index.PropTypes.shape(assetShapeWithLayout).isRequired,
|
|
1358
|
+
selectable: index.PropTypes.bool,
|
|
1359
|
+
selected: index.PropTypes.bool,
|
|
1360
|
+
extendedSelectMode: index.PropTypes.bool,
|
|
1361
|
+
onAssetSelected: index.PropTypes.func.isRequired,
|
|
1362
|
+
onAssetUnselected: index.PropTypes.func.isRequired,
|
|
1363
|
+
softSelected: index.PropTypes.bool.isRequired,
|
|
1364
|
+
component: index.PropTypes.func,
|
|
1365
|
+
scrollPosition: index.PropTypes.number
|
|
1364
1366
|
} : {};
|
|
1365
1367
|
AssetGalleryGridCard.defaultProps = {};
|
|
1366
1368
|
var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryGridCard, function (prevProps, nextProps) {
|
|
@@ -1792,22 +1794,22 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1792
1794
|
})));
|
|
1793
1795
|
});
|
|
1794
1796
|
AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1795
|
-
assets:
|
|
1796
|
-
activeSummaryCard:
|
|
1797
|
-
displayVersionCount:
|
|
1798
|
-
displayVerificationIcon:
|
|
1799
|
-
viewMode:
|
|
1800
|
-
thumbnailMaxHeight:
|
|
1801
|
-
selectable:
|
|
1802
|
-
selectedAssetKeys:
|
|
1803
|
-
scrollElement:
|
|
1804
|
-
onAssetSelected:
|
|
1805
|
-
onAssetUnselected:
|
|
1806
|
-
softSelectable:
|
|
1807
|
-
softSelectedAssetKey:
|
|
1808
|
-
onAssetSoftSelectedChanged:
|
|
1809
|
-
component:
|
|
1810
|
-
className:
|
|
1797
|
+
assets: index.PropTypes.arrayOf(index.PropTypes.shape(assetShape)),
|
|
1798
|
+
activeSummaryCard: index.PropTypes.bool,
|
|
1799
|
+
displayVersionCount: index.PropTypes.bool,
|
|
1800
|
+
displayVerificationIcon: index.PropTypes.bool,
|
|
1801
|
+
viewMode: index.PropTypes.oneOf(['compact', 'grid']),
|
|
1802
|
+
thumbnailMaxHeight: index.PropTypes.number,
|
|
1803
|
+
selectable: index.PropTypes.bool,
|
|
1804
|
+
selectedAssetKeys: index.PropTypes.oneOfType([index.PropTypes.arrayOf(index.PropTypes.string), index.PropTypes.arrayOf(index.PropTypes.number)]).isRequired,
|
|
1805
|
+
scrollElement: index.PropTypes.instanceOf(Element),
|
|
1806
|
+
onAssetSelected: index.PropTypes.func.isRequired,
|
|
1807
|
+
onAssetUnselected: index.PropTypes.func.isRequired,
|
|
1808
|
+
softSelectable: index.PropTypes.bool,
|
|
1809
|
+
softSelectedAssetKey: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]),
|
|
1810
|
+
onAssetSoftSelectedChanged: index.PropTypes.func.isRequired,
|
|
1811
|
+
component: index.PropTypes.func,
|
|
1812
|
+
className: index.PropTypes.string
|
|
1811
1813
|
} : {};
|
|
1812
1814
|
|
|
1813
1815
|
var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
|
|
@@ -1896,19 +1898,19 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
|
|
|
1896
1898
|
}, props));
|
|
1897
1899
|
});
|
|
1898
1900
|
AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1899
|
-
assets:
|
|
1900
|
-
displayVersionCount:
|
|
1901
|
-
displayVerificationIcon:
|
|
1902
|
-
activeSummaryCard:
|
|
1903
|
-
viewMode:
|
|
1904
|
-
thumbnailMaxHeight:
|
|
1905
|
-
selectable:
|
|
1906
|
-
selectedAssetKeys:
|
|
1907
|
-
onSelectedChanged:
|
|
1908
|
-
softSelectable:
|
|
1909
|
-
scrollElement:
|
|
1910
|
-
onSoftSelectedChanged:
|
|
1911
|
-
component:
|
|
1901
|
+
assets: index.PropTypes.arrayOf(index.PropTypes.shape(assetShape)),
|
|
1902
|
+
displayVersionCount: index.PropTypes.bool,
|
|
1903
|
+
displayVerificationIcon: index.PropTypes.bool,
|
|
1904
|
+
activeSummaryCard: index.PropTypes.bool,
|
|
1905
|
+
viewMode: index.PropTypes.oneOf(['compact', 'grid']),
|
|
1906
|
+
thumbnailMaxHeight: index.PropTypes.number,
|
|
1907
|
+
selectable: index.PropTypes.bool,
|
|
1908
|
+
selectedAssetKeys: index.PropTypes.oneOfType([index.PropTypes.arrayOf(index.PropTypes.string), index.PropTypes.arrayOf(index.PropTypes.number)]),
|
|
1909
|
+
onSelectedChanged: index.PropTypes.func,
|
|
1910
|
+
softSelectable: index.PropTypes.bool,
|
|
1911
|
+
scrollElement: index.PropTypes.instanceOf(Element),
|
|
1912
|
+
onSoftSelectedChanged: index.PropTypes.func,
|
|
1913
|
+
component: index.PropTypes.func
|
|
1912
1914
|
} : {};
|
|
1913
1915
|
AssetGallery.defaultProps = {
|
|
1914
1916
|
assets: [],
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var index = require('./index-39bc450c.js');
|
|
5
6
|
var styled = require('styled-components');
|
|
6
7
|
var close = require('./close-ebf2f3cf.js');
|
|
7
8
|
|
|
@@ -86,13 +87,13 @@ var AssetPreviewTopBar = React__default['default'].forwardRef(function AssetPrev
|
|
|
86
87
|
})));
|
|
87
88
|
});
|
|
88
89
|
AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
89
|
-
onBackButtonClick:
|
|
90
|
-
backButtonText:
|
|
91
|
-
backButtonAsClose:
|
|
92
|
-
leftText:
|
|
93
|
-
shadow:
|
|
94
|
-
border:
|
|
95
|
-
buttons:
|
|
90
|
+
onBackButtonClick: index.PropTypes.func.isRequired,
|
|
91
|
+
backButtonText: index.PropTypes.string.isRequired,
|
|
92
|
+
backButtonAsClose: index.PropTypes.bool,
|
|
93
|
+
leftText: index.PropTypes.string,
|
|
94
|
+
shadow: index.PropTypes.bool,
|
|
95
|
+
border: index.PropTypes.bool,
|
|
96
|
+
buttons: index.PropTypes.arrayOf(index.PropTypes.node)
|
|
96
97
|
} : {};
|
|
97
98
|
AssetPreviewTopBar.defaultProps = {};
|
|
98
99
|
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
|
+
|
|
13
|
+
var _templateObject;
|
|
14
|
+
var AsyncSelect$1 = styled__default['default'](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 500;\n"])), function (props) {
|
|
15
|
+
return props.theme.primaryFontFamily;
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
var AsyncSelect = React__default['default'].forwardRef(function AsyncSelect(_ref, forwardedRef) {
|
|
19
|
+
var props = defaultTheme._extends({}, _ref);
|
|
20
|
+
|
|
21
|
+
return React__default['default'].createElement(AsyncSelect$1, defaultTheme._extends({
|
|
22
|
+
ref: forwardedRef
|
|
23
|
+
}, props), "Let it be light!");
|
|
24
|
+
});
|
|
25
|
+
AsyncSelect.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
|
|
26
|
+
AsyncSelect.defaultProps = {};
|
|
27
|
+
|
|
28
|
+
exports.AsyncSelect = AsyncSelect;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
|
+
var index = require('./index-39bc450c.js');
|
|
4
5
|
var React = require('react');
|
|
5
6
|
var styled = require('styled-components');
|
|
6
7
|
|
|
@@ -189,24 +190,24 @@ var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedR
|
|
|
189
190
|
}, badgeIcon), badgeContent));
|
|
190
191
|
});
|
|
191
192
|
Badge.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
192
|
-
badgeIcon:
|
|
193
|
-
badgeContent:
|
|
194
|
-
children:
|
|
195
|
-
elevated:
|
|
196
|
-
active:
|
|
197
|
-
error:
|
|
198
|
-
warning:
|
|
199
|
-
fontSize:
|
|
200
|
-
fontWeight:
|
|
201
|
-
lineHeight:
|
|
202
|
-
colors:
|
|
203
|
-
backgroundColors:
|
|
204
|
-
verticalPadding:
|
|
205
|
-
horizontalPadding:
|
|
206
|
-
height:
|
|
207
|
-
minHeight:
|
|
208
|
-
width:
|
|
209
|
-
minWidth:
|
|
193
|
+
badgeIcon: index.PropTypes.node,
|
|
194
|
+
badgeContent: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number, index.PropTypes.func, index.PropTypes.element]),
|
|
195
|
+
children: index.PropTypes.oneOfType([index.PropTypes.node, index.PropTypes.string]),
|
|
196
|
+
elevated: index.PropTypes.bool,
|
|
197
|
+
active: index.PropTypes.bool,
|
|
198
|
+
error: index.PropTypes.bool,
|
|
199
|
+
warning: index.PropTypes.bool,
|
|
200
|
+
fontSize: index.PropTypes.oneOfType([index.PropTypes.number, index.PropTypes.string]),
|
|
201
|
+
fontWeight: index.PropTypes.oneOfType([index.PropTypes.number, index.PropTypes.string]),
|
|
202
|
+
lineHeight: index.PropTypes.oneOfType([index.PropTypes.number, index.PropTypes.string]),
|
|
203
|
+
colors: index.PropTypes.arrayOf(index.PropTypes.string),
|
|
204
|
+
backgroundColors: index.PropTypes.arrayOf(index.PropTypes.string),
|
|
205
|
+
verticalPadding: index.PropTypes.number,
|
|
206
|
+
horizontalPadding: index.PropTypes.number,
|
|
207
|
+
height: index.PropTypes.number,
|
|
208
|
+
minHeight: index.PropTypes.number,
|
|
209
|
+
width: index.PropTypes.number,
|
|
210
|
+
minWidth: index.PropTypes.number
|
|
210
211
|
} : {};
|
|
211
212
|
Badge.defaultProps = {
|
|
212
213
|
elevated: false,
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var index = require('./index-39bc450c.js');
|
|
5
6
|
var styled = require('styled-components');
|
|
6
|
-
var Popover = require('./Popover-
|
|
7
|
-
var ContextMenu = require('./ContextMenu-
|
|
7
|
+
var Popover = require('./Popover-a76d0fe5.js');
|
|
8
|
+
var ContextMenu = require('./ContextMenu-f69599d5.js');
|
|
8
9
|
var expandMore = require('./expand-more-94585605.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -243,18 +244,18 @@ var Button = React__default['default'].forwardRef(function Button(_ref, forwarde
|
|
|
243
244
|
}, icon, children), React__default['default'].createElement(expandMore.SvgExpandMore, null)))))));
|
|
244
245
|
});
|
|
245
246
|
Button.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
246
|
-
onClickEffect:
|
|
247
|
-
singleAction:
|
|
248
|
-
dropdownItems:
|
|
249
|
-
secondary:
|
|
250
|
-
outlined:
|
|
251
|
-
block:
|
|
252
|
-
icon:
|
|
253
|
-
size:
|
|
254
|
-
disabled:
|
|
255
|
-
loading:
|
|
256
|
-
className:
|
|
257
|
-
children:
|
|
247
|
+
onClickEffect: index.PropTypes.func,
|
|
248
|
+
singleAction: index.PropTypes.bool,
|
|
249
|
+
dropdownItems: index.PropTypes.node,
|
|
250
|
+
secondary: index.PropTypes.bool,
|
|
251
|
+
outlined: index.PropTypes.bool,
|
|
252
|
+
block: index.PropTypes.bool,
|
|
253
|
+
icon: index.PropTypes.element,
|
|
254
|
+
size: index.PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
|
|
255
|
+
disabled: index.PropTypes.bool,
|
|
256
|
+
loading: index.PropTypes.bool,
|
|
257
|
+
className: index.PropTypes.string,
|
|
258
|
+
children: index.PropTypes.any.isRequired
|
|
258
259
|
} : {};
|
|
259
260
|
Button.defaultProps = {
|
|
260
261
|
size: 'normal',
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-fcd45bd0.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
|
+
var index = require('./index-39bc450c.js');
|
|
6
7
|
var lodash = require('lodash');
|
|
7
8
|
var styled = require('styled-components');
|
|
8
9
|
|
|
@@ -115,21 +116,21 @@ var Checkbox = React__default['default'].forwardRef(function Checkbox(_ref, forw
|
|
|
115
116
|
}, descriptionText));
|
|
116
117
|
});
|
|
117
118
|
Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
118
|
-
checked:
|
|
119
|
-
defaultChecked:
|
|
120
|
-
label:
|
|
121
|
-
disabled:
|
|
122
|
-
readOnly:
|
|
123
|
-
name:
|
|
124
|
-
value:
|
|
125
|
-
description:
|
|
126
|
-
error:
|
|
127
|
-
indeterminate:
|
|
128
|
-
muted:
|
|
129
|
-
onChange:
|
|
130
|
-
onBlur:
|
|
131
|
-
className:
|
|
132
|
-
style:
|
|
119
|
+
checked: index.PropTypes.bool,
|
|
120
|
+
defaultChecked: index.PropTypes.bool,
|
|
121
|
+
label: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.element]),
|
|
122
|
+
disabled: index.PropTypes.bool,
|
|
123
|
+
readOnly: index.PropTypes.bool,
|
|
124
|
+
name: index.PropTypes.string,
|
|
125
|
+
value: index.PropTypes.string,
|
|
126
|
+
description: index.PropTypes.string,
|
|
127
|
+
error: index.PropTypes.oneOfType([index.PropTypes.bool, index.PropTypes.string]),
|
|
128
|
+
indeterminate: index.PropTypes.bool,
|
|
129
|
+
muted: index.PropTypes.bool,
|
|
130
|
+
onChange: index.PropTypes.func,
|
|
131
|
+
onBlur: index.PropTypes.func,
|
|
132
|
+
className: index.PropTypes.string,
|
|
133
|
+
style: index.PropTypes.object
|
|
133
134
|
} : {};
|
|
134
135
|
Checkbox.defaultProps = {
|
|
135
136
|
disabled: false,
|