@ntbjs/react-components 1.2.0-rc.13 → 1.2.0-rc.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{ActionButton-06df3d6c.js → ActionButton-f150aedb.js} +5 -15
- package/Alert-d7863c58.js +62 -0
- package/AssetGallery-9dc1076e.js +1396 -0
- package/{AssetPreviewTopBar-c28715f7.js → AssetPreviewTopBar-d4e976ab.js} +15 -15
- package/Badge-fa8f327e.js +154 -0
- package/{Button-c38d56a0.js → Button-772b513a.js} +3 -3
- package/{Checkbox-68dc38a8.js → Checkbox-0cb45351.js} +1 -1
- package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-ad337fac.js} +10 -10
- package/{CompactStarRating-9c81ca6e.js → CompactStarRating-147445be.js} +9 -9
- package/{CompactTextInput-c7d0ac82.js → CompactTextInput-bb50a388.js} +22 -16
- package/{ContextMenu-4ec3d9f3.js → ContextMenu-8c9d90a1.js} +1 -1
- package/{InputGroup-49fbc423.js → InputGroup-53a44ae6.js} +1 -1
- package/{Instructions-ea9e5aa9.js → Instructions-ba0d244e.js} +6 -16
- package/{MultiLevelCheckboxSelect-c4060a73.js → MultiLevelCheckboxSelect-a16cdf3d.js} +28 -29
- package/{MultiSelect-4b8d3d0d.js → MultiSelect-7e865f37.js} +2 -2
- package/{Popover-e4ecb887.js → Popover-6fcff6de.js} +2 -2
- package/{Radio-32d0513a.js → Radio-a6ba38ed.js} +1 -1
- package/{SectionSeparator-259a22ed.js → SectionSeparator-961ec4de.js} +1 -1
- package/{Switch-4a41585f.js → Switch-9e68deb2.js} +1 -1
- package/{Tab-f499ecbc.js → Tab-3580786b.js} +1 -1
- package/{Tabs-c2261e7e.js → Tabs-511523e0.js} +2 -2
- package/{TextArea-9ddf9649.js → TextArea-7270a924.js} +30 -30
- package/{TextInput-0d109708.js → TextInput-97f7da4d.js} +1 -1
- package/{Tooltip-6b6f0b0a.js → Tooltip-5ccdfe34.js} +2 -2
- package/check-555d831b.js +213 -0
- package/data/Alert/index.js +2 -3
- 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 +8 -10
- package/{defaultTheme-ea44e34a.js → defaultTheme-0dd58df6.js} +1 -1
- package/icons/download.svg +3 -3
- package/icons/play.svg +3 -3
- package/inputs/ActionButton/index.js +2 -3
- package/inputs/Button/index.js +5 -5
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactAutocompleteSelect/index.js +4 -3
- package/inputs/CompactStarRating/index.js +3 -2
- package/inputs/CompactTextInput/index.js +10 -10
- package/inputs/MultiSelect/index.js +3 -3
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +3 -2
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +26 -26
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +1 -1
- package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} +3 -3
- package/shift-away-subtle-3cede45b.js +9 -0
- package/styles/config.scss +1 -3
- package/widgets/AssetGallery/index.js +30 -31
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +105 -5
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/Instructions/index.js +6 -5
- package/widgets/index.js +32 -34
- package/Alert-13b75102.js +0 -117
- package/AssetGallery-d2914de2.js +0 -1847
- package/Badge-aec841c8.js +0 -221
- package/ContextMenuItem-1fe17ed5.js +0 -110
- package/VerificationStatusIcon-b574fd21.js +0 -106
- package/icons/add.svg +0 -3
- package/icons/album.svg +0 -3
- package/icons/check-rectangle-filled.svg +0 -3
- package/icons/corporate.svg +0 -3
- package/icons/index.js +0 -77
- package/icons/layers.svg +0 -3
- package/icons/shopping_cart_add.svg +0 -3
- package/icons/verification.svg +0 -3
- package/shift-away-subtle-0bed9a3c.js +0 -9
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactStarRating = require('../../CompactStarRating-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var CompactStarRating = require('../../CompactStarRating-147445be.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
+
require('../../check-555d831b.js');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactTextInput = require('../../CompactTextInput-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var CompactTextInput = require('../../CompactTextInput-bb50a388.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('nanoid');
|
|
8
8
|
require('react');
|
|
9
|
+
require('../../check-555d831b.js');
|
|
9
10
|
require('../../edit-note-c47d292e.js');
|
|
10
|
-
require('../../Alert-
|
|
11
|
-
require('../../Badge-
|
|
12
|
-
require('../../Popover-
|
|
11
|
+
require('../../Alert-d7863c58.js');
|
|
12
|
+
require('../../Badge-fa8f327e.js');
|
|
13
|
+
require('../../Popover-6fcff6de.js');
|
|
13
14
|
require('polished');
|
|
14
15
|
require('@tippyjs/react');
|
|
15
|
-
require('../../shift-away-subtle-
|
|
16
|
+
require('../../shift-away-subtle-3cede45b.js');
|
|
16
17
|
require('popper-max-size-modifier');
|
|
17
|
-
require('../../Tab-
|
|
18
|
-
require('../../Tabs-
|
|
19
|
-
require('../../Tooltip-
|
|
20
|
-
require('../../VerificationStatusIcon-b574fd21.js');
|
|
18
|
+
require('../../Tab-3580786b.js');
|
|
19
|
+
require('../../Tabs-511523e0.js');
|
|
20
|
+
require('../../Tooltip-5ccdfe34.js');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var MultiSelect = require('../../MultiSelect-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var MultiSelect = require('../../MultiSelect-7e865f37.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
|
8
8
|
require('../../close-ebf2f3cf.js');
|
|
9
9
|
require('react-select');
|
|
10
|
-
require('../../react-select-creatable.esm-
|
|
10
|
+
require('../../react-select-creatable.esm-4c3da560.js');
|
|
11
11
|
require('react-dom');
|
|
12
12
|
require('react-select-async-paginate');
|
|
13
13
|
|
package/inputs/Radio/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Radio = require('../../Radio-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Radio = require('../../Radio-a6ba38ed.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
package/inputs/Switch/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Switch = require('../../Switch-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Switch = require('../../Switch-9e68deb2.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
package/inputs/TextArea/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextArea = require('../../TextArea-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var TextArea = require('../../TextArea-7270a924.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../../useMergedRefs-b6d2f8fc.js');
|
|
8
8
|
require('nanoid');
|
|
9
|
+
require('../../check-555d831b.js');
|
|
9
10
|
require('../../edit-note-c47d292e.js');
|
|
10
11
|
|
|
11
12
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextInput = require('../../TextInput-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var TextInput = require('../../TextInput-97f7da4d.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
package/inputs/index.js
CHANGED
|
@@ -2,45 +2,45 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var ActionButton = require('../ActionButton-
|
|
6
|
-
var Button = require('../Button-
|
|
7
|
-
var Checkbox = require('../Checkbox-
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
9
|
-
var CompactStarRating = require('../CompactStarRating-
|
|
10
|
-
var CompactTextInput = require('../CompactTextInput-
|
|
11
|
-
var MultiSelect = require('../MultiSelect-
|
|
12
|
-
var Radio = require('../Radio-
|
|
13
|
-
var TextArea = require('../TextArea-
|
|
14
|
-
var TextInput = require('../TextInput-
|
|
15
|
-
var Switch = require('../Switch-
|
|
16
|
-
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-
|
|
17
|
-
require('../defaultTheme-
|
|
5
|
+
var ActionButton = require('../ActionButton-f150aedb.js');
|
|
6
|
+
var Button = require('../Button-772b513a.js');
|
|
7
|
+
var Checkbox = require('../Checkbox-0cb45351.js');
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-ad337fac.js');
|
|
9
|
+
var CompactStarRating = require('../CompactStarRating-147445be.js');
|
|
10
|
+
var CompactTextInput = require('../CompactTextInput-bb50a388.js');
|
|
11
|
+
var MultiSelect = require('../MultiSelect-7e865f37.js');
|
|
12
|
+
var Radio = require('../Radio-a6ba38ed.js');
|
|
13
|
+
var TextArea = require('../TextArea-7270a924.js');
|
|
14
|
+
var TextInput = require('../TextInput-97f7da4d.js');
|
|
15
|
+
var Switch = require('../Switch-9e68deb2.js');
|
|
16
|
+
var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-a16cdf3d.js');
|
|
17
|
+
require('../defaultTheme-0dd58df6.js');
|
|
18
18
|
require('styled-components');
|
|
19
19
|
require('react');
|
|
20
|
-
require('
|
|
21
|
-
require('../Popover-e4ecb887.js');
|
|
20
|
+
require('../Popover-6fcff6de.js');
|
|
22
21
|
require('lodash');
|
|
22
|
+
require('polished');
|
|
23
23
|
require('@tippyjs/react');
|
|
24
|
-
require('../shift-away-subtle-
|
|
24
|
+
require('../shift-away-subtle-3cede45b.js');
|
|
25
25
|
require('popper-max-size-modifier');
|
|
26
|
-
require('../ContextMenu-
|
|
26
|
+
require('../ContextMenu-8c9d90a1.js');
|
|
27
27
|
require('../expand-more-94585605.js');
|
|
28
28
|
require('nanoid');
|
|
29
|
+
require('../check-555d831b.js');
|
|
29
30
|
require('react-select');
|
|
30
31
|
require('react-select-async-paginate');
|
|
31
|
-
require('../react-select-creatable.esm-
|
|
32
|
+
require('../react-select-creatable.esm-4c3da560.js');
|
|
32
33
|
require('react-dom');
|
|
33
34
|
require('../close-ebf2f3cf.js');
|
|
34
35
|
require('../edit-note-c47d292e.js');
|
|
35
|
-
require('../Alert-
|
|
36
|
-
require('../Badge-
|
|
37
|
-
require('../Tab-
|
|
38
|
-
require('../Tabs-
|
|
39
|
-
require('../Tooltip-
|
|
40
|
-
require('../VerificationStatusIcon-b574fd21.js');
|
|
36
|
+
require('../Alert-d7863c58.js');
|
|
37
|
+
require('../Badge-fa8f327e.js');
|
|
38
|
+
require('../Tab-3580786b.js');
|
|
39
|
+
require('../Tabs-511523e0.js');
|
|
40
|
+
require('../Tooltip-5ccdfe34.js');
|
|
41
41
|
require('../useMergedRefs-b6d2f8fc.js');
|
|
42
|
-
require('../InputGroup-
|
|
43
|
-
require('../SectionSeparator-
|
|
42
|
+
require('../InputGroup-53a44ae6.js');
|
|
43
|
+
require('../SectionSeparator-961ec4de.js');
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var InputGroup = require('../../InputGroup-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var InputGroup = require('../../InputGroup-53a44ae6.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SectionSeparator = require('../../SectionSeparator-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var SectionSeparator = require('../../SectionSeparator-961ec4de.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
|
package/layout/index.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputGroup = require('../InputGroup-
|
|
6
|
-
var SectionSeparator = require('../SectionSeparator-
|
|
7
|
-
require('../defaultTheme-
|
|
5
|
+
var InputGroup = require('../InputGroup-53a44ae6.js');
|
|
6
|
+
var SectionSeparator = require('../SectionSeparator-961ec4de.js');
|
|
7
|
+
require('../defaultTheme-0dd58df6.js');
|
|
8
8
|
require('styled-components');
|
|
9
9
|
require('react');
|
|
10
10
|
|
package/package.json
CHANGED
|
@@ -2572,7 +2572,7 @@ var Emotion$1 = Emotion;
|
|
|
2572
2572
|
|
|
2573
2573
|
var pkg = {
|
|
2574
2574
|
name: "@emotion/react",
|
|
2575
|
-
version: "11.11.
|
|
2575
|
+
version: "11.11.3",
|
|
2576
2576
|
main: "dist/emotion-react.cjs.js",
|
|
2577
2577
|
module: "dist/emotion-react.esm.js",
|
|
2578
2578
|
browser: {
|
|
@@ -2645,7 +2645,7 @@ var pkg = {
|
|
|
2645
2645
|
"@babel/runtime": "^7.18.3",
|
|
2646
2646
|
"@emotion/babel-plugin": "^11.11.0",
|
|
2647
2647
|
"@emotion/cache": "^11.11.0",
|
|
2648
|
-
"@emotion/serialize": "^1.1.
|
|
2648
|
+
"@emotion/serialize": "^1.1.3",
|
|
2649
2649
|
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
|
|
2650
2650
|
"@emotion/utils": "^1.2.1",
|
|
2651
2651
|
"@emotion/weak-memoize": "^0.3.1",
|
|
@@ -2661,7 +2661,7 @@ var pkg = {
|
|
|
2661
2661
|
},
|
|
2662
2662
|
devDependencies: {
|
|
2663
2663
|
"@definitelytyped/dtslint": "0.0.112",
|
|
2664
|
-
"@emotion/css": "11.11.
|
|
2664
|
+
"@emotion/css": "11.11.2",
|
|
2665
2665
|
"@emotion/css-prettifier": "1.1.3",
|
|
2666
2666
|
"@emotion/server": "11.11.0",
|
|
2667
2667
|
"@emotion/styled": "11.11.0",
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var defaultTheme = require('./defaultTheme-0dd58df6.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;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);
|
package/styles/config.scss
CHANGED
|
@@ -21,14 +21,12 @@ $colors: (
|
|
|
21
21
|
'cercise-400': #854962,
|
|
22
22
|
'cercise-300': #d099b0,
|
|
23
23
|
'cercise-100': #f9f3f5,
|
|
24
|
-
'red-600': #7f1b1b,
|
|
25
24
|
'red-500': #d83000,
|
|
26
25
|
'red-200': #fbeae6,
|
|
27
|
-
'brown-500': #634e01,
|
|
28
26
|
'signal-yellow-500': #f4e21e,
|
|
29
27
|
'signal-yellow-400': #fff36c,
|
|
30
28
|
'signal-green-500': #00bd98,
|
|
31
29
|
'signal-green-400': #a3ffe0,
|
|
32
|
-
'black': #
|
|
30
|
+
'black': #000000,
|
|
33
31
|
'white': #ffffff
|
|
34
32
|
);
|
|
@@ -1,49 +1,48 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-9dc1076e.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
|
-
require('lodash');
|
|
7
6
|
require('react');
|
|
8
|
-
require('
|
|
9
|
-
require('
|
|
10
|
-
require('../../
|
|
11
|
-
require('../../
|
|
12
|
-
require('../../
|
|
13
|
-
require('../../Popover-e4ecb887.js');
|
|
7
|
+
require('lodash');
|
|
8
|
+
require('../../MultiLevelCheckboxSelect-a16cdf3d.js');
|
|
9
|
+
require('../../Alert-d7863c58.js');
|
|
10
|
+
require('../../Badge-fa8f327e.js');
|
|
11
|
+
require('../../Popover-6fcff6de.js');
|
|
14
12
|
require('polished');
|
|
15
13
|
require('@tippyjs/react');
|
|
16
|
-
require('../../shift-away-subtle-
|
|
14
|
+
require('../../shift-away-subtle-3cede45b.js');
|
|
17
15
|
require('popper-max-size-modifier');
|
|
18
|
-
require('../../Tab-
|
|
19
|
-
require('../../Tabs-
|
|
20
|
-
require('../../Tooltip-
|
|
21
|
-
require('../../
|
|
22
|
-
require('../../Checkbox-68dc38a8.js');
|
|
16
|
+
require('../../Tab-3580786b.js');
|
|
17
|
+
require('../../Tabs-511523e0.js');
|
|
18
|
+
require('../../Tooltip-5ccdfe34.js');
|
|
19
|
+
require('../../Checkbox-0cb45351.js');
|
|
23
20
|
require('nanoid');
|
|
24
|
-
require('../../TextInput-
|
|
21
|
+
require('../../TextInput-97f7da4d.js');
|
|
22
|
+
require('../../useMergedRefs-b6d2f8fc.js');
|
|
25
23
|
require('../../edit-note-c47d292e.js');
|
|
26
|
-
require('../../InputGroup-
|
|
27
|
-
require('../../SectionSeparator-
|
|
24
|
+
require('../../InputGroup-53a44ae6.js');
|
|
25
|
+
require('../../SectionSeparator-961ec4de.js');
|
|
28
26
|
require('../../close-ebf2f3cf.js');
|
|
27
|
+
require('resize-observer-polyfill');
|
|
29
28
|
require('react-lazy-load-image-component');
|
|
30
|
-
require('../../
|
|
31
|
-
require('../../
|
|
32
|
-
require('../../
|
|
33
|
-
require('../../ContextMenu-4ec3d9f3.js');
|
|
29
|
+
require('../../ActionButton-f150aedb.js');
|
|
30
|
+
require('../../Button-772b513a.js');
|
|
31
|
+
require('../../ContextMenu-8c9d90a1.js');
|
|
34
32
|
require('../../expand-more-94585605.js');
|
|
35
|
-
require('../../CompactAutocompleteSelect-
|
|
33
|
+
require('../../CompactAutocompleteSelect-ad337fac.js');
|
|
34
|
+
require('../../check-555d831b.js');
|
|
36
35
|
require('react-select');
|
|
37
36
|
require('react-select-async-paginate');
|
|
38
|
-
require('../../react-select-creatable.esm-
|
|
37
|
+
require('../../react-select-creatable.esm-4c3da560.js');
|
|
39
38
|
require('react-dom');
|
|
40
|
-
require('../../CompactStarRating-
|
|
41
|
-
require('../../CompactTextInput-
|
|
42
|
-
require('../../MultiSelect-
|
|
43
|
-
require('../../Radio-
|
|
44
|
-
require('../../TextArea-
|
|
45
|
-
require('../../Switch-
|
|
46
|
-
require('../../
|
|
39
|
+
require('../../CompactStarRating-147445be.js');
|
|
40
|
+
require('../../CompactTextInput-bb50a388.js');
|
|
41
|
+
require('../../MultiSelect-7e865f37.js');
|
|
42
|
+
require('../../Radio-a6ba38ed.js');
|
|
43
|
+
require('../../TextArea-7270a924.js');
|
|
44
|
+
require('../../Switch-9e68deb2.js');
|
|
45
|
+
require('../../warning-circle-24522402.js');
|
|
47
46
|
|
|
48
47
|
|
|
49
48
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-
|
|
4
|
-
require('../../../defaultTheme-
|
|
3
|
+
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-d4e976ab.js');
|
|
4
|
+
require('../../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../../../close-ebf2f3cf.js');
|
|
@@ -1,10 +1,110 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('
|
|
5
|
-
require('styled-components');
|
|
6
|
-
require('react');
|
|
3
|
+
var defaultTheme = require('../../../defaultTheme-0dd58df6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var styled = require('styled-components');
|
|
7
6
|
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
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
|
+
}
|
|
9
28
|
|
|
10
|
-
|
|
29
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
30
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
|
+
|
|
33
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
34
|
+
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 color: ", "\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) {
|
|
35
|
+
return props.theme.primaryFontFamily;
|
|
36
|
+
}, function (props) {
|
|
37
|
+
return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
|
|
38
|
+
}, function (props) {
|
|
39
|
+
return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
|
|
40
|
+
}, function (props) {
|
|
41
|
+
return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
|
|
42
|
+
}, function (props) {
|
|
43
|
+
return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 28px;\n "])));
|
|
44
|
+
}, function (props) {
|
|
45
|
+
return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
|
|
46
|
+
}, function (props) {
|
|
47
|
+
return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
|
|
48
|
+
}, function (props) {
|
|
49
|
+
return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
|
|
50
|
+
return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
|
|
51
|
+
});
|
|
52
|
+
}, function (props) {
|
|
53
|
+
return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
|
|
54
|
+
return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
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"])));
|
|
58
|
+
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"])));
|
|
59
|
+
|
|
60
|
+
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); }
|
|
61
|
+
|
|
62
|
+
var _ref = /*#__PURE__*/React__namespace.createElement("path", {
|
|
63
|
+
fill: "currentColor",
|
|
64
|
+
d: "M0 20V0l10 10L0 20z"
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
function SvgTriangleRight(props) {
|
|
68
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
69
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
70
|
+
viewBox: "0 0 10 20"
|
|
71
|
+
}, props), _ref);
|
|
72
|
+
}
|
|
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), 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
|
+
module.exports = ContextMenuItem;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ContextMenu = require('../../ContextMenu-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var ContextMenu = require('../../ContextMenu-8c9d90a1.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var Instructions = require('../../Instructions-ba0d244e.js');
|
|
4
|
+
require('../../defaultTheme-0dd58df6.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../warning-circle-24522402.js');
|
|
9
|
-
require('../../CompactAutocompleteSelect-
|
|
9
|
+
require('../../CompactAutocompleteSelect-ad337fac.js');
|
|
10
10
|
require('nanoid');
|
|
11
|
+
require('../../check-555d831b.js');
|
|
11
12
|
require('react-select');
|
|
12
13
|
require('react-select-async-paginate');
|
|
13
|
-
require('../../react-select-creatable.esm-
|
|
14
|
+
require('../../react-select-creatable.esm-4c3da560.js');
|
|
14
15
|
require('react-dom');
|
|
15
16
|
require('../../close-ebf2f3cf.js');
|
|
16
17
|
require('../../expand-more-94585605.js');
|
|
17
|
-
require('../../TextArea-
|
|
18
|
+
require('../../TextArea-7270a924.js');
|
|
18
19
|
require('../../useMergedRefs-b6d2f8fc.js');
|
|
19
20
|
require('../../edit-note-c47d292e.js');
|
|
20
21
|
|