@ntbjs/react-components 1.3.0-rc.5 → 1.3.0-rc.51

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 (68) hide show
  1. package/.eslintrc +7 -8
  2. package/{ActionButton-46735b89.js → ActionButton-f84f83eb.js} +22 -19
  3. package/{Alert-13b75102.js → Alert-1b2ff6dd.js} +28 -34
  4. package/{AssetGallery-88391ccb.js → AssetAction-f2805c53.js} +621 -673
  5. package/AssetPreviewTopBar-08ca770d.js +103 -0
  6. package/{Badge-757b0a39.js → Badge-e055db69.js} +35 -58
  7. package/{Button-49f82b31.js → Button-eafd62c9.js} +71 -74
  8. package/{Checkbox-68dc38a8.js → Checkbox-acd15d02.js} +33 -40
  9. package/{CompactAutocompleteSelect-755b1869.js → CompactAutocompleteSelect-e292eb05.js} +96 -132
  10. package/{CompactStarRating-bcfb78ac.js → CompactStarRating-71e54f17.js} +83 -102
  11. package/{CompactTextInput-9e507306.js → CompactTextInput-a7f53772.js} +120 -120
  12. package/{ContextMenu-4ec3d9f3.js → ContextMenu-1b7b7cec.js} +6 -7
  13. package/ContextMenuItem-50de2150.js +115 -0
  14. package/{InputGroup-49fbc423.js → InputGroup-08332f2d.js} +6 -7
  15. package/{Instructions-e267c2a7.js → Instructions-f4db12e3.js} +109 -95
  16. package/{MultiLevelCheckboxSelect-b897d605.js → MultiLevelCheckboxSelect-a42d6f02.js} +106 -172
  17. package/{MultiSelect-efd60232.js → MultiSelect-e8c76d36.js} +87 -119
  18. package/{Popover-569cd272.js → Popover-c1a29454.js} +30 -36
  19. package/{Radio-32d0513a.js → Radio-abb11971.js} +22 -25
  20. package/{SectionSeparator-259a22ed.js → SectionSeparator-aeccca17.js} +8 -10
  21. package/{Switch-4a41585f.js → Switch-66cd66ab.js} +27 -31
  22. package/{Tab-f499ecbc.js → Tab-124fef45.js} +8 -10
  23. package/{Tabs-a8c77f71.js → Tabs-62bdcdfa.js} +39 -45
  24. package/{TextArea-d566c7bc.js → TextArea-5bff1145.js} +122 -151
  25. package/{TextInput-0d109708.js → TextInput-4391304e.js} +43 -52
  26. package/{Tooltip-66daf6e3.js → Tooltip-4111dfdd.js} +18 -20
  27. package/{VerificationStatusIcon-d5bfb67a.js → VerificationStatusIcon-3a74c2ab.js} +22 -34
  28. package/{close-ebf2f3cf.js → close-1751121a.js} +8 -12
  29. package/data/Alert/index.js +2 -2
  30. package/data/Badge/index.js +2 -2
  31. package/data/Popover/index.js +3 -3
  32. package/data/Tab/index.js +2 -2
  33. package/data/Tabs/index.js +3 -3
  34. package/data/Tooltip/index.js +3 -3
  35. package/data/index.js +9 -9
  36. package/{defaultTheme-ea44e34a.js → defaultTheme-cd01e6c2.js} +212 -260
  37. package/edit-note-cefe2215.js +37 -0
  38. package/{expand-more-94585605.js → expand-more-d74e2bd2.js} +8 -12
  39. package/inputs/ActionButton/index.js +2 -2
  40. package/inputs/Button/index.js +6 -6
  41. package/inputs/Checkbox/index.js +2 -2
  42. package/inputs/CompactAutocompleteSelect/index.js +13 -13
  43. package/inputs/CompactStarRating/index.js +10 -10
  44. package/inputs/CompactTextInput/index.js +11 -11
  45. package/inputs/MultiSelect/index.js +4 -4
  46. package/inputs/Radio/index.js +2 -2
  47. package/inputs/Switch/index.js +2 -2
  48. package/inputs/TextArea/index.js +11 -11
  49. package/inputs/TextInput/index.js +3 -3
  50. package/inputs/index.js +28 -28
  51. package/layout/InputGroup/index.js +2 -2
  52. package/layout/SectionSeparator/index.js +2 -2
  53. package/layout/index.js +3 -3
  54. package/package.json +2 -1
  55. package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-b7c87391.js} +1507 -1288
  56. package/{shift-away-subtle-0bed9a3c.js → shift-away-subtle-631cd794.js} +1 -1
  57. package/ssr/index.js +1 -3
  58. package/widgets/AssetGallery/index.js +34 -32
  59. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +3 -3
  60. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
  61. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +6 -7
  62. package/widgets/ContextMenu/index.js +2 -2
  63. package/widgets/Instructions/index.js +16 -17
  64. package/widgets/index.js +37 -35
  65. package/AssetPreviewTopBar-912c3469.js +0 -99
  66. package/ContextMenuItem-ba2b697e.js +0 -110
  67. package/edit-note-c47d292e.js +0 -41
  68. package/warning-circle-24522402.js +0 -41
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-ea44e34a.js');
3
+ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
4
4
 
