tc-dazzle-ui 1.10.1 → 1.10.3

package/dist/components/Organisms/Sidebar/Sidebar.d.ts

@@ -17,13 +17,10 @@ export interface SidebarProps {
     onSettingsClick?: () => void;
     onExpandAllClick?: () => void;
     onCollapseAllClick?: () => void;
-    onCollapse?: () => void;
-    onExpand?: () => void;
     onWidthChange?: (width: number) => void;
     defaultWidth?: number;
     minWidth?: number;
     maxWidth?: number;
-    collapsible?: boolean;
     className?: string;
 }
 export declare const Sidebar: React.FC<SidebarProps>;

package/dist/index.esm.js

@@ -442,7 +442,7 @@ const MainHeader = ({ searchFilterOptions = defaultFilterOptions, searchPlacehol
     return (jsxs("header", { className: `tc-main-header ${className}`.trim(), children: [jsx("div", { className: "tc-main-header__logo", children: jsx(Logo, { size: "medium", onClick: onLogoClick }) }), jsx("div", { className: "tc-main-header__search", children: jsx(Search, { placeholder: searchPlaceholder, filterPlaceholder: searchFilterPlaceholder, filterOptions: searchFilterOptions, onSubmit: onSearch, onInfoClick: onInfoClick }) }), jsx("div", { className: "tc-main-header__menu", children: jsx(HeaderMenu, { items: menuItems, onItemClick: onMenuItemClick, onDropdownItemClick: onDropdownItemClick }) })] }));
 };
 
-const GlobalHeader = ({ tabs, activeTabId, onTabClick, onMenuClick, showMenuButton = true, showPropertiesButton = true, isPropertiesOpen = false, onPropertiesClick, className = '', }) => {
+const GlobalHeader = ({ tabs, activeTabId, onTabClick, onMenuClick, showMenuButton = true, showPropertiesButton = false, isPropertiesOpen = false, onPropertiesClick, className = '', }) => {
     const getHeaderClasses = () => {
         const classes = ['tc-global-header'];
         if (className)
@@ -455,7 +455,7 @@ const GlobalHeader = ({ tabs, activeTabId, onTabClick, onMenuClick, showMenuButt
 const MIN_WIDTH = 242;
 const MAX_WIDTH = 1100;
 const DEFAULT_WIDTH = 280;
-const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpandAllClick, onCollapseAllClick, onCollapse, onExpand, onWidthChange, defaultWidth = DEFAULT_WIDTH, minWidth = MIN_WIDTH, maxWidth = MAX_WIDTH, collapsible = true, className = '', }) => {
+const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpandAllClick, onCollapseAllClick, onWidthChange, defaultWidth = DEFAULT_WIDTH, minWidth = MIN_WIDTH, maxWidth = MAX_WIDTH, className = '', }) => {
     const [expandedSections, setExpandedSections] = useState(() => {
         const initialExpanded = new Set();
         sections.forEach((section) => {
@@ -465,7 +465,6 @@ const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpan
     });
     const [allExpanded, setAllExpanded] = useState(true);
     const [sidebarWidth, setSidebarWidth] = useState(defaultWidth);
-    const [isCollapsed, setIsCollapsed] = useState(false);
     const [isResizing, setIsResizing] = useState(false);
     const sidebarRef = useRef(null);
     const startXRef = useRef(0);
@@ -481,22 +480,11 @@ const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpan
             return;
         const delta = e.clientX - startXRef.current;
         let newWidth = startWidthRef.current + delta;
-        if (collapsible && newWidth < minWidth) {
-            setIsCollapsed(true);
-            setSidebarWidth(0);
-            onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse();
-            onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(0);
-        }
-        else {
-            if (isCollapsed && newWidth >= minWidth) {
-                setIsCollapsed(false);
-                onExpand === null || onExpand === void 0 ? void 0 : onExpand();
-            }
-            newWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
-            setSidebarWidth(newWidth);
-            onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(newWidth);
-        }
-    }, [isResizing, minWidth, maxWidth, collapsible, isCollapsed, onCollapse, onExpand, onWidthChange]);
+        // Clamp to min/max without collapsing
+        newWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
+        setSidebarWidth(newWidth);
+        onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(newWidth);
+    }, [isResizing, minWidth, maxWidth, onWidthChange]);
     const handleMouseUp = useCallback(() => {
         setIsResizing(false);
     }, []);
@@ -514,12 +502,6 @@ const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpan
             document.body.style.userSelect = '';
         };
     }, [isResizing, handleMouseMove, handleMouseUp]);
-    const expandSidebar = useCallback(() => {
-        setIsCollapsed(false);
-        setSidebarWidth(defaultWidth);
-        onExpand === null || onExpand === void 0 ? void 0 : onExpand();
-        onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(defaultWidth);
-    }, [defaultWidth, onExpand, onWidthChange]);
     const toggleSection = (sectionId) => {
         setExpandedSections((prev) => {
             const newSet = new Set(prev);
@@ -551,20 +533,15 @@ const Sidebar = ({ sections, activeItemId, onItemClick, onSettingsClick, onExpan
         const classes = ['tc-sidebar'];
         if (className)
             classes.push(className);
-        if (isCollapsed)
-            classes.push('tc-sidebar--collapsed');
         if (isResizing)
             classes.push('tc-sidebar--resizing');
         return classes.join(' ');
     };
     const sidebarStyle = {
-        width: isCollapsed ? 0 : sidebarWidth,
-        minWidth: isCollapsed ? 0 : minWidth,
+        width: sidebarWidth,
+        minWidth: minWidth,
         maxWidth: maxWidth,
     };
-    if (isCollapsed) {
-        return (jsx("aside", { ref: sidebarRef, className: getSidebarClasses(), style: { width: 0, minWidth: 0 }, children: jsx("div", { className: "tc-sidebar__resize-handle tc-sidebar__resize-handle--collapsed", onClick: expandSidebar, title: "Expand sidebar", children: jsx(ChevronDownIcon, { size: "small" }) }) }));
-    }
     return (jsxs("aside", { ref: sidebarRef, className: getSidebarClasses(), style: sidebarStyle, children: [jsxs("div", { className: "tc-sidebar__header", children: [jsx(IconButton, { icon: jsx(SettingsIcon, { size: "medium" }), onClick: onSettingsClick, ariaLabel: "Settings", className: "tc-sidebar__settings-button" }), jsx("button", { type: "button", className: "tc-sidebar__toggle-button", onClick: allExpanded ? handleCollapseAll : handleExpandAll, children: allExpanded ? 'Collapse All' : 'Expand All' })] }), jsx("nav", { className: "tc-sidebar__nav", children: sections.map((section) => {
                     const isExpanded = expandedSections.has(section.id);
                     const sectionActive = isSectionActive(section);