@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.
@@ -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 height: 40px;\n width: 40px;\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) {
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
- props = defaultTheme._objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick"]);
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-040d2f28.js');
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-a8c77f71.js');
16
+ require('./Tabs-ea48ce3e.js');
17
17
  var Tooltip = require('./Tooltip-66daf6e3.js');
18
- require('./VerificationStatusIcon-b574fd21.js');
19
- var ActionButton = require('./ActionButton-06df3d6c.js');
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-86e10ff4.js');
23
- require('./CompactStarRating-f1e62f3e.js');
24
- require('./CompactTextInput-c27d33c1.js');
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-42cb0bfd.js');
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 OverlayInfoTopVersions$1 = 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) {
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(OverlayInfoTopVersions$1, {
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(OverlayInfoTopVersions$1, {
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-a8c77f71.js');
11
+ require('./Tabs-ea48ce3e.js');
12
12
  var Tooltip = require('./Tooltip-66daf6e3.js');
13
- require('./VerificationStatusIcon-b574fd21.js');
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-a8c77f71.js');
9
+ require('./Tabs-ea48ce3e.js');
10
10
  var Tooltip = require('./Tooltip-66daf6e3.js');
11
- require('./VerificationStatusIcon-b574fd21.js');
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-a8c77f71.js');
12
+ require('./Tabs-ea48ce3e.js');
13
13
  var Tooltip = require('./Tooltip-66daf6e3.js');
14
- require('./VerificationStatusIcon-b574fd21.js');
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-86e10ff4.js');
8
- var TextArea = require('./TextArea-42cb0bfd.js');
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-a8c77f71.js');
10
+ require('./Tabs-ea48ce3e.js');
11
11
  require('./Tooltip-66daf6e3.js');
12
- require('./VerificationStatusIcon-b574fd21.js');
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
- props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight"]);
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-a8c77f71.js');
11
+ require('./Tabs-ea48ce3e.js');
12
12
  var Tooltip = require('./Tooltip-66daf6e3.js');
13
- require('./VerificationStatusIcon-b574fd21.js');
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 VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n font: normal normal normal 12px/16px Roboto;\n\n ", ";\n\n svg {\n height: ", "px;\n }\n"])), function (props) {
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)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n\n ", "\n"])), function (props) {
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-300');
64
+ lightThemeColor = props.theme.getColor('emerald-500');
60
65
  } else if (props.status === 'pending') {
61
- darkThemeColor = props.theme.getColor('brown-500');
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-200');
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
- props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight"]);
93
+ background = _ref.background,
94
+ props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight", "background"]);
89
95
 
90
- return React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
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;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-a8c77f71.js');
3
+ var Tabs = require('../../Tabs-ea48ce3e.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
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-a8c77f71.js');
9
+ var Tabs = require('../Tabs-ea48ce3e.js');
10
10
  var Tooltip = require('../Tooltip-66daf6e3.js');
11
- var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
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 ActionButton = require('../../ActionButton-06df3d6c.js');
3
+ var ActionButton = require('../../ActionButton-46735b89.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-86e10ff4.js');
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-a8c77f71.js');
17
+ require('../../Tabs-ea48ce3e.js');
18
18
  require('../../Tooltip-66daf6e3.js');
19
- require('../../VerificationStatusIcon-b574fd21.js');
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-f1e62f3e.js');
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-a8c77f71.js');
16
+ require('../../Tabs-ea48ce3e.js');
17
17
  require('../../Tooltip-66daf6e3.js');
18
- require('../../VerificationStatusIcon-b574fd21.js');
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-c27d33c1.js');
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-a8c77f71.js');
18
+ require('../../Tabs-ea48ce3e.js');
19
19
  require('../../Tooltip-66daf6e3.js');
20
- require('../../VerificationStatusIcon-b574fd21.js');
20
+ require('../../VerificationStatusIcon-6fe95a92.js');
21
21
 
22
22
 
23
23
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-42cb0bfd.js');
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-a8c77f71.js');
18
+ require('../../Tabs-ea48ce3e.js');
19
19
  require('../../Tooltip-66daf6e3.js');
20
- require('../../VerificationStatusIcon-b574fd21.js');
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-06df3d6c.js');
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-86e10ff4.js');
9
- var CompactStarRating = require('../CompactStarRating-f1e62f3e.js');
10
- var CompactTextInput = require('../CompactTextInput-c27d33c1.js');
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-42cb0bfd.js');
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-040d2f28.js');
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-a8c77f71.js');
32
+ require('../Tabs-ea48ce3e.js');
33
33
  require('../Tooltip-66daf6e3.js');
34
- require('../VerificationStatusIcon-b574fd21.js');
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.74",
3
+ "version": "1.2.0-rc.75",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-54ea7e74.js');
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-040d2f28.js');
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-a8c77f71.js');
19
+ require('../../Tabs-ea48ce3e.js');
20
20
  require('../../Tooltip-66daf6e3.js');
21
- require('../../VerificationStatusIcon-b574fd21.js');
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-06df3d6c.js');
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-86e10ff4.js');
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-f1e62f3e.js');
41
- require('../../CompactTextInput-c27d33c1.js');
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-42cb0bfd.js');
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-d2984770.js');
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-86e10ff4.js');
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-a8c77f71.js');
19
+ require('../../Tabs-ea48ce3e.js');
20
20
  require('../../Tooltip-66daf6e3.js');
21
- require('../../VerificationStatusIcon-b574fd21.js');
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-42cb0bfd.js');
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-54ea7e74.js');
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-d2984770.js');
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-040d2f28.js');
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-a8c77f71.js');
24
+ require('../Tabs-ea48ce3e.js');
25
25
  require('../Tooltip-66daf6e3.js');
26
- require('../VerificationStatusIcon-b574fd21.js');
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-06df3d6c.js');
36
+ require('../ActionButton-46735b89.js');
37
37
  require('../Button-49f82b31.js');
38
38
  require('../expand-more-94585605.js');
39
- require('../CompactAutocompleteSelect-86e10ff4.js');
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-f1e62f3e.js');
45
- require('../CompactTextInput-c27d33c1.js');
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-42cb0bfd.js');
48
+ require('../TextArea-72a3f301.js');
49
49
  require('../Switch-4a41585f.js');
50
50
  require('../ContextMenuItem-ba2b697e.js');
51
51