@dt-dds/react-tabs 1.0.0-beta.85 → 1.0.0-beta.87
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 +22 -0
- package/dist/index.js +10 -10
- package/dist/index.mjs +5 -5
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @dt-ui/react-tabs
|
|
2
2
|
|
|
3
|
+
## 1.0.0-beta.87
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix(config): update ESLint, TS, and Storybook config
|
|
8
|
+
- fix(icon-button): add missing @dt-dds/react-icon devDependency
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
- Updated dependencies [223664b]
|
|
12
|
+
- @dt-dds/react-core@1.0.0-beta.52
|
|
13
|
+
- @dt-dds/react-icon@1.0.0-beta.55
|
|
14
|
+
- @dt-dds/react-icon-button@1.0.0-beta.21
|
|
15
|
+
- @dt-dds/themes@1.0.0-beta.10
|
|
16
|
+
- @dt-dds/react-box@1.0.0-beta.58
|
|
17
|
+
|
|
18
|
+
## 1.0.0-beta.86
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- Updated dependencies [223664b]
|
|
23
|
+
- @dt-dds/react-box@1.0.0-beta.57
|
|
24
|
+
|
|
3
25
|
## 1.0.0-beta.85
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/dist/index.js
CHANGED
|
@@ -53,12 +53,12 @@ __export(index_exports, {
|
|
|
53
53
|
module.exports = __toCommonJS(index_exports);
|
|
54
54
|
|
|
55
55
|
// src/Tabs.tsx
|
|
56
|
+
var import_react2 = require("react");
|
|
57
|
+
var import_react3 = require("@emotion/react");
|
|
56
58
|
var import_react_box = require("@dt-dds/react-box");
|
|
57
59
|
var import_react_core = require("@dt-dds/react-core");
|
|
58
60
|
var import_react_icon = require("@dt-dds/react-icon");
|
|
59
61
|
var import_react_icon_button = require("@dt-dds/react-icon-button");
|
|
60
|
-
var import_react2 = require("@emotion/react");
|
|
61
|
-
var import_react3 = require("react");
|
|
62
62
|
|
|
63
63
|
// src/components/TabItem/TabItem.tsx
|
|
64
64
|
var import_react = require("react");
|
|
@@ -166,13 +166,13 @@ var Tabs = ({
|
|
|
166
166
|
variant = "default",
|
|
167
167
|
handleChange
|
|
168
168
|
}) => {
|
|
169
|
-
const ref = (0,
|
|
170
|
-
const [isLeftSideOverflowing, setIsLeftSideOverflowing] = (0,
|
|
171
|
-
const [isRightSideOverflowing, setIsRightSideOverflowing] = (0,
|
|
172
|
-
const theme = (0,
|
|
173
|
-
const clonedChildren = (0,
|
|
174
|
-
() =>
|
|
175
|
-
return child && (0,
|
|
169
|
+
const ref = (0, import_react2.useRef)(null);
|
|
170
|
+
const [isLeftSideOverflowing, setIsLeftSideOverflowing] = (0, import_react2.useState)(false);
|
|
171
|
+
const [isRightSideOverflowing, setIsRightSideOverflowing] = (0, import_react2.useState)(false);
|
|
172
|
+
const theme = (0, import_react3.useTheme)();
|
|
173
|
+
const clonedChildren = (0, import_react2.useMemo)(
|
|
174
|
+
() => import_react2.Children.map(children, (child, index) => {
|
|
175
|
+
return child && (0, import_react2.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), {
|
|
176
176
|
activeTab,
|
|
177
177
|
variant,
|
|
178
178
|
index,
|
|
@@ -198,7 +198,7 @@ var Tabs = ({
|
|
|
198
198
|
ref.current.clientWidth + scrollLeft + SCROLL_OFFSET < ref.current.scrollWidth
|
|
199
199
|
);
|
|
200
200
|
};
|
|
201
|
-
(0,
|
|
201
|
+
(0, import_react2.useEffect)(() => calculateIfIsOverflowing(), []);
|
|
202
202
|
(0, import_react_core.useDebounceResize)(() => calculateIfIsOverflowing());
|
|
203
203
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
204
204
|
import_react_box.Box,
|
package/dist/index.mjs
CHANGED
|
@@ -19,11 +19,6 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
|
|
21
21
|
// src/Tabs.tsx
|
|
22
|
-
import { Box } from "@dt-dds/react-box";
|
|
23
|
-
import { useDebounceResize } from "@dt-dds/react-core";
|
|
24
|
-
import { Icon } from "@dt-dds/react-icon";
|
|
25
|
-
import { IconButton } from "@dt-dds/react-icon-button";
|
|
26
|
-
import { useTheme } from "@emotion/react";
|
|
27
22
|
import {
|
|
28
23
|
Children,
|
|
29
24
|
cloneElement,
|
|
@@ -32,6 +27,11 @@ import {
|
|
|
32
27
|
useRef as useRef2,
|
|
33
28
|
useState
|
|
34
29
|
} from "react";
|
|
30
|
+
import { useTheme } from "@emotion/react";
|
|
31
|
+
import { Box } from "@dt-dds/react-box";
|
|
32
|
+
import { useDebounceResize } from "@dt-dds/react-core";
|
|
33
|
+
import { Icon } from "@dt-dds/react-icon";
|
|
34
|
+
import { IconButton } from "@dt-dds/react-icon-button";
|
|
35
35
|
|
|
36
36
|
// src/components/TabItem/TabItem.tsx
|
|
37
37
|
import { useRef } from "react";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dt-dds/react-tabs",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.87",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": "./dist/index.js"
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
"test:update:snapshot": "jest -u"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@dt-dds/react-core": "1.0.0-beta.
|
|
24
|
-
"@dt-dds/react-icon": "1.0.0-beta.
|
|
25
|
-
"@dt-dds/react-icon-button": "1.0.0-beta.
|
|
26
|
-
"@dt-dds/react-box": "1.0.0-beta.
|
|
27
|
-
"@dt-dds/themes": "1.0.0-beta.
|
|
23
|
+
"@dt-dds/react-core": "1.0.0-beta.52",
|
|
24
|
+
"@dt-dds/react-icon": "1.0.0-beta.55",
|
|
25
|
+
"@dt-dds/react-icon-button": "1.0.0-beta.21",
|
|
26
|
+
"@dt-dds/react-box": "1.0.0-beta.58",
|
|
27
|
+
"@dt-dds/themes": "1.0.0-beta.10"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@babel/core": "^7.22.9",
|