@ntbjs/react-components 1.1.25 → 1.1.26

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.
@@ -5,15 +5,15 @@ var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
- var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-375c4785.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-a45b51b1.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-2c2537ff.js');
11
+ var Instructions = require('./Instructions-9fc0287e.js');
12
12
  var Alert = require('./Alert-edd9f6a7.js');
13
13
  var Badge = require('./Badge-00b2f311.js');
14
14
  var Popover = require('./Popover-f00121a3.js');
15
15
  require('./Tab-d3ee0a3b.js');
16
- require('./Tabs-243c5e0b.js');
16
+ require('./Tabs-20c4effe.js');
17
17
  var Tooltip = require('./Tooltip-7dc4676b.js');
18
18
  require('./VerificationStatusIcon-f3c44ef8.js');
19
19
  var react = require('@floating-ui/react');
@@ -25,12 +25,12 @@ require('./InfoCard-005063b4.js');
25
25
  var ActionButton = require('./ActionButton-5bc79370.js');
26
26
  require('./Button-82e91acb.js');
27
27
  require('./Checkbox-c441fdba.js');
28
- require('./CompactAutocompleteSelect-a8ccfcad.js');
29
- require('./CompactStarRating-3fa89ec7.js');
30
- require('./CompactTextInput-483d7ff1.js');
28
+ require('./CompactAutocompleteSelect-56f502f6.js');
29
+ require('./CompactStarRating-a17e419a.js');
30
+ require('./CompactTextInput-966c1f28.js');
31
31
  require('./MultiSelect-0bdad346.js');
32
32
  require('./Radio-758fd8f3.js');
33
- require('./TextArea-9c459b6e.js');
33
+ require('./TextArea-db4bad70.js');
34
34
  require('./TextInput-70cb3df7.js');
35
35
  require('./Switch-26547abb.js');
36
36
  var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
@@ -8,7 +8,7 @@ require('./Alert-edd9f6a7.js');
8
8
  require('./Badge-00b2f311.js');
9
9
  require('./Popover-f00121a3.js');
10
10
  require('./Tab-d3ee0a3b.js');
11
- require('./Tabs-243c5e0b.js');
11
+ require('./Tabs-20c4effe.js');
12
12
  var Tooltip = require('./Tooltip-7dc4676b.js');
13
13
  require('./VerificationStatusIcon-f3c44ef8.js');
14
14
  var styled = require('styled-components');
@@ -6,7 +6,7 @@ require('./Alert-edd9f6a7.js');
6
6
  require('./Badge-00b2f311.js');
7
7
  require('./Popover-f00121a3.js');
8
8
  require('./Tab-d3ee0a3b.js');
9
- require('./Tabs-243c5e0b.js');
9
+ require('./Tabs-20c4effe.js');
10
10
  var Tooltip = require('./Tooltip-7dc4676b.js');
11
11
  require('./VerificationStatusIcon-f3c44ef8.js');
12
12
  var styled = require('styled-components');
@@ -9,7 +9,7 @@ require('./Alert-edd9f6a7.js');
9
9
  require('./Badge-00b2f311.js');
10
10
  var Popover = require('./Popover-f00121a3.js');
11
11
  require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-243c5e0b.js');
12
+ require('./Tabs-20c4effe.js');
13
13
  var Tooltip = require('./Tooltip-7dc4676b.js');
14
14
  require('./VerificationStatusIcon-f3c44ef8.js');
15
15
  var styled = require('styled-components');
@@ -3,8 +3,8 @@
3
3
  var defaultTheme = require('./defaultTheme-24ea5c47.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-a8ccfcad.js');
7
- var TextArea = require('./TextArea-9c459b6e.js');
6
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-56f502f6.js');
7
+ var TextArea = require('./TextArea-db4bad70.js');
8
8
  var styled = require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,7 +7,7 @@ require('./Alert-edd9f6a7.js');
7
7
  require('./Badge-00b2f311.js');
8
8
  var Popover = require('./Popover-f00121a3.js');
9
9
  require('./Tab-d3ee0a3b.js');
10
- require('./Tabs-243c5e0b.js');
10
+ require('./Tabs-20c4effe.js');
11
11
  require('./Tooltip-7dc4676b.js');
12
12
  require('./VerificationStatusIcon-f3c44ef8.js');
13
13
  var Checkbox = require('./Checkbox-c441fdba.js');
@@ -50,11 +50,12 @@ var TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDef
50
50
  return props.customPadding && styled.css(_templateObject1 || (_templateObject1 = defaultTheme._taggedTemplateLiteral(["\n margin: -2px ", ";\n "])), props.customPadding);
