@ntbjs/react-components 1.1.0-beta.3 → 1.1.0-beta.31

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.
Files changed (41) hide show
  1. package/Alert-fcc0bb50.js +62 -0
  2. package/{AssetGallery-3696cf3c.js → AssetGallery-b6b43bbf.js} +17 -29
  3. package/{AssetPreviewTopBar-777c726a.js → AssetPreviewTopBar-020a6f96.js} +1 -1
  4. package/{AutocompleteSelect-46dbe1eb.js → AutocompleteSelect-e82bd937.js} +1 -1
  5. package/{Badge-86593df4.js → Badge-34ad2850.js} +1 -1
  6. package/{Button-01371eb4.js → Button-0df54220.js} +2 -2
  7. package/{CompactStarRating-f9997240.js → CompactStarRating-36e6b7b0.js} +24 -22
  8. package/{CompactTextInput-15118df5.js → CompactTextInput-6f22ebd6.js} +6 -5
  9. package/{ContextMenu-a68d4f28.js → ContextMenu-ccb7a26a.js} +1 -1
  10. package/Instructions-f8301b0b.js +206 -0
  11. package/{MultiSelect-1568f6e9.js → MultiSelect-3eca3c3e.js} +5 -1
  12. package/{Popover-616682bf.js → Popover-de874e41.js} +1 -6
  13. package/{Tab-06b7a58d.js → Tab-fc380f0b.js} +1 -1
  14. package/{Tabs-cfbf45fe.js → Tabs-0aa159fa.js} +2 -2
  15. package/{TextArea-8a0bd754.js → TextArea-efe4fa88.js} +1 -1
  16. package/{Tooltip-860530ff.js → Tooltip-3bb6463f.js} +13 -11
  17. package/data/Alert/index.js +10 -0
  18. package/data/Badge/index.js +1 -1
  19. package/data/Popover/index.js +2 -1
  20. package/data/Tab/index.js +1 -1
  21. package/data/Tabs/index.js +2 -2
  22. package/data/Tooltip/index.js +12 -0
  23. package/data/index.js +10 -7
  24. package/inputs/AutocompleteSelect/index.js +2 -2
  25. package/inputs/Button/index.js +4 -3
  26. package/inputs/CompactStarRating/index.js +1 -1
  27. package/inputs/CompactTextInput/index.js +8 -6
  28. package/inputs/MultiSelect/index.js +2 -2
  29. package/inputs/TextArea/index.js +1 -1
  30. package/inputs/index.js +15 -13
  31. package/package.json +2 -2
  32. package/{react-select-creatable.esm-efe1e1ae.js → react-select-creatable.esm-eb462367.js} +14 -8
  33. package/shift-away-subtle-0bdd3b0d.js +9 -0
  34. package/warning-circle-24522402.js +41 -0
  35. package/widgets/AssetGallery/index.js +17 -14
  36. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +1 -1
  37. package/widgets/ContextMenu/ContextMenuItem/index.js +112 -0
  38. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +32 -0
  39. package/widgets/ContextMenu/index.js +1 -1
  40. package/widgets/Instructions/index.js +22 -0
  41. package/widgets/index.js +20 -15
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var TippyTooltip = require('@tippyjs/react');
7
- require('./Popover-616682bf.js');
7
+ require('./shift-away-subtle-0bdd3b0d.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -13,7 +13,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
13
  var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
14
14
 
15
15
  var _templateObject;
16
- var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n\n .tippy-content {\n padding: 9px 12px;\n }\n\n .tippy-arrow {\n color: ", ";\n }\n\n a {\n color: inherit;\n }\n"])), function (props) {
16
+ var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n z-index: 999999 !important;\n\n .tippy-tooltip {\n z-index: 999999 !important;\n }\n\n .tippy-content {\n padding: 9px 12px;\n z-index: 999999 !important;\n }\n\n .tippy-arrow {\n color: ", ";\n z-index: 999999 !important;\n }\n\n a {\n color: inherit;\n z-index: 999999 !important;\n }\n"])), function (props) {
17
17
  return props.theme.primaryFontFamily;
18
18
  }, function (props) {
19
19
  return props.theme.getColor('gray-700');
@@ -26,8 +26,9 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
26
26
  interactive = _ref.interactive,
27
27
  placement = _ref.placement,
28
28
  duration = _ref.duration,
29
+ trigger = _ref.trigger,
29
30
  children = _ref.children,
30
- props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "children"]);
31
+ props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
31
32
 