5
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
6
  defaultTheme.styleInject(css_248z$1);
package/ssr/index.js CHANGED
@@ -8,7 +8,5 @@ var styled = require('styled-components');
8
8
 
9
9
  Object.defineProperty(exports, 'ServerStyleSheet', {
10
10
  enumerable: true,
11
- get: function () {
12
- return styled.ServerStyleSheet;
13
- }
11
+ get: function () { return styled.ServerStyleSheet; }
14
12
  });
@@ -1,50 +1,52 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-88391ccb.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var AssetAction = require('../../AssetAction-f2805c53.js');
4
+ require('../../defaultTheme-cd01e6c2.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-b897d605.js');
11
- require('../../Alert-13b75102.js');
12
- require('../../Badge-757b0a39.js');
13
- require('../../Popover-569cd272.js');
10
+ require('../../MultiLevelCheckboxSelect-a42d6f02.js');
11
+ require('../../Alert-1b2ff6dd.js');
12
+ require('../../Badge-e055db69.js');
13
+ require('../../Popover-c1a29454.js');
14
14
  require('polished');
15
15
  require('@tippyjs/react');
16
- require('../../shift-away-subtle-0bed9a3c.js');
16
+ require('../../shift-away-subtle-631cd794.js');
17
17
  require('popper-max-size-modifier');
18
- require('../../Tab-f499ecbc.js');
19
- require('../../Tabs-a8c77f71.js');
20
- require('../../Tooltip-66daf6e3.js');
21
- require('../../VerificationStatusIcon-d5bfb67a.js');
22
- require('../../Checkbox-68dc38a8.js');
18
+ require('../../Tab-124fef45.js');
19
+ require('../../Tabs-62bdcdfa.js');
20
+ require('../../Tooltip-4111dfdd.js');
21
+ require('../../VerificationStatusIcon-3a74c2ab.js');
22
+ require('../../Checkbox-acd15d02.js');
23
23
  require('nanoid');
24
- require('../../TextInput-0d109708.js');
25
- require('../../edit-note-c47d292e.js');
26
- require('../../InputGroup-49fbc423.js');
27
- require('../../SectionSeparator-259a22ed.js');
28
- require('../../close-ebf2f3cf.js');
24
+ require('../../TextInput-4391304e.js');
25
+ require('../../edit-note-cefe2215.js');
26
+ require('../../InputGroup-08332f2d.js');
27
+ require('../../SectionSeparator-aeccca17.js');
28
+ require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../warning-circle-24522402.js');
31
- require('../../ActionButton-46735b89.js');
32
- require('../../Button-49f82b31.js');
33
- require('../../ContextMenu-4ec3d9f3.js');
34
- require('../../expand-more-94585605.js');
35
- require('../../CompactAutocompleteSelect-755b1869.js');
30
+ require('../../Instructions-f4db12e3.js');
31
+ require('../../CompactAutocompleteSelect-e292eb05.js');
36
32
  require('react-select');
