@wellingtonhlc/shared-ui 0.0.7 → 0.0.9

package/README.md

@@ -96,9 +96,9 @@ Componentes disponiveis na API publica:
 
 ## SearchWorkspace
 
-`SearchWorkspace.Root` organiza telas de consulta com filtros laterais e area de resultados.
+`SearchWorkspace.Root` organiza telas de consulta com filtros laterais e área de resultados.
 
-Use `SearchFilter.Root` para manter filtros compactos, ocupando apenas o espaco necessario. Quando houver muitos filtros, somente o corpo do painel rola e as acoes continuam visiveis.
+Use `SearchFilter.Root` para manter filtros compactos, ocupando apenas o espaço necessário. Quando houver muitos filtros, somente o corpo do painel rola e as ações continuam visíveis.
 
 ```tsx
 import { Button, SearchFilter, SearchWorkspace, TextField } from '@wellingtonhlc/shared-ui';
@@ -107,7 +107,7 @@ export function CustomersSearch() {
   return (
     <SearchWorkspace.Root
       filters={
-        <SearchFilter.Root description="Refine os criterios antes de consultar os resultados.">
+        <SearchFilter.Root description="Refine os critérios antes de consultar os resultados.">
           <TextField label="Buscar" size="sm" />
           <SearchFilter.Footer>
             <Button type="submit" size="sm">
@@ -123,13 +123,13 @@ export function CustomersSearch() {
 }
 ```
 
-Padroes do painel:
+Padrões do painel:
 
-- Usa `h-fit` e `w-fit` por padrao, sem ocupar a altura inteira da tela.
-- Limita a altura com `maxHeightClassName`; o default e `max-h-[calc(100vh-12rem)]`.
-- Aplica rolagem apenas na area de filtros.
-- Use `SearchFilter.Footer` para manter botoes sempre visiveis no rodape do painel.
-- Em telas administrativas, campos internos devem preferir `size="sm"` e nao devem usar formato `rounded-full`.
+- Usa `h-fit` e `w-fit` por padrão, sem ocupar a altura inteira da tela.
+- Limita a altura com `maxHeightClassName`; o default é `max-h-[calc(100vh-12rem)]`.
+- Aplica rolagem apenas na área de filtros.
+- Use `SearchFilter.Footer` para manter botões sempre visíveis no rodapé do painel.
+- Em telas administrativas, campos internos devem preferir `size="sm"` e não devem usar formato `rounded-full`.
 
 ## Padroes de implementacao
 

package/dist/components/AppShell.js

@@ -28,7 +28,7 @@ const Topbar = forwardRef(({ actions, actionsClassName, children, className, ico
 Topbar.displayName = 'AppShell.Topbar';
 const Main = forwardRef(({ children, className, contentPaddingClassName, contentMode = 'default', disableContentPadding = false, scrollable = true, }, ref) => {
     const isFullscreen = contentMode === 'fullscreen';
-    return (_jsx("main", { ref: ref, className: cn('w-full flex-1 bg-background', !isFullscreen && 'overflow-x-hidden p-3', contentMode === 'default' && 'flex flex-col gap-3', contentMode === 'fluid' && 'flex flex-col gap-3 overflow-y-hidden', contentMode === 'fullscreen' && 'overflow-hidden p-0', !isFullscreen && !disableContentPadding && contentPaddingClassName, !isFullscreen && (scrollable ? 'overflow-y-auto' : 'overflow-y-hidden'), className), children: children }));
+    return (_jsx("main", { ref: ref, className: cn('flex h-full min-h-0 w-full flex-1 flex-col bg-background', !isFullscreen && 'overflow-x-hidden p-3', contentMode === 'default' && 'flex flex-col gap-3', contentMode === 'fluid' && 'flex flex-col gap-3 overflow-y-hidden', contentMode === 'fullscreen' && 'overflow-hidden p-0', !isFullscreen && !disableContentPadding && contentPaddingClassName, !isFullscreen && (scrollable ? 'overflow-y-auto' : 'overflow-y-hidden'), className), children: children }));
 });
 Main.displayName = 'AppShell.Main';
 export const AppShell = {

package/dist/components/Page.js

@@ -38,12 +38,12 @@ function Root({ actions, children, className, ...props }) {
         };
     }, [actions, setPageActions]);
     if (setPageActions) {
-        return (_jsx("section", { className: cn('min-w-0', className), ...props, children: children }));
+        return (_jsx("section", { className: cn('flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden', className), ...props, children: children }));
     }
     if (hasHorizontalActions) {
-        return (_jsx("section", { className: cn('min-w-0', className), ...props, children: _jsxs("div", { className: "flex min-w-0 gap-3", children: [leftActions, _jsx("div", { className: "min-w-0 flex-1", children: children }), rightActions] }) }));
+        return (_jsx("section", { className: cn('flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden', className), ...props, children: _jsxs("div", { className: "flex h-full min-h-0 w-full min-w-0 gap-3", children: [leftActions, _jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: children }), rightActions] }) }));
     }
-    return (_jsxs("section", { className: cn('min-w-0', className), ...props, children: [topActions, children, bottomActions] }));
+    return (_jsxs("section", { className: cn('flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden', className), ...props, children: [topActions, children, bottomActions] }));
 }
 function ActionsProvider({ children }) {
     const [actions, setActions] = useState(null);

package/dist/components/SearchWorkspace.js

@@ -11,7 +11,7 @@ function SearchWorkspaceRoot({ filters, children, className }) {
 function SearchFilterFooter({ children, className }) {
     return _jsx("div", { className: cn('border-app-border shrink-0 border-t pt-3', className), children: children });
 }
-function SearchFilterRoot({ title = 'Filtros', description = 'Refine os criterios antes de consultar os resultados.', children, className, bodyClassName, contentClassName, maxHeightClassName = 'max-h-[calc(100vh-12rem)]', }) {
+function SearchFilterRoot({ title = 'Filtros', description = 'Refine os critérios antes de consultar os resultados.', children, className, bodyClassName, contentClassName, maxHeightClassName = 'max-h-[calc(100vh-12rem)]', }) {
     const childrenArray = Children.toArray(children);
     const footerChildren = childrenArray.filter(child => isValidElement(child) && child.type === SearchFilterFooter);
     const contentChildren = childrenArray.filter(child => !(isValidElement(child) && child.type === SearchFilterFooter));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wellingtonhlc/shared-ui",
-    "version": "0.0.7",
+    "version": "0.0.9",
     "private": false,
     "type": "module",
     "main": "./dist/index.js",
@@ -62,4 +62,4 @@
         "react-hook-form": "^7.78.0",
         "sonner": "^2.0.7"
     }
-}
+}