@ntbjs/react-components 1.3.0-rc.58 → 1.3.0-rc.59
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-f84f83eb.js → ActionButton-b2345555.js} +8 -8
- package/{Alert-1b2ff6dd.js → Alert-d69a3f95.js} +16 -14
- package/{AssetAction-df8163e5.js → AssetAction-9622c4f9.js} +61 -54
- package/{AssetPreviewTopBar-08ca770d.js → AssetPreviewTopBar-b1fe3188.js} +1 -0
- package/{Badge-e055db69.js → Badge-e984e6f5.js} +16 -14
- package/{Button-873454c8.js → Button-090fb526.js} +1 -2
- package/{Checkbox-acd15d02.js → Checkbox-ad9c9e54.js} +8 -6
- package/{CompactAutocompleteSelect-b0d2ce48.js → CompactAutocompleteSelect-26949125.js} +33 -29
- package/{CompactStarRating-957641bf.js → CompactStarRating-65bf27e5.js} +31 -28
- package/{CompactTextInput-05b5d847.js → CompactTextInput-60edc635.js} +32 -30
- package/{ContextMenu-1b7b7cec.js → ContextMenu-4eb8fdc5.js} +1 -0
- package/{ContextMenuItem-50de2150.js → ContextMenuItem-c536b460.js} +20 -29
- package/{InputGroup-08332f2d.js → InputGroup-a89a0ea3.js} +1 -0
- package/{Instructions-48ff279a.js → Instructions-dbd4514c.js} +26 -24
- package/{MultiLevelCheckboxSelect-e2325c8f.js → MultiLevelCheckboxSelect-3d5d5f2c.js} +20 -16
- package/{MultiSelect-d6294329.js → MultiSelect-cdfe6ffa.js} +29 -27
- package/{Radio-abb11971.js → Radio-55db4781.js} +4 -2
- package/{SectionSeparator-aeccca17.js → SectionSeparator-af8dc1ce.js} +4 -2
- package/{Switch-66cd66ab.js → Switch-04ecd8d0.js} +6 -4
- package/{Tab-124fef45.js → Tab-e43241f0.js} +4 -2
- package/{Tabs-62bdcdfa.js → Tabs-cfc08c6b.js} +7 -5
- package/{TextArea-7c6023fe.js → TextArea-44b4d3c4.js} +32 -28
- package/{TextInput-7b83f6f4.js → TextInput-c3c71881.js} +6 -4
- package/{Tooltip-4111dfdd.js → Tooltip-a68a7e49.js} +10 -8
- package/{VerificationStatusIcon-3a74c2ab.js → VerificationStatusIcon-7b0e23fe.js} +6 -4
- package/data/Alert/index.js +1 -1
- package/data/Badge/index.js +1 -1
- package/data/Tab/index.js +1 -1
- package/data/Tabs/index.js +2 -2
- package/data/Tooltip/index.js +1 -1
- package/data/index.js +6 -6
- package/inputs/ActionButton/index.js +1 -1
- package/inputs/Button/index.js +2 -2
- package/inputs/Checkbox/index.js +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +8 -8
- package/inputs/CompactStarRating/index.js +7 -7
- package/inputs/CompactTextInput/index.js +7 -7
- package/inputs/MultiSelect/index.js +2 -2
- package/inputs/Radio/index.js +1 -1
- package/inputs/Switch/index.js +1 -1
- package/inputs/TextArea/index.js +7 -7
- package/inputs/TextInput/index.js +1 -1
- package/inputs/index.js +22 -22
- package/layout/InputGroup/index.js +1 -1
- package/layout/SectionSeparator/index.js +1 -1
- package/layout/index.js +2 -2
- package/package.json +1 -1
- package/{react-select-creatable.esm-9e24f67f.js → react-select-creatable.esm-383b1e78.js} +17 -2
- package/widgets/AssetGallery/index.js +26 -26
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +1 -1
- package/widgets/ContextMenu/ContextMenuItem/index.js +1 -1
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -0
- package/widgets/ContextMenu/index.js +1 -1
- package/widgets/Instructions/index.js +10 -10
- package/widgets/index.js +26 -26
|
@@ -35,14 +35,10 @@ var ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyD
|
|
|
35
35
|
var _excluded = ["icon", "disabled", "active", "onClick", "actionWidthHeight"];
|
|
36
36
|
var ActionButton = React__default["default"].forwardRef(function ActionButton(_ref, forwardedRef) {
|
|
37
37
|
var icon = _ref.icon,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
_ref$onClick = _ref.onClick,
|
|
43
|
-
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
44
|
-
_ref$actionWidthHeigh = _ref.actionWidthHeight,
|
|
45
|
-
actionWidthHeight = _ref$actionWidthHeigh === void 0 ? [40, 40] : _ref$actionWidthHeigh,
|
|
38
|
+
disabled = _ref.disabled,
|
|
39
|
+
active = _ref.active,
|
|
40
|
+
onClick = _ref.onClick,
|
|
41
|
+
actionWidthHeight = _ref.actionWidthHeight,
|
|
46
42
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
47
43
|
return React__default["default"].createElement(ActionButton$1, defaultTheme._extends({
|
|
48
44
|
ref: forwardedRef,
|
|
@@ -60,5 +56,9 @@ ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
60
56
|
backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
|
|
61
57
|
actionWidthHeight: defaultTheme.PropTypes.array
|
|
62
58
|
} : {};
|
|
59
|
+
ActionButton.defaultProps = {
|
|
60
|
+
onClick: function onClick() {},
|
|
61
|
+
actionWidthHeight: [40, 40]
|
|
62
|
+
};
|
|
63
63
|
|
|
64
64
|
exports.ActionButton = ActionButton;
|
|
@@ -39,24 +39,17 @@ var AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefault
|
|
|
39
39
|
|
|
40
40
|
var _excluded = ["warning", "error", "type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];
|
|
41
41
|
var Alert = React__default["default"].forwardRef(function Alert(_ref, forwardedRef) {
|
|
42
|
-
var
|
|
43
|
-
|
|
44
|
-
_ref$error = _ref.error,
|
|
45
|
-
error = _ref$error === void 0 ? false : _ref$error,
|
|
42
|
+
var warning = _ref.warning,
|
|
43
|
+
error = _ref.error,
|
|
46
44
|
type = _ref.type,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
_ref$align = _ref.align,
|
|
50
|
-
align = _ref$align === void 0 ? 'left' : _ref$align,
|
|
45
|
+
alertMessage = _ref.alertMessage,
|
|
46
|
+
align = _ref.align,
|
|
51
47
|
icon = _ref.icon,
|
|
52
48
|
fontSize = _ref.fontSize,
|
|
53
49
|
lineHeight = _ref.lineHeight,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
verticalPadding = _ref$verticalPadding === void 0 ? 17 : _ref$verticalPadding,
|
|
58
|
-
_ref$horizontalPaddin = _ref.horizontalPadding,
|
|
59
|
-
horizontalPadding = _ref$horizontalPaddin === void 0 ? 30 : _ref$horizontalPaddin,
|
|
50
|
+
lineClamp = _ref.lineClamp,
|
|
51
|
+
verticalPadding = _ref.verticalPadding,
|
|
52
|
+
horizontalPadding = _ref.horizontalPadding,
|
|
60
53
|
width = _ref.width,
|
|
61
54
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
62
55
|
var isWarning = false;
|
|
@@ -107,5 +100,14 @@ Alert.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
107
100
|
horizontalPadding: defaultTheme.PropTypes.number,
|
|
108
101
|
width: defaultTheme.PropTypes.number
|
|
109
102
|
} : {};
|
|
103
|
+
Alert.defaultProps = {
|
|
104
|
+
warning: false,
|
|
105
|
+
error: false,
|
|
106
|
+
align: 'left',
|
|
107
|
+
alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
|
|
108
|
+
lineClamp: 0,
|
|
109
|
+
horizontalPadding: 30,
|
|
110
|
+
verticalPadding: 17
|
|
111
|
+
};
|
|
110
112
|
|
|
111
113
|
exports.Alert = Alert;
|
|
@@ -5,33 +5,33 @@ var lodash = require('lodash');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
|
|
7
7
|
var ResizeObserver = require('resize-observer-polyfill');
|
|
8
|
-
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-
|
|
8
|
+
var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-3d5d5f2c.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
|
-
var Instructions = require('./Instructions-
|
|
12
|
-
var Alert = require('./Alert-
|
|
13
|
-
var Badge = require('./Badge-
|
|
11
|
+
var Instructions = require('./Instructions-dbd4514c.js');
|
|
12
|
+
var Alert = require('./Alert-d69a3f95.js');
|
|
13
|
+
var Badge = require('./Badge-e984e6f5.js');
|
|
14
14
|
var Popover = require('./Popover-52d29ca6.js');
|
|
15
|
-
require('./Tab-
|
|
16
|
-
require('./Tabs-
|
|
17
|
-
var Tooltip = require('./Tooltip-
|
|
18
|
-
require('./VerificationStatusIcon-
|
|
15
|
+
require('./Tab-e43241f0.js');
|
|
16
|
+
require('./Tabs-cfc08c6b.js');
|
|
17
|
+
var Tooltip = require('./Tooltip-a68a7e49.js');
|
|
18
|
+
require('./VerificationStatusIcon-7b0e23fe.js');
|
|
19
19
|
var react = require('@floating-ui/react');
|
|
20
20
|
var polished = require('polished');
|
|
21
|
-
var ContextMenu = require('./ContextMenu-
|
|
22
|
-
require('./AssetPreviewTopBar-
|
|
23
|
-
var ActionButton = require('./ActionButton-
|
|
24
|
-
require('./Button-
|
|
25
|
-
require('./Checkbox-
|
|
26
|
-
require('./CompactAutocompleteSelect-
|
|
27
|
-
require('./CompactStarRating-
|
|
28
|
-
require('./CompactTextInput-
|
|
29
|
-
require('./MultiSelect-
|
|
30
|
-
require('./Radio-
|
|
31
|
-
require('./TextArea-
|
|
32
|
-
require('./TextInput-
|
|
33
|
-
require('./Switch-
|
|
34
|
-
var ContextMenuItem = require('./ContextMenuItem-
|
|
21
|
+
var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
|
|
22
|
+
require('./AssetPreviewTopBar-b1fe3188.js');
|
|
23
|
+
var ActionButton = require('./ActionButton-b2345555.js');
|
|
24
|
+
require('./Button-090fb526.js');
|
|
25
|
+
require('./Checkbox-ad9c9e54.js');
|
|
26
|
+
require('./CompactAutocompleteSelect-26949125.js');
|
|
27
|
+
require('./CompactStarRating-65bf27e5.js');
|
|
28
|
+
require('./CompactTextInput-60edc635.js');
|
|
29
|
+
require('./MultiSelect-cdfe6ffa.js');
|
|
30
|
+
require('./Radio-55db4781.js');
|
|
31
|
+
require('./TextArea-44b4d3c4.js');
|
|
32
|
+
require('./TextInput-c3c71881.js');
|
|
33
|
+
require('./Switch-04ecd8d0.js');
|
|
34
|
+
var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
|
|
35
35
|
|
|
36
36
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
37
37
|
|
|
@@ -218,27 +218,17 @@ styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultT
|
|
|
218
218
|
|
|
219
219
|
var _excluded$6 = ["activeSummaryCard", "title", "description", "instructions", "instructionsType", "headerLeft", "headerRight", "footerLeft", "footerRight", "width", "useBorder", "view"];
|
|
220
220
|
var SummaryCard = React__default["default"].forwardRef(function AssetSummaryCard(_ref, forwardedRef) {
|
|
221
|
-
var
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
instructionsType = _ref$instructionsType === void 0 ? 'info' : _ref$instructionsType,
|
|
231
|
-
_ref$headerLeft = _ref.headerLeft,
|
|
232
|
-
headerLeft = _ref$headerLeft === void 0 ? null : _ref$headerLeft,
|
|
233
|
-
_ref$headerRight = _ref.headerRight,
|
|
234
|
-
headerRight = _ref$headerRight === void 0 ? null : _ref$headerRight,
|
|
235
|
-
_ref$footerLeft = _ref.footerLeft,
|
|
236
|
-
footerLeft = _ref$footerLeft === void 0 ? null : _ref$footerLeft,
|
|
237
|
-
_ref$footerRight = _ref.footerRight,
|
|
238
|
-
footerRight = _ref$footerRight === void 0 ? null : _ref$footerRight,
|
|
221
|
+
var activeSummaryCard = _ref.activeSummaryCard,
|
|
222
|
+
title = _ref.title,
|
|
223
|
+
description = _ref.description,
|
|
224
|
+
instructions = _ref.instructions,
|
|
225
|
+
instructionsType = _ref.instructionsType,
|
|
226
|
+
headerLeft = _ref.headerLeft,
|
|
227
|
+
headerRight = _ref.headerRight,
|
|
228
|
+
footerLeft = _ref.footerLeft,
|
|
229
|
+
footerRight = _ref.footerRight,
|
|
239
230
|
width = _ref.width,
|
|
240
|
-
|
|
241
|
-
useBorder = _ref$useBorder === void 0 ? false : _ref$useBorder,
|
|
231
|
+
useBorder = _ref.useBorder,
|
|
242
232
|
view = _ref.view,
|
|
243
233
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded$6);
|
|
244
234
|
var shouldRenderInstructions = !!instructions;
|
|
@@ -290,6 +280,18 @@ SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
290
280
|
useBorder: defaultTheme.PropTypes.bool,
|
|
291
281
|
view: defaultTheme.PropTypes.string
|
|
292
282
|
} : {};
|
|
283
|
+
SummaryCard.defaultProps = {
|
|
284
|
+
title: '',
|
|
285
|
+
description: '',
|
|
286
|
+
instructions: '',
|
|
287
|
+
instructionsType: 'info',
|
|
288
|
+
headerLeft: null,
|
|
289
|
+
headerRight: null,
|
|
290
|
+
footerLeft: null,
|
|
291
|
+
footerRight: null,
|
|
292
|
+
useBorder: false,
|
|
293
|
+
activeSummaryCard: false
|
|
294
|
+
};
|
|
293
295
|
|
|
294
296
|
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27, _templateObject28, _templateObject29;
|
|
295
297
|
var AssetGalleryWrapper$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
|
|
@@ -403,6 +405,7 @@ AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
403
405
|
actions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
|
|
404
406
|
asset: defaultTheme.PropTypes.object
|
|
405
407
|
} : {};
|
|
408
|
+
AssetActionsBase.defaultProps = {};
|
|
406
409
|
|
|
407
410
|
var _excluded$4 = ["component", "asset"];
|
|
408
411
|
var ComputedRootComponent$1 = function ComputedRootComponent(_ref) {
|
|
@@ -1246,6 +1249,7 @@ AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1246
1249
|
component: defaultTheme.PropTypes.func,
|
|
1247
1250
|
scrollPosition: defaultTheme.PropTypes.number
|
|
1248
1251
|
} : {};
|
|
1252
|
+
AssetGalleryGridCard.defaultProps = {};
|
|
1249
1253
|
var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default["default"].memo(AssetGalleryGridCard, function (prevProps, nextProps) {
|
|
1250
1254
|
var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'asset.layout'];
|
|
1251
1255
|
return reactiveProps.every(function (propKey) {
|
|
@@ -1647,24 +1651,18 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1647
1651
|
|
|
1648
1652
|
var _excluded$1 = ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component", "displayIcon"];
|
|
1649
1653
|
var AssetGallery = React__default["default"].forwardRef(function AssetGallery(_ref, forwardedRef) {
|
|
1650
|
-
var
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
_ref$viewMode = _ref.viewMode,
|
|
1655
|
-
viewMode = _ref$viewMode === void 0 ? 'compact' : _ref$viewMode,
|
|
1656
|
-
_ref$thumbnailMaxHeig = _ref.thumbnailMaxHeight,
|
|
1657
|
-
thumbnailMaxHeight = _ref$thumbnailMaxHeig === void 0 ? 300 : _ref$thumbnailMaxHeig,
|
|
1654
|
+
var assets = _ref.assets,
|
|
1655
|
+
activeSummaryCard = _ref.activeSummaryCard,
|
|
1656
|
+
viewMode = _ref.viewMode,
|
|
1657
|
+
thumbnailMaxHeight = _ref.thumbnailMaxHeight,
|
|
1658
1658
|
selectable = _ref.selectable,
|
|
1659
|
-
|
|
1660
|
-
selectedAssetKeys = _ref$selectedAssetKey === void 0 ? [] : _ref$selectedAssetKey,
|
|
1659
|
+
selectedAssetKeys = _ref.selectedAssetKeys,
|
|
1661
1660
|
onSelectedChanged = _ref.onSelectedChanged,
|
|
1662
1661
|
softSelectable = _ref.softSelectable,
|
|
1663
1662
|
scrollElement = _ref.scrollElement,
|
|
1664
1663
|
onSoftSelectedChanged = _ref.onSoftSelectedChanged,
|
|
1665
1664
|
component = _ref.component,
|
|
1666
|
-
|
|
1667
|
-
displayIcon = _ref$displayIcon === void 0 ? '' : _ref$displayIcon,
|
|
1665
|
+
displayIcon = _ref.displayIcon,
|
|
1668
1666
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded$1);
|
|
1669
1667
|
var _useState = React.useState(selectedAssetKeys || []),
|
|
1670
1668
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -1745,6 +1743,14 @@ AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1745
1743
|
onSoftSelectedChanged: defaultTheme.PropTypes.func,
|
|
1746
1744
|
component: defaultTheme.PropTypes.func
|
|
1747
1745
|
} : {};
|
|
1746
|
+
AssetGallery.defaultProps = {
|
|
1747
|
+
assets: [],
|
|
1748
|
+
viewMode: 'compact',
|
|
1749
|
+
thumbnailMaxHeight: 300,
|
|
1750
|
+
selectedAssetKeys: [],
|
|
1751
|
+
activeSummaryCard: false,
|
|
1752
|
+
displayIcon: ''
|
|
1753
|
+
};
|
|
1748
1754
|
|
|
1749
1755
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
1750
1756
|
var AssetAction$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n"])), function (props) {
|
|
@@ -1863,6 +1869,7 @@ AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1863
1869
|
asset: defaultTheme.PropTypes.object,
|
|
1864
1870
|
itemKey: defaultTheme.PropTypes.string
|
|
1865
1871
|
} : {};
|
|
1872
|
+
AssetAction.defaultProps = {};
|
|
1866
1873
|
var AssetAction$1 = AssetAction;
|
|
1867
1874
|
|
|
1868
1875
|
exports.AssetAction = AssetAction$1;
|
|
@@ -99,5 +99,6 @@ AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
99
99
|
border: defaultTheme.PropTypes.bool,
|
|
100
100
|
buttons: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
|
|
101
101
|
} : {};
|
|
102
|
+
AssetPreviewTopBar.defaultProps = {};
|
|
102
103
|
|
|
103
104
|
exports.AssetPreviewTopBar = AssetPreviewTopBar;
|
|
@@ -120,22 +120,15 @@ var BadgeIcon = styled__default["default"].span.attrs(defaultTheme.applyDefaultT
|
|
|
120
120
|
var _excluded = ["badgeContent", "badgeIcon", "children", "elevated", "fontSize", "fontWeight", "lineHeight", "active", "error", "warning", "backgroundColors", "colors", "verticalPadding", "horizontalPadding", "height", "minHeight", "width", "minWidth"];
|
|
121
121
|
var Badge = React__default["default"].forwardRef(function Badge(_ref, forwardedRef) {
|
|
122
122
|
var badgeContent = _ref.badgeContent,
|
|
123
|
-
|
|
124
|
-
badgeIcon = _ref$badgeIcon === void 0 ? null : _ref$badgeIcon,
|
|
123
|
+
badgeIcon = _ref.badgeIcon,
|
|
125
124
|
children = _ref.children,
|
|
126
|
-
|
|
127
|
-
elevated = _ref$elevated === void 0 ? false : _ref$elevated,
|
|
125
|
+
elevated = _ref.elevated,
|
|
128
126
|
fontSize = _ref.fontSize,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
active = _ref$active === void 0 ? false : _ref$active,
|
|
135
|
-
_ref$error = _ref.error,
|
|
136
|
-
error = _ref$error === void 0 ? false : _ref$error,
|
|
137
|
-
_ref$warning = _ref.warning,
|
|
138
|
-
warning = _ref$warning === void 0 ? false : _ref$warning,
|
|
127
|
+
fontWeight = _ref.fontWeight,
|
|
128
|
+
lineHeight = _ref.lineHeight,
|
|
129
|
+
active = _ref.active,
|
|
130
|
+
error = _ref.error,
|
|
131
|
+
warning = _ref.warning,
|
|
139
132
|
backgroundColors = _ref.backgroundColors,
|
|
140
133
|
colors = _ref.colors,
|
|
141
134
|
verticalPadding = _ref.verticalPadding,
|
|
@@ -194,5 +187,14 @@ Badge.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
194
187
|
width: defaultTheme.PropTypes.number,
|
|
195
188
|
minWidth: defaultTheme.PropTypes.number
|
|
196
189
|
} : {};
|
|
190
|
+
Badge.defaultProps = {
|
|
191
|
+
elevated: false,
|
|
192
|
+
active: false,
|
|
193
|
+
error: false,
|
|
194
|
+
warning: false,
|
|
195
|
+
badgeIcon: null,
|
|
196
|
+
fontWeight: 'normal',
|
|
197
|
+
lineHeight: 'normal'
|
|
198
|
+
};
|
|
197
199
|
|
|
198
200
|
exports.Badge = Badge;
|
|
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var Popover = require('./Popover-52d29ca6.js');
|
|
7
|
-
var ContextMenu = require('./ContextMenu-
|
|
7
|
+
var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
|
|
8
8
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -115,7 +115,6 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
|
|
|
115
115
|
loadingStep = _useState4[0],
|
|
116
116
|
setLoadingStep = _useState4[1];
|
|
117
117
|
var loadingInterval = React.useRef(0);
|
|
118
|
-
console.log('singleActionGap', singleActionGap);
|
|
119
118
|
var _useState5 = React.useState(false),
|
|
120
119
|
_useState6 = defaultTheme._slicedToArray(_useState5, 2),
|
|
121
120
|
dropdownIsActive = _useState6[0],
|
|
@@ -45,16 +45,13 @@ var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTh
|
|
|
45
45
|
var Checkbox = React__default["default"].forwardRef(function Checkbox(_ref, forwardedRef) {
|
|
46
46
|
var checked = _ref.checked,
|
|
47
47
|
defaultChecked = _ref.defaultChecked,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
_ref$readOnly = _ref.readOnly,
|
|
51
|
-
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
|
48
|
+
disabled = _ref.disabled,
|
|
49
|
+
readOnly = _ref.readOnly,
|
|
52
50
|
name = _ref.name,
|
|
53
51
|
value = _ref.value,
|
|
54
52
|
description = _ref.description,
|
|
55
53
|
error = _ref.error,
|
|
56
|
-
|
|
57
|
-
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
54
|
+
indeterminate = _ref.indeterminate,
|
|
58
55
|
muted = _ref.muted,
|
|
59
56
|
label = _ref.label,
|
|
60
57
|
onChange = _ref.onChange,
|
|
@@ -129,5 +126,10 @@ Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
129
126
|
className: defaultTheme.PropTypes.string,
|
|
130
127
|
style: defaultTheme.PropTypes.object
|
|
131
128
|
} : {};
|
|
129
|
+
Checkbox.defaultProps = {
|
|
130
|
+
disabled: false,
|
|
131
|
+
readOnly: false,
|
|
132
|
+
indeterminate: false
|
|
133
|
+
};
|
|
132
134
|
|
|
133
135
|
exports.Checkbox = Checkbox;
|
|
@@ -4,17 +4,17 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
|
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
require('./Alert-
|
|
8
|
-
require('./Badge-
|
|
7
|
+
require('./Alert-d69a3f95.js');
|
|
8
|
+
require('./Badge-e984e6f5.js');
|
|
9
9
|
require('./Popover-52d29ca6.js');
|
|
10
|
-
require('./Tab-
|
|
11
|
-
require('./Tabs-
|
|
12
|
-
var Tooltip = require('./Tooltip-
|
|
13
|
-
require('./VerificationStatusIcon-
|
|
10
|
+
require('./Tab-e43241f0.js');
|
|
11
|
+
require('./Tabs-cfc08c6b.js');
|
|
12
|
+
var Tooltip = require('./Tooltip-a68a7e49.js');
|
|
13
|
+
require('./VerificationStatusIcon-7b0e23fe.js');
|
|
14
14
|
var styled = require('styled-components');
|
|
15
15
|
var Select = require('react-select');
|
|
16
16
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
17
|
-
var reactSelectCreatable_esm = require('./react-select-creatable.esm-
|
|
17
|
+
var reactSelectCreatable_esm = require('./react-select-creatable.esm-383b1e78.js');
|
|
18
18
|
var close = require('./close-1751121a.js');
|
|
19
19
|
var expandMore = require('./expand-more-d74e2bd2.js');
|
|
20
20
|
|
|
@@ -161,31 +161,17 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
|
|
|
161
161
|
placeholder = _ref.placeholder,
|
|
162
162
|
selectedOption = _ref.selectedOption,
|
|
163
163
|
loadOptions = _ref.loadOptions,
|
|
164
|
-
|
|
165
|
-
noOptionsMessageFunc = _ref$noOptionsMessage === void 0 ? function (inputValue) {
|
|
166
|
-
if (inputValue) {
|
|
167
|
-
return "No matches for \"".concat(inputValue, "\"");
|
|
168
|
-
} else {
|
|
169
|
-
return 'No available options';
|
|
170
|
-
}
|
|
171
|
-
} : _ref$noOptionsMessage,
|
|
164
|
+
noOptionsMessageFunc = _ref.noOptionsMessageFunc,
|
|
172
165
|
createNewOptionMessageFunc = _ref.createNewOptionMessageFunc,
|
|
173
166
|
onUpdateCallback = _ref.onUpdateCallback,
|
|
174
167
|
loadingMessageFunc = _ref.loadingMessageFunc,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
183
|
-
_ref$hidden = _ref.hidden,
|
|
184
|
-
hidden = _ref$hidden === void 0 ? false : _ref$hidden,
|
|
185
|
-
_ref$type = _ref.type,
|
|
186
|
-
type = _ref$type === void 0 ? '' : _ref$type,
|
|
187
|
-
_ref$descriptionToolT = _ref.descriptionToolTip,
|
|
188
|
-
descriptionToolTip = _ref$descriptionToolT === void 0 ? '' : _ref$descriptionToolT,
|
|
168
|
+
creatable = _ref.creatable,
|
|
169
|
+
readOnly = _ref.readOnly,
|
|
170
|
+
edit = _ref.edit,
|
|
171
|
+
disabled = _ref.disabled,
|
|
172
|
+
hidden = _ref.hidden,
|
|
173
|
+
type = _ref.type,
|
|
174
|
+
descriptionToolTip = _ref.descriptionToolTip,
|
|
189
175
|
loadingIcon = _ref.loadingIcon,
|
|
190
176
|
successIcon = _ref.successIcon,
|
|
191
177
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
@@ -411,5 +397,23 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
411
397
|
loadingIcon: defaultTheme.PropTypes.element,
|
|
412
398
|
successIcon: defaultTheme.PropTypes.element
|
|
413
399
|
} : {};
|
|
400
|
+
CompactAutocompleteSelect.defaultProps = {
|
|
401
|
+
noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
|
|
402
|
+
if (inputValue) {
|
|
403
|
+
return "No matches for \"".concat(inputValue, "\"");
|
|
404
|
+
} else {
|
|
405
|
+
return 'No available options';
|
|
406
|
+
}
|
|
407
|
+
},
|
|
408
|
+
readOnly: false,
|
|
409
|
+
disabled: false,
|
|
410
|
+
creatable: true,
|
|
411
|
+
edit: false,
|
|
412
|
+
error: false,
|
|
413
|
+
warning: false,
|
|
414
|
+
hidden: false,
|
|
415
|
+
type: '',
|
|
416
|
+
descriptionToolTip: ''
|
|
417
|
+
};
|
|
414
418
|
|
|
415
419
|
exports.CompactAutocompleteSelect = CompactAutocompleteSelect;
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
var defaultTheme = require('./defaultTheme-cd01e6c2.js');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
require('./Alert-
|
|
6
|
-
require('./Badge-
|
|
5
|
+
require('./Alert-d69a3f95.js');
|
|
6
|
+
require('./Badge-e984e6f5.js');
|
|
7
7
|
require('./Popover-52d29ca6.js');
|
|
8
|
-
require('./Tab-
|
|
9
|
-
require('./Tabs-
|
|
10
|
-
var Tooltip = require('./Tooltip-
|
|
11
|
-
require('./VerificationStatusIcon-
|
|
8
|
+
require('./Tab-e43241f0.js');
|
|
9
|
+
require('./Tabs-cfc08c6b.js');
|
|
10
|
+
var Tooltip = require('./Tooltip-a68a7e49.js');
|
|
11
|
+
require('./VerificationStatusIcon-7b0e23fe.js');
|
|
12
12
|
var styled = require('styled-components');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -154,33 +154,22 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
|
|
|
154
154
|
|
|
155
155
|
var _excluded = ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "type", "descriptionToolTip", "disabled", "readOnly", "edit", "hidden", "loadingIcon", "successIcon"];
|
|
156
156
|
var CompactStarRating = React__default["default"].forwardRef(function CompactStarRating(_ref, forwardedRef) {
|
|
157
|
-
var
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
_ref$max = _ref.max,
|
|
164
|
-
max = _ref$max === void 0 ? 5 : _ref$max,
|
|
165
|
-
_ref$defaultValue = _ref.defaultValue,
|
|
166
|
-
defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
|
|
167
|
-
_ref$value = _ref.value,
|
|
168
|
-
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
157
|
+
var label = _ref.label,
|
|
158
|
+
icon = _ref.icon,
|
|
159
|
+
iconFill = _ref.iconFill,
|
|
160
|
+
max = _ref.max,
|
|
161
|
+
defaultValue = _ref.defaultValue,
|
|
162
|
+
value = _ref.value,
|
|
169
163
|
name = _ref.name,
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
_ref$onChange = _ref.onChange,
|
|
173
|
-
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
164
|
+
viewEmpty = _ref.viewEmpty,
|
|
165
|
+
onChange = _ref.onChange,
|
|
174
166
|
onBlur = _ref.onBlur,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
_ref$descriptionToolT = _ref.descriptionToolTip,
|
|
178
|
-
descriptionToolTip = _ref$descriptionToolT === void 0 ? '' : _ref$descriptionToolT,
|
|
167
|
+
type = _ref.type,
|
|
168
|
+
descriptionToolTip = _ref.descriptionToolTip,
|
|
179
169
|
disabled = _ref.disabled,
|
|
180
170
|
readOnly = _ref.readOnly,
|
|
181
171
|
edit = _ref.edit,
|
|
182
|
-
|
|
183
|
-
hidden = _ref$hidden === void 0 ? false : _ref$hidden,
|
|
172
|
+
hidden = _ref.hidden,
|
|
184
173
|
loadingIcon = _ref.loadingIcon,
|
|
185
174
|
successIcon = _ref.successIcon,
|
|
186
175
|
props = defaultTheme._objectWithoutProperties(_ref, _excluded);
|
|
@@ -321,5 +310,19 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
321
310
|
successIcon: defaultTheme.PropTypes.element,
|
|
322
311
|
descriptionToolTip: defaultTheme.PropTypes.string
|
|
323
312
|
} : {};
|
|
313
|
+
CompactStarRating.defaultProps = {
|
|
314
|
+
label: 'Rating',
|
|
315
|
+
max: 5,
|
|
316
|
+
value: 0,
|
|
317
|
+
defaultValue: 0,
|
|
318
|
+
viewEmpty: true,
|
|
319
|
+
icon: React__default["default"].createElement(SvgStar, null),
|
|
320
|
+
iconFill: React__default["default"].createElement(SvgStarFilled, null),
|
|
321
|
+
hidden: false,
|
|
322
|
+
type: '',
|
|
323
|
+
descriptionToolTip: '',
|
|
324
|
+
displayDescriptionToolTip: false,
|
|
325
|
+
onChange: function onChange() {}
|
|
326
|
+
};
|
|
324
327
|
|
|
325
328
|
exports.CompactStarRating = CompactStarRating;
|
|
@@ -5,13 +5,13 @@ var lodash = require('lodash');
|
|
|
5
5
|
var nanoid = require('nanoid');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var editNote = require('./edit-note-cefe2215.js');
|
|
8
|
-
require('./Alert-
|
|
9
|
-
require('./Badge-
|
|
8
|
+
require('./Alert-d69a3f95.js');
|
|
9
|
+
require('./Badge-e984e6f5.js');
|
|
10
10
|
var Popover = require('./Popover-52d29ca6.js');
|
|
11
|
-
require('./Tab-
|
|
12
|
-
require('./Tabs-
|
|
13
|
-
var Tooltip = require('./Tooltip-
|
|
14
|
-
require('./VerificationStatusIcon-
|
|
11
|
+
require('./Tab-e43241f0.js');
|
|
12
|
+
require('./Tabs-cfc08c6b.js');
|
|
13
|
+
var Tooltip = require('./Tooltip-a68a7e49.js');
|
|
14
|
+
require('./VerificationStatusIcon-7b0e23fe.js');
|
|
15
15
|
var styled = require('styled-components');
|
|
16
16
|
|
|
17
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -178,36 +178,24 @@ var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.ap
|
|
|
178
178
|
var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
|
|
179
179
|
var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
|
|
180
180
|
var label = _ref.label,
|
|
181
|
-
|
|
182
|
-
inputType = _ref$inputType === void 0 ? 'text' : _ref$inputType,
|
|
181
|
+
inputType = _ref.inputType,
|
|
183
182
|
name = _ref.name,
|
|
184
183
|
defaultValue = _ref.defaultValue,
|
|
185
184
|
value = _ref.value,
|
|
186
185
|
placeholder = _ref.placeholder,
|
|
187
186
|
link = _ref.link,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
activeLinkHandler = _ref$activeLinkHandle === void 0 ? false : _ref$activeLinkHandle,
|
|
194
|
-
_ref$autoSelect = _ref.autoSelect,
|
|
195
|
-
autoSelect = _ref$autoSelect === void 0 ? true : _ref$autoSelect,
|
|
196
|
-
_ref$readOnly = _ref.readOnly,
|
|
197
|
-
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
|
187
|
+
linkTarget = _ref.linkTarget,
|
|
188
|
+
linkHandler = _ref.linkHandler,
|
|
189
|
+
activeLinkHandler = _ref.activeLinkHandler,
|
|
190
|
+
autoSelect = _ref.autoSelect,
|
|
191
|
+
readOnly = _ref.readOnly,
|
|
198
192
|
disabled = _ref.disabled,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
_ref$bold = _ref.bold,
|
|
206
|
-
bold = _ref$bold === void 0 ? false : _ref$bold,
|
|
207
|
-
_ref$hidden = _ref.hidden,
|
|
208
|
-
hidden = _ref$hidden === void 0 ? false : _ref$hidden,
|
|
209
|
-
_ref$onChange = _ref.onChange,
|
|
210
|
-
onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
193
|
+
edit = _ref.edit,
|
|
194
|
+
type = _ref.type,
|
|
195
|
+
descriptionToolTip = _ref.descriptionToolTip,
|
|
196
|
+
bold = _ref.bold,
|
|
197
|
+
hidden = _ref.hidden,
|
|
198
|
+
onChangeProp = _ref.onChange,
|
|
211
199
|
onFocusProp = _ref.onFocus,
|
|
212
200
|
onBlurProp = _ref.onBlur,
|
|
213
201
|
loadingIcon = _ref.loadingIcon,
|
|
@@ -347,5 +335,19 @@ CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
347
335
|
loadingIcon: defaultTheme.PropTypes.element,
|
|
348
336
|
successIcon: defaultTheme.PropTypes.element
|
|
349
337
|
} : {};
|
|
338
|
+
CompactTextInput.defaultProps = {
|
|
339
|
+
inputType: 'text',
|
|
340
|
+
autoSelect: true,
|
|
341
|
+
linkTarget: '_self',
|
|
342
|
+
bold: false,
|
|
343
|
+
readOnly: false,
|
|
344
|
+
descriptionToolTip: '',
|
|
345
|
+
edit: false,
|
|
346
|
+
hidden: false,
|
|
347
|
+
type: '',
|
|
348
|
+
linkHandler: function linkHandler() {},
|
|
349
|
+
activeLinkHandler: false,
|
|
350
|
+
onChange: function onChange() {}
|
|
351
|
+
};
|
|
350
352
|
|
|
351
353
|
exports.CompactTextInput = CompactTextInput;
|
|
@@ -27,5 +27,6 @@ var ContextMenu = React__default["default"].forwardRef(function ContextMenu(_ref
|
|
|
27
27
|
ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
28
28
|
children: defaultTheme.PropTypes.any
|
|
29
29
|
} : {};
|
|
30
|
+
ContextMenu.defaultProps = {};
|
|
30
31
|
|
|
31
32
|
exports.ContextMenu = ContextMenu;
|