@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.
Files changed (57) hide show
  1. package/{ActionButton-90485300.js → ActionButton-c3f5ed94.js} +1 -1
  2. package/Alert-3e4f8be1.js +62 -0
  3. package/{AssetGallery-fa38a287.js → AssetGallery-edf42a11.js} +24 -36
  4. package/{AssetPreviewTopBar-777c726a.js → AssetPreviewTopBar-159b9885.js} +2 -2
  5. package/{AutocompleteSelect-e2063407.js → AutocompleteSelect-45be3cb4.js} +22 -12
  6. package/{Badge-34ad2850.js → Badge-9bcebe96.js} +1 -1
  7. package/{Button-a5327c37.js → Button-dd271c4b.js} +3 -3
  8. package/{Checkbox-50f1f3c7.js → Checkbox-012bbd3f.js} +3 -3
  9. package/{CompactStarRating-f9997240.js → CompactStarRating-942afff1.js} +49 -32
  10. package/{CompactTextInput-8c9b061b.js → CompactTextInput-e9c99aa3.js} +43 -17
  11. package/{ContextMenu-59c2a64f.js → ContextMenu-d088833b.js} +1 -1
  12. package/{InputGroup-66dd343c.js → InputGroup-09ce9572.js} +1 -1
  13. package/Instructions-504093f2.js +221 -0
  14. package/{MultiSelect-e4868f52.js → MultiSelect-5b008b32.js} +66 -46
  15. package/{Popover-616682bf.js → Popover-11df9750.js} +2 -7
  16. package/{Radio-0b46b2a8.js → Radio-0594409d.js} +1 -1
  17. package/{SectionSeparator-12aff748.js → SectionSeparator-225719cd.js} +1 -1
  18. package/{Switch-aa384260.js → Switch-cd165c8c.js} +1 -1
  19. package/{Tab-fc380f0b.js → Tab-bd0f3345.js} +11 -6
  20. package/{Tabs-d6f0aaf5.js → Tabs-cfc35dc0.js} +49 -11
  21. package/{TextArea-8a0bd754.js → TextArea-6dad1bbe.js} +19 -9
  22. package/{TextInput-e4c6d536.js → TextInput-a1083be3.js} +1 -1
  23. package/{Tooltip-860530ff.js → Tooltip-f4f9ab8f.js} +16 -11
  24. package/data/Alert/index.js +10 -0
  25. package/data/Badge/index.js +2 -2
  26. package/data/Popover/index.js +3 -2
  27. package/data/Tab/index.js +2 -2
  28. package/data/Tabs/index.js +3 -3
  29. package/data/Tooltip/index.js +12 -0
  30. package/data/index.js +11 -8
  31. package/{defaultTheme-870f7df1.js → defaultTheme-50f2b88f.js} +17 -0
  32. package/inputs/ActionButton/index.js +2 -2
  33. package/inputs/AutocompleteSelect/index.js +3 -3
  34. package/inputs/Button/index.js +5 -4
  35. package/inputs/Checkbox/index.js +2 -2
  36. package/inputs/CompactStarRating/index.js +2 -2
  37. package/inputs/CompactTextInput/index.js +9 -7
  38. package/inputs/MultiSelect/index.js +4 -3
  39. package/inputs/Radio/index.js +2 -2
  40. package/inputs/Switch/index.js +2 -2
  41. package/inputs/TextArea/index.js +2 -2
  42. package/inputs/TextInput/index.js +2 -2
  43. package/inputs/index.js +21 -19
  44. package/layout/InputGroup/index.js +2 -2
  45. package/layout/SectionSeparator/index.js +2 -2
  46. package/layout/index.js +3 -3
  47. package/package.json +3 -3
  48. package/{react-select-creatable.esm-9283eec1.js → react-select-creatable.esm-2f23d6c6.js} +133 -43
  49. package/shift-away-subtle-cfdf1dbe.js +9 -0
  50. package/warning-circle-24522402.js +41 -0
  51. package/widgets/AssetGallery/index.js +23 -20
  52. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  53. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -4
  54. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  55. package/widgets/ContextMenu/index.js +2 -2
  56. package/widgets/Instructions/index.js +22 -0
  57. 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-fa38a287.js');
4
- require('../../defaultTheme-870f7df1.js');
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-e4c6d536.js');
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-90485300.js');
14
- require('../../AutocompleteSelect-e2063407.js');
13
+ require('../../ActionButton-c3f5ed94.js');
14
+ require('../../AutocompleteSelect-45be3cb4.js');
15
15
  require('react-select');
16
- require('../../react-select-creatable.esm-9283eec1.js');
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-a5327c37.js');
22
- require('../../Popover-616682bf.js');
21
+ require('../../Button-dd271c4b.js');
22
+ require('../../Popover-11df9750.js');
23
23
  require('polished');
24
24
  require('@tippyjs/react');
25
- require('../../ContextMenu-59c2a64f.js');
26
- require('../../Checkbox-50f1f3c7.js');
27
- require('../../CompactStarRating-f9997240.js');
28
- require('../../CompactTextInput-8c9b061b.js');
29
- require('../../Tooltip-860530ff.js');
30
- require('../../Tab-fc380f0b.js');
31
- require('../../Tabs-d6f0aaf5.js');
32
- require('../../Badge-34ad2850.js');
33
- require('../../MultiSelect-e4868f52.js');
34
- require('../../Radio-0b46b2a8.js');
35
- require('../../TextArea-8a0bd754.js');
36
- require('../../Switch-aa384260.js');
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-777c726a.js');
4
- require('../../../defaultTheme-870f7df1.js');
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-870f7df1.js');
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 width: ", ";\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) {
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,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('../../../defaultTheme-870f7df1.js');
3
+ var defaultTheme = require('../../../defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenu = require('../../ContextMenu-59c2a64f.js');
4
- require('../../defaultTheme-870f7df1.js');
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-fa38a287.js');
6
- var ContextMenu = require('../ContextMenu-59c2a64f.js');
7
- var AssetPreviewTopBar = require('../AssetPreviewTopBar-777c726a.js');
8
- require('../defaultTheme-870f7df1.js');
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-e4c6d536.js');
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-90485300.js');
18
- require('../AutocompleteSelect-e2063407.js');
18
+ require('../ActionButton-c3f5ed94.js');
19
+ require('../AutocompleteSelect-45be3cb4.js');
19
20
  require('react-select');
20
- require('../react-select-creatable.esm-9283eec1.js');
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-a5327c37.js');
26
- require('../Popover-616682bf.js');
26
+ require('../Button-dd271c4b.js');
27
+ require('../Popover-11df9750.js');
27
28
  require('polished');
28
29
  require('@tippyjs/react');
29
- require('../Checkbox-50f1f3c7.js');
30
- require('../CompactStarRating-f9997240.js');
31
- require('../CompactTextInput-8c9b061b.js');
32
- require('../Tooltip-860530ff.js');
33
- require('../Tab-fc380f0b.js');
34
- require('../Tabs-d6f0aaf5.js');
35
- require('../Badge-34ad2850.js');
36
- require('../MultiSelect-e4868f52.js');
37
- require('../Radio-0b46b2a8.js');
38
- require('../TextArea-8a0bd754.js');
39
- require('../Switch-aa384260.js');
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;