@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.
- package/.eslintrc +7 -8
- package/{ActionButton-46735b89.js → ActionButton-f84f83eb.js} +22 -19
- package/{Alert-13b75102.js → Alert-1b2ff6dd.js} +28 -34
- package/{AssetGallery-88391ccb.js → AssetAction-f2805c53.js} +621 -673
- package/AssetPreviewTopBar-08ca770d.js +103 -0
- package/{Badge-757b0a39.js → Badge-e055db69.js} +35 -58
- package/{Button-49f82b31.js → Button-eafd62c9.js} +71 -74
- package/{Checkbox-68dc38a8.js → Checkbox-acd15d02.js} +33 -40
- package/{CompactAutocompleteSelect-755b1869.js → CompactAutocompleteSelect-e292eb05.js} +96 -132
- package/{CompactStarRating-bcfb78ac.js → CompactStarRating-71e54f17.js} +83 -102
- package/{CompactTextInput-9e507306.js → CompactTextInput-a7f53772.js} +120 -120
- package/{ContextMenu-4ec3d9f3.js → ContextMenu-1b7b7cec.js} +6 -7
- package/ContextMenuItem-50de2150.js +115 -0
- package/{InputGroup-49fbc423.js → InputGroup-08332f2d.js} +6 -7
- package/{Instructions-e267c2a7.js → Instructions-f4db12e3.js} +109 -95
- package/{MultiLevelCheckboxSelect-b897d605.js → MultiLevelCheckboxSelect-a42d6f02.js} +106 -172
- package/{MultiSelect-efd60232.js → MultiSelect-e8c76d36.js} +87 -119
- package/{Popover-569cd272.js → Popover-c1a29454.js} +30 -36
- package/{Radio-32d0513a.js → Radio-abb11971.js} +22 -25
- package/{SectionSeparator-259a22ed.js → SectionSeparator-aeccca17.js} +8 -10
- package/{Switch-4a41585f.js → Switch-66cd66ab.js} +27 -31
- package/{Tab-f499ecbc.js → Tab-124fef45.js} +8 -10
- package/{Tabs-a8c77f71.js → Tabs-62bdcdfa.js} +39 -45
- package/{TextArea-d566c7bc.js → TextArea-5bff1145.js} +122 -151
- package/{TextInput-0d109708.js → TextInput-4391304e.js} +43 -52
- package/{Tooltip-66daf6e3.js → Tooltip-4111dfdd.js} +18 -20
- package/{VerificationStatusIcon-d5bfb67a.js → VerificationStatusIcon-3a74c2ab.js} +22 -34
- package/{close-ebf2f3cf.js → close-1751121a.js} +8 -12
- package/data/Alert/index.js +2 -2
- package/data/Badge/index.js +2 -2
- package/data/Popover/index.js +3 -3
- package/data/Tab/index.js +2 -2
- package/data/Tabs/index.js +3 -3
- package/data/Tooltip/index.js +3 -3
- package/data/index.js +9 -9
- package/{defaultTheme-ea44e34a.js → defaultTheme-cd01e6c2.js} +212 -260
- package/edit-note-cefe2215.js +37 -0
- package/{expand-more-94585605.js → expand-more-d74e2bd2.js} +8 -12
- package/inputs/ActionButton/index.js +2 -2
- package/inputs/Button/index.js +6 -6
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +13 -13
- package/inputs/CompactStarRating/index.js +10 -10
- package/inputs/CompactTextInput/index.js +11 -11
- package/inputs/MultiSelect/index.js +4 -4
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +11 -11
- package/inputs/TextInput/index.js +3 -3
- package/inputs/index.js +28 -28
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +2 -1
- package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-b7c87391.js} +1507 -1288
- package/{shift-away-subtle-0bed9a3c.js → shift-away-subtle-631cd794.js} +1 -1
- package/ssr/index.js +1 -3
- package/widgets/AssetGallery/index.js +34 -32
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +3 -3
- package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +6 -7
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/Instructions/index.js +16 -17
- package/widgets/index.js +37 -35
- package/AssetPreviewTopBar-912c3469.js +0 -99
- package/ContextMenuItem-ba2b697e.js +0 -110
- package/edit-note-c47d292e.js +0 -41
- package/warning-circle-24522402.js +0 -41
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
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
|
@@ -1,50 +1,52 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../defaultTheme-
|
|
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-
|
|
11
|
-
require('../../Alert-
|
|
12
|
-
require('../../Badge-
|
|
13
|
-
require('../../Popover-
|
|
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-
|
|
16
|
+
require('../../shift-away-subtle-631cd794.js');
|
|
17
17
|
require('popper-max-size-modifier');
|
|
18
|
-
require('../../Tab-
|
|
19
|
-
require('../../Tabs-
|
|
20
|
-
require('../../Tooltip-
|
|
21
|
-
require('../../VerificationStatusIcon-
|
|
22
|
-
require('../../Checkbox-
|
|
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-
|
|
25
|
-
require('../../edit-note-
|
|
26
|
-
require('../../InputGroup-
|
|
27
|
-
require('../../SectionSeparator-
|
|
28
|
-
require('../../close-
|
|
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('../../
|
|
31
|
-
require('../../
|
|
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-
|
|
34
|
+
require('../../react-select-creatable.esm-b7c87391.js');
|
|
39
35
|
require('react-dom');
|
|
40
|
-
require('../../
|
|
41
|
-
require('../../
|
|
42
|
-
require('
|
|
43
|
-
require('../../
|
|
44
|
-
require('../../
|
|
45
|
-
require('../../
|
|
46
|
-
require('../../
|
|
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 =
|
|
52
|
+
module.exports = AssetAction.AssetGallery;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-
|
|
4
|
-
require('../../../defaultTheme-
|
|
3
|
+
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-08ca770d.js');
|
|
4
|
+
require('../../../defaultTheme-cd01e6c2.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../../../close-
|
|
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-
|
|
4
|
-
require('../../../defaultTheme-
|
|
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-
|
|
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[
|
|
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
|
|
17
|
+
var _excluded = ["children"];
|
|
18
|
+
var ContextMenuItemsGroup = React__default["default"].forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
|
|
18
19
|
var children = _ref.children,
|
|
19
|
-
|
|
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-
|
|
4
|
-
require('../../defaultTheme-
|
|
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-
|
|
4
|
-
require('../../defaultTheme-
|
|
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('../../
|
|
9
|
-
require('../../CompactAutocompleteSelect-755b1869.js');
|
|
8
|
+
require('../../CompactAutocompleteSelect-e292eb05.js');
|
|
10
9
|
require('nanoid');
|
|
11
|
-
require('../../Alert-
|
|
12
|
-
require('../../Badge-
|
|
13
|
-
require('../../Popover-
|
|
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-
|
|
15
|
+
require('../../shift-away-subtle-631cd794.js');
|
|
17
16
|
require('popper-max-size-modifier');
|
|
18
|
-
require('../../Tab-
|
|
19
|
-
require('../../Tabs-
|
|
20
|
-
require('../../Tooltip-
|
|
21
|
-
require('../../VerificationStatusIcon-
|
|
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-
|
|
23
|
+
require('../../react-select-creatable.esm-b7c87391.js');
|
|
25
24
|
require('react-dom');
|
|
26
|
-
require('../../close-
|
|
27
|
-
require('../../expand-more-
|
|
28
|
-
require('../../TextArea-
|
|
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-
|
|
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
|
|
6
|
-
var ContextMenu = require('../ContextMenu-
|
|
7
|
-
var AssetPreviewTopBar = require('../AssetPreviewTopBar-
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
9
|
-
require('../defaultTheme-
|
|
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-
|
|
16
|
-
require('../Alert-
|
|
17
|
-
require('../Badge-
|
|
18
|
-
require('../Popover-
|
|
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-
|
|
21
|
+
require('../shift-away-subtle-631cd794.js');
|
|
22
22
|
require('popper-max-size-modifier');
|
|
23
|
-
require('../Tab-
|
|
24
|
-
require('../Tabs-
|
|
25
|
-
require('../Tooltip-
|
|
26
|
-
require('../VerificationStatusIcon-
|
|
27
|
-
require('../Checkbox-
|
|
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-
|
|
30
|
-
require('../edit-note-
|
|
31
|
-
require('../InputGroup-
|
|
32
|
-
require('../SectionSeparator-
|
|
33
|
-
require('../close-
|
|
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('
|
|
36
|
-
require('../ActionButton-
|
|
37
|
-
require('../Button-
|
|
38
|
-
require('../expand-more-
|
|
39
|
-
require('../CompactAutocompleteSelect-
|
|
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-
|
|
42
|
+
require('../react-select-creatable.esm-b7c87391.js');
|
|
43
43
|
require('react-dom');
|
|
44
|
-
require('../CompactStarRating-
|
|
45
|
-
require('../CompactTextInput-
|
|
46
|
-
require('../MultiSelect-
|
|
47
|
-
require('../Radio-
|
|
48
|
-
require('../TextArea-
|
|
49
|
-
require('../Switch-
|
|
50
|
-
require('../ContextMenuItem-
|
|
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.
|
|
55
|
-
exports.
|
|
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;
|
package/edit-note-c47d292e.js
DELETED
|
@@ -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;
|