@oliasoft-open-source/react-ui-library 3.3.6 → 3.3.7

package/dist/index.js

@@ -12798,6 +12798,7 @@ const styles$z = {
 const DrawerTabs = ({
   tabs: tabs2,
   activeTab,
+  open,
   background,
   handleTabClick,
   width,
@@ -12807,7 +12808,7 @@ const DrawerTabs = ({
     children: [/* @__PURE__ */ jsx("div", {
       className: styles$z.tabs,
       children: tabs2.map((tab2, index2) => /* @__PURE__ */ jsx("div", {
-        className: cx(styles$z.tab, activeTab === index2 && styles$z.active),
+        className: cx(styles$z.tab, activeTab === index2 && open ? styles$z.active : ""),
         style: {
           background
         },
@@ -12823,7 +12824,7 @@ const DrawerTabs = ({
         },
         className: styles$z.tabsContent,
         "data-testid": testId && `${testId}-content-${index2}`,
-        children: active2 && tab2.content
+        children: active2 && open && tab2.content
       }, index2);
     })]
   });
@@ -14871,6 +14872,8 @@ reactResizable.exports = function() {
 };
 var Resizable = reactResizable.exports.Resizable = Resizable$2.default;
 reactResizable.exports.ResizableBox = ResizableBox$1.default;
+const TABS_WIDTH = 37;
+const MIN_OPEN_WIDTH = 240;
 const ResizeHandle = React__default.forwardRef((props, ref2) => {
   const {
     handleAxis,
@@ -14888,32 +14891,38 @@ const DrawerResizeWrapper = ({
   width,
   right: right2,
   onResize,
-  open
+  setOpen
 }) => {
   const [isResizing2, setIsResizing] = useState(false);
-  const MINIMUM_OPEN_WIDTH = 100;
   const MAXIMUM_OPEN_WIDTH = window.innerWidth / 2;
   const handleResize = (event, {
     node,
     size: size2,
     handle
   }) => {
-    if (open) {
-      onResize(size2.width);
-    }
+    onResize(size2.width);
   };
   return onResize ? /* @__PURE__ */ jsx(Resizable, {
     width,
     height: 100,
-    minConstraints: [MINIMUM_OPEN_WIDTH, null],
+    minConstraints: [TABS_WIDTH, null],
     maxConstraints: [MAXIMUM_OPEN_WIDTH, null],
     onResize: handleResize,
-    handle: open ? /* @__PURE__ */ jsx(ResizeHandle, {}) : null,
+    handle: /* @__PURE__ */ jsx(ResizeHandle, {}),
     resizeHandles: right2 ? ["w"] : ["e"],
     axis: "x",
     className: isResizing2 ? styles$z.isResizing : "",
-    onResizeStart: () => setIsResizing(true),
-    onResizeStop: () => setIsResizing(false),
+    onResizeStart: () => {
+      setOpen(true);
+      onResize(width);
+      setIsResizing(true);
+    },
+    onResizeStop: () => {
+      setIsResizing(false);
+      if (width < TABS_WIDTH + 50) {
+        setOpen(false);
+      }
+    },
     children
   }) : /* @__PURE__ */ jsx(Fragment, {
     children
@@ -14957,18 +14966,19 @@ const Drawer = ({
   const isStandardButton = button2 === true;
   const isCustomButton = !isStandardButton && isValidElement(button2);
   const [open, setOpen] = setOpenProp ? [openProp, setOpenProp] : isStandardButton || tabs2 ? useState(openProp) : [openProp, null];
-  const [activeTab, setActiveTab] = setActiveTabProp ? [activeTabProp, setActiveTabProp] : useState(open ? defaultTabIndex : null);
+  const [activeTab, setActiveTab] = setActiveTabProp ? [activeTabProp, setActiveTabProp] : useState(defaultTabIndex);
   const openWidth = Array.isArray(width) ? width[activeTab] : width;
-  const TABS_WIDTH = 37;
   const currentWidth = open ? openWidth : tabs2 ? TABS_WIDTH : closedWidth;
   const handleTabClick = (index2) => {
-    if (activeTab === index2) {
-      setActiveTab(null);
+    if (activeTab === index2 && open) {
       setOpen(false);
-    } else {
-      setActiveTab(index2);
+    } else if (!open) {
       setOpen(true);
+      if (onResize && width < MIN_OPEN_WIDTH) {
+        onResize(MIN_OPEN_WIDTH);
+      }
     }
+    setActiveTab(index2);
     if (getActiveTab) {
       getActiveTab(tabs2[index2]);
     }
@@ -14976,7 +14986,7 @@ const Drawer = ({
   return /* @__PURE__ */ jsx(DrawerResizeWrapper, {
     width: currentWidth,
     onResize,
-    open,
+    setOpen,
     right: right2,
     children: /* @__PURE__ */ jsxs("div", {
       className: cx(styles$z.drawer, shadow2 ? styles$z.shadow : "", fixed2 ? styles$z.fixed : styles$z.inline, right2 ? styles$z.right : styles$z.left),
@@ -14994,6 +15004,7 @@ const Drawer = ({
           width: openWidth,
           testId,
           tabs: tabs2,
+          open,
           activeTab,
           background,
           handleTabClick

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.3.6",
+  "version": "3.3.7",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",