32
33
  return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
33
34
  ref: ref,
@@ -35,17 +36,10 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
35
36
  interactive: interactive,
36
37
  placement: placement,
37
38
  duration: duration,
39
+ trigger: trigger,
38
40
  animation: 'shift-away-subtle'
39
41
  }, props), children);
40
42
  });
41
- Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
42
- content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
43
- interactive: defaultTheme.PropTypes.bool,
44
- placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
45
- duration: defaultTheme.PropTypes.number,
46
- trigger: defaultTheme.PropTypes.string,
47
- children: defaultTheme.PropTypes.node.isRequired
48
- } : {};
49
43
  Tooltip.defaultProps = {
50
44
  content: 'Tooltip',
51
45
  interactive: false,
@@ -53,5 +47,13 @@ Tooltip.defaultProps = {
53
47
  duration: 350,
54
48
  trigger: 'mouseenter focus'
55
49
  };
50
+ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
51
+ content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
52
+ interactive: defaultTheme.PropTypes.bool,
53
+ placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
54
+ duration: defaultTheme.PropTypes.number,
55
+ trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
56
+ children: defaultTheme.PropTypes.node
57
+ } : {};
56
58
 
57
59
  exports.Tooltip = Tooltip;
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var Alert = require('../../Alert-fcc0bb50.js');
4
+ require('../../defaultTheme-870f7df1.js');
5
+ require('styled-components');
6
+ require('react');
7
+
8
+
9
+
10
+ module.exports = Alert.Alert;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Badge = require('../../Badge-86593df4.js');
3
+ var Badge = require('../../Badge-34ad2850.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,12 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-616682bf.js');
3
+ var Popover = require('../../Popover-de874e41.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
8
8
  require('polished');
9
9
  require('@tippyjs/react');
10
+ require('../../shift-away-subtle-0bdd3b0d.js');
10
11
 
11
12
 
12
13
 
package/data/Tab/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tab = require('../../Tab-06b7a58d.js');
3
+ var Tab = require('../../Tab-fc380f0b.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-cfbf45fe.js');
3
+ var Tabs = require('../../Tabs-0aa159fa.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Tab-06b7a58d.js');
7
+ require('../../Tab-fc380f0b.js');
8
8
  require('lodash');
9
9
 
10
10
 
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var Tooltip = require('../../Tooltip-3bb6463f.js');
4
+ require('../../defaultTheme-870f7df1.js');
5
+ require('styled-components');
6
+ require('react');
7
+ require('@tippyjs/react');
8
+ require('../../shift-away-subtle-0bdd3b0d.js');
9
+
10
+
11
+
12
+ module.exports = Tooltip.Tooltip;
package/data/index.js CHANGED
@@ -2,22 +2,25 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Popover = require('../Popover-616682bf.js');
6
- var Tooltip = require('../Tooltip-860530ff.js');
7
- var Tab = require('../Tab-06b7a58d.js');
8
- var Tabs = require('../Tabs-cfbf45fe.js');
9
- var Badge = require('../Badge-86593df4.js');
5
+ var Alert = require('../Alert-fcc0bb50.js');
6
+ var Badge = require('../Badge-34ad2850.js');
7
+ var Popover = require('../Popover-de874e41.js');
8
+ var Tab = require('../Tab-fc380f0b.js');
9
+ var Tabs = require('../Tabs-0aa159fa.js');
10
+ var Tooltip = require('../Tooltip-3bb6463f.js');
10
11
  require('../defaultTheme-870f7df1.js');
11
12
  require('styled-components');
12
13
  require('react');
13
14
  require('lodash');
14
15
  require('polished');
15
16
  require('@tippyjs/react');
17
+ require('../shift-away-subtle-0bdd3b0d.js');
16
18
 
17
19
 
18
20
 
21
+ exports.Alert = Alert.Alert;
22
+ exports.Badge = Badge.Badge;
19
23
  exports.Popover = Popover.Popover;
20
- exports.Tooltip = Tooltip.Tooltip;
21
24
  exports.Tab = Tab.Tab;
22
25
  exports.Tabs = Tabs.Tabs;
23
- exports.Badge = Badge.Badge;
26
+ exports.Tooltip = Tooltip.Tooltip;
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var AutocompleteSelect = require('../../AutocompleteSelect-46dbe1eb.js');
3
+ var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('lodash');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-efe1e1ae.js');
10
+ require('../../react-select-creatable.esm-eb462367.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
  require('../../close-ebf2f3cf.js');
@@ -1,14 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-01371eb4.js');
3
+ var Button = require('../../Button-0df54220.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-616682bf.js');
7
+ require('../../Popover-de874e41.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
11
- require('../../ContextMenu-a68d4f28.js');
11
+ require('../../shift-away-subtle-0bdd3b0d.js');
12
+ require('../../ContextMenu-ccb7a26a.js');
12
13
  require('../../expand-more-94585605.js');
13
14
 
14
15
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-f9997240.js');
3
+ var CompactStarRating = require('../../CompactStarRating-36e6b7b0.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,19 +1,21 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-15118df5.js');
3
+ var CompactTextInput = require('../../CompactTextInput-6f22ebd6.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('lodash');
9
9
  require('../../edit-note-c47d292e.js');
10
- require('../../Popover-616682bf.js');
10
+ require('../../Alert-fcc0bb50.js');
11
+ require('../../Badge-34ad2850.js');
12
+ require('../../Popover-de874e41.js');
11
13
  require('polished');
12
14
  require('@tippyjs/react');
13
- require('../../Tooltip-860530ff.js');
14
- require('../../Tab-06b7a58d.js');
15
- require('../../Tabs-cfbf45fe.js');
16
- require('../../Badge-86593df4.js');
15
+ require('../../shift-away-subtle-0bdd3b0d.js');
16
+ require('../../Tab-fc380f0b.js');
17
+ require('../../Tabs-0aa159fa.js');
18
+ require('../../Tooltip-3bb6463f.js');
17
19
 
18
20
 
19
21
 
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-1568f6e9.js');
3
+ var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../close-ebf2f3cf.js');
8
8
  require('react-select');
9
- require('../../react-select-creatable.esm-efe1e1ae.js');
9
+ require('../../react-select-creatable.esm-eb462367.js');
10
10
  require('react-dom');
11
11
  require('react-select-async-paginate');
12
12
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-8a0bd754.js');
3
+ var TextArea = require('../../TextArea-efe4fa88.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-90485300.js');
6
- var AutocompleteSelect = require('../AutocompleteSelect-46dbe1eb.js');
7
- var Button = require('../Button-01371eb4.js');
6
+ var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
7
+ var Button = require('../Button-0df54220.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
- var CompactStarRating = require('../CompactStarRating-f9997240.js');
10
- var CompactTextInput = require('../CompactTextInput-15118df5.js');
11
- var MultiSelect = require('../MultiSelect-1568f6e9.js');
9
+ var CompactStarRating = require('../CompactStarRating-36e6b7b0.js');
10
+ var CompactTextInput = require('../CompactTextInput-6f22ebd6.js');
11
+ var MultiSelect = require('../MultiSelect-3eca3c3e.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
13
- var TextArea = require('../TextArea-8a0bd754.js');
13
+ var TextArea = require('../TextArea-efe4fa88.js');
14
14
  var TextInput = require('../TextInput-e4c6d536.js');
15
15
  var Switch = require('../Switch-aa384260.js');
16
16
  require('../defaultTheme-870f7df1.js');
@@ -19,20 +19,22 @@ require('react');
19
19
  require('nanoid');
20
20
  require('lodash');
21
21
  require('react-select');
22
- require('../react-select-creatable.esm-efe1e1ae.js');
22
+ require('../react-select-creatable.esm-eb462367.js');
23
23
  require('react-dom');
24
24
  require('react-select-async-paginate');
25
25
  require('../close-ebf2f3cf.js');
26
26
  require('../expand-more-94585605.js');
27
- require('../Popover-616682bf.js');
27
+ require('../Popover-de874e41.js');
28
28
  require('polished');
29
29
  require('@tippyjs/react');
30
- require('../ContextMenu-a68d4f28.js');
30
+ require('../shift-away-subtle-0bdd3b0d.js');
31
+ require('../ContextMenu-ccb7a26a.js');
31
32
  require('../edit-note-c47d292e.js');
32
- require('../Tooltip-860530ff.js');
33
- require('../Tab-06b7a58d.js');
34
- require('../Tabs-cfbf45fe.js');
35
- require('../Badge-86593df4.js');
33
+ require('../Alert-fcc0bb50.js');
34
+ require('../Badge-34ad2850.js');
35
+ require('../Tab-fc380f0b.js');
36
+ require('../Tabs-0aa159fa.js');
37
+ require('../Tooltip-3bb6463f.js');
36
38
 
37
39
 
38
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.3",
3
+ "version": "1.1.0-beta.31",
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",
@@ -74,7 +74,7 @@
74
74
  "@restart/hooks": "^0.3.26",
75
75
  "@storybook/addons": "^6.5.14",
76
76
  "@storybook/theming": "^6.5.14",
77
- "@tippyjs/react": "^4.2.5",
77
+ "@tippyjs/react": "^4.2.6",
78
78
  "lodash": "^4.17.21",
79
79
  "nanoid": "^3.1.25",
80
80
  "polished": "^4.1.3",
@@ -3201,18 +3201,21 @@ function getNearestOverflowAncestor(node) {
3201
3201
  }
3202
3202
  return getNearestOverflowAncestor(parentNode);
3203
3203
  }
3204
- function getOverflowAncestors(node, list) {
3204
+ function getOverflowAncestors(node, list, traverseIframes) {
3205
3205
  var _node$ownerDocument2;
3206
3206
  if (list === void 0) {
3207
3207
  list = [];
3208
3208
  }
3209
+ if (traverseIframes === void 0) {
3210
+ traverseIframes = true;
3211
+ }
3209
3212
  const scrollableAncestor = getNearestOverflowAncestor(node);
3210
3213
  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
3211
3214
  const win = getWindow(scrollableAncestor);
3212
3215
  if (isBody) {
3213
- return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement ? getOverflowAncestors(win.frameElement) : []);
3216
+ return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
3214
3217
  }
3215
- return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
3218
+ return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
3216
3219
  }
3217
3220
 
3218
3221
  function getCssDimensions(element) {
@@ -4497,7 +4500,9 @@ var Control = function Control(props) {
4497
4500
  'control--is-disabled': isDisabled,
4498
4501
  'control--is-focused': isFocused,
4499
4502
  'control--menu-is-open': menuIsOpen
4500
- }), innerProps), children);
4503
+ }), innerProps, {
4504
+ "aria-disabled": isDisabled || undefined
4505
+ }), children);
4501
4506
  };
