@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 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-2](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-2) (2024-05-28)
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
 
@@ -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, _class2;
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 = (_class2 = class Panel extends Component {
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
- }, _class2.displayName = "Panel", _class2.componentId = 'Tabs.Panel', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
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
- }, _class2)) || _class);
109
+ }, _Panel)) || _class);
110
110
  export default Panel;
111
111
  export { Panel };
@@ -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, _class2;
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 = (_class2 = class Tab extends Component {
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
- }, _class2.displayName = "Tab", _class2.componentId = 'Tabs.Tab', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
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
- }, _class2)) || _class);
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, _class2;
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 = (_class2 = class Tabs extends Component {
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
- }, _class2.displayName = "Tabs", _class2.componentId = 'Tabs', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
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
- }, _class2.Panel = Panel, _class2.Tab = Tab, _class2)) || _class) || _class);
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
  };
@@ -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, _class2;
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 = (_class2 = class Panel extends _react.Component {
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
- }, _class2.displayName = "Panel", _class2.componentId = 'Tabs.Panel', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
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
- }, _class2)) || _class);
114
+ }, _Panel)) || _class);
115
115
  var _default = exports.default = Panel;
@@ -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, _class2;
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 = (_class2 = class Tab extends _react.Component {
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
- }, _class2.displayName = "Tab", _class2.componentId = 'Tabs.Tab', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
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
- }, _class2)) || _class);
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, _class2;
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 = (_class2 = class Tabs extends _react.Component {
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
- }, _class2.displayName = "Tabs", _class2.componentId = 'Tabs', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
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
- }, _class2.Panel = _Panel.Panel, _class2.Tab = _Tab.Tab, _class2)) || _class) || _class);
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-2",
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-2",
27
- "@instructure/ui-color-utils": "9.0.2-snapshot-2",
28
- "@instructure/ui-test-locator": "9.0.2-snapshot-2",
29
- "@instructure/ui-test-utils": "9.0.2-snapshot-2",
30
- "@instructure/ui-themes": "9.0.2-snapshot-2",
31
- "@testing-library/jest-dom": "^6.1.4",
32
- "@testing-library/react": "^14.1.2"
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.23.2",
36
- "@instructure/console": "9.0.2-snapshot-2",
37
- "@instructure/debounce": "9.0.2-snapshot-2",
38
- "@instructure/emotion": "9.0.2-snapshot-2",
39
- "@instructure/shared-types": "9.0.2-snapshot-2",
40
- "@instructure/ui-dom-utils": "9.0.2-snapshot-2",
41
- "@instructure/ui-focusable": "9.0.2-snapshot-2",
42
- "@instructure/ui-i18n": "9.0.2-snapshot-2",
43
- "@instructure/ui-motion": "9.0.2-snapshot-2",
44
- "@instructure/ui-prop-types": "9.0.2-snapshot-2",
45
- "@instructure/ui-react-utils": "9.0.2-snapshot-2",
46
- "@instructure/ui-testable": "9.0.2-snapshot-2",
47
- "@instructure/ui-utils": "9.0.2-snapshot-2",
48
- "@instructure/ui-view": "9.0.2-snapshot-2",
49
- "@instructure/uid": "9.0.2-snapshot-2",
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
  },