@zendeskgarden/react-tabs 8.51.0 → 8.53.1
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/dist/index.cjs.js +6 -6
- package/dist/index.esm.js +6 -6
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -198,7 +198,7 @@ var sizeStyles = function sizeStyles(_ref2) {
|
|
|
198
198
|
var StyledTab = styled__default["default"].div.attrs(function (props) {
|
|
199
199
|
return {
|
|
200
200
|
'data-garden-id': COMPONENT_ID$3,
|
|
201
|
-
'data-garden-version': '8.
|
|
201
|
+
'data-garden-version': '8.53.1',
|
|
202
202
|
'aria-disabled': props.disabled
|
|
203
203
|
};
|
|
204
204
|
}).withConfig({
|
|
@@ -228,7 +228,7 @@ StyledTab.defaultProps = {
|
|
|
228
228
|
var COMPONENT_ID$2 = 'tabs.tablist';
|
|
229
229
|
var StyledTabList = styled__default["default"].div.attrs({
|
|
230
230
|
'data-garden-id': COMPONENT_ID$2,
|
|
231
|
-
'data-garden-version': '8.
|
|
231
|
+
'data-garden-version': '8.53.1'
|
|
232
232
|
}).withConfig({
|
|
233
233
|
displayName: "StyledTabList",
|
|
234
234
|
componentId: "sc-wa5aaj-0"
|
|
@@ -256,7 +256,7 @@ StyledTabList.defaultProps = {
|
|
|
256
256
|
var COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
257
257
|
var StyledTabPanel = styled__default["default"].div.attrs({
|
|
258
258
|
'data-garden-id': COMPONENT_ID$1,
|
|
259
|
-
'data-garden-version': '8.
|
|
259
|
+
'data-garden-version': '8.53.1'
|
|
260
260
|
}).withConfig({
|
|
261
261
|
displayName: "StyledTabPanel",
|
|
262
262
|
componentId: "sc-7lhrmp-0"
|
|
@@ -274,7 +274,7 @@ var verticalStyling = function verticalStyling(_ref) {
|
|
|
274
274
|
};
|
|
275
275
|
var StyledTabs = styled__default["default"].div.attrs({
|
|
276
276
|
'data-garden-id': COMPONENT_ID,
|
|
277
|
-
'data-garden-version': '8.
|
|
277
|
+
'data-garden-version': '8.53.1'
|
|
278
278
|
}).withConfig({
|
|
279
279
|
displayName: "StyledTabs",
|
|
280
280
|
componentId: "sc-1qaor65-0"
|
|
@@ -368,7 +368,7 @@ var Tabs = React.forwardRef(function (_ref, ref) {
|
|
|
368
368
|
var _useState = React.useState(),
|
|
369
369
|
_useState2 = _slicedToArray(_useState, 2),
|
|
370
370
|
internalSelectedItem = _useState2[0],
|
|
371
|
-
|
|
371
|
+
setInternalSelectedItem = _useState2[1];
|
|
372
372
|
var tabIndexRef = React.useRef(0);
|
|
373
373
|
var tabPanelIndexRef = React.useRef(0);
|
|
374
374
|
var selectedItem = containerUtilities.getControlledValue(controlledSelectedItem, internalSelectedItem);
|
|
@@ -381,7 +381,7 @@ var Tabs = React.forwardRef(function (_ref, ref) {
|
|
|
381
381
|
if (onChange) {
|
|
382
382
|
onChange(item);
|
|
383
383
|
} else {
|
|
384
|
-
|
|
384
|
+
setInternalSelectedItem(item);
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
387
|
});
|
package/dist/index.esm.js
CHANGED
|
@@ -187,7 +187,7 @@ var sizeStyles = function sizeStyles(_ref2) {
|
|
|
187
187
|
var StyledTab = styled.div.attrs(function (props) {
|
|
188
188
|
return {
|
|
189
189
|
'data-garden-id': COMPONENT_ID$3,
|
|
190
|
-
'data-garden-version': '8.
|
|
190
|
+
'data-garden-version': '8.53.1',
|
|
191
191
|
'aria-disabled': props.disabled
|
|
192
192
|
};
|
|
193
193
|
}).withConfig({
|
|
@@ -217,7 +217,7 @@ StyledTab.defaultProps = {
|
|
|
217
217
|
var COMPONENT_ID$2 = 'tabs.tablist';
|
|
218
218
|
var StyledTabList = styled.div.attrs({
|
|
219
219
|
'data-garden-id': COMPONENT_ID$2,
|
|
220
|
-
'data-garden-version': '8.
|
|
220
|
+
'data-garden-version': '8.53.1'
|
|
221
221
|
}).withConfig({
|
|
222
222
|
displayName: "StyledTabList",
|
|
223
223
|
componentId: "sc-wa5aaj-0"
|
|
@@ -245,7 +245,7 @@ StyledTabList.defaultProps = {
|
|
|
245
245
|
var COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
246
246
|
var StyledTabPanel = styled.div.attrs({
|
|
247
247
|
'data-garden-id': COMPONENT_ID$1,
|
|
248
|
-
'data-garden-version': '8.
|
|
248
|
+
'data-garden-version': '8.53.1'
|
|
249
249
|
}).withConfig({
|
|
250
250
|
displayName: "StyledTabPanel",
|
|
251
251
|
componentId: "sc-7lhrmp-0"
|
|
@@ -263,7 +263,7 @@ var verticalStyling = function verticalStyling(_ref) {
|
|
|
263
263
|
};
|
|
264
264
|
var StyledTabs = styled.div.attrs({
|
|
265
265
|
'data-garden-id': COMPONENT_ID,
|
|
266
|
-
'data-garden-version': '8.
|
|
266
|
+
'data-garden-version': '8.53.1'
|
|
267
267
|
}).withConfig({
|
|
268
268
|
displayName: "StyledTabs",
|
|
269
269
|
componentId: "sc-1qaor65-0"
|
|
@@ -357,7 +357,7 @@ var Tabs = forwardRef(function (_ref, ref) {
|
|
|
357
357
|
var _useState = useState(),
|
|
358
358
|
_useState2 = _slicedToArray(_useState, 2),
|
|
359
359
|
internalSelectedItem = _useState2[0],
|
|
360
|
-
|
|
360
|
+
setInternalSelectedItem = _useState2[1];
|
|
361
361
|
var tabIndexRef = useRef(0);
|
|
362
362
|
var tabPanelIndexRef = useRef(0);
|
|
363
363
|
var selectedItem = getControlledValue(controlledSelectedItem, internalSelectedItem);
|
|
@@ -370,7 +370,7 @@ var Tabs = forwardRef(function (_ref, ref) {
|
|
|
370
370
|
if (onChange) {
|
|
371
371
|
onChange(item);
|
|
372
372
|
} else {
|
|
373
|
-
|
|
373
|
+
setInternalSelectedItem(item);
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tabs",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.53.1",
|
|
4
4
|
"description": "Components and render prop containers relating to the Garden Design System.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@zendeskgarden/react-theming": "^8.
|
|
37
|
+
"@zendeskgarden/react-theming": "^8.53.1"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
40
40
|
"components",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"zendeskgarden:src": "src/index.ts",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "79dee8e82b6f082e8d4a72ba95a5fb3982d63040"
|
|
50
50
|
}
|