37
33
  require('react-select-async-paginate');
38
- require('../../react-select-creatable.esm-2f23d6c6.js');
34
+ require('../../react-select-creatable.esm-b7c87391.js');
39
35
  require('react-dom');
40
- require('../../CompactStarRating-bcfb78ac.js');
41
- require('../../CompactTextInput-9e507306.js');
42
- require('../../MultiSelect-efd60232.js');
43
- require('../../Radio-32d0513a.js');
44
- require('../../TextArea-d566c7bc.js');
45
- require('../../Switch-4a41585f.js');
46
- require('../../ContextMenuItem-ba2b697e.js');
36
+ require('../../expand-more-d74e2bd2.js');
37
+ require('../../TextArea-5bff1145.js');
38
+ require('@floating-ui/react');
39
+ require('../../ContextMenu-1b7b7cec.js');
40
+ require('../../AssetPreviewTopBar-08ca770d.js');
41
+ require('../../ActionButton-f84f83eb.js');
42
+ require('../../Button-eafd62c9.js');
43
+ require('../../CompactStarRating-71e54f17.js');
44
+ require('../../CompactTextInput-a7f53772.js');
45
+ require('../../MultiSelect-e8c76d36.js');
46
+ require('../../Radio-abb11971.js');
47
+ require('../../Switch-66cd66ab.js');
48
+ require('../../ContextMenuItem-50de2150.js');
47
49
 
48
50
 
49
51
 
50
- module.exports = AssetGallery.AssetGallery;
52
+ module.exports = AssetAction.AssetGallery;
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-912c3469.js');
4
- require('../../../defaultTheme-ea44e34a.js');
3
+ var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-08ca770d.js');
4
+ require('../../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../../close-ebf2f3cf.js');
7
+ require('../../../close-1751121a.js');
8
8
 
9
9
 
10
10
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenuItem = require('../../../ContextMenuItem-ba2b697e.js');
4
- require('../../../defaultTheme-ea44e34a.js');
3
+ var ContextMenuItem = require('../../../ContextMenuItem-50de2150.js');
4
+ require('../../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('../../../defaultTheme-ea44e34a.js');
3
+ var defaultTheme = require('../../../defaultTheme-cd01e6c2.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -10,15 +10,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
12
  var _templateObject;
13
- var ContextMenuItemsGroup$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n :not(:last-child) {\n border-bottom: 1px solid;\n\n ", "\n }\n\n > * {\n border-bottom: none !important;\n }\n\n > *:not(:last-child) {\n height: 32px;\n }\n"])), function (props) {
13
+ var ContextMenuItemsGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n :not(:last-child) {\n border-bottom: 1px solid;\n\n ", "\n }\n\n > * {\n border-bottom: none !important;\n }\n\n > *:not(:last-child) {\n height: 32px;\n }\n"])), function (props) {
14
14
  return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
15
15
  });
16
16
 
17
- var ContextMenuItemsGroup = React__default['default'].forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
17
+ var _excluded = ["children"];
18
+ var ContextMenuItemsGroup = React__default["default"].forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
18
19
  var children = _ref.children,
