@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.
Files changed (57) hide show
  1. package/{AssetGallery-2d26f3cf.js → AssetGallery-1a3e0374.js} +12 -5
  2. package/AssetPreviewTopBar-020a6f96.js +92 -0
  3. package/AutocompleteSelect-e82bd937.js +358 -0
  4. package/Badge-34ad2850.js +146 -0
  5. package/Button-e6a6139c.js +264 -0
  6. package/CompactStarRating-f7a58649.js +246 -0
  7. package/CompactTextInput-faf4ea96.js +265 -0
  8. package/ContextMenu-a68d4f28.js +32 -0
  9. package/InputGroup-66dd343c.js +28 -0
  10. package/MultiSelect-3eca3c3e.js +361 -0
  11. package/Popover-63d38274.js +127 -0
  12. package/SectionSeparator-12aff748.js +37 -0
  13. package/Tab-51124003.js +30 -0
  14. package/Tabs-452079b5.js +99 -0
  15. package/{TextArea-52cf4c0a.js → TextArea-efe4fa88.js} +64 -24
  16. package/{TextInput-a7c32f5f.js → TextInput-e4c6d536.js} +42 -22
  17. package/{Tooltip-f95a39f4.js → Tooltip-7c57004f.js} +12 -10
  18. package/close-ebf2f3cf.js +41 -0
  19. package/data/Badge/index.js +10 -0
  20. package/data/Popover/index.js +1 -1
  21. package/data/Tab/index.js +10 -0
  22. package/data/Tabs/index.js +12 -0
  23. package/data/index.js +8 -2
  24. package/edit-note-c47d292e.js +41 -0
  25. package/expand-more-94585605.js +41 -0
  26. package/icons/arrow-back.svg +4 -0
  27. package/icons/arrow-drop-down.svg +4 -0
  28. package/icons/close.svg +4 -0
  29. package/icons/delete-context-menu.svg +4 -0
  30. package/icons/design-services.svg +4 -0
  31. package/icons/edit-note.svg +4 -0
  32. package/icons/expand-more.svg +4 -0
  33. package/icons/link.svg +4 -0
  34. package/icons/star-filled.svg +3 -0
  35. package/icons/star.svg +3 -0
  36. package/icons/triangle-right.svg +4 -0
  37. package/inputs/AutocompleteSelect/index.js +18 -0
  38. package/inputs/Button/index.js +7 -1
  39. package/inputs/CompactStarRating/index.js +11 -0
  40. package/inputs/CompactTextInput/index.js +20 -0
  41. package/inputs/MultiSelect/index.js +15 -0
  42. package/inputs/TextArea/index.js +2 -1
  43. package/inputs/TextInput/index.js +2 -1
  44. package/inputs/index.js +25 -3
  45. package/layout/InputGroup/index.js +10 -0
  46. package/layout/SectionSeparator/index.js +10 -0
  47. package/layout/index.js +14 -0
  48. package/package.json +4 -2
  49. package/react-select-creatable.esm-eb462367.js +7622 -0
  50. package/widgets/AssetGallery/index.js +23 -8
  51. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +11 -0
  52. package/widgets/ContextMenu/ContextMenuItem/index.js +112 -0
  53. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +32 -0
  54. package/widgets/ContextMenu/index.js +10 -0
  55. package/widgets/index.js +26 -8
  56. package/Button-0d728b52.js +0 -156
  57. 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;
@@ -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 32">
3
+ <path fill="currentColor" d="m16,32L0,16,16,0l2.1,2.1L5.7,14.5h26.3v3H5.7l12.4,12.4-2.1,2.1Z"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg fill="currentColor" id="a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4">
3
+ <path d="m4,4L0,0h8l-4,4Z"/>
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 27.3 27.3">
3
+ <path fill="currentColor" d="m2.1,27.3l-2.1-2.1,11.55-11.55L0,2.1,2.1,0l11.55,11.55L25.2,0l2.1,2.1-11.55,11.55,11.55,11.55-2.1,2.1-11.55-11.55L2.1,27.3Z"/>
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 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>
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14.15">
3
+ <path fill="currentColor" d="m12,14.15L0,2.15,2.15,0l9.85,9.9L21.85.05l2.15,2.15-12,11.95Z"/>
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>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
2
+ <path fill="currentColor" d="m7.65,38l3.25-14.05L0,14.5l14.4-1.25L20,0l5.6,13.25,14.4,1.25-10.9,9.45,3.25,14.05-12.35-7.45-12.35,7.45Z"/>
3
+ </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,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 20">
3
+ <path fill="currentColor" d="m0,20V0l10,10L0,20Z"/>
4
+ </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;
@@ -1,9 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-0d728b52.js');
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;
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-52cf4c0a.js');
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-a7c32f5f.js');
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 Button = require('../Button-0d728b52.js');
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-52cf4c0a.js');
10
- var TextInput = require('../TextInput-a7c32f5f.js');
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;
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var InputGroup = require('../../InputGroup-66dd343c.js');
4
+ require('../../defaultTheme-870f7df1.js');
5
+ require('styled-components');
6
+ require('react');
7
+
8
+
9
+
10
+ module.exports = InputGroup.InputGroup;
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var SectionSeparator = require('../../SectionSeparator-12aff748.js');
4
+ require('../../defaultTheme-870f7df1.js');
5
+ require('styled-components');
6
+ require('react');
7
+
8
+
9
+
10
+ module.exports = SectionSeparator.SectionSeparator;
@@ -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.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.5",
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
  }