@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.
Files changed (75) hide show
  1. package/{ActionButton-06df3d6c.js → ActionButton-f150aedb.js} +5 -15
  2. package/Alert-d7863c58.js +62 -0
  3. package/AssetGallery-9dc1076e.js +1396 -0
  4. package/{AssetPreviewTopBar-c28715f7.js → AssetPreviewTopBar-d4e976ab.js} +15 -15
  5. package/Badge-fa8f327e.js +154 -0
  6. package/{Button-c38d56a0.js → Button-772b513a.js} +3 -3
  7. package/{Checkbox-68dc38a8.js → Checkbox-0cb45351.js} +1 -1
  8. package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-ad337fac.js} +10 -10
  9. package/{CompactStarRating-9c81ca6e.js → CompactStarRating-147445be.js} +9 -9
  10. package/{CompactTextInput-c7d0ac82.js → CompactTextInput-bb50a388.js} +22 -16
  11. package/{ContextMenu-4ec3d9f3.js → ContextMenu-8c9d90a1.js} +1 -1
  12. package/{InputGroup-49fbc423.js → InputGroup-53a44ae6.js} +1 -1
  13. package/{Instructions-ea9e5aa9.js → Instructions-ba0d244e.js} +6 -16
  14. package/{MultiLevelCheckboxSelect-c4060a73.js → MultiLevelCheckboxSelect-a16cdf3d.js} +28 -29
  15. package/{MultiSelect-4b8d3d0d.js → MultiSelect-7e865f37.js} +2 -2
  16. package/{Popover-e4ecb887.js → Popover-6fcff6de.js} +2 -2
  17. package/{Radio-32d0513a.js → Radio-a6ba38ed.js} +1 -1
  18. package/{SectionSeparator-259a22ed.js → SectionSeparator-961ec4de.js} +1 -1
  19. package/{Switch-4a41585f.js → Switch-9e68deb2.js} +1 -1
  20. package/{Tab-f499ecbc.js → Tab-3580786b.js} +1 -1
  21. package/{Tabs-c2261e7e.js → Tabs-511523e0.js} +2 -2
  22. package/{TextArea-9ddf9649.js → TextArea-7270a924.js} +30 -30
  23. package/{TextInput-0d109708.js → TextInput-97f7da4d.js} +1 -1
  24. package/{Tooltip-6b6f0b0a.js → Tooltip-5ccdfe34.js} +2 -2
  25. package/check-555d831b.js +213 -0
  26. package/data/Alert/index.js +2 -3
  27. package/data/Badge/index.js +2 -2
  28. package/data/Popover/index.js +3 -3
  29. package/data/Tab/index.js +2 -2
  30. package/data/Tabs/index.js +3 -3
  31. package/data/Tooltip/index.js +3 -3
  32. package/data/index.js +8 -10
  33. package/{defaultTheme-ea44e34a.js → defaultTheme-0dd58df6.js} +1 -1
  34. package/icons/download.svg +3 -3
  35. package/icons/play.svg +3 -3
  36. package/inputs/ActionButton/index.js +2 -3
  37. package/inputs/Button/index.js +5 -5
  38. package/inputs/Checkbox/index.js +2 -2
  39. package/inputs/CompactAutocompleteSelect/index.js +4 -3
  40. package/inputs/CompactStarRating/index.js +3 -2
  41. package/inputs/CompactTextInput/index.js +10 -10
  42. package/inputs/MultiSelect/index.js +3 -3
  43. package/inputs/Radio/index.js +2 -2
  44. package/inputs/Switch/index.js +2 -2
  45. package/inputs/TextArea/index.js +3 -2
  46. package/inputs/TextInput/index.js +2 -2
  47. package/inputs/index.js +26 -26
  48. package/layout/InputGroup/index.js +2 -2
  49. package/layout/SectionSeparator/index.js +2 -2
  50. package/layout/index.js +3 -3
  51. package/package.json +1 -1
  52. package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} +3 -3
  53. package/shift-away-subtle-3cede45b.js +9 -0
  54. package/styles/config.scss +1 -3
  55. package/widgets/AssetGallery/index.js +30 -31
  56. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  57. package/widgets/ContextMenu/ContextMenuItem/index.js +105 -5
  58. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  59. package/widgets/ContextMenu/index.js +2 -2
  60. package/widgets/Instructions/index.js +6 -5
  61. package/widgets/index.js +32 -34
  62. package/Alert-13b75102.js +0 -117
  63. package/AssetGallery-d2914de2.js +0 -1847
  64. package/Badge-aec841c8.js +0 -221
  65. package/ContextMenuItem-1fe17ed5.js +0 -110
  66. package/VerificationStatusIcon-b574fd21.js +0 -106
  67. package/icons/add.svg +0 -3
  68. package/icons/album.svg +0 -3
  69. package/icons/check-rectangle-filled.svg +0 -3
  70. package/icons/corporate.svg +0 -3
  71. package/icons/index.js +0 -77
  72. package/icons/layers.svg +0 -3
  73. package/icons/shopping_cart_add.svg +0 -3
  74. package/icons/verification.svg +0 -3
  75. package/shift-away-subtle-0bed9a3c.js +0 -9
