@ntbjs/react-components 1.1.0-beta.6 → 1.1.0-beta.60
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-90485300.js → ActionButton-c3f5ed94.js} +1 -1
- package/Alert-3e4f8be1.js +62 -0
- package/{AssetGallery-fa38a287.js → AssetGallery-edf42a11.js} +24 -36
- package/{AssetPreviewTopBar-777c726a.js → AssetPreviewTopBar-159b9885.js} +2 -2
- package/{AutocompleteSelect-e2063407.js → AutocompleteSelect-45be3cb4.js} +22 -12
- package/{Badge-34ad2850.js → Badge-9bcebe96.js} +1 -1
- package/{Button-a5327c37.js → Button-dd271c4b.js} +3 -3
- package/{Checkbox-50f1f3c7.js → Checkbox-012bbd3f.js} +3 -3
- package/{CompactStarRating-f9997240.js → CompactStarRating-942afff1.js} +49 -32
- package/{CompactTextInput-8c9b061b.js → CompactTextInput-e9c99aa3.js} +43 -17
- package/{ContextMenu-59c2a64f.js → ContextMenu-d088833b.js} +1 -1
- package/{InputGroup-66dd343c.js → InputGroup-09ce9572.js} +1 -1
- package/Instructions-504093f2.js +221 -0
- package/{MultiSelect-e4868f52.js → MultiSelect-5b008b32.js} +66 -46
- package/{Popover-616682bf.js → Popover-11df9750.js} +2 -7
- package/{Radio-0b46b2a8.js → Radio-0594409d.js} +1 -1
- package/{SectionSeparator-12aff748.js → SectionSeparator-225719cd.js} +1 -1
- package/{Switch-aa384260.js → Switch-cd165c8c.js} +1 -1
- package/{Tab-fc380f0b.js → Tab-bd0f3345.js} +11 -6
- package/{Tabs-d6f0aaf5.js → Tabs-cfc35dc0.js} +49 -11
- package/{TextArea-8a0bd754.js → TextArea-6dad1bbe.js} +19 -9
- package/{TextInput-e4c6d536.js → TextInput-a1083be3.js} +1 -1
- package/{Tooltip-860530ff.js → Tooltip-f4f9ab8f.js} +16 -11
- package/data/Alert/index.js +10 -0
- package/data/Badge/index.js +2 -2
- package/data/Popover/index.js +3 -2
- package/data/Tab/index.js +2 -2
- package/data/Tabs/index.js +3 -3
- package/data/Tooltip/index.js +12 -0
- package/data/index.js +11 -8
- package/{defaultTheme-870f7df1.js → defaultTheme-50f2b88f.js} +17 -0
- package/inputs/ActionButton/index.js +2 -2
- package/inputs/AutocompleteSelect/index.js +3 -3
- package/inputs/Button/index.js +5 -4
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/CompactStarRating/index.js +2 -2
- package/inputs/CompactTextInput/index.js +9 -7
- package/inputs/MultiSelect/index.js +4 -3
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +2 -2
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +21 -19
- package/layout/InputGroup/index.js +2 -2
- package/layout/SectionSeparator/index.js +2 -2
- package/layout/index.js +3 -3
- package/package.json +3 -3
- package/{react-select-creatable.esm-9283eec1.js → react-select-creatable.esm-2f23d6c6.js} +133 -43
- package/shift-away-subtle-cfdf1dbe.js +9 -0
- package/warning-circle-24522402.js +41 -0
- package/widgets/AssetGallery/index.js +23 -20
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
- package/widgets/ContextMenu/ContextMenuItem/index.js +2 -4
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
- package/widgets/ContextMenu/index.js +2 -2
- package/widgets/Instructions/index.js +22 -0
- package/widgets/index.js +26 -21
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
4
|
+
|
|
5
|
+
var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
|
|
6
|
+
defaultTheme.styleInject(css_248z$1);
|
|
7
|
+
|
|
8
|
+
var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
|
|
9
|
+
defaultTheme.styleInject(css_248z);
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespace(e) {
|
|
6
|
+
if (e && e.__esModule) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return e[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n['default'] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
26
|
+
|
|
27
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
28
|
+
|
|
29
|
+
var _ref = /*#__PURE__*/React__namespace.createElement("path", {
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "M10.8 15.6h2.4V18h-2.4zm0-9.6h2.4v7.2h-2.4zm1.188-6A12 12 0 1024 12 11.994 11.994 0 0011.988 0zM12 21.6a9.6 9.6 0 119.6-9.6 9.597 9.597 0 01-9.6 9.6z"
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
function SvgWarningCircle(props) {
|
|
35
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
+
viewBox: "0 0 24 24"
|
|
38
|
+
}, props), _ref);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
exports.SvgWarningCircle = SvgWarningCircle;
|
|
@@ -1,39 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-edf42a11.js');
|
|
4
|
+
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('lodash');
|
|
8
|
-
require('../../TextInput-
|
|
8
|
+
require('../../TextInput-a1083be3.js');
|
|
9
9
|
require('nanoid');
|
|
10
10
|
require('../../edit-note-c47d292e.js');
|
|
11
11
|
require('resize-observer-polyfill');
|
|
12
12
|
require('react-lazy-load-image-component');
|
|
13
|
-
require('../../ActionButton-
|
|
14
|
-
require('../../AutocompleteSelect-
|
|
13
|
+
require('../../ActionButton-c3f5ed94.js');
|
|
14
|
+
require('../../AutocompleteSelect-45be3cb4.js');
|
|
15
15
|
require('react-select');
|
|
16
|
-
require('../../react-select-creatable.esm-
|
|
16
|
+
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
17
17
|
require('react-dom');
|
|
18
18
|
require('react-select-async-paginate');
|
|
19
19
|
require('../../close-ebf2f3cf.js');
|
|
20
20
|
require('../../expand-more-94585605.js');
|
|
21
|
-
require('../../Button-
|
|
22
|
-
require('../../Popover-
|
|
21
|
+
require('../../Button-dd271c4b.js');
|
|
22
|
+
require('../../Popover-11df9750.js');
|
|
23
23
|
require('polished');
|
|
24
24
|
require('@tippyjs/react');
|
|
25
|
-
require('../../
|
|
26
|
-
require('../../
|
|
27
|
-
require('../../
|
|
28
|
-
require('../../
|
|
29
|
-
require('../../
|
|
30
|
-
require('../../
|
|
31
|
-
require('../../
|
|
32
|
-
require('../../
|
|
33
|
-
require('../../
|
|
34
|
-
require('../../
|
|
35
|
-
require('../../
|
|
36
|
-
require('../../
|
|
25
|
+
require('../../shift-away-subtle-cfdf1dbe.js');
|
|
26
|
+
require('../../ContextMenu-d088833b.js');
|
|
27
|
+
require('../../Checkbox-012bbd3f.js');
|
|
28
|
+
require('../../CompactStarRating-942afff1.js');
|
|
29
|
+
require('../../CompactTextInput-e9c99aa3.js');
|
|
30
|
+
require('../../Alert-3e4f8be1.js');
|
|
31
|
+
require('../../Badge-9bcebe96.js');
|
|
32
|
+
require('../../Tab-bd0f3345.js');
|
|
33
|
+
require('../../Tabs-cfc35dc0.js');
|
|
34
|
+
require('../../Tooltip-f4f9ab8f.js');
|
|
35
|
+
require('../../MultiSelect-5b008b32.js');
|
|
36
|
+
require('../../Radio-0594409d.js');
|
|
37
|
+
require('../../TextArea-6dad1bbe.js');
|
|
38
|
+
require('../../Switch-cd165c8c.js');
|
|
39
|
+
require('../../warning-circle-24522402.js');
|
|
37
40
|
|
|
38
41
|
|
|
39
42
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-
|
|
4
|
-
require('../../../defaultTheme-
|
|
3
|
+
var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-159b9885.js');
|
|
4
|
+
require('../../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../../../close-ebf2f3cf.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('../../../defaultTheme-
|
|
3
|
+
var defaultTheme = require('../../../defaultTheme-50f2b88f.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
|
|
@@ -31,12 +31,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
31
31
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
32
|
|
|
33
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
|
|
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
35
|
return props.theme.primaryFontFamily;
|
|
36
36
|
}, function (props) {
|
|
37
37
|
return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
|
|
38
|
-
}, function (props) {
|
|
39
|
-
return props.opensSublevel ? 'calc(100% - 16px)' : 'calc(100% - 36px)';
|
|
40
38
|
}, function (props) {
|
|
41
39
|
return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
|
|
42
40
|
}, function (props) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ContextMenu = require('../../ContextMenu-
|
|
4
|
-
require('../../defaultTheme-
|
|
3
|
+
var ContextMenu = require('../../ContextMenu-d088833b.js');
|
|
4
|
+
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var Instructions = require('../../Instructions-504093f2.js');
|
|
4
|
+
require('../../defaultTheme-50f2b88f.js');
|
|
5
|
+
require('styled-components');
|
|
6
|
+
require('react');
|
|
7
|
+
require('../../TextArea-6dad1bbe.js');
|
|
8
|
+
require('nanoid');
|
|
9
|
+
require('lodash');
|
|
10
|
+
require('../../edit-note-c47d292e.js');
|
|
11
|
+
require('../../AutocompleteSelect-45be3cb4.js');
|
|
12
|
+
require('react-select');
|
|
13
|
+
require('../../react-select-creatable.esm-2f23d6c6.js');
|
|
14
|
+
require('react-dom');
|
|
15
|
+
require('react-select-async-paginate');
|
|
16
|
+
require('../../close-ebf2f3cf.js');
|
|
17
|
+
require('../../expand-more-94585605.js');
|
|
18
|
+
require('../../warning-circle-24522402.js');
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
module.exports = Instructions.Instructions;
|
package/widgets/index.js
CHANGED
|
@@ -2,44 +2,49 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var AssetGallery = require('../AssetGallery-
|
|
6
|
-
var ContextMenu = require('../ContextMenu-
|
|
7
|
-
var AssetPreviewTopBar = require('../AssetPreviewTopBar-
|
|
8
|
-
require('../
|
|
5
|
+
var AssetGallery = require('../AssetGallery-edf42a11.js');
|
|
6
|
+
var ContextMenu = require('../ContextMenu-d088833b.js');
|
|
7
|
+
var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
|
|
8
|
+
var Instructions = require('../Instructions-504093f2.js');
|
|
9
|
+
require('../defaultTheme-50f2b88f.js');
|
|
9
10
|
require('styled-components');
|
|
10
11
|
require('react');
|
|
11
12
|
require('lodash');
|
|
12
|
-
require('../TextInput-
|
|
13
|
+
require('../TextInput-a1083be3.js');
|
|
13
14
|
require('nanoid');
|
|
14
15
|
require('../edit-note-c47d292e.js');
|
|
15
16
|
require('resize-observer-polyfill');
|
|
16
17
|
require('react-lazy-load-image-component');
|
|
17
|
-
require('../ActionButton-
|
|
18
|
-
require('../AutocompleteSelect-
|
|
18
|
+
require('../ActionButton-c3f5ed94.js');
|
|
19
|
+
require('../AutocompleteSelect-45be3cb4.js');
|
|
19
20
|
require('react-select');
|
|
20
|
-
require('../react-select-creatable.esm-
|
|
21
|
+
require('../react-select-creatable.esm-2f23d6c6.js');
|
|
21
22
|
require('react-dom');
|
|
22
23
|
require('react-select-async-paginate');
|
|
23
24
|
require('../close-ebf2f3cf.js');
|
|
24
25
|
require('../expand-more-94585605.js');
|
|
25
|
-
require('../Button-
|
|
26
|
-
require('../Popover-
|
|
26
|
+
require('../Button-dd271c4b.js');
|
|
27
|
+
require('../Popover-11df9750.js');
|
|
27
28
|
require('polished');
|
|
28
29
|
require('@tippyjs/react');
|
|
29
|
-
require('../
|
|
30
|
-
require('../
|
|
31
|
-
require('../
|
|
32
|
-
require('../
|
|
33
|
-
require('../
|
|
34
|
-
require('../
|
|
35
|
-
require('../
|
|
36
|
-
require('../
|
|
37
|
-
require('../
|
|
38
|
-
require('../
|
|
39
|
-
require('../
|
|
30
|
+
require('../shift-away-subtle-cfdf1dbe.js');
|
|
31
|
+
require('../Checkbox-012bbd3f.js');
|
|
32
|
+
require('../CompactStarRating-942afff1.js');
|
|
33
|
+
require('../CompactTextInput-e9c99aa3.js');
|
|
34
|
+
require('../Alert-3e4f8be1.js');
|
|
35
|
+
require('../Badge-9bcebe96.js');
|
|
36
|
+
require('../Tab-bd0f3345.js');
|
|
37
|
+
require('../Tabs-cfc35dc0.js');
|
|
38
|
+
require('../Tooltip-f4f9ab8f.js');
|
|
39
|
+
require('../MultiSelect-5b008b32.js');
|
|
40
|
+
require('../Radio-0594409d.js');
|
|
41
|
+
require('../TextArea-6dad1bbe.js');
|
|
42
|
+
require('../Switch-cd165c8c.js');
|
|
43
|
+
require('../warning-circle-24522402.js');
|
|
40
44
|
|
|
41
45
|
|
|
42
46
|
|
|
43
47
|
exports.AssetGallery = AssetGallery.AssetGallery;
|
|
44
48
|
exports.ContextMenu = ContextMenu.ContextMenu;
|
|
45
49
|
exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;
|
|
50
|
+
exports.Instructions = Instructions.Instructions;
|