@dt-dds/react-tabs 1.0.0-beta.44 → 1.0.0-beta.45

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @dt-ui/react-tabs
 
+## 1.0.0-beta.45
+
+### Patch Changes
+
+- chore(dependencies): upgrade builders versions
+- Updated dependencies
+- Updated dependencies [223664b]
+  - @dt-dds/react-box@1.0.0-beta.16
+  - @dt-dds/react-core@1.0.0-beta.45
+  - @dt-dds/react-icon@1.0.0-beta.46
+  - @dt-dds/react-icon-button@1.0.0-beta.13
+  - @dt-dds/themes@1.0.0-beta.5
+
 ## 1.0.0-beta.44
 
 ### Patch Changes

package/dist/index.d.mts

@@ -0,0 +1,38 @@
+import { CustomTheme } from '@dt-dds/themes';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseProps } from '@dt-dds/react-core';
+import { ReactNode } from 'react';
+
+type Variant = 'default' | 'contained';
+
+interface TabItemProps extends BaseProps {
+    activeTab?: number;
+    variant?: Variant;
+    index?: number;
+    isDisabled?: boolean;
+    label: string;
+    icon?: ReactNode;
+    handleChange?: (value: number) => void;
+}
+
+interface TabsProps extends BaseProps {
+    activeTab: number;
+    variant?: Variant;
+    handleChange: (value: number) => void;
+}
+declare const Tabs: {
+    ({ children, style, activeTab, dataTestId, variant, handleChange, }: TabsProps): react_jsx_runtime.JSX.Element;
+    Item: ({ activeTab, dataTestId, isDisabled, index, variant, label, icon, handleChange, }: TabItemProps) => react_jsx_runtime.JSX.Element;
+};
+
+declare const useTabs: (initialTab?: number) => {
+    activeTab: number;
+    handleChange: (value: number) => void;
+};
+
+declare module '@emotion/react' {
+    interface Theme extends CustomTheme {
+    }
+}
+
+export { Tabs, type TabsProps, useTabs };

package/dist/index.d.ts

@@ -35,4 +35,4 @@ declare module '@emotion/react' {
     }
 }
 
-export { Tabs, TabsProps, useTabs };
+export { Tabs, type TabsProps, useTabs };

package/dist/index.js

@@ -45,12 +45,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // index.ts
-var tabs_exports = {};
-__export(tabs_exports, {
+var index_exports = {};
+__export(index_exports, {
   Tabs: () => Tabs,
   useTabs: () => useTabs
 });
-module.exports = __toCommonJS(tabs_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Tabs.tsx
 var import_react_box = require("@dt-dds/react-box");
@@ -106,8 +106,7 @@ var TabItem = ({
 }) => {
   const ref = (0, import_react.useRef)(null);
   const handleOnClick = () => {
-    if (!ref || !ref.current || !ref.current.parentElement)
-      return;
+    if (!ref || !ref.current || !ref.current.parentElement) return;
     const elementClientRect = ref.current.getBoundingClientRect();
     const parentClientRect = ref.current.parentElement.getBoundingClientRect();
     if (elementClientRect.left < parentClientRect.left) {
@@ -183,8 +182,7 @@ var Tabs = ({
     [children, activeTab, variant, handleChange]
   );
   const handleScroll = (scrollOffset) => {
-    if (!ref || !ref.current)
-      return;
+    if (!ref || !ref.current) return;
     const left = ref.current.scrollLeft + scrollOffset;
     ref.current.scroll({
       left,
@@ -193,8 +191,7 @@ var Tabs = ({
     calculateIfIsOverflowing(left);
   };
   const calculateIfIsOverflowing = (currentScrollLeft) => {
-    if (!ref || !ref.current)
-      return;
+    if (!ref || !ref.current) return;
     const scrollLeft = currentScrollLeft != null ? currentScrollLeft : ref.current.scrollLeft;
     setIsLeftSideOverflowing(scrollLeft > 0);
     setIsRightSideOverflowing(

package/dist/index.mjs

@@ -79,8 +79,7 @@ var TabItem = ({
 }) => {
   const ref = useRef(null);
   const handleOnClick = () => {
-    if (!ref || !ref.current || !ref.current.parentElement)
-      return;
+    if (!ref || !ref.current || !ref.current.parentElement) return;
     const elementClientRect = ref.current.getBoundingClientRect();
     const parentClientRect = ref.current.parentElement.getBoundingClientRect();
     if (elementClientRect.left < parentClientRect.left) {
@@ -156,8 +155,7 @@ var Tabs = ({
     [children, activeTab, variant, handleChange]
   );
   const handleScroll = (scrollOffset) => {
-    if (!ref || !ref.current)
-      return;
+    if (!ref || !ref.current) return;
     const left = ref.current.scrollLeft + scrollOffset;
     ref.current.scroll({
       left,
@@ -166,8 +164,7 @@ var Tabs = ({
     calculateIfIsOverflowing(left);
   };
   const calculateIfIsOverflowing = (currentScrollLeft) => {
-    if (!ref || !ref.current)
-      return;
+    if (!ref || !ref.current) return;
     const scrollLeft = currentScrollLeft != null ? currentScrollLeft : ref.current.scrollLeft;
     setIsLeftSideOverflowing(scrollLeft > 0);
     setIsRightSideOverflowing(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-tabs",
-  "version": "1.0.0-beta.44",
+  "version": "1.0.0-beta.45",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,11 +20,11 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-core": "1.0.0-beta.44",
-    "@dt-dds/react-icon": "1.0.0-beta.45",
-    "@dt-dds/react-icon-button": "1.0.0-beta.12",
-    "@dt-dds/react-box": "1.0.0-beta.15",
-    "@dt-dds/themes": "1.0.0-beta.4"
+    "@dt-dds/react-core": "1.0.0-beta.45",
+    "@dt-dds/react-icon": "1.0.0-beta.46",
+    "@dt-dds/react-icon-button": "1.0.0-beta.13",
+    "@dt-dds/react-box": "1.0.0-beta.16",
+    "@dt-dds/themes": "1.0.0-beta.5"
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
@@ -45,7 +45,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
     "tsconfig": "*",
-    "tsup": "^6.6.3",
+    "tsup": "^8.5.0",
     "typescript": "^4.5.3"
   },
   "peerDependencies": {