4502
4507
  var Control$1 = Control;
4503
4508
 
@@ -5459,7 +5464,7 @@ function DummyInput(_ref) {
5459
5464
  }
5460
5465
 
5461
5466
  var cancelScroll = function cancelScroll(event) {
5462
- event.preventDefault();
5467
+ if (event.cancelable) event.preventDefault();
5463
5468
  event.stopPropagation();
5464
5469
  };
5465
5470
  function useScrollCapture(_ref) {
@@ -5684,8 +5689,9 @@ function useScrollLock(_ref) {
5684
5689
  }
5685
5690
 
5686
5691
  function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
5687
- var blurSelectInput = function blurSelectInput() {
5688
- return document.activeElement && document.activeElement.blur();
5692
+ var blurSelectInput = function blurSelectInput(event) {
5693
+ var element = event.target;
5694
+ return element.ownerDocument.activeElement && element.ownerDocument.activeElement.blur();
5689
5695
  };
5690
5696
  var _ref2$1 = process.env.NODE_ENV === "production" ? {
5691
5697
  name: "1kfdb0e",
@@ -5693,7 +5699,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
5693
5699
  } : {
5694
5700
  name: "bp8cua-ScrollManager",
5695
5701
  styles: "position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;",
5696
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9ICgpID0+XG4gIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgJiYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmJsdXIoKTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU2Nyb2xsTWFuYWdlcih7XG4gIGNoaWxkcmVuLFxuICBsb2NrRW5hYmxlZCxcbiAgY2FwdHVyZUVuYWJsZWQgPSB0cnVlLFxuICBvbkJvdHRvbUFycml2ZSxcbiAgb25Cb3R0b21MZWF2ZSxcbiAgb25Ub3BBcnJpdmUsXG4gIG9uVG9wTGVhdmUsXG59OiBQcm9wcykge1xuICBjb25zdCBzZXRTY3JvbGxDYXB0dXJlVGFyZ2V0ID0gdXNlU2Nyb2xsQ2FwdHVyZSh7XG4gICAgaXNFbmFibGVkOiBjYXB0dXJlRW5hYmxlZCxcbiAgICBvbkJvdHRvbUFycml2ZSxcbiAgICBvbkJvdHRvbUxlYXZlLFxuICAgIG9uVG9wQXJyaXZlLFxuICAgIG9uVG9wTGVhdmUsXG4gIH0pO1xuICBjb25zdCBzZXRTY3JvbGxMb2NrVGFyZ2V0ID0gdXNlU2Nyb2xsTG9jayh7IGlzRW5hYmxlZDogbG9ja0VuYWJsZWQgfSk7XG5cbiAgY29uc3QgdGFyZ2V0UmVmOiBSZWZDYWxsYmFjazxIVE1MRWxlbWVudD4gPSAoZWxlbWVudCkgPT4ge1xuICAgIHNldFNjcm9sbENhcHR1cmVUYXJnZXQoZWxlbWVudCk7XG4gICAgc2V0U2Nyb2xsTG9ja1RhcmdldChlbGVtZW50KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIHtsb2NrRW5hYmxlZCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBvbkNsaWNrPXtibHVyU2VsZWN0SW5wdXR9XG4gICAgICAgICAgY3NzPXt7IHBvc2l0aW9uOiAnZml4ZWQnLCBsZWZ0OiAwLCBib3R0b206IDAsIHJpZ2h0OiAwLCB0b3A6IDAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7Y2hpbGRyZW4odGFyZ2V0UmVmKX1cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufVxuIl19 */",
5702
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2ssIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9IChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgY29uc3QgZWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgcmV0dXJuIChcbiAgICBlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCAmJlxuICAgIChlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTY3JvbGxNYW5hZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGxvY2tFbmFibGVkLFxuICBjYXB0dXJlRW5hYmxlZCA9IHRydWUsXG4gIG9uQm90dG9tQXJyaXZlLFxuICBvbkJvdHRvbUxlYXZlLFxuICBvblRvcEFycml2ZSxcbiAgb25Ub3BMZWF2ZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHNldFNjcm9sbENhcHR1cmVUYXJnZXQgPSB1c2VTY3JvbGxDYXB0dXJlKHtcbiAgICBpc0VuYWJsZWQ6IGNhcHR1cmVFbmFibGVkLFxuICAgIG9uQm90dG9tQXJyaXZlLFxuICAgIG9uQm90dG9tTGVhdmUsXG4gICAgb25Ub3BBcnJpdmUsXG4gICAgb25Ub3BMZWF2ZSxcbiAgfSk7XG4gIGNvbnN0IHNldFNjcm9sbExvY2tUYXJnZXQgPSB1c2VTY3JvbGxMb2NrKHsgaXNFbmFibGVkOiBsb2NrRW5hYmxlZCB9KTtcblxuICBjb25zdCB0YXJnZXRSZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PiA9IChlbGVtZW50KSA9PiB7XG4gICAgc2V0U2Nyb2xsQ2FwdHVyZVRhcmdldChlbGVtZW50KTtcbiAgICBzZXRTY3JvbGxMb2NrVGFyZ2V0KGVsZW1lbnQpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2xvY2tFbmFibGVkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9e2JsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbih0YXJnZXRSZWYpfVxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59XG4iXX0= */",
5697
5703
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
5698
5704
  };
5699
5705
  function ScrollManager(_ref) {
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var defaultTheme = require('./defaultTheme-870f7df1.js');
4
+
5
+ var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
6
+ defaultTheme.styleInject(css_248z$1);
7
+
8
+ var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
9
+ defaultTheme.styleInject(css_248z);
@@ -0,0 +1,41 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ function _interopNamespace(e) {
6
+ if (e && e.__esModule) return e;
7
+ var n = Object.create(null);
8
+ if (e) {
9
+ Object.keys(e).forEach(function (k) {
10
+ if (k !== 'default') {
11
+ var d = Object.getOwnPropertyDescriptor(e, k);
12
+ Object.defineProperty(n, k, d.get ? d : {
13
+ enumerable: true,
14
+ get: function () {
15
+ return e[k];
16
+ }
17
+ });
18
+ }
19
+ });
20
+ }
21
+ n['default'] = e;
22
+ return Object.freeze(n);
23
+ }
24
+
25
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
26
+
27
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
28
+
29
+ var _ref = /*#__PURE__*/React__namespace.createElement("path", {
30
+ fill: "currentColor",
31
+ d: "M10.8 15.6h2.4V18h-2.4zm0-9.6h2.4v7.2h-2.4zm1.188-6A12 12 0 1024 12 11.994 11.994 0 0011.988 0zM12 21.6a9.6 9.6 0 119.6-9.6 9.597 9.597 0 01-9.6 9.6z"
32
+ });
33
+
34
+ function SvgWarningCircle(props) {
35
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
36
+ xmlns: "http://www.w3.org/2000/svg",
37
+ viewBox: "0 0 24 24"
38
+ }, props), _ref);
39
+ }
40
+
41
+ exports.SvgWarningCircle = SvgWarningCircle;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-3696cf3c.js');
3
+ var AssetGallery = require('../../AssetGallery-b6b43bbf.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -11,29 +11,32 @@ require('../../edit-note-c47d292e.js');
11
11
  require('resize-observer-polyfill');
12
12
  require('react-lazy-load-image-component');
13
13
  require('../../ActionButton-90485300.js');
14
- require('../../AutocompleteSelect-46dbe1eb.js');
14
+ require('../../AutocompleteSelect-e82bd937.js');
15
15
  require('react-select');
16
- require('../../react-select-creatable.esm-efe1e1ae.js');
16
+ require('../../react-select-creatable.esm-eb462367.js');
17
17
  require('react-dom');
18
18
  require('react-select-async-paginate');
19
19
  require('../../close-ebf2f3cf.js');
20
20
  require('../../expand-more-94585605.js');
21
- require('../../Button-01371eb4.js');
22
- require('../../Popover-616682bf.js');
21
+ require('../../Button-0df54220.js');
22
+ require('../../Popover-de874e41.js');
23
23
  require('polished');
24
24
  require('@tippyjs/react');
25
- require('../../ContextMenu-a68d4f28.js');
25
+ require('../../shift-away-subtle-0bdd3b0d.js');
26
+ require('../../ContextMenu-ccb7a26a.js');
26
27
  require('../../Checkbox-50f1f3c7.js');
27
- require('../../CompactStarRating-f9997240.js');
28
- require('../../CompactTextInput-15118df5.js');
29
- require('../../Tooltip-860530ff.js');
30
- require('../../Tab-06b7a58d.js');
31
- require('../../Tabs-cfbf45fe.js');
32
- require('../../Badge-86593df4.js');
33
- require('../../MultiSelect-1568f6e9.js');
28
+ require('../../CompactStarRating-36e6b7b0.js');
29
+ require('../../CompactTextInput-6f22ebd6.js');
30
+ require('../../Alert-fcc0bb50.js');
31
+ require('../../Badge-34ad2850.js');
32
+ require('../../Tab-fc380f0b.js');
33
+ require('../../Tabs-0aa159fa.js');
34
+ require('../../Tooltip-3bb6463f.js');
35
+ require('../../MultiSelect-3eca3c3e.js');
34
36
  require('../../Radio-0b46b2a8.js');
35
- require('../../TextArea-8a0bd754.js');
37
+ require('../../TextArea-efe4fa88.js');
36
38
  require('../../Switch-aa384260.js');
39
+ require('../../warning-circle-24522402.js');
37
40
 
38
41
 
39
42
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-777c726a.js');
3
+ var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-020a6f96.js');
4
4
  require('../../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');