package/widgets/index.js CHANGED
@@ -2,57 +2,55 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-d2914de2.js');
6
- var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
- var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
- var Instructions = require('../Instructions-ea9e5aa9.js');
9
- require('../defaultTheme-ea44e34a.js');
5
+ var AssetGallery = require('../AssetGallery-9dc1076e.js');
6
+ var ContextMenu = require('../ContextMenu-8c9d90a1.js');
7
+ var AssetPreviewTopBar = require('../AssetPreviewTopBar-d4e976ab.js');
8
+ var Instructions = require('../Instructions-ba0d244e.js');
9
+ require('../defaultTheme-0dd58df6.js');
10
10
  require('styled-components');
11
- require('lodash');
12
11
  require('react');
13
- require('../useMergedRefs-b6d2f8fc.js');
14
- require('resize-observer-polyfill');
15
- require('../MultiLevelCheckboxSelect-c4060a73.js');
16
- require('../Alert-13b75102.js');
17
- require('../Badge-aec841c8.js');
18
- require('../Popover-e4ecb887.js');
12
+ require('lodash');
13
+ require('../MultiLevelCheckboxSelect-a16cdf3d.js');
14
+ require('../Alert-d7863c58.js');
15
+ require('../Badge-fa8f327e.js');
16
+ require('../Popover-6fcff6de.js');
19
17
  require('polished');
20
18
  require('@tippyjs/react');
21
- require('../shift-away-subtle-0bed9a3c.js');
19
+ require('../shift-away-subtle-3cede45b.js');
22
20
  require('popper-max-size-modifier');
23
- require('../Tab-f499ecbc.js');
24
- require('../Tabs-c2261e7e.js');
25
- require('../Tooltip-6b6f0b0a.js');
26
- require('../VerificationStatusIcon-b574fd21.js');
27
- require('../Checkbox-68dc38a8.js');
21
+ require('../Tab-3580786b.js');
22
+ require('../Tabs-511523e0.js');
23
+ require('../Tooltip-5ccdfe34.js');
24
+ require('../Checkbox-0cb45351.js');
28
25
  require('nanoid');
29
- require('../TextInput-0d109708.js');
26
+ require('../TextInput-97f7da4d.js');
27
+ require('../useMergedRefs-b6d2f8fc.js');
30
28
  require('../edit-note-c47d292e.js');
31
- require('../InputGroup-49fbc423.js');
32
- require('../SectionSeparator-259a22ed.js');
29
+ require('../InputGroup-53a44ae6.js');
30
+ require('../SectionSeparator-961ec4de.js');
33
31
  require('../close-ebf2f3cf.js');
32
+ require('resize-observer-polyfill');
34
33
  require('react-lazy-load-image-component');
35
- require('../warning-circle-24522402.js');
36
- require('../ActionButton-06df3d6c.js');
37
- require('../Button-c38d56a0.js');
34
+ require('../ActionButton-f150aedb.js');
35
+ require('../Button-772b513a.js');
38
36
  require('../expand-more-94585605.js');
39
- require('../CompactAutocompleteSelect-43e79e21.js');
37
+ require('../CompactAutocompleteSelect-ad337fac.js');
38
+ require('../check-555d831b.js');
40
39
  require('react-select');
41
40
  require('react-select-async-paginate');
42
- require('../react-select-creatable.esm-2f23d6c6.js');
41
+ require('../react-select-creatable.esm-4c3da560.js');
43
42
  require('react-dom');
44
- require('../CompactStarRating-9c81ca6e.js');
45
- require('../CompactTextInput-c7d0ac82.js');
46
- require('../MultiSelect-4b8d3d0d.js');
47
- require('../Radio-32d0513a.js');
48
- require('../TextArea-9ddf9649.js');
49
- require('../Switch-4a41585f.js');
50
- require('../ContextMenuItem-1fe17ed5.js');
43
+ require('../CompactStarRating-147445be.js');
44
+ require('../CompactTextInput-bb50a388.js');
45
+ require('../MultiSelect-7e865f37.js');
46
+ require('../Radio-a6ba38ed.js');
47
+ require('../TextArea-7270a924.js');
48
+ require('../Switch-9e68deb2.js');
49
+ require('../warning-circle-24522402.js');
51
50
 
52
51
 
53
52
 
54
53
  exports.AssetGallery = AssetGallery.AssetGallery;
55
- exports.SummaryCard = AssetGallery.SummaryCard;
56
54
  exports.ContextMenu = ContextMenu.ContextMenu;
57
55
  exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;
58
56
  exports.Instructions = Instructions.Instructions;