51
51
  });
52
52
 
53
- var _excluded = ["children", "defaultMinHeight", "customPadding"];
53
+ var _excluded = ["children", "defaultMinHeight", "customPadding", "onTabClick"];
54
54
  var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef) {
55
55
  var children = _ref.children,
56
56
  defaultMinHeight = _ref.defaultMinHeight,
57
57
  customPadding = _ref.customPadding,
58
+ onTabClick = _ref.onTabClick,
58
59
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
59
60
  var _useState = React.useState(0),
60
61
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -95,6 +96,16 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
95
96
  }
96
97
  return tabs;
97
98
  }, [children]);
99
+ var handleTabClick = function handleTabClick(tab) {
100
+ setActiveTab(tab.key);
101
+ var triggerText = '';
102
+ if (tab.trigger && tab.trigger.props && tab.trigger.props.children) {
103
+ triggerText = tab.trigger.props.children;
104
+ }
105
+ onTabClick(defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, tab), {}, {
106
+ triggerText: triggerText
107
+ }));
108
+ };
98
109
  return React__default["default"].createElement(Tabs$1, defaultTheme._extends({
99
110
  ref: forwardedRef
100
111
  }, props, {
@@ -107,7 +118,7 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
107
118
  hidden: tab.hidden,
108
119
  active: tab.key === activeTab,
109
120
  onClick: function onClick() {
110
- return setActiveTab(tab.key);
121
+ return handleTabClick(tab);
111
122
  },
112
123
  role: "tab"
113
124
  }, tab.trigger);
@@ -133,7 +144,8 @@ Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
133
144
  children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
134
145
  backgroundColor: defaultTheme.PropTypes.string,
135
146
  defaultMinHeight: defaultTheme.PropTypes.string,
136
- customPadding: defaultTheme.PropTypes.string
147
+ customPadding: defaultTheme.PropTypes.string,
148
+ onTabClick: defaultTheme.PropTypes.func
137
149
  } : {};
138
150
 
139
151
  exports.Tabs = Tabs;
@@ -9,7 +9,7 @@ require('./Alert-edd9f6a7.js');
9
9
  require('./Badge-00b2f311.js');
10
10
  require('./Popover-f00121a3.js');
11
11
  require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-243c5e0b.js');
12
+ require('./Tabs-20c4effe.js');
13
13
  var Tooltip = require('./Tooltip-7dc4676b.js');
14
14
  require('./VerificationStatusIcon-f3c44ef8.js');
15
15
  var editNote = require('./edit-note-cefe2215.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-243c5e0b.js');