19
- props = defaultTheme._objectWithoutProperties(_ref, ["children"]);
20
-
21
- return React__default['default'].createElement(ContextMenuItemsGroup$1, defaultTheme._extends({
20
+ props = defaultTheme._objectWithoutProperties(_ref, _excluded);
21
+ return React__default["default"].createElement(ContextMenuItemsGroup$1, defaultTheme._extends({
22
22
  ref: forwardedRef
23
23
  }, props, {
24
24
  role: "group"
@@ -27,6 +27,5 @@ var ContextMenuItemsGroup = React__default['default'].forwardRef(function Contex
27
27
  ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
28
28
  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
29
29
  } : {};
30
- ContextMenuItemsGroup.defaultProps = {};
31
30
 
32
31
  module.exports = ContextMenuItemsGroup;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenu = require('../../ContextMenu-4ec3d9f3.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var ContextMenu = require('../../ContextMenu-1b7b7cec.js');
4
+ require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,33 +1,32 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-e267c2a7.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var Instructions = require('../../Instructions-f4db12e3.js');
4
+ require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../warning-circle-24522402.js');
9
- require('../../CompactAutocompleteSelect-755b1869.js');
8
+ require('../../CompactAutocompleteSelect-e292eb05.js');
10
9
  require('nanoid');
11
- require('../../Alert-13b75102.js');
12
- require('../../Badge-757b0a39.js');
13
- require('../../Popover-569cd272.js');
10
+ require('../../Alert-1b2ff6dd.js');
11
+ require('../../Badge-e055db69.js');
12
+ require('../../Popover-c1a29454.js');
14
13
  require('polished');
15
14
  require('@tippyjs/react');
16
- require('../../shift-away-subtle-0bed9a3c.js');
15
+ require('../../shift-away-subtle-631cd794.js');
17
16
  require('popper-max-size-modifier');
18
- require('../../Tab-f499ecbc.js');
19
- require('../../Tabs-a8c77f71.js');
20
- require('../../Tooltip-66daf6e3.js');
21
- require('../../VerificationStatusIcon-d5bfb67a.js');
17
+ require('../../Tab-124fef45.js');
18
+ require('../../Tabs-62bdcdfa.js');
19
+ require('../../Tooltip-4111dfdd.js');
20
+ require('../../VerificationStatusIcon-3a74c2ab.js');
22
21
  require('react-select');
23
22
  require('react-select-async-paginate');
24
- require('../../react-select-creatable.esm-2f23d6c6.js');
23
+ require('../../react-select-creatable.esm-b7c87391.js');
25
24
  require('react-dom');
26
- require('../../close-ebf2f3cf.js');
27
- require('../../expand-more-94585605.js');
28
- require('../../TextArea-d566c7bc.js');
25
+ require('../../close-1751121a.js');
26
+ require('../../expand-more-d74e2bd2.js');
27
+ require('../../TextArea-5bff1145.js');
29
28
  require('../../useMergedRefs-b6d2f8fc.js');
30
- require('../../edit-note-c47d292e.js');
29
+ require('../../edit-note-cefe2215.js');
31
30
 
32
31
 
33
32
 
package/widgets/index.js CHANGED
@@ -2,57 +2,59 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-88391ccb.js');
6
- var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
- var AssetPreviewTopBar = require('../AssetPreviewTopBar-912c3469.js');
8
- var Instructions = require('../Instructions-e267c2a7.js');
9
- require('../defaultTheme-ea44e34a.js');
5
+ var AssetAction = require('../AssetAction-f2805c53.js');
6
+ var ContextMenu = require('../ContextMenu-1b7b7cec.js');
7
+ var AssetPreviewTopBar = require('../AssetPreviewTopBar-08ca770d.js');
8
+ var Instructions = require('../Instructions-f4db12e3.js');
9
+ require('../defaultTheme-cd01e6c2.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-b897d605.js');
16
- require('../Alert-13b75102.js');
17
- require('../Badge-757b0a39.js');
18
- require('../Popover-569cd272.js');
15
+ require('../MultiLevelCheckboxSelect-a42d6f02.js');
16
+ require('../Alert-1b2ff6dd.js');
17
+ require('../Badge-e055db69.js');
18
+ require('../Popover-c1a29454.js');
19
19
  require('polished');
20
20
  require('@tippyjs/react');
21
- require('../shift-away-subtle-0bed9a3c.js');
21
+ require('../shift-away-subtle-631cd794.js');
22
22
  require('popper-max-size-modifier');
23
- require('../Tab-f499ecbc.js');
24
- require('../Tabs-a8c77f71.js');
25
- require('../Tooltip-66daf6e3.js');
26
- require('../VerificationStatusIcon-d5bfb67a.js');
27
- require('../Checkbox-68dc38a8.js');
23
+ require('../Tab-124fef45.js');
24
+ require('../Tabs-62bdcdfa.js');
25
+ require('../Tooltip-4111dfdd.js');
26
+ require('../VerificationStatusIcon-3a74c2ab.js');
27
+ require('../Checkbox-acd15d02.js');
28
28
  require('nanoid');
29
- require('../TextInput-0d109708.js');
30
- require('../edit-note-c47d292e.js');
31
- require('../InputGroup-49fbc423.js');
32
- require('../SectionSeparator-259a22ed.js');
33
- require('../close-ebf2f3cf.js');
29
+ require('../TextInput-4391304e.js');
30
+ require('../edit-note-cefe2215.js');
31
+ require('../InputGroup-08332f2d.js');
32
+ require('../SectionSeparator-aeccca17.js');
33
+ require('../close-1751121a.js');
34
34
  require('react-lazy-load-image-component');
35
- require('../warning-circle-24522402.js');
36
- require('../ActionButton-46735b89.js');
37
- require('../Button-49f82b31.js');
38
- require('../expand-more-94585605.js');
39
- require('../CompactAutocompleteSelect-755b1869.js');
35
+ require('@floating-ui/react');
36
+ require('../ActionButton-f84f83eb.js');
37
+ require('../Button-eafd62c9.js');
38
+ require('../expand-more-d74e2bd2.js');
39
+ require('../CompactAutocompleteSelect-e292eb05.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
- require('../react-select-creatable.esm-2f23d6c6.js');
42
+ require('../react-select-creatable.esm-b7c87391.js');
43
43
  require('react-dom');
44
- require('../CompactStarRating-bcfb78ac.js');
45
- require('../CompactTextInput-9e507306.js');
46
- require('../MultiSelect-efd60232.js');
47
- require('../Radio-32d0513a.js');
48
- require('../TextArea-d566c7bc.js');
49
- require('../Switch-4a41585f.js');
50
- require('../ContextMenuItem-ba2b697e.js');
44
+ require('../CompactStarRating-71e54f17.js');
45
+ require('../CompactTextInput-a7f53772.js');
46
+ require('../MultiSelect-e8c76d36.js');
47
+ require('../Radio-abb11971.js');
48
+ require('../TextArea-5bff1145.js');
49
+ require('../Switch-66cd66ab.js');
50
+ require('../ContextMenuItem-50de2150.js');
51
51
 
52
52
 
53
53
 
54
- exports.AssetGallery = AssetGallery.AssetGallery;
55
- exports.SummaryCard = AssetGallery.SummaryCard;
54
+ exports.AssetAction = AssetAction.AssetAction;
55
+ exports.AssetActionBase = AssetAction.AssetActionsBase;
56
+ exports.AssetGallery = AssetAction.AssetGallery;
57
+ exports.SummaryCard = AssetAction.SummaryCard;
56
58
  exports.ContextMenu = ContextMenu.ContextMenu;
57
59
  exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;
58
60
  exports.Instructions = Instructions.Instructions;
@@ -1,99 +0,0 @@
1
- 'use strict';
2
-
3
- var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
- var React = require('react');
5
- var styled = require('styled-components');
6
- var close = require('./close-ebf2f3cf.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- function _interopNamespace(e) {
11
- if (e && e.__esModule) return e;
12
- var n = Object.create(null);
13
- if (e) {
14
- Object.keys(e).forEach(function (k) {
15
- if (k !== 'default') {
16
- var d = Object.getOwnPropertyDescriptor(e, k);
17
- Object.defineProperty(n, k, d.get ? d : {
18
- enumerable: true,
19
- get: function () {
20
- return e[k];
21
- }
22
- });
23
- }
24
- });
25
- }
26
- n['default'] = e;
27
- return Object.freeze(n);
28
- }
29
-
30
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
31
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
33
-
34
- 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); }
35
-
36
- var _ref = /*#__PURE__*/React__namespace.createElement("path", {
37
- fill: "currentColor",
38
- d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
39
- });
40
-
41
- function SvgArrowBack(props) {
42
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
43
- xmlns: "http://www.w3.org/2000/svg",
44
- viewBox: "0 0 32 32"
45
- }, props), _ref);
46
- }
47
-
48
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
49
- var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n align-items: center;\n border-bottom: ", ";\n color: inherit;\n display: flex;\n font-family: ", ";\n font-weight: 400;\n min-height: 72px;\n padding: 0 24px;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (props) {
50
- return props.border ? "1px solid" : "none";
51
- }, function (props) {
52
- return props.theme.primaryFontFamily;
53
- }, function (props) {
54
- return props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));
55
- }, function (props) {
56
- return props.shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9');
57
- });
58
- var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n font-size: 1.125rem;\n ", ";\n\n &:hover {\n cursor: pointer;\n }\n\n > svg {\n height: 24px;\n margin-right: 16px;\n width: 24px;\n }\n"])), function (props) {
59
- return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
60
- });
61
- var LeftText = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1.125rem;\n margin-left: 16px;\n\n ", ";\n"])), function (props) {
62
- return props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
63
- });
64
- var ButtonsContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n margin-left: auto;\n\n > span {\n margin-left: 16px;\n }\n"])));
65
-
66
- var AssetPreviewTopBar = React__default['default'].forwardRef(function AssetPreviewTopBar(_ref, forwardedRef) {
67
- var onBackButtonClick = _ref.onBackButtonClick,
68
- backButtonText = _ref.backButtonText,
69
- backButtonAsClose = _ref.backButtonAsClose,
70
- leftText = _ref.leftText,
71
- buttons = _ref.buttons,
72
- shadow = _ref.shadow,
73
- border = _ref.border,
74
- props = defaultTheme._objectWithoutProperties(_ref, ["onBackButtonClick", "backButtonText", "backButtonAsClose", "leftText", "buttons", "shadow", "border"]);
75
-
76
- return React__default['default'].createElement(AssetPreviewTopBar$1, defaultTheme._extends({
77
- ref: forwardedRef,
78
- shadow: shadow,
79
- border: border
80
- }, props), React__default['default'].createElement(BackButtonContainer, {
81
- onClick: onBackButtonClick
82
- }, backButtonAsClose ? React__default['default'].createElement(close.SvgClose, null) : React__default['default'].createElement(SvgArrowBack, null), backButtonText), leftText && React__default['default'].createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default['default'].createElement(ButtonsContainer, null, buttons.map(function (button, index) {
83
- return React__default['default'].createElement("span", {
84
- key: 'topBarButton-' + index
85
- }, button);
86
- })));
87
- });
88
- AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
89
- onBackButtonClick: defaultTheme.PropTypes.func.isRequired,
90
- backButtonText: defaultTheme.PropTypes.string.isRequired,
91
- backButtonAsClose: defaultTheme.PropTypes.bool,
92
- leftText: defaultTheme.PropTypes.string,
93
- shadow: defaultTheme.PropTypes.bool,
94
- border: defaultTheme.PropTypes.bool,
95
- buttons: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
96
- } : {};
97
- AssetPreviewTopBar.defaultProps = {};
98
-
99
- exports.AssetPreviewTopBar = AssetPreviewTopBar;
@@ -1,110 +0,0 @@
1
- 'use strict';
2
-
3
- var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
- var React = require('react');
5
- var styled = require('styled-components');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- function _interopNamespace(e) {
10
- if (e && e.__esModule) return e;
11
- var n = Object.create(null);
12
- if (e) {
13
- Object.keys(e).forEach(function (k) {
14
- if (k !== 'default') {
15
- var d = Object.getOwnPropertyDescriptor(e, k);
16
- Object.defineProperty(n, k, d.get ? d : {
17
- enumerable: true,
18
- get: function () {
19
- return e[k];
20
- }
21
- });
22
- }
23
- });
24
- }
25
- n['default'] = e;
26
- return Object.freeze(n);
27
- }
28
-
29
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
32
-
33
- 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); }
34
-
35
- var _ref = /*#__PURE__*/React__namespace.createElement("path", {
36
- fill: "currentColor",
37
- d: "M0 20V0l10 10L0 20z"
38
- });
39
-
40
- function SvgTriangleRight(props) {
41
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
42
- xmlns: "http://www.w3.org/2000/svg",
43
- viewBox: "0 0 10 20"
44
- }, props), _ref);
45
- }
46
-
47
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
48
- var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n cursor: pointer;\n display: flex;\n font-family: ", ";\n font-size: 0.875rem;\n font-weight: normal;\n height: 31px;\n min-width: 160px;\n padding: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n :not(:last-of-type) {\n border-bottom: 1px solid;\n\n ", "\n }\n\n :last-of-type {\n height: 32px;\n }\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n ", "\n\n ", "\n"])), function (props) {
49
- return props.theme.primaryFontFamily;
50
- }, function (props) {
51
- return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
52
- }, function (props) {
53
- return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
54
- }, function (props) {
55
- return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
56
- }, function (props) {
57
- return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 28px;\n "])));
58
- }, function (props) {
59
- return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
60
- }, function (props) {
61
- return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
62
- }, function (props) {
63
- return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
64
- return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
65
- });
66
- }, function (props) {
67
- return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
68
- return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
69
- });
70
- });
71
- var IconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-right: 8px;\n\n svg {\n height: 12px;\n }\n"])));
72
- var SublevelIconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-left: auto;\n margin-right: 8px;\n padding-left: 24px;\n\n svg {\n height: 12px;\n }\n"])));
73
-
74
- var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuItem(_ref, forwardedRef) {
75
- var title = _ref.title,
76
- icon = _ref.icon,
77
- onClickEffect = _ref.onClickEffect,
78
- opensSublevel = _ref.opensSublevel,
79
- hoverColors = _ref.hoverColors,
80
- hoverBackgroundColors = _ref.hoverBackgroundColors,
81
- props = defaultTheme._objectWithoutProperties(_ref, ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"]);
82
-
83
- return React__default['default'].createElement(ContextMenuItem$1, defaultTheme._extends({
84
- ref: forwardedRef,
85
- icon: icon,
86
- onClick: onClickEffect,
87
- hoverColors: hoverColors,
88
- hoverBackgroundColors: hoverBackgroundColors,
89
- opensSublevel: opensSublevel,
90
- className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
91
- }, props, {
92
- role: "menuitem"
93
- }), icon && React__default['default'].createElement(IconContainer, null, icon), React__default['default'].createElement("span", null, title), opensSublevel && React__default['default'].createElement(SublevelIconContainer, null, React__default['default'].createElement(SvgTriangleRight, null)));
94
- });
95
- ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
96
- title: defaultTheme.PropTypes.string.isRequired,
97
- icon: defaultTheme.PropTypes.element,
98
- onClickEffect: defaultTheme.PropTypes.func,
99
- opensSublevel: defaultTheme.PropTypes.bool,
100
- hoverColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
101
- hoverBackgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
102
- } : {};
103
- ContextMenuItem.defaultProps = {
104
- icon: undefined,
105
- hoverColors: undefined,
106
- hoverBackgroundColors: undefined,
107
- opensSublevel: false
108
- };
109
-
110
- exports.ContextMenuItem = ContextMenuItem;
@@ -1,41 +0,0 @@
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: "M7 12v-1.77l4.42-4.42 1.77 1.77L8.77 12H7zM0 7.75v-1.5h6v1.5H0zM13.77 7L12 5.23l.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53l-.67.67zM0 4.63v-1.5h9v1.5H0zM0 1.5V0h9v1.5H0z"
32
- });
33
-
34
- function SvgEditNote(props) {
35
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
36
- xmlns: "http://www.w3.org/2000/svg",
37
- viewBox: "0 0 14.67 12"
38
- }, props), _ref);
39
- }
40
-
41
- exports.SvgEditNote = SvgEditNote;
@@ -1,41 +0,0 @@
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;