@codebit-programando-solucoes/codebit-web-antd 1.1.46 → 1.1.48

package/dist/components/LoggedMainContainer.d.ts

@@ -4,6 +4,8 @@ import * as React from 'react';
 export interface LoggedMainContainerProps {
     /** Content to render in the main area */
     children: React.ReactNode;
+    /** Viewport width (px) below which the layout switches to the mobile drawer/header. Defaults to `768`. */
+    mobileBreakpoint?: number;
 }
 
 /**

package/dist/index.cjs

@@ -895,6 +895,7 @@ var __webpack_exports__ = {};
         bottomMenu: "bottomMenu-VtOktS",
         header: "header-vgc67L",
         mobile: "mobile-mKGxb5",
+        secondarySidebarTrigger: "secondarySidebarTrigger-dD6WGB",
         headerSpace: "headerSpace-Fd_iha",
         content: "content-OZHp2h"
     };
@@ -929,7 +930,7 @@ var __webpack_exports__ = {};
             return item.roles.some((role)=>user.roles.includes(role));
         });
     }
-    function LoggedMainContainer({ children }) {
+    function LoggedMainContainer({ children, mobileBreakpoint = 768 }) {
         const [collapsed, setCollapsed] = (0, external_react_.useState)(true);
         const [isMobile, setIsMobile] = (0, external_react_.useState)(false);
         const [drawerVisible, setDrawerVisible] = (0, external_react_.useState)(false);
@@ -1029,11 +1030,13 @@ var __webpack_exports__ = {};
             handleMenuClick
         ]);
         (0, external_react_.useEffect)(()=>{
-            const checkScreenSize = ()=>setIsMobile(window.innerWidth < 768);
+            const checkScreenSize = ()=>setIsMobile(window.innerWidth < mobileBreakpoint);
             checkScreenSize();
             window.addEventListener('resize', checkScreenSize);
             return ()=>window.removeEventListener('resize', checkScreenSize);
-        }, []);
+        }, [
+            mobileBreakpoint
+        ]);
         const menuContent = /*#__PURE__*/ (0, jsx_runtime.jsxs)(jsx_runtime.Fragment, {
             children: [
                 primaryMenu,
@@ -1124,28 +1127,29 @@ var __webpack_exports__ = {};
                         /*#__PURE__*/ (0, jsx_runtime.jsxs)(Header, {
                             className: `${LoggedMainContainer_module.header} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
                             children: [
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Space, {
-                                    children: isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                        type: 'text',
-                                        icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
-                                        onClick: ()=>setDrawerVisible(true)
-                                    }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                        type: 'text',
-                                        icon: collapsed ? /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuUnfoldOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuFoldOutlined, {}),
-                                        onClick: ()=>setCollapsed(!collapsed)
-                                    })
-                                }),
                                 /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Space, {
-                                    size: isMobile ? 'small' : 'middle',
-                                    className: `${LoggedMainContainer_module.headerSpace} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
                                     children: [
+                                        isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                            type: 'text',
+                                            icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
+                                            onClick: ()=>setDrawerVisible(true)
+                                        }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                            type: 'text',
+                                            icon: collapsed ? /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuUnfoldOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuFoldOutlined, {}),
+                                            onClick: ()=>setCollapsed(!collapsed)
+                                        }),
                                         secondarySidebar && isMobile && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
                                             type: 'text',
                                             icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.WechatOutlined, {}),
+                                            className: LoggedMainContainer_module.secondarySidebarTrigger,
                                             onClick: ()=>setSecondarySidebarDrawerVisible(true)
-                                        }),
-                                        headerExtra?.(user)
+                                        })
                                     ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Space, {
+                                    size: isMobile ? 'small' : 'middle',
+                                    className: `${LoggedMainContainer_module.headerSpace} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
+                                    children: headerExtra?.(user)
                                 })
                             ]
                         }),
@@ -1159,7 +1163,8 @@ var __webpack_exports__ = {};
         });
     }
     LoggedMainContainer.propTypes = {
-        children: external_prop_types_default().node.isRequired
+        children: external_prop_types_default().node.isRequired,
+        mobileBreakpoint: external_prop_types_default().number
     };
     const ThemeToggle = ()=>{
         const config = (0, external_react_.useContext)(CodebitThemeContext);
@@ -1390,6 +1395,7 @@ var __webpack_exports__ = {};
     const ListCard_module = {
         listCard: "listCard-ISftFd",
         headerRow: "headerRow-UsZAzP",
+        titleCol: "titleCol-o2L2nw",
         actions: "actions-ig53s2",
         filtersRow: "filtersRow-f3Xk5a",
         expandArea: "expandArea-czOoFS"
@@ -1403,7 +1409,10 @@ var __webpack_exports__ = {};
             className: ListCard_module.listCard,
             children: [
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Row, {
-                    gutter: margin,
+                    gutter: [
+                        margin,
+                        margin
+                    ],
                     align: 'middle',
                     className: ListCard_module.headerRow,
                     children: [
@@ -1411,8 +1420,12 @@ var __webpack_exports__ = {};
                             xs: 24,
                             sm: 24,
                             md: 12,
+                            className: ListCard_module.titleCol,
                             children: /*#__PURE__*/ (0, jsx_runtime.jsx)(Title, {
                                 level: 4,
+                                ellipsis: {
+                                    tooltip: title
+                                },
                                 children: title
                             })
                         }),

package/dist/index.css

@@ -103,6 +103,7 @@ html.dark-theme {
   background: none;
   justify-content: space-between;
   align-items: center;
+  gap: 0;
   display: flex;
 }
 
@@ -111,8 +112,17 @@ html.dark-theme {
   height: var(--antd-control-height-lg);
 }
 
+.secondarySidebarTrigger-dD6WGB {
+  margin-right: var(--antd-padding-xs);
+}
+
 .headerSpace-Fd_iha {
   gap: var(--antd-margin);
+  min-width: 0;
+}
+
+.headerSpace-Fd_iha .ant-space-item {
+  min-width: 0;
 }
 
 .headerSpace-Fd_iha.mobile-mKGxb5 {
@@ -179,6 +189,13 @@ html.dark-theme {
   border-inline-end: none;
 }
 
+.menu-cuORr_ .ant-dropdown-menu-title-content {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
 .listCard-ISftFd {
   width: 100%;
   height: 100%;
@@ -188,9 +205,14 @@ html.dark-theme {
   margin-bottom: var(--antd-padding-lg);
 }
 
+.listCard-ISftFd .headerRow-UsZAzP .titleCol-o2L2nw {
+  min-width: 0;
+}
+
 .listCard-ISftFd .headerRow-UsZAzP .actions-ig53s2 {
   justify-content: flex-end;
   gap: var(--antd-margin-xs);
+  flex-wrap: wrap;
   display: flex;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codebit-programando-solucoes/codebit-web-antd",
-  "version": "1.1.46",
+  "version": "1.1.48",
   "main": "./dist/index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",