3
+ var Tabs = require('../../Tabs-20c4effe.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/data/index.js CHANGED
@@ -6,7 +6,7 @@ var Alert = require('../Alert-edd9f6a7.js');
6
6
  var Badge = require('../Badge-00b2f311.js');
7
7
  var Popover = require('../Popover-f00121a3.js');
8
8
  var Tab = require('../Tab-d3ee0a3b.js');
9
- var Tabs = require('../Tabs-243c5e0b.js');
9
+ var Tabs = require('../Tabs-20c4effe.js');
10
10
  var Tooltip = require('../Tooltip-7dc4676b.js');
11
11
  var VerificationStatusIcon = require('../VerificationStatusIcon-f3c44ef8.js');
12
12
  require('../defaultTheme-24ea5c47.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-a8ccfcad.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-56f502f6.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -14,7 +14,7 @@ require('@tippyjs/react');
14
14
  require('../../shift-away-subtle-dce50395.js');
15
15
  require('popper-max-size-modifier');
16
16
  require('../../Tab-d3ee0a3b.js');
17
- require('../../Tabs-243c5e0b.js');
17
+ require('../../Tabs-20c4effe.js');
18
18
  require('../../Tooltip-7dc4676b.js');
19
19
  require('../../VerificationStatusIcon-f3c44ef8.js');
20
20
  require('react-select');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-3fa89ec7.js');
3
+ var CompactStarRating = require('../../CompactStarRating-a17e419a.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -13,7 +13,7 @@ require('@tippyjs/react');
13
13
  require('../../shift-away-subtle-dce50395.js');
14
14
  require('popper-max-size-modifier');
15
15
  require('../../Tab-d3ee0a3b.js');
16
- require('../../Tabs-243c5e0b.js');
16
+ require('../../Tabs-20c4effe.js');
17
17
  require('../../Tooltip-7dc4676b.js');
18
18
  require('../../VerificationStatusIcon-f3c44ef8.js');
19
19
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-483d7ff1.js');
3
+ var CompactTextInput = require('../../CompactTextInput-966c1f28.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-dce50395.js');
16
16
  require('popper-max-size-modifier');
17
17
  require('../../Tab-d3ee0a3b.js');
18
- require('../../Tabs-243c5e0b.js');
18
+ require('../../Tabs-20c4effe.js');
19
19
  require('../../Tooltip-7dc4676b.js');
20
20
  require('../../VerificationStatusIcon-f3c44ef8.js');
21
21
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-9c459b6e.js');
3
+ var TextArea = require('../../TextArea-db4bad70.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-dce50395.js');
16
16
  require('popper-max-size-modifier');
17
17
  require('../../Tab-d3ee0a3b.js');
18
- require('../../Tabs-243c5e0b.js');
18
+ require('../../Tabs-20c4effe.js');
19
19
  require('../../Tooltip-7dc4676b.js');
20
20
  require('../../VerificationStatusIcon-f3c44ef8.js');
21
21
  require('../../edit-note-cefe2215.js');
package/inputs/index.js CHANGED
@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-5bc79370.js');
6
6
  var Button = require('../Button-82e91acb.js');
7
7
  var Checkbox = require('../Checkbox-c441fdba.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-a8ccfcad.js');
9
- var CompactStarRating = require('../CompactStarRating-3fa89ec7.js');
10
- var CompactTextInput = require('../CompactTextInput-483d7ff1.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-56f502f6.js');
9
+ var CompactStarRating = require('../CompactStarRating-a17e419a.js');
10
+ var CompactTextInput = require('../CompactTextInput-966c1f28.js');
11
11
  var MultiSelect = require('../MultiSelect-0bdad346.js');
12
12
  var Radio = require('../Radio-758fd8f3.js');
13
- var TextArea = require('../TextArea-9c459b6e.js');
13
+ var TextArea = require('../TextArea-db4bad70.js');
14
14
  var TextInput = require('../TextInput-70cb3df7.js');
15
15
  var Switch = require('../Switch-26547abb.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-375c4785.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-a45b51b1.js');
17
17
  require('../defaultTheme-24ea5c47.js');
18
18
  require('styled-components');
19
19
  require('react');
@@ -29,7 +29,7 @@ require('nanoid');
29
29
  require('../Alert-edd9f6a7.js');
30
30
  require('../Badge-00b2f311.js');
31
31
  require('../Tab-d3ee0a3b.js');
32
- require('../Tabs-243c5e0b.js');
32
+ require('../Tabs-20c4effe.js');
33
33
  require('../Tooltip-7dc4676b.js');
34
34
  require('../VerificationStatusIcon-f3c44ef8.js');
35
35
  require('react-select');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.25",
3
+ "version": "1.1.26",
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",
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-4b225c9f.js');
3
+ var AssetAction = require('../../AssetAction-529207b8.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../useMergedRefs-b6d2f8fc.js');
9
9
  require('resize-observer-polyfill');
10
- require('../../MultiLevelCheckboxSelect-375c4785.js');
10
+ require('../../MultiLevelCheckboxSelect-a45b51b1.js');
11
11
  require('../../Alert-edd9f6a7.js');
12
12
  require('../../Badge-00b2f311.js');
13
13
  require('../../Popover-f00121a3.js');
@@ -16,7 +16,7 @@ require('@tippyjs/react');
16
16
  require('../../shift-away-subtle-dce50395.js');
17
17
  require('popper-max-size-modifier');
18
18
  require('../../Tab-d3ee0a3b.js');
19
- require('../../Tabs-243c5e0b.js');
19
+ require('../../Tabs-20c4effe.js');
20
20
  require('../../Tooltip-7dc4676b.js');
21
21
  require('../../VerificationStatusIcon-f3c44ef8.js');
22
22
  require('../../Checkbox-c441fdba.js');
@@ -27,14 +27,14 @@ require('../../InputGroup-3598e37c.js');
27
27
  require('../../SectionSeparator-43e1647d.js');
28
28
  require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../Instructions-2c2537ff.js');
31
- require('../../CompactAutocompleteSelect-a8ccfcad.js');
30
+ require('../../Instructions-9fc0287e.js');
31
+ require('../../CompactAutocompleteSelect-56f502f6.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
34
  require('../../react-select-creatable.esm-09b1be95.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
- require('../../TextArea-9c459b6e.js');
37
+ require('../../TextArea-db4bad70.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-9645746f.js');
40
40
  require('../../AssetPreviewTopBar-6eaa7df8.js');
@@ -43,8 +43,8 @@ require('../../arrow-forward-d7c77ae3.js');
43
43
  require('../../InfoCard-005063b4.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-82e91acb.js');
46
- require('../../CompactStarRating-3fa89ec7.js');
47
- require('../../CompactTextInput-483d7ff1.js');
46
+ require('../../CompactStarRating-a17e419a.js');
47
+ require('../../CompactTextInput-966c1f28.js');
48
48
  require('../../MultiSelect-0bdad346.js');
49
49
  require('../../Radio-758fd8f3.js');
50
50
  require('../../Switch-26547abb.js');
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-2c2537ff.js');
3
+ var Instructions = require('../../Instructions-9fc0287e.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
- require('../../CompactAutocompleteSelect-a8ccfcad.js');
8
+ require('../../CompactAutocompleteSelect-56f502f6.js');
9
9
  require('nanoid');
10
10
  require('../../Alert-edd9f6a7.js');
11
11
  require('../../Badge-00b2f311.js');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-dce50395.js');
16
16
  require('popper-max-size-modifier');
17
17
  require('../../Tab-d3ee0a3b.js');
18
- require('../../Tabs-243c5e0b.js');
18
+ require('../../Tabs-20c4effe.js');
19
19
  require('../../Tooltip-7dc4676b.js');
20
20
  require('../../VerificationStatusIcon-f3c44ef8.js');
21
21
  require('react-select');
@@ -24,7 +24,7 @@ require('../../react-select-creatable.esm-09b1be95.js');
24
24
  require('react-dom');
25
25
  require('../../close-1751121a.js');
26
26
  require('../../expand-more-d74e2bd2.js');
27
- require('../../TextArea-9c459b6e.js');
27
+ require('../../TextArea-db4bad70.js');
28
28
  require('../../useMergedRefs-b6d2f8fc.js');
29
29
  require('../../edit-note-cefe2215.js');
30
30
 
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-4b225c9f.js');
5
+ var AssetAction = require('../AssetAction-529207b8.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
- var Instructions = require('../Instructions-2c2537ff.js');
8
+ var Instructions = require('../Instructions-9fc0287e.js');
9
9
  var ProgressBar = require('../ProgressBar-7d31fd95.js');
10
10
  var InfoCard = require('../InfoCard-005063b4.js');
11
11
  require('../defaultTheme-24ea5c47.js');
@@ -14,7 +14,7 @@ require('lodash');
14
14
  require('react');
15
15
  require('../useMergedRefs-b6d2f8fc.js');
16
16
  require('resize-observer-polyfill');
17
- require('../MultiLevelCheckboxSelect-375c4785.js');
17
+ require('../MultiLevelCheckboxSelect-a45b51b1.js');
18
18
  require('../Alert-edd9f6a7.js');
19
19
  require('../Badge-00b2f311.js');
20
20
  require('../Popover-f00121a3.js');
@@ -23,7 +23,7 @@ require('@tippyjs/react');
23
23
  require('../shift-away-subtle-dce50395.js');
24
24
  require('popper-max-size-modifier');
25
25
  require('../Tab-d3ee0a3b.js');
26
- require('../Tabs-243c5e0b.js');
26
+ require('../Tabs-20c4effe.js');
27
27
  require('../Tooltip-7dc4676b.js');
28
28
  require('../VerificationStatusIcon-f3c44ef8.js');
29
29
  require('../Checkbox-c441fdba.js');
@@ -38,16 +38,16 @@ require('@floating-ui/react');
38
38
  require('../ActionButton-5bc79370.js');
39
39
  require('../Button-82e91acb.js');
40
40
  require('../expand-more-d74e2bd2.js');
41
- require('../CompactAutocompleteSelect-a8ccfcad.js');
41
+ require('../CompactAutocompleteSelect-56f502f6.js');
42
42
  require('react-select');
43
43
  require('react-select-async-paginate');
44
44
  require('../react-select-creatable.esm-09b1be95.js');
45
45
  require('react-dom');
46
- require('../CompactStarRating-3fa89ec7.js');
47
- require('../CompactTextInput-483d7ff1.js');
46
+ require('../CompactStarRating-a17e419a.js');
47
+ require('../CompactTextInput-966c1f28.js');
48
48
  require('../MultiSelect-0bdad346.js');
49
49
  require('../Radio-758fd8f3.js');
50
- require('../TextArea-9c459b6e.js');
50
+ require('../TextArea-db4bad70.js');
51
51
  require('../Switch-26547abb.js');
52
52
  require('../ContextMenuItem-ae252503.js');
53
53
  require('../arrow-forward-d7c77ae3.js');