@semcore/tab-panel 3.4.8 → 3.4.10
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 +8 -2
- package/lib/cjs/TabPanel.js +17 -58
- package/lib/cjs/TabPanel.js.map +1 -1
- package/lib/cjs/index.js +0 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/TabPanel.js +17 -50
- package/lib/es6/TabPanel.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.4.
|
|
5
|
+
## [3.4.10] - 2023-04-11
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Fixed `aria-posinset` attribute value generation.
|
|
10
|
+
|
|
11
|
+
## [3.4.9] - 2023-03-28
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
8
14
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/utils` [3.49.
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0], `@semcore/flex-box` [4.7.17 ~> 4.7.18]).
|
|
10
16
|
|
|
11
17
|
## [3.4.0] - 2023-02-20
|
|
12
18
|
|
package/lib/cjs/TabPanel.js
CHANGED
|
@@ -1,57 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _flexBox = require("@semcore/flex-box");
|
|
31
|
-
|
|
32
19
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
33
|
-
|
|
34
20
|
var _a11yEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/a11yEnhance"));
|
|
35
|
-
|
|
36
21
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
37
|
-
|
|
38
22
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
|
39
|
-
var style = (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
, {
|
|
48
|
-
"__STabPanel": "___STabPanel_3xukw_gg_",
|
|
49
|
-
"__STabPanelItem": "___STabPanelItem_3xukw_gg_",
|
|
50
|
-
"__SText": "___SText_3xukw_gg_",
|
|
51
|
-
"_disabled": "__disabled_3xukw_gg_",
|
|
52
|
-
"_keyboardFocused": "__keyboardFocused_3xukw_gg_",
|
|
53
|
-
"_selected": "__selected_3xukw_gg_",
|
|
54
|
-
"__SAddon": "___SAddon_3xukw_gg_"
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_13be4_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_13be4_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_13be4_gg_ .___SText_13be4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_13be4_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_13be4_gg_:active,.___STabPanelItem_13be4_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_13be4_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_13be4_gg_.__disabled_13be4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_13be4_gg_.__keyboardFocused_13be4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_13be4_gg_.__selected_13be4_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_13be4_gg_.__selected_13be4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_13be4_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_13be4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13be4_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13be4_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13be4_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "13be4_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__STabPanel": "___STabPanel_13be4_gg_",
|
|
25
|
+
"__STabPanelItem": "___STabPanelItem_13be4_gg_",
|
|
26
|
+
"__SText": "___SText_13be4_gg_",
|
|
27
|
+
"_disabled": "__disabled_13be4_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_13be4_gg_",
|
|
29
|
+
"_selected": "__selected_13be4_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_13be4_gg_"
|
|
55
31
|
});
|
|
56
32
|
var optionsA11yEnhance = {
|
|
57
33
|
onNeighborChange: function onNeighborChange(neighborElement) {
|
|
@@ -61,21 +37,15 @@ var optionsA11yEnhance = {
|
|
|
61
37
|
},
|
|
62
38
|
childSelector: ['role', 'tab']
|
|
63
39
|
};
|
|
64
|
-
|
|
65
40
|
var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
66
41
|
(0, _inherits2["default"])(TabPanelRoot, _Component);
|
|
67
|
-
|
|
68
42
|
var _super = (0, _createSuper2["default"])(TabPanelRoot);
|
|
69
|
-
|
|
70
43
|
function TabPanelRoot() {
|
|
71
44
|
var _this;
|
|
72
|
-
|
|
73
45
|
(0, _classCallCheck2["default"])(this, TabPanelRoot);
|
|
74
|
-
|
|
75
46
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76
47
|
args[_key] = arguments[_key];
|
|
77
48
|
}
|
|
78
|
-
|
|
79
49
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
80
50
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (value) {
|
|
81
51
|
return function (event) {
|
|
@@ -91,7 +61,6 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
91
61
|
});
|
|
92
62
|
return _this;
|
|
93
63
|
}
|
|
94
|
-
|
|
95
64
|
(0, _createClass2["default"])(TabPanelRoot, [{
|
|
96
65
|
key: "uncontrolledProps",
|
|
97
66
|
value: function uncontrolledProps() {
|
|
@@ -101,7 +70,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
101
70
|
}
|
|
102
71
|
}, {
|
|
103
72
|
key: "getItemProps",
|
|
104
|
-
value: function getItemProps(props) {
|
|
73
|
+
value: function getItemProps(props, index) {
|
|
105
74
|
var value = this.asProps.value;
|
|
106
75
|
var isSelected = value === props.value;
|
|
107
76
|
return {
|
|
@@ -109,7 +78,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
109
78
|
onClick: this.handleClick(props.value),
|
|
110
79
|
onKeyDown: this.handleKeyDown(props.value),
|
|
111
80
|
tabIndex: isSelected ? 0 : -1,
|
|
112
|
-
'aria-posinset':
|
|
81
|
+
'aria-posinset': index + 1,
|
|
113
82
|
'aria-selected': isSelected
|
|
114
83
|
};
|
|
115
84
|
}
|
|
@@ -117,8 +86,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
117
86
|
key: "render",
|
|
118
87
|
value: function render() {
|
|
119
88
|
var _ref = this.asProps,
|
|
120
|
-
|
|
121
|
-
|
|
89
|
+
_ref5;
|
|
122
90
|
var STabPanel = _flexBox.Box;
|
|
123
91
|
var styles = this.asProps.styles;
|
|
124
92
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanel, _ref5.cn("STabPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -128,23 +96,20 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
128
96
|
}]);
|
|
129
97
|
return TabPanelRoot;
|
|
130
98
|
}(_core.Component);
|
|
131
|
-
|
|
132
99
|
(0, _defineProperty2["default"])(TabPanelRoot, "displayName", 'TabPanel');
|
|
133
100
|
(0, _defineProperty2["default"])(TabPanelRoot, "style", style);
|
|
134
101
|
(0, _defineProperty2["default"])(TabPanelRoot, "defaultProps", {
|
|
135
102
|
defaultValue: null
|
|
136
103
|
});
|
|
137
104
|
(0, _defineProperty2["default"])(TabPanelRoot, "enhance", [(0, _a11yEnhance["default"])(optionsA11yEnhance)]);
|
|
138
|
-
|
|
139
105
|
function TabPanelItem(props) {
|
|
140
106
|
var _ref2 = arguments[0],
|
|
141
|
-
|
|
142
|
-
|
|
107
|
+
_ref6;
|
|
143
108
|
var STabPanelItem = _flexBox.Box;
|
|
144
109
|
var Children = props.Children,
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
110
|
+
styles = props.styles,
|
|
111
|
+
addonLeft = props.addonLeft,
|
|
112
|
+
addonRight = props.addonRight;
|
|
148
113
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STabPanelItem, _ref6.cn("STabPanelItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
149
114
|
"type": "button",
|
|
150
115
|
"tag": "button",
|
|
@@ -155,31 +120,25 @@ function TabPanelItem(props) {
|
|
|
155
120
|
tag: addonRight
|
|
156
121
|
}) : null);
|
|
157
122
|
}
|
|
158
|
-
|
|
159
123
|
TabPanelItem.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
160
|
-
|
|
161
124
|
function Text(props) {
|
|
162
125
|
var _ref3 = arguments[0],
|
|
163
|
-
|
|
164
|
-
|
|
126
|
+
_ref7;
|
|
165
127
|
var SText = _flexBox.Box;
|
|
166
128
|
var styles = props.styles;
|
|
167
129
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
168
130
|
"tag": "span"
|
|
169
131
|
}, _ref3))));
|
|
170
132
|
}
|
|
171
|
-
|
|
172
133
|
function Addon(props) {
|
|
173
134
|
var _ref4 = arguments[0],
|
|
174
|
-
|
|
175
|
-
|
|
135
|
+
_ref8;
|
|
176
136
|
var SAddon = _flexBox.Box;
|
|
177
137
|
var styles = props.styles;
|
|
178
138
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref8.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
179
139
|
"tag": "span"
|
|
180
140
|
}, _ref4))));
|
|
181
141
|
}
|
|
182
|
-
|
|
183
142
|
var TabPanel = (0, _core["default"])(TabPanelRoot, {
|
|
184
143
|
Item: [TabPanelItem, {
|
|
185
144
|
Text: Text,
|
package/lib/cjs/TabPanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.js","names":["optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","Box","styles","
|
|
1
|
+
{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","code","_createClass2","key","uncontrolledProps","getItemProps","props","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","_default","exports"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement) => {\n if (neighborElement) {\n neighborElement.focus();\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n static displayName = 'TabPanel';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClick = (value) => (event) => {\n this.handlers.value(value, event);\n };\n\n handleKeyDown = (value) => (event) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n this.handlers.value(value, event);\n }\n };\n\n getItemProps(props, index) {\n const { value } = this.asProps;\n const isSelected = value === props.value;\n return {\n selected: isSelected,\n onClick: this.handleClick(props.value),\n onKeyDown: this.handleKeyDown(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-posinset': index + 1,\n 'aria-selected': isSelected,\n };\n }\n\n render() {\n const STabPanel = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n }\n}\n\nfunction TabPanelItem(props) {\n const STabPanelItem = Root;\n const { Children, styles, addonLeft, addonRight } = props;\n\n return sstyled(styles)(\n <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n </STabPanelItem>,\n );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _TabPanel["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _TabPanel = _interopRequireDefault(require("./TabPanel"));
|
|
16
14
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_TabPanel","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
package/lib/es6/TabPanel.js
CHANGED
|
@@ -16,24 +16,15 @@ import { Box } from '@semcore/flex-box';
|
|
|
16
16
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
17
17
|
import a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';
|
|
18
18
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
|
-
|
|
20
19
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
|
21
|
-
var style = (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
, {
|
|
30
|
-
"__STabPanel": "___STabPanel_3xukw_gg_",
|
|
31
|
-
"__STabPanelItem": "___STabPanelItem_3xukw_gg_",
|
|
32
|
-
"__SText": "___SText_3xukw_gg_",
|
|
33
|
-
"_disabled": "__disabled_3xukw_gg_",
|
|
34
|
-
"_keyboardFocused": "__keyboardFocused_3xukw_gg_",
|
|
35
|
-
"_selected": "__selected_3xukw_gg_",
|
|
36
|
-
"__SAddon": "___SAddon_3xukw_gg_"
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_13be4_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_13be4_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_13be4_gg_ .___SText_13be4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_13be4_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_13be4_gg_:active,.___STabPanelItem_13be4_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___STabPanelItem_13be4_gg_:hover{outline:0;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_13be4_gg_.__disabled_13be4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabPanelItem_13be4_gg_.__keyboardFocused_13be4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___STabPanelItem_13be4_gg_.__selected_13be4_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);border-bottom-color:var(--intergalactic-border-primary-invert, #ffffff);flex-shrink:0}@media (hover:hover){.___STabPanelItem_13be4_gg_.__selected_13be4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SText_13be4_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_13be4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13be4_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13be4_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13be4_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "13be4_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__STabPanel": "___STabPanel_13be4_gg_",
|
|
22
|
+
"__STabPanelItem": "___STabPanelItem_13be4_gg_",
|
|
23
|
+
"__SText": "___SText_13be4_gg_",
|
|
24
|
+
"_disabled": "__disabled_13be4_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_13be4_gg_",
|
|
26
|
+
"_selected": "__selected_13be4_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_13be4_gg_"
|
|
37
28
|
});
|
|
38
29
|
var optionsA11yEnhance = {
|
|
39
30
|
onNeighborChange: function onNeighborChange(neighborElement) {
|
|
@@ -43,29 +34,21 @@ var optionsA11yEnhance = {
|
|
|
43
34
|
},
|
|
44
35
|
childSelector: ['role', 'tab']
|
|
45
36
|
};
|
|
46
|
-
|
|
47
37
|
var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
48
38
|
_inherits(TabPanelRoot, _Component);
|
|
49
|
-
|
|
50
39
|
var _super = _createSuper(TabPanelRoot);
|
|
51
|
-
|
|
52
40
|
function TabPanelRoot() {
|
|
53
41
|
var _this;
|
|
54
|
-
|
|
55
42
|
_classCallCheck(this, TabPanelRoot);
|
|
56
|
-
|
|
57
43
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
58
44
|
args[_key] = arguments[_key];
|
|
59
45
|
}
|
|
60
|
-
|
|
61
46
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
62
|
-
|
|
63
47
|
_defineProperty(_assertThisInitialized(_this), "handleClick", function (value) {
|
|
64
48
|
return function (event) {
|
|
65
49
|
_this.handlers.value(value, event);
|
|
66
50
|
};
|
|
67
51
|
});
|
|
68
|
-
|
|
69
52
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (value) {
|
|
70
53
|
return function (event) {
|
|
71
54
|
if (event.code === 'Enter' || event.code === 'Space') {
|
|
@@ -73,10 +56,8 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
73
56
|
}
|
|
74
57
|
};
|
|
75
58
|
});
|
|
76
|
-
|
|
77
59
|
return _this;
|
|
78
60
|
}
|
|
79
|
-
|
|
80
61
|
_createClass(TabPanelRoot, [{
|
|
81
62
|
key: "uncontrolledProps",
|
|
82
63
|
value: function uncontrolledProps() {
|
|
@@ -86,7 +67,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
86
67
|
}
|
|
87
68
|
}, {
|
|
88
69
|
key: "getItemProps",
|
|
89
|
-
value: function getItemProps(props) {
|
|
70
|
+
value: function getItemProps(props, index) {
|
|
90
71
|
var value = this.asProps.value;
|
|
91
72
|
var isSelected = value === props.value;
|
|
92
73
|
return {
|
|
@@ -94,7 +75,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
94
75
|
onClick: this.handleClick(props.value),
|
|
95
76
|
onKeyDown: this.handleKeyDown(props.value),
|
|
96
77
|
tabIndex: isSelected ? 0 : -1,
|
|
97
|
-
'aria-posinset':
|
|
78
|
+
'aria-posinset': index + 1,
|
|
98
79
|
'aria-selected': isSelected
|
|
99
80
|
};
|
|
100
81
|
}
|
|
@@ -102,8 +83,7 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
102
83
|
key: "render",
|
|
103
84
|
value: function render() {
|
|
104
85
|
var _ref = this.asProps,
|
|
105
|
-
|
|
106
|
-
|
|
86
|
+
_ref5;
|
|
107
87
|
var STabPanel = Box;
|
|
108
88
|
var styles = this.asProps.styles;
|
|
109
89
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STabPanel, _ref5.cn("STabPanel", _objectSpread({}, _assignProps({
|
|
@@ -111,29 +91,22 @@ var TabPanelRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
91
|
}, _ref))));
|
|
112
92
|
}
|
|
113
93
|
}]);
|
|
114
|
-
|
|
115
94
|
return TabPanelRoot;
|
|
116
95
|
}(Component);
|
|
117
|
-
|
|
118
96
|
_defineProperty(TabPanelRoot, "displayName", 'TabPanel');
|
|
119
|
-
|
|
120
97
|
_defineProperty(TabPanelRoot, "style", style);
|
|
121
|
-
|
|
122
98
|
_defineProperty(TabPanelRoot, "defaultProps", {
|
|
123
99
|
defaultValue: null
|
|
124
100
|
});
|
|
125
|
-
|
|
126
101
|
_defineProperty(TabPanelRoot, "enhance", [a11yEnhance(optionsA11yEnhance)]);
|
|
127
|
-
|
|
128
102
|
function TabPanelItem(props) {
|
|
129
103
|
var _ref2 = arguments[0],
|
|
130
|
-
|
|
131
|
-
|
|
104
|
+
_ref6;
|
|
132
105
|
var STabPanelItem = Box;
|
|
133
106
|
var Children = props.Children,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
107
|
+
styles = props.styles,
|
|
108
|
+
addonLeft = props.addonLeft,
|
|
109
|
+
addonRight = props.addonRight;
|
|
137
110
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STabPanelItem, _ref6.cn("STabPanelItem", _objectSpread({}, _assignProps2({
|
|
138
111
|
"type": "button",
|
|
139
112
|
"tag": "button",
|
|
@@ -144,31 +117,25 @@ function TabPanelItem(props) {
|
|
|
144
117
|
tag: addonRight
|
|
145
118
|
}) : null);
|
|
146
119
|
}
|
|
147
|
-
|
|
148
120
|
TabPanelItem.enhance = [keyboardFocusEnhance()];
|
|
149
|
-
|
|
150
121
|
function Text(props) {
|
|
151
122
|
var _ref3 = arguments[0],
|
|
152
|
-
|
|
153
|
-
|
|
123
|
+
_ref7;
|
|
154
124
|
var SText = Box;
|
|
155
125
|
var styles = props.styles;
|
|
156
126
|
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps3({
|
|
157
127
|
"tag": "span"
|
|
158
128
|
}, _ref3))));
|
|
159
129
|
}
|
|
160
|
-
|
|
161
130
|
function Addon(props) {
|
|
162
131
|
var _ref4 = arguments[0],
|
|
163
|
-
|
|
164
|
-
|
|
132
|
+
_ref8;
|
|
165
133
|
var SAddon = Box;
|
|
166
134
|
var styles = props.styles;
|
|
167
135
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, _assignProps4({
|
|
168
136
|
"tag": "span"
|
|
169
137
|
}, _ref4))));
|
|
170
138
|
}
|
|
171
|
-
|
|
172
139
|
var TabPanel = createComponent(TabPanelRoot, {
|
|
173
140
|
Item: [TabPanelItem, {
|
|
174
141
|
Text: Text,
|
package/lib/es6/TabPanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","value","event","handlers","code","props","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","STabPanel","styles","
|
|
1
|
+
{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","focus","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","code","_createClass","key","uncontrolledProps","getItemProps","props","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement) => {\n if (neighborElement) {\n neighborElement.focus();\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n static displayName = 'TabPanel';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClick = (value) => (event) => {\n this.handlers.value(value, event);\n };\n\n handleKeyDown = (value) => (event) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n this.handlers.value(value, event);\n }\n };\n\n getItemProps(props, index) {\n const { value } = this.asProps;\n const isSelected = value === props.value;\n return {\n selected: isSelected,\n onClick: this.handleClick(props.value),\n onKeyDown: this.handleKeyDown(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-posinset': index + 1,\n 'aria-selected': isSelected,\n };\n }\n\n render() {\n const STabPanel = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STabPanel render={Box} role=\"tablist\" />);\n }\n}\n\nfunction TabPanelItem(props) {\n const STabPanelItem = Root;\n const { Children, styles, addonLeft, addonRight } = props;\n\n return sstyled(styles)(\n <STabPanelItem render={Box} type=\"button\" tag=\"button\" role=\"tab\">\n {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n </STabPanelItem>,\n );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}
|