@ntbjs/react-components 1.0.0 → 1.1.0-beta.10
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/{AssetGallery-2d26f3cf.js → AssetGallery-1a3e0374.js} +12 -5
- package/AssetPreviewTopBar-020a6f96.js +92 -0
- package/AutocompleteSelect-e82bd937.js +358 -0
- package/Badge-34ad2850.js +146 -0
- package/Button-e6a6139c.js +264 -0
- package/CompactStarRating-f7a58649.js +246 -0
- package/CompactTextInput-faf4ea96.js +265 -0
- package/ContextMenu-a68d4f28.js +32 -0
- package/InputGroup-66dd343c.js +28 -0
- package/MultiSelect-3eca3c3e.js +361 -0
- package/Popover-63d38274.js +127 -0
- package/SectionSeparator-12aff748.js +37 -0
- package/Tab-51124003.js +30 -0
- package/Tabs-452079b5.js +99 -0
- package/{TextArea-52cf4c0a.js → TextArea-efe4fa88.js} +64 -24
- package/{TextInput-a7c32f5f.js → TextInput-e4c6d536.js} +42 -22
- package/{Tooltip-f95a39f4.js → Tooltip-7c57004f.js} +12 -10
- package/close-ebf2f3cf.js +41 -0
- package/data/Badge/index.js +10 -0
- package/data/Popover/index.js +1 -1
- package/data/Tab/index.js +10 -0
- package/data/Tabs/index.js +12 -0
- package/data/index.js +8 -2
- package/edit-note-c47d292e.js +41 -0
- package/expand-more-94585605.js +41 -0
- package/icons/arrow-back.svg +4 -0
- package/icons/arrow-drop-down.svg +4 -0
- package/icons/close.svg +4 -0
- package/icons/delete-context-menu.svg +4 -0
- package/icons/design-services.svg +4 -0
- package/icons/edit-note.svg +4 -0
- package/icons/expand-more.svg +4 -0
- package/icons/link.svg +4 -0
- package/icons/star-filled.svg +3 -0
- package/icons/star.svg +3 -0
- package/icons/triangle-right.svg +4 -0
- package/inputs/AutocompleteSelect/index.js +18 -0
- package/inputs/Button/index.js +7 -1
- package/inputs/CompactStarRating/index.js +11 -0
- package/inputs/CompactTextInput/index.js +20 -0
- package/inputs/MultiSelect/index.js +15 -0
- package/inputs/TextArea/index.js +2 -1
- package/inputs/TextInput/index.js +2 -1
- package/inputs/index.js +25 -3
- package/layout/InputGroup/index.js +10 -0
- package/layout/SectionSeparator/index.js +10 -0
- package/layout/index.js +14 -0
- package/package.json +4 -2
- package/react-select-creatable.esm-eb462367.js +7622 -0
- package/widgets/AssetGallery/index.js +23 -8
- package/widgets/AssetPreview/AssetPreviewTopBar/index.js +11 -0
- package/widgets/ContextMenu/ContextMenuItem/index.js +112 -0
- package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +32 -0
- package/widgets/ContextMenu/index.js +10 -0
- package/widgets/index.js +26 -8
- package/Button-0d728b52.js +0 -156
- package/Popover-d3e2f6c0.js +0 -97
|
@@ -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: "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;
|
|
@@ -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: "M12 14.15l-12-12L2.15 0 12 9.9 21.85.05 24 2.2 12 14.15z"
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
function SvgExpandMore(props) {
|
|
35
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
36
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
+
viewBox: "0 0 24 14.15"
|
|
38
|
+
}, props), _ref);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
exports.SvgExpandMore = SvgExpandMore;
|
package/icons/close.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 36">
|
|
3
|
+
<path fill="currentColor" d="m5.05,36c-.83,0-1.53-.29-2.12-.88s-.88-1.29-.88-2.12V4.5H0V1.5h9.4V0h13.2v1.5h9.4v3h-2.05v28.5c0,.8-.3,1.5-.9,2.1s-1.3.9-2.1.9H5.05ZM26.95,4.5H5.05v28.5h21.9V4.5ZM10.35,28.7h3V8.75h-3v19.95Zm8.3,0h3V8.75h-3v19.95ZM5.05,4.5v28.5V4.5Z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.75 38.7">
|
|
3
|
+
<path fill="currentColor" d="m32.9,13.6l-7.75-7.75,3.5-3.5c.57-.57,1.27-.85,2.1-.85s1.53.28,2.1.85l3.55,3.55c.57.57.85,1.27.85,2.1s-.28,1.53-.85,2.1l-3.5,3.5ZM1.35,37.4v-7.8l9.7-9.7L0,8.8,8.7,0l11.15,11.15,5.3-5.3,7.75,7.75-5.3,5.3,11.15,11.15-8.75,8.65-11.1-11.05-9.75,9.75H1.35Zm11.85-19.65l4.5-4.5-3.65-3.65-2.4,2.4-2.1-2.1,2.4-2.4-3.2-3.2-4.5,4.5,8.95,8.95Zm16.7,16.75l4.5-4.5-3.2-3.2-2.4,2.4-2.1-2.1,2.4-2.4-3.65-3.65-4.5,4.5,8.95,8.95Zm-25.55-.1h3.5L28.6,13.65l-3.5-3.5L4.35,30.9v3.5Z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.67 12">
|
|
3
|
+
<path fill="currentColor" d="m7,12v-1.77l4.42-4.42,1.77,1.77-4.42,4.42h-1.77ZM0,7.75v-1.5h6v1.5H0Zm13.77-.75l-1.77-1.77.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"/>
|
|
4
|
+
</svg>
|
package/icons/link.svg
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10">
|
|
3
|
+
<path fill="currentColor" d="m9,10h-4c-1.38,0-2.56-.49-3.54-1.46s-1.46-2.15-1.46-3.54S.49,2.44,1.46,1.46,3.62,0,5,0h4v2h-4c-.83,0-1.54.29-2.13.88s-.88,1.29-.88,2.13.29,1.54.88,2.13,1.29.88,2.13.88h4v2Zm-3-4v-2h8v2H6Zm5,4v-2h4c.83,0,1.54-.29,2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38,0,2.56.49,3.54,1.46s1.46,2.15,1.46,3.54-.49,2.56-1.46,3.54-2.15,1.46-3.54,1.46h-4Z"/>
|
|
4
|
+
</svg>
|
package/icons/star.svg
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
|
|
2
|
+
<path fill="currentColor" d="m12.2,31.8l7.8-4.7,7.9,4.8-2.1-8.9,6.9-6-9.1-.8-3.6-8.5-3.5,8.4-9.1.8,6.9,6-2.1,8.9Zm-4.5,6.2l3.3-14L0,14.5l14.4-1.2L20,0l5.6,13.2,14.4,1.3-10.9,9.5,3.3,14-12.4-7.4-12.3,7.4Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
|
|
4
|
+
require('../../defaultTheme-870f7df1.js');
|
|
5
|
+
require('styled-components');
|
|
6
|
+
require('react');
|
|
7
|
+
require('nanoid');
|
|
8
|
+
require('lodash');
|
|
9
|
+
require('react-select');
|
|
10
|
+
require('../../react-select-creatable.esm-eb462367.js');
|
|
11
|
+
require('react-dom');
|
|
12
|
+
require('react-select-async-paginate');
|
|
13
|
+
require('../../close-ebf2f3cf.js');
|
|
14
|
+
require('../../expand-more-94585605.js');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
module.exports = AutocompleteSelect.AutocompleteSelect;
|
package/inputs/Button/index.js
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Button = require('../../Button-
|
|
3
|
+
var Button = require('../../Button-e6a6139c.js');
|
|
4
4
|
require('../../defaultTheme-870f7df1.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
|
+
require('../../Popover-63d38274.js');
|
|
8
|
+
require('lodash');
|
|
9
|
+
require('polished');
|
|
10
|
+
require('@tippyjs/react');
|
|
11
|
+
require('../../ContextMenu-a68d4f28.js');
|
|
12
|
+
require('../../expand-more-94585605.js');
|
|
7
13
|
|
|
8
14
|
|
|
9
15
|
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var CompactStarRating = require('../../CompactStarRating-f7a58649.js');
|
|
4
|
+
require('../../defaultTheme-870f7df1.js');
|
|
5
|
+
require('styled-components');
|
|
6
|
+
require('react');
|
|
7
|
+
require('lodash');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
module.exports = CompactStarRating.CompactStarRating;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var CompactTextInput = require('../../CompactTextInput-faf4ea96.js');
|
|
4
|
+
require('../../defaultTheme-870f7df1.js');
|
|
5
|
+
require('styled-components');
|
|
6
|
+
require('react');
|
|
7
|
+
require('nanoid');
|
|
8
|
+
require('lodash');
|
|
9
|
+
require('../../edit-note-c47d292e.js');
|
|
10
|
+
require('../../Popover-63d38274.js');
|
|
11
|
+
require('polished');
|
|
12
|
+
require('@tippyjs/react');
|
|
13
|
+
require('../../Tooltip-7c57004f.js');
|
|
14
|
+
require('../../Tab-51124003.js');
|
|
15
|
+
require('../../Tabs-452079b5.js');
|
|
16
|
+
require('../../Badge-34ad2850.js');
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
module.exports = CompactTextInput.CompactTextInput;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
|
|
4
|
+
require('../../defaultTheme-870f7df1.js');
|
|
5
|
+
require('styled-components');
|
|
6
|
+
require('react');
|
|
7
|
+
require('../../close-ebf2f3cf.js');
|
|
8
|
+
require('react-select');
|
|
9
|
+
require('../../react-select-creatable.esm-eb462367.js');
|
|
10
|
+
require('react-dom');
|
|
11
|
+
require('react-select-async-paginate');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
module.exports = MultiSelect.MultiSelect;
|
package/inputs/TextArea/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextArea = require('../../TextArea-
|
|
3
|
+
var TextArea = require('../../TextArea-efe4fa88.js');
|
|
4
4
|
require('../../defaultTheme-870f7df1.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
|
8
8
|
require('lodash');
|
|
9
|
+
require('../../edit-note-c47d292e.js');
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var TextInput = require('../../TextInput-
|
|
3
|
+
var TextInput = require('../../TextInput-e4c6d536.js');
|
|
4
4
|
require('../../defaultTheme-870f7df1.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
7
7
|
require('nanoid');
|
|
8
8
|
require('lodash');
|
|
9
|
+
require('../../edit-note-c47d292e.js');
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
|
package/inputs/index.js
CHANGED
|
@@ -3,24 +3,46 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ActionButton = require('../ActionButton-90485300.js');
|
|
6
|
-
var
|
|
6
|
+
var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
|
|
7
|
+
var Button = require('../Button-e6a6139c.js');
|
|
7
8
|
var Checkbox = require('../Checkbox-50f1f3c7.js');
|
|
9
|
+
var CompactStarRating = require('../CompactStarRating-f7a58649.js');
|
|
10
|
+
var CompactTextInput = require('../CompactTextInput-faf4ea96.js');
|
|
11
|
+
var MultiSelect = require('../MultiSelect-3eca3c3e.js');
|
|
8
12
|
var Radio = require('../Radio-0b46b2a8.js');
|
|
9
|
-
var TextArea = require('../TextArea-
|
|
10
|
-
var TextInput = require('../TextInput-
|
|
13
|
+
var TextArea = require('../TextArea-efe4fa88.js');
|
|
14
|
+
var TextInput = require('../TextInput-e4c6d536.js');
|
|
11
15
|
var Switch = require('../Switch-aa384260.js');
|
|
12
16
|
require('../defaultTheme-870f7df1.js');
|
|
13
17
|
require('styled-components');
|
|
14
18
|
require('react');
|
|
15
19
|
require('nanoid');
|
|
16
20
|
require('lodash');
|
|
21
|
+
require('react-select');
|
|
22
|
+
require('../react-select-creatable.esm-eb462367.js');
|
|
23
|
+
require('react-dom');
|
|
24
|
+
require('react-select-async-paginate');
|
|
25
|
+
require('../close-ebf2f3cf.js');
|
|
26
|
+
require('../expand-more-94585605.js');
|
|
27
|
+
require('../Popover-63d38274.js');
|
|
17
28
|
require('polished');
|
|
29
|
+
require('@tippyjs/react');
|
|
30
|
+
require('../ContextMenu-a68d4f28.js');
|
|
31
|
+
require('../edit-note-c47d292e.js');
|
|
32
|
+
require('../Tooltip-7c57004f.js');
|
|
33
|
+
require('../Tab-51124003.js');
|
|
34
|
+
require('../Tabs-452079b5.js');
|
|
35
|
+
require('../Badge-34ad2850.js');
|
|
18
36
|
|
|
19
37
|
|
|
20
38
|
|
|
21
39
|
exports.ActionButton = ActionButton.ActionButton;
|
|
40
|
+
exports.AutocompleteSelect = AutocompleteSelect.AutocompleteSelect;
|
|
22
41
|
exports.Button = Button.Button;
|
|
23
42
|
exports.Checkbox = Checkbox.Checkbox;
|
|
43
|
+
exports.CompactStarRating = CompactStarRating.CompactStarRating;
|
|
44
|
+
exports.CompactTextInput = CompactTextInput.CompactTextInput;
|
|
45
|
+
exports.MultiSelect = MultiSelect.MultiSelect;
|
|
24
46
|
exports.Radio = Radio.Radio;
|
|
25
47
|
exports.TextArea = TextArea.TextArea;
|
|
26
48
|
exports.TextInput = TextInput.TextInput;
|
package/layout/index.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var InputGroup = require('../InputGroup-66dd343c.js');
|
|
6
|
+
var SectionSeparator = require('../SectionSeparator-12aff748.js');
|
|
7
|
+
require('../defaultTheme-870f7df1.js');
|
|
8
|
+
require('styled-components');
|
|
9
|
+
require('react');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
exports.InputGroup = InputGroup.InputGroup;
|
|
14
|
+
exports.SectionSeparator = SectionSeparator.SectionSeparator;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ntbjs/react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.1.0-beta.10",
|
|
4
4
|
"description": "NTBs common front-end design utilities and React components.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "cross-env NODE_ENV=production rollup -c",
|
|
@@ -74,11 +74,13 @@
|
|
|
74
74
|
"@restart/hooks": "^0.3.26",
|
|
75
75
|
"@storybook/addons": "^6.5.14",
|
|
76
76
|
"@storybook/theming": "^6.5.14",
|
|
77
|
-
"@tippyjs/react": "^4.2.
|
|
77
|
+
"@tippyjs/react": "^4.2.6",
|
|
78
78
|
"lodash": "^4.17.21",
|
|
79
79
|
"nanoid": "^3.1.25",
|
|
80
80
|
"polished": "^4.1.3",
|
|
81
81
|
"react-lazy-load-image-component": "^1.5.1",
|
|
82
|
+
"react-select": "^5.7.4",
|
|
83
|
+
"react-select-async-paginate": "^0.7.3",
|
|
82
84
|
"resize-observer-polyfill": "^1.5.1",
|
|
83
85
|
"styled-components": "^5.3.5"
|
|
84
86
|
}
|