@zendeskgarden/container-tabs
Advanced tools
Comparing version 0.5.9 to 0.5.10
@@ -6,2 +6,10 @@ # Change Log | ||
## [0.5.10](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-tabs@0.5.9...@zendeskgarden/container-tabs@0.5.10) (2021-08-16) | ||
**Note:** Version bump only for package @zendeskgarden/container-tabs | ||
## [0.5.9](https://github.com/zendeskgarden/react-containers/compare/@zendeskgarden/container-tabs@0.5.8...@zendeskgarden/container-tabs@0.5.9) (2021-02-25) | ||
@@ -8,0 +16,0 @@ |
@@ -50,2 +50,6 @@ /** | ||
var _excluded$1 = ["vertical", "idPrefix"], | ||
_excluded2 = ["role"], | ||
_excluded3 = ["role", "index"], | ||
_excluded4 = ["role", "index", "item"]; | ||
function requiredArguments(arg, argStr, methodName) { | ||
@@ -60,3 +64,3 @@ if (typeof arg === 'undefined' || arg === null) { | ||
idPrefix = _ref.idPrefix, | ||
options = _objectWithoutPropertiesLoose(_ref, ["vertical", "idPrefix"]); | ||
options = _objectWithoutPropertiesLoose(_ref, _excluded$1); | ||
var _useSelection = containerSelection.useSelection(_extends({ | ||
@@ -71,3 +75,3 @@ direction: vertical ? 'vertical' : 'horizontal', | ||
var seed = reactUid.useUIDSeed(); | ||
var _useState = React.useState(idPrefix || seed("tabs_" + '0.5.9')), | ||
var _useState = React.useState(idPrefix || seed("tabs_" + '0.5.10')), | ||
_id = _useState[0]; | ||
@@ -80,3 +84,3 @@ var PANEL_ID = _id + "--panel"; | ||
role = _ref2$role === void 0 ? 'tablist' : _ref2$role, | ||
other = _objectWithoutPropertiesLoose(_ref2, ["role"]); | ||
other = _objectWithoutPropertiesLoose(_ref2, _excluded2); | ||
return _extends({ | ||
@@ -86,3 +90,3 @@ role: role, | ||
'data-garden-container-id': 'containers.tabs', | ||
'data-garden-container-version': '0.5.9' | ||
'data-garden-container-version': '0.5.10' | ||
}, other); | ||
@@ -95,3 +99,3 @@ }; | ||
index = _ref3.index, | ||
other = _objectWithoutPropertiesLoose(_ref3, ["role", "index"]); | ||
other = _objectWithoutPropertiesLoose(_ref3, _excluded3); | ||
requiredArguments(index, 'index', 'getTabProps'); | ||
@@ -110,3 +114,3 @@ return _extends({ | ||
item = _ref4.item, | ||
other = _objectWithoutPropertiesLoose(_ref4, ["role", "index", "item"]); | ||
other = _objectWithoutPropertiesLoose(_ref4, _excluded4); | ||
requiredArguments(index, 'index', 'getTabPanelProps'); | ||
@@ -135,2 +139,3 @@ requiredArguments(item, 'item', 'getTabPanelProps'); | ||
var _excluded = ["children", "render"]; | ||
var TabsContainer = function TabsContainer(_ref) { | ||
@@ -140,3 +145,3 @@ var children = _ref.children, | ||
render = _ref$render === void 0 ? children : _ref$render, | ||
options = _objectWithoutPropertiesLoose(_ref, ["children", "render"]); | ||
options = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
return React__default['default'].createElement(React__default['default'].Fragment, null, render(useTabs(options))); | ||
@@ -143,0 +148,0 @@ }; |
@@ -41,2 +41,6 @@ /** | ||
var _excluded$1 = ["vertical", "idPrefix"], | ||
_excluded2 = ["role"], | ||
_excluded3 = ["role", "index"], | ||
_excluded4 = ["role", "index", "item"]; | ||
function requiredArguments(arg, argStr, methodName) { | ||
@@ -51,3 +55,3 @@ if (typeof arg === 'undefined' || arg === null) { | ||
idPrefix = _ref.idPrefix, | ||
options = _objectWithoutPropertiesLoose(_ref, ["vertical", "idPrefix"]); | ||
options = _objectWithoutPropertiesLoose(_ref, _excluded$1); | ||
var _useSelection = useSelection(_extends({ | ||
@@ -62,3 +66,3 @@ direction: vertical ? 'vertical' : 'horizontal', | ||
var seed = useUIDSeed(); | ||
var _useState = useState(idPrefix || seed("tabs_" + '0.5.9')), | ||
var _useState = useState(idPrefix || seed("tabs_" + '0.5.10')), | ||
_id = _useState[0]; | ||
@@ -71,3 +75,3 @@ var PANEL_ID = _id + "--panel"; | ||
role = _ref2$role === void 0 ? 'tablist' : _ref2$role, | ||
other = _objectWithoutPropertiesLoose(_ref2, ["role"]); | ||
other = _objectWithoutPropertiesLoose(_ref2, _excluded2); | ||
return _extends({ | ||
@@ -77,3 +81,3 @@ role: role, | ||
'data-garden-container-id': 'containers.tabs', | ||
'data-garden-container-version': '0.5.9' | ||
'data-garden-container-version': '0.5.10' | ||
}, other); | ||
@@ -86,3 +90,3 @@ }; | ||
index = _ref3.index, | ||
other = _objectWithoutPropertiesLoose(_ref3, ["role", "index"]); | ||
other = _objectWithoutPropertiesLoose(_ref3, _excluded3); | ||
requiredArguments(index, 'index', 'getTabProps'); | ||
@@ -101,3 +105,3 @@ return _extends({ | ||
item = _ref4.item, | ||
other = _objectWithoutPropertiesLoose(_ref4, ["role", "index", "item"]); | ||
other = _objectWithoutPropertiesLoose(_ref4, _excluded4); | ||
requiredArguments(index, 'index', 'getTabPanelProps'); | ||
@@ -126,2 +130,3 @@ requiredArguments(item, 'item', 'getTabPanelProps'); | ||
var _excluded = ["children", "render"]; | ||
var TabsContainer = function TabsContainer(_ref) { | ||
@@ -131,3 +136,3 @@ var children = _ref.children, | ||
render = _ref$render === void 0 ? children : _ref$render, | ||
options = _objectWithoutPropertiesLoose(_ref, ["children", "render"]); | ||
options = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
return React.createElement(React.Fragment, null, render(useTabs(options))); | ||
@@ -134,0 +139,0 @@ }; |
{ | ||
"name": "@zendeskgarden/container-tabs", | ||
"version": "0.5.10", | ||
"description": "Containers relating to tabs in the Garden Design System", | ||
@@ -11,3 +12,2 @@ "license": "Apache-2.0", | ||
}, | ||
"version": "0.5.9", | ||
"main": "dist/index.cjs.js", | ||
@@ -25,3 +25,3 @@ "module": "dist/index.esm.js", | ||
"@babel/runtime": "^7.8.4", | ||
"@zendeskgarden/container-selection": "^1.3.9", | ||
"@zendeskgarden/container-selection": "^1.3.10", | ||
"react-uid": "^2.2.0" | ||
@@ -47,3 +47,3 @@ }, | ||
"zendeskgarden:src": "src/index.ts", | ||
"gitHead": "04a6e4ad2cdf51bcdf5c8f327ade071957e29367" | ||
"gitHead": "50b2858c76dd3ad64190fe1b9e639ea6173c96cd" | ||
} |
35330
322