@ntbjs/react-components 1.2.0-rc.74 → 1.2.0-rc.75
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-06df3d6c.js → ActionButton-46735b89.js} +13 -5
- package/{AssetGallery-54ea7e74.js → AssetGallery-ad882f6f.js} +51 -24
- package/{CompactAutocompleteSelect-86e10ff4.js → CompactAutocompleteSelect-5982dcf2.js} +2 -2
- package/{CompactStarRating-f1e62f3e.js → CompactStarRating-a754fc6f.js} +2 -2
- package/{CompactTextInput-c27d33c1.js → CompactTextInput-baf13d5c.js} +2 -2
- package/{Instructions-d2984770.js → Instructions-eea791d6.js} +2 -2
- package/{MultiLevelCheckboxSelect-040d2f28.js → MultiLevelCheckboxSelect-24c88aaa.js} +2 -2
- package/{Tabs-a8c77f71.js → Tabs-ea48ce3e.js} +18 -3
- package/{TextArea-42cb0bfd.js → TextArea-72a3f301.js} +29 -2
- package/{VerificationStatusIcon-b574fd21.js → VerificationStatusIcon-6fe95a92.js} +24 -12
- package/data/Tabs/index.js +1 -1
- package/data/index.js +2 -2
- package/inputs/ActionButton/index.js +1 -1
- package/inputs/CompactAutocompleteSelect/index.js +3 -3
- package/inputs/CompactStarRating/index.js +3 -3
- package/inputs/CompactTextInput/index.js +3 -3
- package/inputs/TextArea/index.js +3 -3
- package/inputs/index.js +8 -8
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +9 -9
- package/widgets/Instructions/index.js +5 -5
- package/widgets/index.js +10 -10
|
@@ -11,7 +11,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
13
|
var _templateObject, _templateObject2;
|
|
14
|
-
var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n
|
|
14
|
+
var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n width: ", ";\n height: ", ";\n border: 0;\n color: inherit;\n background-color: transparent;\n ", "\n background-position: center;\n background-repeat: no-repeat;\n background-size: 0 0;\n transition: background-size 250ms ease;\n cursor: pointer;\n\n ", "\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n\n svg {\n width: 100%;\n max-height: 20px;\n max-width: 20px;\n pointer-events: none;\n transition: color 250ms;\n }\n"])), function (props) {
|
|
15
|
+
return "".concat(props.buttonWidthHeight[0], "px");
|
|
16
|
+
}, function (props) {
|
|
17
|
+
return "".concat(props.buttonWidthHeight[1], "px");
|
|
18
|
+
}, function (props) {
|
|
15
19
|
var _props$backgroundColo, _props$backgroundColo2, _props$backgroundColo3, _props$backgroundColo4;
|
|
16
20
|
|
|
17
21
|
var darkThemeBgColor = (_props$backgroundColo = props === null || props === void 0 ? void 0 : (_props$backgroundColo2 = props.backgroundColors) === null || _props$backgroundColo2 === void 0 ? void 0 : _props$backgroundColo2[0]) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : props.theme.getColor('gray-600');
|
|
@@ -30,13 +34,15 @@ var ActionButton = React__default['default'].forwardRef(function ActionButton(_r
|
|
|
30
34
|
disabled = _ref.disabled,
|
|
31
35
|
active = _ref.active,
|
|
32
36
|
onClick = _ref.onClick,
|
|
33
|
-
|
|
37
|
+
buttonWidthHeight = _ref.buttonWidthHeight,
|
|
38
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick", "buttonWidthHeight"]);
|
|
34
39
|
|
|
35
40
|
return React__default['default'].createElement(ActionButton$1, defaultTheme._extends({
|
|
36
41
|
ref: forwardedRef,
|
|
37
42
|
disabled: disabled,
|
|
38
43
|
active: active,
|
|
39
|
-
onClick: onClick
|
|
44
|
+
onClick: onClick,
|
|
45
|
+
buttonWidthHeight: buttonWidthHeight
|
|
40
46
|
}, props), icon);
|
|
41
47
|
});
|
|
42
48
|
ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -44,10 +50,12 @@ ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
44
50
|
disabled: defaultTheme.PropTypes.bool,
|
|
45
51
|
active: defaultTheme.PropTypes.bool,
|
|
46
52
|
onClick: defaultTheme.PropTypes.func,
|
|
47
|
-
backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
|
|
53
|
+
backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
|
|
54
|
+
buttonWidthHeight: defaultTheme.PropTypes.array
|
|
48
55
|
} : {};
|
|
49
56
|
ActionButton.defaultProps = {
|
|
50
|
-
onClick: function onClick() {}
|
|
57
|
+
onClick: function onClick() {},
|
|
58
|
+
buttonWidthHeight: [40, 40]
|
|
51
59
|
};
|
|
52
60
|
|
|
53
61
|
exports.ActionButton = ActionButton;
|
|
@@ -5,7 +5,7 @@ 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-24c88aaa.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
11
11
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
@@ -13,18 +13,18 @@ var Alert = require('./Alert-13b75102.js');
|
|
|
13
13
|
var Badge = require('./Badge-aec841c8.js');
|
|
14
14
|
var Popover = require('./Popover-569cd272.js');
|
|
15
15
|
require('./Tab-f499ecbc.js');
|
|
16
|
-
require('./Tabs-
|
|
16
|
+
require('./Tabs-ea48ce3e.js');
|
|
17
17
|
var Tooltip = require('./Tooltip-66daf6e3.js');
|
|
18
|
-
require('./VerificationStatusIcon-
|
|
19
|
-
var ActionButton = require('./ActionButton-
|
|
18
|
+
require('./VerificationStatusIcon-6fe95a92.js');
|
|
19
|
+
var ActionButton = require('./ActionButton-46735b89.js');
|
|
20
20
|
require('./Button-49f82b31.js');
|
|
21
21
|
require('./Checkbox-68dc38a8.js');
|
|
22
|
-
require('./CompactAutocompleteSelect-
|
|
23
|
-
require('./CompactStarRating-
|
|
24
|
-
require('./CompactTextInput-
|
|
22
|
+
require('./CompactAutocompleteSelect-5982dcf2.js');
|
|
23
|
+
require('./CompactStarRating-a754fc6f.js');
|
|
24
|
+
require('./CompactTextInput-baf13d5c.js');
|
|
25
25
|
require('./MultiSelect-4b8d3d0d.js');
|
|
26
26
|
require('./Radio-32d0513a.js');
|
|
27
|
-
require('./TextArea-
|
|
27
|
+
require('./TextArea-72a3f301.js');
|
|
28
28
|
require('./TextInput-0d109708.js');
|
|
29
29
|
require('./Switch-4a41585f.js');
|
|
30
30
|
var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
|
|
@@ -355,7 +355,7 @@ var OverlayInfoTopActions$1 = styled__default['default'].div.attrs(defaultTheme.
|
|
|
355
355
|
}, function (props) {
|
|
356
356
|
return props.isOverlayHovered ? 1 : 0;
|
|
357
357
|
});
|
|
358
|
-
var
|
|
358
|
+
var OverlayInfoTopLeft = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20$1 || (_templateObject20$1 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n display: ", ";\n\n ", ":hover & {\n opacity: 0;\n }\n"])), function (props) {
|
|
359
359
|
return props !== null && props !== void 0 && props.collapseExtraInfo ? 'none' : 'block';
|
|
360
360
|
}, Overlay$1);
|
|
361
361
|
var OverlayInfoTopWarning$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21$1 || (_templateObject21$1 = defaultTheme._taggedTemplateLiteral(["\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ", ";\n background-color: ", ";\n opacity: 1;\n\n svg {\n width: 100%;\n color: ", ";\n }\n\n ", ":hover & {\n opacity: 0;\n }\n"])), function (props) {
|
|
@@ -434,7 +434,8 @@ var ComputedActionButton$1 = React__default['default'].forwardRef(function Compu
|
|
|
434
434
|
className: className,
|
|
435
435
|
icon: newProps.icon,
|
|
436
436
|
backgroundColors: ['black', 'white'],
|
|
437
|
-
onClick: newProps.onClick
|
|
437
|
+
onClick: newProps.onClick,
|
|
438
|
+
buttonWidthHeight: newProps.actionButtonWidthHeight
|
|
438
439
|
}));
|
|
439
440
|
} else {
|
|
440
441
|
newProps.children = React__default['default'].createElement(ActionButton.ActionButton, {
|
|
@@ -444,7 +445,8 @@ var ComputedActionButton$1 = React__default['default'].forwardRef(function Compu
|
|
|
444
445
|
className: className,
|
|
445
446
|
icon: newProps.icon,
|
|
446
447
|
onClick: newProps.onClick,
|
|
447
|
-
backgroundColors: ['black', 'white']
|
|
448
|
+
backgroundColors: ['black', 'white'],
|
|
449
|
+
buttonWidthHeight: newProps.actionButtonWidthHeight
|
|
448
450
|
});
|
|
449
451
|
}
|
|
450
452
|
|
|
@@ -464,6 +466,8 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
464
466
|
|
|
465
467
|
var asset = props.asset,
|
|
466
468
|
activeSummaryCard = props.activeSummaryCard,
|
|
469
|
+
displayVersionCount = props.displayVersionCount,
|
|
470
|
+
displayVerificationIcon = props.displayVerificationIcon,
|
|
467
471
|
selectable = props.selectable,
|
|
468
472
|
hasHeightAndWidth = props.hasHeightAndWidth,
|
|
469
473
|
selected = props.selected,
|
|
@@ -685,6 +689,10 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
685
689
|
horizontalPadding: 8
|
|
686
690
|
});
|
|
687
691
|
}, [asset]);
|
|
692
|
+
var renderVerificationBadge = React.useCallback(function () {
|
|
693
|
+
if (!(asset !== null && asset !== void 0 && asset.verifications)) return null;
|
|
694
|
+
return asset === null || asset === void 0 ? void 0 : asset.verifications;
|
|
695
|
+
}, [asset]);
|
|
688
696
|
var renderMediaBadge = React.useCallback(function () {
|
|
689
697
|
var badgeIcon = null;
|
|
690
698
|
var badgeContent = null;
|
|
@@ -773,11 +781,12 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
773
781
|
subActions: action.subActions,
|
|
774
782
|
onClick: function onClick(event) {
|
|
775
783
|
return onActionClick(event, action, index);
|
|
776
|
-
}
|
|
784
|
+
},
|
|
785
|
+
actionButtonWidthHeight: action.actionButtonWidthHeight
|
|
777
786
|
}));
|
|
778
|
-
})), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(
|
|
787
|
+
})), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopLeft, {
|
|
779
788
|
collapseExtraInfo: collapseExtraInfo
|
|
780
|
-
}, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
|
|
789
|
+
}, displayVersionCount && renderVersionsBadge() || displayVerificationIcon && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
|
|
781
790
|
type: asset === null || asset === void 0 ? void 0 : (_asset$note2 = asset.note) === null || _asset$note2 === void 0 ? void 0 : _asset$note2.type
|
|
782
791
|
}, React__default['default'].createElement(warningCircle.SvgWarningCircle, null))), React__default['default'].createElement(OverlayInfoBottom$1, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton$1, {
|
|
783
792
|
selected: selected
|
|
@@ -812,11 +821,12 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
|
|
|
812
821
|
subActions: action.subActions,
|
|
813
822
|
onClick: function onClick(event) {
|
|
814
823
|
return onActionClick(event, action, index);
|
|
815
|
-
}
|
|
824
|
+
},
|
|
825
|
+
actionButtonWidthHeight: action.actionButtonWidthHeight
|
|
816
826
|
}));
|
|
817
|
-
})), React__default['default'].createElement(OverlayInfo$1, null, isOverlayHovered && React__default['default'].createElement("span", null, asset.title), React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(
|
|
827
|
+
})), React__default['default'].createElement(OverlayInfo$1, null, isOverlayHovered && React__default['default'].createElement("span", null, asset.title), React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopLeft, {
|
|
818
828
|
collapseExtraInfo: collapseExtraInfo
|
|
819
|
-
}, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note3 = asset.note) === null || _asset$note3 === void 0 ? void 0 : _asset$note3.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
|
|
829
|
+
}, displayVersionCount && renderVersionsBadge() || displayVerificationIcon && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note3 = asset.note) === null || _asset$note3 === void 0 ? void 0 : _asset$note3.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
|
|
820
830
|
type: asset === null || asset === void 0 ? void 0 : (_asset$note4 = asset.note) === null || _asset$note4 === void 0 ? void 0 : _asset$note4.type
|
|
821
831
|
}, React__default['default'].createElement(warningCircle.SvgWarningCircle, null))), React__default['default'].createElement(OverlayInfoBottom$1, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton$1, {
|
|
822
832
|
selected: selected
|
|
@@ -844,7 +854,8 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
844
854
|
component: defaultTheme.PropTypes.func,
|
|
845
855
|
scrollPosition: defaultTheme.PropTypes.number,
|
|
846
856
|
collapseExtraInfo: defaultTheme.PropTypes.bool,
|
|
847
|
-
activeSummaryCard: defaultTheme.PropTypes.bool
|
|
857
|
+
activeSummaryCard: defaultTheme.PropTypes.bool,
|
|
858
|
+
actionButtonWidthHeight: defaultTheme.PropTypes.array
|
|
848
859
|
} : {};
|
|
849
860
|
AssetGalleryCompactCard.defaultProps = {};
|
|
850
861
|
var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
|
|
@@ -994,7 +1005,8 @@ var ComputedActionButton = React__default['default'].forwardRef(function Compute
|
|
|
994
1005
|
className: className,
|
|
995
1006
|
icon: newProps.icon,
|
|
996
1007
|
backgroundColors: ['black', 'white'],
|
|
997
|
-
onClick: newProps.onClick
|
|
1008
|
+
onClick: newProps.onClick,
|
|
1009
|
+
buttonWidthHeight: newProps.actionButtonWidthHeight
|
|
998
1010
|
}));
|
|
999
1011
|
} else {
|
|
1000
1012
|
newProps.children = React__default['default'].createElement(ActionButton.ActionButton, {
|
|
@@ -1004,7 +1016,8 @@ var ComputedActionButton = React__default['default'].forwardRef(function Compute
|
|
|
1004
1016
|
className: className,
|
|
1005
1017
|
icon: newProps.icon,
|
|
1006
1018
|
onClick: newProps.onClick,
|
|
1007
|
-
backgroundColors: ['black', 'white']
|
|
1019
|
+
backgroundColors: ['black', 'white'],
|
|
1020
|
+
buttonWidthHeight: newProps.actionButtonWidthHeight
|
|
1008
1021
|
});
|
|
1009
1022
|
}
|
|
1010
1023
|
|
|
@@ -1204,7 +1217,8 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
|
|
|
1204
1217
|
onClick: function onClick(event) {
|
|
1205
1218
|
return onActionClick(event, action, index);
|
|
1206
1219
|
},
|
|
1207
|
-
subActions: action === null || action === void 0 ? void 0 : action.subActions
|
|
1220
|
+
subActions: action === null || action === void 0 ? void 0 : action.subActions,
|
|
1221
|
+
actionButtonWidthHeight: action.actionButtonWidthHeight
|
|
1208
1222
|
}));
|
|
1209
1223
|
}))), React__default['default'].createElement(OverlayInfoBottom, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton, {
|
|
1210
1224
|
selected: selected
|
|
@@ -1359,6 +1373,8 @@ var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React
|
|
|
1359
1373
|
var AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
|
|
1360
1374
|
var assetsProp = _ref.assets,
|
|
1361
1375
|
activeSummaryCard = _ref.activeSummaryCard,
|
|
1376
|
+
displayVersionCount = _ref.displayVersionCount,
|
|
1377
|
+
displayVerificationIcon = _ref.displayVerificationIcon,
|
|
1362
1378
|
viewMode = _ref.viewMode,
|
|
1363
1379
|
thumbnailMaxHeight = _ref.thumbnailMaxHeight,
|
|
1364
1380
|
selectable = _ref.selectable,
|
|
@@ -1370,7 +1386,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1370
1386
|
scrollElementProp = _ref.scrollElement,
|
|
1371
1387
|
onAssetSoftSelectedChanged = _ref.onAssetSoftSelectedChanged,
|
|
1372
1388
|
component = _ref.component,
|
|
1373
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
|
|
1389
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
|
|
1374
1390
|
|
|
1375
1391
|
var assetGalleryDOMNode = React.useRef();
|
|
1376
1392
|
var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
|
|
@@ -1761,6 +1777,8 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1761
1777
|
}) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
|
|
1762
1778
|
asset: asset,
|
|
1763
1779
|
activeSummaryCard: activeSummaryCard,
|
|
1780
|
+
displayVersionCount: displayVersionCount,
|
|
1781
|
+
displayVerificationIcon: displayVerificationIcon,
|
|
1764
1782
|
hasHeightAndWidth: asset.layout.hasHeightAndWidth,
|
|
1765
1783
|
collapseExtraInfo: asset.layout.width < 90,
|
|
1766
1784
|
selectable: 'selectable' in asset ? asset.selectable : selectable,
|
|
@@ -1776,6 +1794,8 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
|
|
|
1776
1794
|
AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1777
1795
|
assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
|
|
1778
1796
|
activeSummaryCard: defaultTheme.PropTypes.bool,
|
|
1797
|
+
displayVersionCount: defaultTheme.PropTypes.bool,
|
|
1798
|
+
displayVerificationIcon: defaultTheme.PropTypes.bool,
|
|
1779
1799
|
viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
|
|
1780
1800
|
thumbnailMaxHeight: defaultTheme.PropTypes.number,
|
|
1781
1801
|
selectable: defaultTheme.PropTypes.bool,
|
|
@@ -1793,6 +1813,8 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1793
1813
|
var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
|
|
1794
1814
|
var assets = _ref.assets,
|
|
1795
1815
|
activeSummaryCard = _ref.activeSummaryCard,
|
|
1816
|
+
displayVersionCount = _ref.displayVersionCount,
|
|
1817
|
+
displayVerificationIcon = _ref.displayVerificationIcon,
|
|
1796
1818
|
viewMode = _ref.viewMode,
|
|
1797
1819
|
thumbnailMaxHeight = _ref.thumbnailMaxHeight,
|
|
1798
1820
|
selectable = _ref.selectable,
|
|
@@ -1802,7 +1824,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
|
|
|
1802
1824
|
scrollElement = _ref.scrollElement,
|
|
1803
1825
|
onSoftSelectedChanged = _ref.onSoftSelectedChanged,
|
|
1804
1826
|
component = _ref.component,
|
|
1805
|
-
props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
|
|
1827
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
|
|
1806
1828
|
|
|
1807
1829
|
var _useState = React.useState(selectedAssetKeys || []),
|
|
1808
1830
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -1858,6 +1880,8 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
|
|
|
1858
1880
|
ref: forwardedRef,
|
|
1859
1881
|
assets: assets,
|
|
1860
1882
|
activeSummaryCard: activeSummaryCard,
|
|
1883
|
+
displayVersionCount: displayVersionCount,
|
|
1884
|
+
displayVerificationIcon: displayVerificationIcon,
|
|
1861
1885
|
thumbnailMaxHeight: thumbnailMaxHeight,
|
|
1862
1886
|
selectable: selectable,
|
|
1863
1887
|
selectedAssetKeys: selectedAssetKeysInternalState,
|
|
@@ -1873,6 +1897,8 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
|
|
|
1873
1897
|
});
|
|
1874
1898
|
AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1875
1899
|
assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
|
|
1900
|
+
displayVersionCount: defaultTheme.PropTypes.bool,
|
|
1901
|
+
displayVerificationIcon: defaultTheme.PropTypes.bool,
|
|
1876
1902
|
activeSummaryCard: defaultTheme.PropTypes.bool,
|
|
1877
1903
|
viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
|
|
1878
1904
|
thumbnailMaxHeight: defaultTheme.PropTypes.number,
|
|
@@ -1889,7 +1915,8 @@ AssetGallery.defaultProps = {
|
|
|
1889
1915
|
viewMode: 'compact',
|
|
1890
1916
|
thumbnailMaxHeight: 300,
|
|
1891
1917
|
selectedAssetKeys: [],
|
|
1892
|
-
activeSummaryCard: false
|
|
1918
|
+
activeSummaryCard: false,
|
|
1919
|
+
displayVerificationIcon: true
|
|
1893
1920
|
};
|
|
1894
1921
|
|
|
1895
1922
|
exports.AssetGallery = AssetGallery;
|
|
@@ -8,9 +8,9 @@ require('./Alert-13b75102.js');
|
|
|
8
8
|
require('./Badge-aec841c8.js');
|
|
9
9
|
require('./Popover-569cd272.js');
|
|
10
10
|
require('./Tab-f499ecbc.js');
|
|
11
|
-
require('./Tabs-
|
|
11
|
+
require('./Tabs-ea48ce3e.js');
|
|
12
12
|
var Tooltip = require('./Tooltip-66daf6e3.js');
|
|
13
|
-
require('./VerificationStatusIcon-
|
|
13
|
+
require('./VerificationStatusIcon-6fe95a92.js');
|
|
14
14
|
var styled = require('styled-components');
|
|
15
15
|
var Select = require('react-select');
|
|
16
16
|
var reactSelectAsyncPaginate = require('react-select-async-paginate');
|
|
@@ -6,9 +6,9 @@ require('./Alert-13b75102.js');
|
|
|
6
6
|
require('./Badge-aec841c8.js');
|
|
7
7
|
require('./Popover-569cd272.js');
|
|
8
8
|
require('./Tab-f499ecbc.js');
|
|
9
|
-
require('./Tabs-
|
|
9
|
+
require('./Tabs-ea48ce3e.js');
|
|
10
10
|
var Tooltip = require('./Tooltip-66daf6e3.js');
|
|
11
|
-
require('./VerificationStatusIcon-
|
|
11
|
+
require('./VerificationStatusIcon-6fe95a92.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 }; }
|
|
@@ -9,9 +9,9 @@ require('./Alert-13b75102.js');
|
|
|
9
9
|
require('./Badge-aec841c8.js');
|
|
10
10
|
require('./Popover-569cd272.js');
|
|
11
11
|
require('./Tab-f499ecbc.js');
|
|
12
|
-
require('./Tabs-
|
|
12
|
+
require('./Tabs-ea48ce3e.js');
|
|
13
13
|
var Tooltip = require('./Tooltip-66daf6e3.js');
|
|
14
|
-
require('./VerificationStatusIcon-
|
|
14
|
+
require('./VerificationStatusIcon-6fe95a92.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 }; }
|
|
@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
|
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
7
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
8
|
-
var TextArea = require('./TextArea-
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-5982dcf2.js');
|
|
8
|
+
var TextArea = require('./TextArea-72a3f301.js');
|
|
9
9
|
var styled = require('styled-components');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -7,9 +7,9 @@ require('./Alert-13b75102.js');
|
|
|
7
7
|
require('./Badge-aec841c8.js');
|
|
8
8
|
var Popover = require('./Popover-569cd272.js');
|
|
9
9
|
require('./Tab-f499ecbc.js');
|
|
10
|
-
require('./Tabs-
|
|
10
|
+
require('./Tabs-ea48ce3e.js');
|
|
11
11
|
require('./Tooltip-66daf6e3.js');
|
|
12
|
-
require('./VerificationStatusIcon-
|
|
12
|
+
require('./VerificationStatusIcon-6fe95a92.js');
|
|
13
13
|
var Checkbox = require('./Checkbox-68dc38a8.js');
|
|
14
14
|
var lodash = require('lodash');
|
|
15
15
|
var TextInput = require('./TextInput-0d109708.js');
|
|
@@ -44,7 +44,8 @@ var TabContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
|
|
|
44
44
|
var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef) {
|
|
45
45
|
var children = _ref.children,
|
|
46
46
|
defaultMinHeight = _ref.defaultMinHeight,
|
|
47
|
-
|
|
47
|
+
onChangeTabCallback = _ref.onChangeTabCallback,
|
|
48
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight", "onChangeTabCallback"]);
|
|
48
49
|
|
|
49
50
|
var _useState = React.useState(0),
|
|
50
51
|
_useState2 = defaultTheme._slicedToArray(_useState, 2),
|
|
@@ -60,6 +61,9 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
|
|
|
60
61
|
React.useEffect(function () {
|
|
61
62
|
setDefaultHeight(defaultMinHeight);
|
|
62
63
|
}, []);
|
|
64
|
+
React.useEffect(function () {
|
|
65
|
+
onChangeTabCallback(activeTab);
|
|
66
|
+
}, [activeTab]);
|
|
63
67
|
var tabs = React.useMemo(function () {
|
|
64
68
|
var tabs = [];
|
|
65
69
|
|
|
@@ -105,6 +109,15 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
|
|
|
105
109
|
|
|
106
110
|
return tabs;
|
|
107
111
|
}, [children]);
|
|
112
|
+
React.useEffect(function () {
|
|
113
|
+
if (!tabs.some(function (tab) {
|
|
114
|
+
return tab.key === activeTab;
|
|
115
|
+
})) {
|
|
116
|
+
var _tabs$2;
|
|
117
|
+
|
|
118
|
+
setActiveTab(((_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.key) || 0);
|
|
119
|
+
}
|
|
120
|
+
}, [tabs, activeTab]);
|
|
108
121
|
return React__default['default'].createElement(Tabs$1, defaultTheme._extends({
|
|
109
122
|
ref: forwardedRef
|
|
110
123
|
}, props, {
|
|
@@ -132,12 +145,14 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
|
|
|
132
145
|
})));
|
|
133
146
|
});
|
|
134
147
|
Tabs.defaultProps = {
|
|
135
|
-
defaultMinHeight: ''
|
|
148
|
+
defaultMinHeight: '',
|
|
149
|
+
onChangeTabCallback: function onChangeTabCallback() {}
|
|
136
150
|
};
|
|
137
151
|
Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
138
152
|
children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
|
|
139
153
|
backgroundColor: defaultTheme.PropTypes.string,
|
|
140
|
-
defaultMinHeight: defaultTheme.PropTypes.string
|
|
154
|
+
defaultMinHeight: defaultTheme.PropTypes.string,
|
|
155
|
+
onChangeTabCallback: defaultTheme.PropTypes.func
|
|
141
156
|
} : {};
|
|
142
157
|
|
|
143
158
|
exports.Tabs = Tabs;
|
|
@@ -8,9 +8,9 @@ require('./Alert-13b75102.js');
|
|
|
8
8
|
require('./Badge-aec841c8.js');
|
|
9
9
|
require('./Popover-569cd272.js');
|
|
10
10
|
require('./Tab-f499ecbc.js');
|
|
11
|
-
require('./Tabs-
|
|
11
|
+
require('./Tabs-ea48ce3e.js');
|
|
12
12
|
var Tooltip = require('./Tooltip-66daf6e3.js');
|
|
13
|
-
require('./VerificationStatusIcon-
|
|
13
|
+
require('./VerificationStatusIcon-6fe95a92.js');
|
|
14
14
|
var editNote = require('./edit-note-c47d292e.js');
|
|
15
15
|
var styled = require('styled-components');
|
|
16
16
|
|
|
@@ -268,11 +268,17 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
268
268
|
var memoizedDescriptionToolTip = React.useMemo(function () {
|
|
269
269
|
return descriptionToolTip;
|
|
270
270
|
}, [descriptionToolTip]);
|
|
271
|
+
React.useEffect(function () {
|
|
272
|
+
resetHeightToDefaultRows();
|
|
273
|
+
setExpanded(false);
|
|
274
|
+
}, []);
|
|
271
275
|
React.useEffect(function () {
|
|
272
276
|
setExpanded(false);
|
|
273
277
|
setDefaultInput(value || defaultValue);
|
|
278
|
+
resetHeightToDefaultRows();
|
|
274
279
|
}, [resetExpansion]);
|
|
275
280
|
React.useEffect(function () {
|
|
281
|
+
console.log('Expanded state:', expanded);
|
|
276
282
|
isExpanded(expanded);
|
|
277
283
|
}, [expanded]);
|
|
278
284
|
React.useLayoutEffect(function () {
|
|
@@ -281,6 +287,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
281
287
|
|
|
282
288
|
if (defaultValue !== null && defaultValue !== void 0 && defaultValue.length || (value === null || value === void 0 ? void 0 : value.length) != (defaultInput === null || defaultInput === void 0 ? void 0 : defaultInput.length)) {
|
|
283
289
|
calculateHeight();
|
|
290
|
+
setExpanded(true);
|
|
284
291
|
}
|
|
285
292
|
}, [value, defaultValue, rows]);
|
|
286
293
|
React.useEffect(function () {
|
|
@@ -288,11 +295,26 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
288
295
|
initialHeightRef.current = null;
|
|
289
296
|
}, [rows]);
|
|
290
297
|
|
|
298
|
+
var resetHeightToDefaultRows = function resetHeightToDefaultRows() {
|
|
299
|
+
var textareaRefCurrent = textInputDomNode.current;
|
|
300
|
+
|
|
301
|
+
if (textareaRefCurrent !== null) {
|
|
302
|
+
textareaRefCurrent.style.height = "".concat(defaultHeight, "px");
|
|
303
|
+
console.log('textareaRefCurrent.style.height state:', textareaRefCurrent.style.height);
|
|
304
|
+
console.log('defaultHeight state:', defaultHeight);
|
|
305
|
+
}
|
|
306
|
+
};
|
|
307
|
+
|
|
291
308
|
var handleTextAreaClick = function handleTextAreaClick() {
|
|
292
309
|
var textareaRefCurrent = textInputDomNode.current;
|
|
293
310
|
|
|
294
311
|
if (textareaRefCurrent !== null) {
|
|
295
312
|
textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight, "px");
|
|
313
|
+
console.log('textareaRefCurrent.style.height on click state:', textareaRefCurrent.style.height);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
if (!expanded) {
|
|
317
|
+
setExpanded(true);
|
|
296
318
|
}
|
|
297
319
|
};
|
|
298
320
|
|
|
@@ -302,6 +324,9 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
302
324
|
if (textareaRefCurrent !== null) {
|
|
303
325
|
textareaRefCurrent.style.height = expanded ? "".concat(rows * 16, "px") : "".concat(textareaRefCurrent.scrollHeight, "px");
|
|
304
326
|
}
|
|
327
|
+
|
|
328
|
+
console.log('textareaRefCurrent.style.height on handleTextAreaShowLess :', textareaRefCurrent.style.height);
|
|
329
|
+
setExpanded(!expanded);
|
|
305
330
|
};
|
|
306
331
|
|
|
307
332
|
var calculateRows = function calculateRows() {
|
|
@@ -309,6 +334,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
309
334
|
|
|
310
335
|
if (textareaRefCurrent !== null) {
|
|
311
336
|
var textAreaHeight = textareaRefCurrent.scrollHeight;
|
|
337
|
+
console.log('textAreaHeight :', textAreaHeight);
|
|
312
338
|
var lineHeight = 16;
|
|
313
339
|
var calculatedRows = Math.floor(textAreaHeight / lineHeight);
|
|
314
340
|
var defaultRowsHeight = rows * lineHeight;
|
|
@@ -336,6 +362,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
336
362
|
}
|
|
337
363
|
|
|
338
364
|
setScrollHeightExceedsRows(newHeight > (initialHeightRef.current || 0));
|
|
365
|
+
setExpanded(newHeight > (initialHeightRef.current || 0));
|
|
339
366
|
}
|
|
340
367
|
};
|
|
341
368
|
|
|
@@ -30,15 +30,20 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
30
30
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
31
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
32
|
|
|
33
|
-
var _templateObject, _templateObject2;
|
|
34
|
-
var
|
|
33
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
34
|
+
var VerificationIconWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
|
|
35
|
+
return props.background && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n background-color: #000 !important;\n width: fit-content;\n padding: 6px 14px 6px 9px;\n border-radius: 15px;\n}\n "])));
|
|
36
|
+
});
|
|
37
|
+
var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n font: normal normal normal 12px/16px Roboto;\n ", ";\n\n ", ";\n\n svg {\n height: ", "px;\n }\n"])), function (props) {
|
|
35
38
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
|
|
39
|
+
}, function (props) {
|
|
40
|
+
return props.background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
|
|
36
41
|
}, function (props) {
|
|
37
42
|
var _props$iconHeight;
|
|
38
43
|
|
|
39
44
|
return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
|
|
40
45
|
});
|
|
41
|
-
var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
|
|
46
|
+
var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n ", ";\n"])), function (props) {
|
|
42
47
|
var _props$iconHeight2;
|
|
43
48
|
|
|
44
49
|
return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
|
|
@@ -56,13 +61,13 @@ var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.
|
|
|
56
61
|
|
|
57
62
|
if (props.status === 'verified') {
|
|
58
63
|
darkThemeColor = props.theme.getColor('emerald-500');
|
|
59
|
-
lightThemeColor = props.theme.getColor('emerald-
|
|
64
|
+
lightThemeColor = props.theme.getColor('emerald-500');
|
|
60
65
|
} else if (props.status === 'pending') {
|
|
61
|
-
darkThemeColor = props.theme.getColor('
|
|
66
|
+
darkThemeColor = props.theme.getColor('signal-yellow-500');
|
|
62
67
|
lightThemeColor = props.theme.getColor('signal-yellow-500');
|
|
63
68
|
} else if (props.status === 'rejected') {
|
|
64
69
|
darkThemeColor = props.theme.getColor('red-600');
|
|
65
|
-
lightThemeColor = props.theme.getColor('red-
|
|
70
|
+
lightThemeColor = props.theme.getColor('red-600');
|
|
66
71
|
}
|
|
67
72
|
|
|
68
73
|
return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
|
|
@@ -85,22 +90,29 @@ function SvgVerification(props) {
|
|
|
85
90
|
var VerificationStatusIcon = React__default['default'].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
|
|
86
91
|
var status = _ref.status,
|
|
87
92
|
iconHeight = _ref.iconHeight,
|
|
88
|
-
|
|
93
|
+
background = _ref.background,
|
|
94
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight", "background"]);
|
|
89
95
|
|
|
90
|
-
return React__default['default'].createElement(
|
|
96
|
+
return React__default['default'].createElement(VerificationIconWrapper, {
|
|
97
|
+
background: background
|
|
98
|
+
}, React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
|
|
91
99
|
iconHeight: iconHeight,
|
|
100
|
+
background: background,
|
|
92
101
|
ref: forwardedRef
|
|
93
102
|
}, props), React__default['default'].createElement(SvgVerification, null), React__default['default'].createElement(VerificationStatusColor, {
|
|
94
103
|
iconHeight: iconHeight,
|
|
95
|
-
status: status
|
|
96
|
-
|
|
104
|
+
status: status,
|
|
105
|
+
background: background
|
|
106
|
+
})));
|
|
97
107
|
});
|
|
98
108
|
VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
99
109
|
status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected']).isRequired,
|
|
100
|
-
iconHeight: defaultTheme.PropTypes.number
|
|
110
|
+
iconHeight: defaultTheme.PropTypes.number,
|
|
111
|
+
background: defaultTheme.PropTypes.bool
|
|
101
112
|
} : {};
|
|
102
113
|
VerificationStatusIcon.defaultProps = {
|
|
103
|
-
iconHeight: 15
|
|
114
|
+
iconHeight: 15,
|
|
115
|
+
background: false
|
|
104
116
|
};
|
|
105
117
|
|
|
106
118
|
exports.VerificationStatusIcon = VerificationStatusIcon;
|
package/data/Tabs/index.js
CHANGED
package/data/index.js
CHANGED
|
@@ -6,9 +6,9 @@ var Alert = require('../Alert-13b75102.js');
|
|
|
6
6
|
var Badge = require('../Badge-aec841c8.js');
|
|
7
7
|
var Popover = require('../Popover-569cd272.js');
|
|
8
8
|
var Tab = require('../Tab-f499ecbc.js');
|
|
9
|
-
var Tabs = require('../Tabs-
|
|
9
|
+
var Tabs = require('../Tabs-ea48ce3e.js');
|
|
10
10
|
var Tooltip = require('../Tooltip-66daf6e3.js');
|
|
11
|
-
var VerificationStatusIcon = require('../VerificationStatusIcon-
|
|
11
|
+
var VerificationStatusIcon = require('../VerificationStatusIcon-6fe95a92.js');
|
|
12
12
|
require('../defaultTheme-ea44e34a.js');
|
|
13
13
|
require('styled-components');
|
|
14
14
|
require('react');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-5982dcf2.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -14,9 +14,9 @@ require('@tippyjs/react');
|
|
|
14
14
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
15
15
|
require('popper-max-size-modifier');
|
|
16
16
|
require('../../Tab-f499ecbc.js');
|
|
17
|
-
require('../../Tabs-
|
|
17
|
+
require('../../Tabs-ea48ce3e.js');
|
|
18
18
|
require('../../Tooltip-66daf6e3.js');
|
|
19
|
-
require('../../VerificationStatusIcon-
|
|
19
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
20
20
|
require('react-select');
|
|
21
21
|
require('react-select-async-paginate');
|
|
22
22
|
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactStarRating = require('../../CompactStarRating-
|
|
3
|
+
var CompactStarRating = require('../../CompactStarRating-a754fc6f.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -13,9 +13,9 @@ require('@tippyjs/react');
|
|
|
13
13
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
14
14
|
require('popper-max-size-modifier');
|
|
15
15
|
require('../../Tab-f499ecbc.js');
|
|
16
|
-
require('../../Tabs-
|
|
16
|
+
require('../../Tabs-ea48ce3e.js');
|
|
17
17
|
require('../../Tooltip-66daf6e3.js');
|
|
18
|
-
require('../../VerificationStatusIcon-
|
|
18
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactTextInput = require('../../CompactTextInput-
|
|
3
|
+
var CompactTextInput = require('../../CompactTextInput-baf13d5c.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
@@ -15,9 +15,9 @@ require('@tippyjs/react');
|
|
|
15
15
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
16
16
|
require('popper-max-size-modifier');
|
|
17
17
|
require('../../Tab-f499ecbc.js');
|
|
18
|
-
require('../../Tabs-
|
|
18
|
+
require('../../Tabs-ea48ce3e.js');
|
|
19
19
|
require('../../Tooltip-66daf6e3.js');
|
|
20
|
-
require('../../VerificationStatusIcon-
|
|
20
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
package/inputs/TextArea/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextArea = require('../../TextArea-
|
|
3
|
+
var TextArea = require('../../TextArea-72a3f301.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -15,9 +15,9 @@ require('@tippyjs/react');
|
|
|
15
15
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
16
16
|
require('popper-max-size-modifier');
|
|
17
17
|
require('../../Tab-f499ecbc.js');
|
|
18
|
-
require('../../Tabs-
|
|
18
|
+
require('../../Tabs-ea48ce3e.js');
|
|
19
19
|
require('../../Tooltip-66daf6e3.js');
|
|
20
|
-
require('../../VerificationStatusIcon-
|
|
20
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
21
21
|
require('../../edit-note-c47d292e.js');
|
|
22
22
|
|
|
23
23
|
|
package/inputs/index.js
CHANGED
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var ActionButton = require('../ActionButton-
|
|
5
|
+
var ActionButton = require('../ActionButton-46735b89.js');
|
|
6
6
|
var Button = require('../Button-49f82b31.js');
|
|
7
7
|
var Checkbox = require('../Checkbox-68dc38a8.js');
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
9
|
-
var CompactStarRating = require('../CompactStarRating-
|
|
10
|
-
var CompactTextInput = require('../CompactTextInput-
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-5982dcf2.js');
|
|
9
|
+
var CompactStarRating = require('../CompactStarRating-a754fc6f.js');
|
|
10
|
+
var CompactTextInput = require('../CompactTextInput-baf13d5c.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
|
|
12
12
|
var Radio = require('../Radio-32d0513a.js');
|
|
13
|
-
var TextArea = require('../TextArea-
|
|
13
|
+
var TextArea = require('../TextArea-72a3f301.js');
|
|
14
14
|
var TextInput = require('../TextInput-0d109708.js');
|
|
15
15
|
var Switch = require('../Switch-4a41585f.js');
|
|
16
|
-
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-
|
|
16
|
+
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-24c88aaa.js');
|
|
17
17
|
require('../defaultTheme-ea44e34a.js');
|
|
18
18
|
require('styled-components');
|
|
19
19
|
require('react');
|
|
@@ -29,9 +29,9 @@ require('nanoid');
|
|
|
29
29
|
require('../Alert-13b75102.js');
|
|
30
30
|
require('../Badge-aec841c8.js');
|
|
31
31
|
require('../Tab-f499ecbc.js');
|
|
32
|
-
require('../Tabs-
|
|
32
|
+
require('../Tabs-ea48ce3e.js');
|
|
33
33
|
require('../Tooltip-66daf6e3.js');
|
|
34
|
-
require('../VerificationStatusIcon-
|
|
34
|
+
require('../VerificationStatusIcon-6fe95a92.js');
|
|
35
35
|
require('react-select');
|
|
36
36
|
require('react-select-async-paginate');
|
|
37
37
|
require('../react-select-creatable.esm-2f23d6c6.js');
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-ad882f6f.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../useMergedRefs-b6d2f8fc.js');
|
|
9
9
|
require('resize-observer-polyfill');
|
|
10
|
-
require('../../MultiLevelCheckboxSelect-
|
|
10
|
+
require('../../MultiLevelCheckboxSelect-24c88aaa.js');
|
|
11
11
|
require('../../Alert-13b75102.js');
|
|
12
12
|
require('../../Badge-aec841c8.js');
|
|
13
13
|
require('../../Popover-569cd272.js');
|
|
@@ -16,9 +16,9 @@ require('@tippyjs/react');
|
|
|
16
16
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
17
17
|
require('popper-max-size-modifier');
|
|
18
18
|
require('../../Tab-f499ecbc.js');
|
|
19
|
-
require('../../Tabs-
|
|
19
|
+
require('../../Tabs-ea48ce3e.js');
|
|
20
20
|
require('../../Tooltip-66daf6e3.js');
|
|
21
|
-
require('../../VerificationStatusIcon-
|
|
21
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
22
22
|
require('../../Checkbox-68dc38a8.js');
|
|
23
23
|
require('nanoid');
|
|
24
24
|
require('../../TextInput-0d109708.js');
|
|
@@ -28,20 +28,20 @@ require('../../SectionSeparator-259a22ed.js');
|
|
|
28
28
|
require('../../close-ebf2f3cf.js');
|
|
29
29
|
require('react-lazy-load-image-component');
|
|
30
30
|
require('../../warning-circle-24522402.js');
|
|
31
|
-
require('../../ActionButton-
|
|
31
|
+
require('../../ActionButton-46735b89.js');
|
|
32
32
|
require('../../Button-49f82b31.js');
|
|
33
33
|
require('../../ContextMenu-4ec3d9f3.js');
|
|
34
34
|
require('../../expand-more-94585605.js');
|
|
35
|
-
require('../../CompactAutocompleteSelect-
|
|
35
|
+
require('../../CompactAutocompleteSelect-5982dcf2.js');
|
|
36
36
|
require('react-select');
|
|
37
37
|
require('react-select-async-paginate');
|
|
38
38
|
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
39
39
|
require('react-dom');
|
|
40
|
-
require('../../CompactStarRating-
|
|
41
|
-
require('../../CompactTextInput-
|
|
40
|
+
require('../../CompactStarRating-a754fc6f.js');
|
|
41
|
+
require('../../CompactTextInput-baf13d5c.js');
|
|
42
42
|
require('../../MultiSelect-4b8d3d0d.js');
|
|
43
43
|
require('../../Radio-32d0513a.js');
|
|
44
|
-
require('../../TextArea-
|
|
44
|
+
require('../../TextArea-72a3f301.js');
|
|
45
45
|
require('../../Switch-4a41585f.js');
|
|
46
46
|
require('../../ContextMenuItem-ba2b697e.js');
|
|
47
47
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
3
|
+
var Instructions = require('../../Instructions-eea791d6.js');
|
|
4
4
|
require('../../defaultTheme-ea44e34a.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../warning-circle-24522402.js');
|
|
9
|
-
require('../../CompactAutocompleteSelect-
|
|
9
|
+
require('../../CompactAutocompleteSelect-5982dcf2.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../../Alert-13b75102.js');
|
|
12
12
|
require('../../Badge-aec841c8.js');
|
|
@@ -16,16 +16,16 @@ require('@tippyjs/react');
|
|
|
16
16
|
require('../../shift-away-subtle-0bed9a3c.js');
|
|
17
17
|
require('popper-max-size-modifier');
|
|
18
18
|
require('../../Tab-f499ecbc.js');
|
|
19
|
-
require('../../Tabs-
|
|
19
|
+
require('../../Tabs-ea48ce3e.js');
|
|
20
20
|
require('../../Tooltip-66daf6e3.js');
|
|
21
|
-
require('../../VerificationStatusIcon-
|
|
21
|
+
require('../../VerificationStatusIcon-6fe95a92.js');
|
|
22
22
|
require('react-select');
|
|
23
23
|
require('react-select-async-paginate');
|
|
24
24
|
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
25
25
|
require('react-dom');
|
|
26
26
|
require('../../close-ebf2f3cf.js');
|
|
27
27
|
require('../../expand-more-94585605.js');
|
|
28
|
-
require('../../TextArea-
|
|
28
|
+
require('../../TextArea-72a3f301.js');
|
|
29
29
|
require('../../useMergedRefs-b6d2f8fc.js');
|
|
30
30
|
require('../../edit-note-c47d292e.js');
|
|
31
31
|
|
package/widgets/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-ad882f6f.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
8
|
+
var Instructions = require('../Instructions-eea791d6.js');
|
|
9
9
|
require('../defaultTheme-ea44e34a.js');
|
|
10
10
|
require('styled-components');
|
|
11
11
|
require('lodash');
|
|
12
12
|
require('react');
|
|
13
13
|
require('../useMergedRefs-b6d2f8fc.js');
|
|
14
14
|
require('resize-observer-polyfill');
|
|
15
|
-
require('../MultiLevelCheckboxSelect-
|
|
15
|
+
require('../MultiLevelCheckboxSelect-24c88aaa.js');
|
|
16
16
|
require('../Alert-13b75102.js');
|
|
17
17
|
require('../Badge-aec841c8.js');
|
|
18
18
|
require('../Popover-569cd272.js');
|
|
@@ -21,9 +21,9 @@ require('@tippyjs/react');
|
|
|
21
21
|
require('../shift-away-subtle-0bed9a3c.js');
|
|
22
22
|
require('popper-max-size-modifier');
|
|
23
23
|
require('../Tab-f499ecbc.js');
|
|
24
|
-
require('../Tabs-
|
|
24
|
+
require('../Tabs-ea48ce3e.js');
|
|
25
25
|
require('../Tooltip-66daf6e3.js');
|
|
26
|
-
require('../VerificationStatusIcon-
|
|
26
|
+
require('../VerificationStatusIcon-6fe95a92.js');
|
|
27
27
|
require('../Checkbox-68dc38a8.js');
|
|
28
28
|
require('nanoid');
|
|
29
29
|
require('../TextInput-0d109708.js');
|
|
@@ -33,19 +33,19 @@ require('../SectionSeparator-259a22ed.js');
|
|
|
33
33
|
require('../close-ebf2f3cf.js');
|
|
34
34
|
require('react-lazy-load-image-component');
|
|
35
35
|
require('../warning-circle-24522402.js');
|
|
36
|
-
require('../ActionButton-
|
|
36
|
+
require('../ActionButton-46735b89.js');
|
|
37
37
|
require('../Button-49f82b31.js');
|
|
38
38
|
require('../expand-more-94585605.js');
|
|
39
|
-
require('../CompactAutocompleteSelect-
|
|
39
|
+
require('../CompactAutocompleteSelect-5982dcf2.js');
|
|
40
40
|
require('react-select');
|
|
41
41
|
require('react-select-async-paginate');
|
|
42
42
|
require('../react-select-creatable.esm-2f23d6c6.js');
|
|
43
43
|
require('react-dom');
|
|
44
|
-
require('../CompactStarRating-
|
|
45
|
-
require('../CompactTextInput-
|
|
44
|
+
require('../CompactStarRating-a754fc6f.js');
|
|
45
|
+
require('../CompactTextInput-baf13d5c.js');
|
|
46
46
|
require('../MultiSelect-4b8d3d0d.js');
|
|
47
47
|
require('../Radio-32d0513a.js');
|
|
48
|
-
require('../TextArea-
|
|
48
|
+
require('../TextArea-72a3f301.js');
|
|
49
49
|
require('../Switch-4a41585f.js');
|
|
50
50
|
require('../ContextMenuItem-ba2b697e.js');
|
|
51
51
|
|