package/Alert-13b75102.js DELETED
@@ -1,117 +0,0 @@
1
- 'use strict';
2
-
3
- var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
- var React = require('react');
5
- var styled = require('styled-components');
6
- var lodash = require('lodash');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
-
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
14
- var Alert$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: ", ";\n width: ", ";\n box-sizing: border-box;\n\n ", "\n\n ", "\n \n ", "\n \n text-align: ", ";\n"])), function (props) {
15
- var _props$verticalPaddin, _props$horizontalPadd;
16
-
17
- var verticalPadding = (_props$verticalPaddin = props.verticalPadding) !== null && _props$verticalPaddin !== void 0 ? _props$verticalPaddin : 17;
18
- var horizontalPadding = (_props$horizontalPadd = props.horizontalPadding) !== null && _props$horizontalPadd !== void 0 ? _props$horizontalPadd : 30;
19
- return "".concat(verticalPadding, "px ").concat(horizontalPadding, "px");
20
- }, function (props) {
21
- return props.width ? "".concat(props.width, "px") : '100%';
22
- }, function (props) {
23
- return props.warning && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')));
24
- }, function (props) {
25
- return props.error && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200')));
26
- }, function (props) {
27
- return props.info && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n background: transparent;\n "])));
28
- }, function (props) {
29
- return props.align === 'center' ? 'center' : 'left';
30
- });
31
- var AlertRender = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n word-break: break-word;\n ", "\n ", "\n ", ";\n\n svg {\n width: 12px;\n height: 12px;\n }\n\n span {\n flex: 1;\n padding-left: 5px;\n ", ";\n }\n"])), function (props) {
32
- return props.lineHeight ? "line-height: ".concat(props.lineHeight, "px;") : null;
33
- }, function (props) {
34
- return props.fontSize ? "font-size: ".concat(props.fontSize, "px;") : null;
35
- }, function (props) {
36
- return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
37
- }, function (props) {
38
- return props.lineClamp ? styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])), props.lineClamp) : null;
39
- });
40
-
41
- var Alert = React__default['default'].forwardRef(function Alert(_ref, forwardedRef) {
42
- var warning = _ref.warning,
43
- error = _ref.error,
44
- type = _ref.type,
45
- alertMessage = _ref.alertMessage,
46
- align = _ref.align,
47
- icon = _ref.icon,
48
- fontSize = _ref.fontSize,
49
- lineHeight = _ref.lineHeight,
50
- lineClamp = _ref.lineClamp,
51
- verticalPadding = _ref.verticalPadding,
52
- horizontalPadding = _ref.horizontalPadding,
53
- width = _ref.width,
54
- props = defaultTheme._objectWithoutProperties(_ref, ["warning", "error", "type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"]);
55
-
56
- var isWarning = false;
57
- var isError = false;
58
- var isInfo = true;
59
-
60
- if (!lodash.isEmpty(type)) {
61
- if (type === 'warning') {
62
- isWarning = true;
63
- } else if (type === 'error') {
64
- isError = true;
65
- } else {
66
- isInfo = true;
67
- }
68
- } else {
69
- isWarning = warning;
70
- isError = error;
71
-
72
- if (isWarning || isError) {
73
- isInfo = false;
74
- }
75
- }
76
-
77
- return React__default['default'].createElement(Alert$1, defaultTheme._extends({
78
- ref: forwardedRef,
79
- alertMessage: alertMessage,
80
- warning: isWarning,
81
- error: isError,
82
- info: isInfo,
83
- align: align,
84
- verticalPadding: verticalPadding,
85
- horizontalPadding: horizontalPadding,
86
- width: width
87
- }, props), React__default['default'].createElement(AlertRender, {
88
- fontSize: fontSize,
89
- lineHeight: lineHeight,
90
- lineClamp: lineClamp
91
- }, icon, " ", React__default['default'].createElement("span", null, alertMessage)));
92
- });
93
- Alert.propTypes = process.env.NODE_ENV !== "production" ? {
94
- warning: defaultTheme.PropTypes.bool,
95
- error: defaultTheme.PropTypes.bool,
96
- type: defaultTheme.PropTypes.oneOf(['warning', 'error', 'info']),
97
- icon: defaultTheme.PropTypes.element,
98
- align: defaultTheme.PropTypes.oneOf(['left', 'center']),
99
- alertMessage: defaultTheme.PropTypes.string,
100
- fontSize: defaultTheme.PropTypes.number,
101
- lineHeight: defaultTheme.PropTypes.number,
102
- lineClamp: defaultTheme.PropTypes.number,
103
- verticalPadding: defaultTheme.PropTypes.number,
104
- horizontalPadding: defaultTheme.PropTypes.number,
105
- width: defaultTheme.PropTypes.number
106
- } : {};
107
- Alert.defaultProps = {
108
- warning: false,
109
- error: false,
110
- align: 'left',
111
- alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
112
- lineClamp: 0,
113
- horizontalPadding: 30,
114
- verticalPadding: 17
115
- };
116
-
117
- exports.Alert = Alert;