@ausbom/tabs 0.2.7 → 0.2.8
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var Tab=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Tab,_React$PureComponent);var _super=_createSuper(Tab);function Tab(){(0,_classCallCheck2["default"])(this,Tab);return _super.apply(this,arguments)}(0,_createClass2["default"])(Tab,[{key:"render",value:function render(){var _ref=this.props,active=_ref.active,Tag=_ref.as,className=_ref.className,innerRef=_ref.innerRef,label=_ref.label,tabId=_ref.tabId,restProps=(0,_objectWithoutProperties2["default"])(_ref,["active","as","className","innerRef","label","tabId"]);var classes=(0,_classnames["default"])(className,"bom-tab",{"bom-tab--active":active});// NOTE: It was recommended to us by Intopia not to use standard 'role="tab"' here as their research
|
|
2
2
|
// found it was confusing for users
|
|
3
3
|
// NOTE remove aria-controls and aria-expanded from the <a> element based on Intopia comments
|
|
4
|
-
var tagAs=Tag;if(tagAs!=="a"){return
|
|
4
|
+
var tagAs=Tag;if(tagAs!=="a"){return/*#__PURE__*/_react["default"].createElement(Tag,(0,_extends2["default"])({"aria-controls":"bom-tab-panel-".concat(tabId),"aria-expanded":!!active,className:classes,id:"bom-tab-".concat(tabId),ref:innerRef},restProps),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-tab__label"},label))}return/*#__PURE__*/_react["default"].createElement(Tag,(0,_extends2["default"])({className:classes,id:"bom-tab-".concat(tabId),ref:innerRef},restProps),/*#__PURE__*/_react["default"].createElement("span",{className:"bom-tab__label"},label))}}]);return Tab}(_react["default"].PureComponent);(0,_defineProperty2["default"])(Tab,"defaultProps",{as:"button"});var TabWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(Tab,(0,_extends2["default"])({innerRef:ref},props))});TabWithRef.displayName="Tab";var _default=TabWithRef;exports["default"]=_default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var TabList=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(TabList,_React$PureComponent);var _super=_createSuper(TabList);function TabList(){(0,_classCallCheck2["default"])(this,TabList);return _super.apply(this,arguments)}(0,_createClass2["default"])(TabList,[{key:"render",value:function render(){var _ref=this.props,children=_ref.children,className=_ref.className,dark=_ref.dark,equalWidthOnMobile=_ref.equalWidthOnMobile,innerRef=_ref.innerRef,restProps=(0,_objectWithoutProperties2["default"])(_ref,["children","className","dark","equalWidthOnMobile","innerRef"]);var classes=(0,_classnames["default"])(className,"bom-tab-list",{"bom-tab-list--equal-width":equalWidthOnMobile,"bom-tab-list--dark":dark});// NOTE: It was recommended to us by Intopia not to use standard 'role="tablist"' here as their research
|
|
2
2
|
// found it was confusing for users
|
|
3
|
-
return
|
|
3
|
+
return/*#__PURE__*/_react["default"].createElement("div",(0,_extends2["default"])({className:classes,ref:innerRef},restProps),children)}}]);return TabList}(_react["default"].PureComponent);var TabListWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(TabList,(0,_extends2["default"])({innerRef:ref},props))});TabListWithRef.displayName="TabList";var _default=TabListWithRef;exports["default"]=_default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var
|
|
1
|
+
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}var TabPanel=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(TabPanel,_React$PureComponent);var _super=_createSuper(TabPanel);function TabPanel(){(0,_classCallCheck2["default"])(this,TabPanel);return _super.apply(this,arguments)}(0,_createClass2["default"])(TabPanel,[{key:"render",value:function render(){var _ref=this.props,active=_ref.active,children=_ref.children,className=_ref.className,innerRef=_ref.innerRef,tabId=_ref.tabId,restProps=(0,_objectWithoutProperties2["default"])(_ref,["active","children","className","innerRef","tabId"]);var classes=(0,_classnames["default"])(className,"bom-tab-panel",{"bom-tab-panel--active":active});// NOTE: It was recommended to us by Intopia not to use standard 'role="tabpanel"' here as their research
|
|
2
2
|
// found it was confusing for users
|
|
3
|
-
return
|
|
3
|
+
return/*#__PURE__*/_react["default"].createElement("div",(0,_extends2["default"])({className:classes,"aria-labelledby":"bom-tab-".concat(tabId),id:"bom-tab-panel-".concat(tabId),ref:innerRef,hidden:!active,"aria-hidden":!active},restProps),children)}}]);return TabPanel}(_react["default"].PureComponent);var TabPanelWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(TabPanel,(0,_extends2["default"])({innerRef:ref},props))});TabPanelWithRef.displayName="TabPanel";var _default=TabPanelWithRef;exports["default"]=_default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ausbom/tabs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"react": ">= 16.3.x"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@ausbom/styles": "^0.9.
|
|
40
|
+
"@ausbom/styles": "^0.9.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "2fd9ca72166e3172e7957a3c3ac942e05fb1dde2"
|
|
43
43
|
}
|
package/CHANGELOG.md
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
# Change Log
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file.
|
|
4
|
-
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
-
|
|
6
|
-
## [0.2.7](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.6...@ausbom/tabs@0.2.7) (2021-02-12)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### Bug Fixes
|
|
10
|
-
|
|
11
|
-
* tabs focus state on ie11 ([#353](https://github.com/AusBOM/bom-design-system/issues/353)) ([f346e4b](https://github.com/AusBOM/bom-design-system/commit/f346e4bf99a8e04029f284e9f5f7fe73bf1ac482))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
## [0.2.6](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.5...@ausbom/tabs@0.2.6) (2020-11-27)
|
|
18
|
-
|
|
19
|
-
**Note:** Version bump only for package @ausbom/tabs
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## [0.2.5](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.4...@ausbom/tabs@0.2.5) (2020-09-29)
|
|
26
|
-
|
|
27
|
-
**Note:** Version bump only for package @ausbom/tabs
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<a name="0.2.4"></a>
|
|
34
|
-
## [0.2.4](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.3...@ausbom/tabs@0.2.4) (2020-04-07)
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
### Bug Fixes
|
|
38
|
-
|
|
39
|
-
* removed aria-controls and aria-expanded from the `<a>` element ([d2ff072](https://github.com/AusBOM/bom-design-system/commit/d2ff072))
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
<a name="0.2.3"></a>
|
|
46
|
-
## [0.2.3](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.2...@ausbom/tabs@0.2.3) (2020-02-28)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
### Bug Fixes
|
|
50
|
-
|
|
51
|
-
* a11y [#9](https://github.com/AusBOM/bom-design-system/issues/9) change tabs not to use role='tab|tablist|tabpanel' ([ead1504](https://github.com/AusBOM/bom-design-system/commit/ead1504))
|
|
52
|
-
* fixes tabs unit tests ([7ae85d0](https://github.com/AusBOM/bom-design-system/commit/7ae85d0))
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<a name="0.2.2"></a>
|
|
59
|
-
## [0.2.2](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.1...@ausbom/tabs@0.2.2) (2020-02-03)
|
|
60
|
-
|
|
61
|
-
**Note:** Version bump only for package @ausbom/tabs
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
<a name="0.2.1"></a>
|
|
68
|
-
## [0.2.1](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.2.0...@ausbom/tabs@0.2.1) (2020-01-16)
|
|
69
|
-
|
|
70
|
-
**Note:** Version bump only for package @ausbom/tabs
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
<a name="0.2.0"></a>
|
|
77
|
-
# [0.2.0](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.1.1...@ausbom/tabs@0.2.0) (2019-12-16)
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
### Features
|
|
81
|
-
|
|
82
|
-
* adds first pass at location template ([4e3d8fa](https://github.com/AusBOM/bom-design-system/commit/4e3d8fa))
|
|
83
|
-
* second pass at location template ([73efa52](https://github.com/AusBOM/bom-design-system/commit/73efa52))
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<a name="0.1.1"></a>
|
|
90
|
-
## [0.1.1](https://github.com/AusBOM/bom-design-system/compare/@ausbom/tabs@0.1.0...@ausbom/tabs@0.1.1) (2019-12-05)
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
### Bug Fixes
|
|
94
|
-
|
|
95
|
-
* fixes a11y issues from axe tool ([afe2ab8](https://github.com/AusBOM/bom-design-system/commit/afe2ab8))
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
<a name="0.1.0"></a>
|
|
102
|
-
# 0.1.0 (2019-11-14)
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
### Features
|
|
106
|
-
|
|
107
|
-
* Tabs component ([f05cc52](https://github.com/AusBOM/bom-design-system/commit/f05cc52))
|