@instructure/ui-tabs 9.0.2-snapshot-2 → 9.0.2-snapshot-4
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/CHANGELOG.md +1 -1
- package/es/Tabs/Panel/index.js +4 -4
- package/es/Tabs/Tab/index.js +4 -4
- package/es/Tabs/index.js +4 -4
- package/es/Tabs/theme.js +0 -1
- package/lib/Tabs/Panel/index.js +4 -4
- package/lib/Tabs/Tab/index.js +4 -4
- package/lib/Tabs/index.js +4 -4
- package/lib/Tabs/theme.js +0 -1
- package/package.json +23 -23
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tabs/Panel/index.d.ts +3 -3
- package/types/Tabs/Tab/index.d.ts +1 -1
- package/types/Tabs/TabsLocator.d.ts +261 -261
- package/types/Tabs/index.d.ts +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [9.0.2-snapshot-
|
|
6
|
+
## [9.0.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-4) (2024-06-05)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-tabs
|
|
9
9
|
|
package/es/Tabs/Panel/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["labelledBy", "variant", "id", "maxHeight", "minHeight", "padding", "textAlign", "children", "elementRef", "isDisabled", "isSelected", "styles", "active"];
|
|
3
|
-
var _dec, _class,
|
|
3
|
+
var _dec, _class, _Panel;
|
|
4
4
|
/*
|
|
5
5
|
* The MIT License (MIT)
|
|
6
6
|
*
|
|
@@ -41,7 +41,7 @@ parent: Tabs
|
|
|
41
41
|
id: Tabs.Panel
|
|
42
42
|
---
|
|
43
43
|
**/
|
|
44
|
-
let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (
|
|
44
|
+
let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Panel = class Panel extends Component {
|
|
45
45
|
constructor(...args) {
|
|
46
46
|
super(...args);
|
|
47
47
|
this.ref = null;
|
|
@@ -99,13 +99,13 @@ let Panel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
|
|
|
99
99
|
textAlign: textAlign
|
|
100
100
|
}, children)));
|
|
101
101
|
}
|
|
102
|
-
},
|
|
102
|
+
}, _Panel.displayName = "Panel", _Panel.componentId = 'Tabs.Panel', _Panel.allowedProps = allowedProps, _Panel.propTypes = propTypes, _Panel.defaultProps = {
|
|
103
103
|
isDisabled: false,
|
|
104
104
|
textAlign: 'start',
|
|
105
105
|
variant: 'default',
|
|
106
106
|
isSelected: false,
|
|
107
107
|
padding: 'small',
|
|
108
108
|
active: false
|
|
109
|
-
},
|
|
109
|
+
}, _Panel)) || _class);
|
|
110
110
|
export default Panel;
|
|
111
111
|
export { Panel };
|
package/es/Tabs/Tab/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["id", "variant", "isSelected", "isDisabled", "controls", "children", "styles"];
|
|
3
|
-
var _dec, _class,
|
|
3
|
+
var _dec, _class, _Tab;
|
|
4
4
|
/*
|
|
5
5
|
* The MIT License (MIT)
|
|
6
6
|
*
|
|
@@ -39,7 +39,7 @@ import { allowedProps, propTypes } from './props';
|
|
|
39
39
|
category: components/utilities
|
|
40
40
|
---
|
|
41
41
|
**/
|
|
42
|
-
let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (
|
|
42
|
+
let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Tab = class Tab extends Component {
|
|
43
43
|
constructor(...args) {
|
|
44
44
|
super(...args);
|
|
45
45
|
this.handleClick = event => {
|
|
@@ -108,10 +108,10 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
|
|
|
108
108
|
focusPosition: "inset"
|
|
109
109
|
}), callRenderProp(children));
|
|
110
110
|
}
|
|
111
|
-
},
|
|
111
|
+
}, _Tab.displayName = "Tab", _Tab.componentId = 'Tabs.Tab', _Tab.allowedProps = allowedProps, _Tab.propTypes = propTypes, _Tab.defaultProps = {
|
|
112
112
|
variant: 'default',
|
|
113
113
|
isDisabled: false,
|
|
114
114
|
isSelected: false
|
|
115
|
-
},
|
|
115
|
+
}, _Tab)) || _class);
|
|
116
116
|
export default Tab;
|
|
117
117
|
export { Tab };
|
package/es/Tabs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["children", "elementRef", "maxWidth", "variant", "margin", "screenReaderLabel", "onRequestTabChange", "tabOverflow", "styles"];
|
|
3
|
-
var _dec, _dec2, _class,
|
|
3
|
+
var _dec, _dec2, _class, _Tabs;
|
|
4
4
|
/*
|
|
5
5
|
* The MIT License (MIT)
|
|
6
6
|
*
|
|
@@ -48,7 +48,7 @@ import { allowedProps, propTypes } from './props';
|
|
|
48
48
|
category: components
|
|
49
49
|
---
|
|
50
50
|
**/
|
|
51
|
-
let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (
|
|
51
|
+
let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_Tabs = class Tabs extends Component {
|
|
52
52
|
constructor(props) {
|
|
53
53
|
super(props);
|
|
54
54
|
this._tabList = null;
|
|
@@ -376,10 +376,10 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
|
|
|
376
376
|
css: styles === null || styles === void 0 ? void 0 : styles.panelsContainer
|
|
377
377
|
}, panels));
|
|
378
378
|
}
|
|
379
|
-
},
|
|
379
|
+
}, _Tabs.displayName = "Tabs", _Tabs.componentId = 'Tabs', _Tabs.allowedProps = allowedProps, _Tabs.propTypes = propTypes, _Tabs.defaultProps = {
|
|
380
380
|
variant: 'default',
|
|
381
381
|
shouldFocusOnRender: false,
|
|
382
382
|
tabOverflow: 'stack'
|
|
383
|
-
},
|
|
383
|
+
}, _Tabs.Panel = Panel, _Tabs.Tab = Tab, _Tabs)) || _class) || _class);
|
|
384
384
|
export default Tabs;
|
|
385
385
|
export { Tabs, Panel };
|
package/es/Tabs/theme.js
CHANGED
|
@@ -41,7 +41,6 @@ const generateComponentTheme = theme => {
|
|
|
41
41
|
// has to be 4 times the horizontal padding of the default style tab
|
|
42
42
|
scrollOverlayWidthSecondary: '3rem' // has to be 3 times the horizontal padding of the secondary style tab
|
|
43
43
|
};
|
|
44
|
-
|
|
45
44
|
return {
|
|
46
45
|
...componentVariables
|
|
47
46
|
};
|
package/lib/Tabs/Panel/index.js
CHANGED
|
@@ -15,7 +15,7 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
|
15
15
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
16
16
|
var _props = require("./props");
|
|
17
17
|
const _excluded = ["labelledBy", "variant", "id", "maxHeight", "minHeight", "padding", "textAlign", "children", "elementRef", "isDisabled", "isSelected", "styles", "active"];
|
|
18
|
-
var _dec, _class,
|
|
18
|
+
var _dec, _class, _Panel;
|
|
19
19
|
/*
|
|
20
20
|
* The MIT License (MIT)
|
|
21
21
|
*
|
|
@@ -46,7 +46,7 @@ parent: Tabs
|
|
|
46
46
|
id: Tabs.Panel
|
|
47
47
|
---
|
|
48
48
|
**/
|
|
49
|
-
let Panel = exports.Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (
|
|
49
|
+
let Panel = exports.Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Panel = class Panel extends _react.Component {
|
|
50
50
|
constructor(...args) {
|
|
51
51
|
super(...args);
|
|
52
52
|
this.ref = null;
|
|
@@ -104,12 +104,12 @@ let Panel = exports.Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _th
|
|
|
104
104
|
textAlign: textAlign
|
|
105
105
|
}, children)));
|
|
106
106
|
}
|
|
107
|
-
},
|
|
107
|
+
}, _Panel.displayName = "Panel", _Panel.componentId = 'Tabs.Panel', _Panel.allowedProps = _props.allowedProps, _Panel.propTypes = _props.propTypes, _Panel.defaultProps = {
|
|
108
108
|
isDisabled: false,
|
|
109
109
|
textAlign: 'start',
|
|
110
110
|
variant: 'default',
|
|
111
111
|
isSelected: false,
|
|
112
112
|
padding: 'small',
|
|
113
113
|
active: false
|
|
114
|
-
},
|
|
114
|
+
}, _Panel)) || _class);
|
|
115
115
|
var _default = exports.default = Panel;
|
package/lib/Tabs/Tab/index.js
CHANGED
|
@@ -16,7 +16,7 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
|
16
16
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
17
17
|
var _props = require("./props");
|
|
18
18
|
const _excluded = ["id", "variant", "isSelected", "isDisabled", "controls", "children", "styles"];
|
|
19
|
-
var _dec, _class,
|
|
19
|
+
var _dec, _class, _Tab;
|
|
20
20
|
/*
|
|
21
21
|
* The MIT License (MIT)
|
|
22
22
|
*
|
|
@@ -46,7 +46,7 @@ var _dec, _class, _class2;
|
|
|
46
46
|
category: components/utilities
|
|
47
47
|
---
|
|
48
48
|
**/
|
|
49
|
-
let Tab = exports.Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (
|
|
49
|
+
let Tab = exports.Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Tab = class Tab extends _react.Component {
|
|
50
50
|
constructor(...args) {
|
|
51
51
|
super(...args);
|
|
52
52
|
this.handleClick = event => {
|
|
@@ -115,9 +115,9 @@ let Tab = exports.Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
115
115
|
focusPosition: "inset"
|
|
116
116
|
}), (0, _callRenderProp.callRenderProp)(children));
|
|
117
117
|
}
|
|
118
|
-
},
|
|
118
|
+
}, _Tab.displayName = "Tab", _Tab.componentId = 'Tabs.Tab', _Tab.allowedProps = _props.allowedProps, _Tab.propTypes = _props.propTypes, _Tab.defaultProps = {
|
|
119
119
|
variant: 'default',
|
|
120
120
|
isDisabled: false,
|
|
121
121
|
isSelected: false
|
|
122
|
-
},
|
|
122
|
+
}, _Tab)) || _class);
|
|
123
123
|
var _default = exports.default = Tab;
|
package/lib/Tabs/index.js
CHANGED
|
@@ -33,7 +33,7 @@ var _Tab = require("./Tab");
|
|
|
33
33
|
var _Panel = require("./Panel");
|
|
34
34
|
var _props = require("./props");
|
|
35
35
|
const _excluded = ["children", "elementRef", "maxWidth", "variant", "margin", "screenReaderLabel", "onRequestTabChange", "tabOverflow", "styles"];
|
|
36
|
-
var _dec, _dec2, _class,
|
|
36
|
+
var _dec, _dec2, _class, _Tabs;
|
|
37
37
|
/*
|
|
38
38
|
* The MIT License (MIT)
|
|
39
39
|
*
|
|
@@ -63,7 +63,7 @@ var _dec, _dec2, _class, _class2;
|
|
|
63
63
|
category: components
|
|
64
64
|
---
|
|
65
65
|
**/
|
|
66
|
-
let Tabs = exports.Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (
|
|
66
|
+
let Tabs = exports.Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_Tabs = class Tabs extends _react.Component {
|
|
67
67
|
constructor(props) {
|
|
68
68
|
super(props);
|
|
69
69
|
this._tabList = null;
|
|
@@ -391,9 +391,9 @@ let Tabs = exports.Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
391
391
|
css: styles === null || styles === void 0 ? void 0 : styles.panelsContainer
|
|
392
392
|
}, panels));
|
|
393
393
|
}
|
|
394
|
-
},
|
|
394
|
+
}, _Tabs.displayName = "Tabs", _Tabs.componentId = 'Tabs', _Tabs.allowedProps = _props.allowedProps, _Tabs.propTypes = _props.propTypes, _Tabs.defaultProps = {
|
|
395
395
|
variant: 'default',
|
|
396
396
|
shouldFocusOnRender: false,
|
|
397
397
|
tabOverflow: 'stack'
|
|
398
|
-
},
|
|
398
|
+
}, _Tabs.Panel = _Panel.Panel, _Tabs.Tab = _Tab.Tab, _Tabs)) || _class) || _class);
|
|
399
399
|
var _default = exports.default = Tabs;
|
package/lib/Tabs/theme.js
CHANGED
|
@@ -47,7 +47,6 @@ const generateComponentTheme = theme => {
|
|
|
47
47
|
// has to be 4 times the horizontal padding of the default style tab
|
|
48
48
|
scrollOverlayWidthSecondary: '3rem' // has to be 3 times the horizontal padding of the secondary style tab
|
|
49
49
|
};
|
|
50
|
-
|
|
51
50
|
return {
|
|
52
51
|
...componentVariables
|
|
53
52
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tabs",
|
|
3
|
-
"version": "9.0.2-snapshot-
|
|
3
|
+
"version": "9.0.2-snapshot-4",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,30 +23,30 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "9.0.2-snapshot-
|
|
27
|
-
"@instructure/ui-color-utils": "9.0.2-snapshot-
|
|
28
|
-
"@instructure/ui-test-locator": "9.0.2-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "9.0.2-snapshot-
|
|
30
|
-
"@instructure/ui-themes": "9.0.2-snapshot-
|
|
31
|
-
"@testing-library/jest-dom": "^6.
|
|
32
|
-
"@testing-library/react": "^
|
|
26
|
+
"@instructure/ui-babel-preset": "9.0.2-snapshot-4",
|
|
27
|
+
"@instructure/ui-color-utils": "9.0.2-snapshot-4",
|
|
28
|
+
"@instructure/ui-test-locator": "9.0.2-snapshot-4",
|
|
29
|
+
"@instructure/ui-test-utils": "9.0.2-snapshot-4",
|
|
30
|
+
"@instructure/ui-themes": "9.0.2-snapshot-4",
|
|
31
|
+
"@testing-library/jest-dom": "^6.4.5",
|
|
32
|
+
"@testing-library/react": "^15.0.7"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@babel/runtime": "^7.
|
|
36
|
-
"@instructure/console": "9.0.2-snapshot-
|
|
37
|
-
"@instructure/debounce": "9.0.2-snapshot-
|
|
38
|
-
"@instructure/emotion": "9.0.2-snapshot-
|
|
39
|
-
"@instructure/shared-types": "9.0.2-snapshot-
|
|
40
|
-
"@instructure/ui-dom-utils": "9.0.2-snapshot-
|
|
41
|
-
"@instructure/ui-focusable": "9.0.2-snapshot-
|
|
42
|
-
"@instructure/ui-i18n": "9.0.2-snapshot-
|
|
43
|
-
"@instructure/ui-motion": "9.0.2-snapshot-
|
|
44
|
-
"@instructure/ui-prop-types": "9.0.2-snapshot-
|
|
45
|
-
"@instructure/ui-react-utils": "9.0.2-snapshot-
|
|
46
|
-
"@instructure/ui-testable": "9.0.2-snapshot-
|
|
47
|
-
"@instructure/ui-utils": "9.0.2-snapshot-
|
|
48
|
-
"@instructure/ui-view": "9.0.2-snapshot-
|
|
49
|
-
"@instructure/uid": "9.0.2-snapshot-
|
|
35
|
+
"@babel/runtime": "^7.24.5",
|
|
36
|
+
"@instructure/console": "9.0.2-snapshot-4",
|
|
37
|
+
"@instructure/debounce": "9.0.2-snapshot-4",
|
|
38
|
+
"@instructure/emotion": "9.0.2-snapshot-4",
|
|
39
|
+
"@instructure/shared-types": "9.0.2-snapshot-4",
|
|
40
|
+
"@instructure/ui-dom-utils": "9.0.2-snapshot-4",
|
|
41
|
+
"@instructure/ui-focusable": "9.0.2-snapshot-4",
|
|
42
|
+
"@instructure/ui-i18n": "9.0.2-snapshot-4",
|
|
43
|
+
"@instructure/ui-motion": "9.0.2-snapshot-4",
|
|
44
|
+
"@instructure/ui-prop-types": "9.0.2-snapshot-4",
|
|
45
|
+
"@instructure/ui-react-utils": "9.0.2-snapshot-4",
|
|
46
|
+
"@instructure/ui-testable": "9.0.2-snapshot-4",
|
|
47
|
+
"@instructure/ui-utils": "9.0.2-snapshot-4",
|
|
48
|
+
"@instructure/ui-view": "9.0.2-snapshot-4",
|
|
49
|
+
"@instructure/uid": "9.0.2-snapshot-4",
|
|
50
50
|
"keycode": "^2.2.1",
|
|
51
51
|
"prop-types": "^15.8.1"
|
|
52
52
|
},
|