@orbe-agro/client-core-prod 5.6.123 → 5.6.125

package/dist/base/configs/navigation.config/submenu/ticket/cadastros.submenu.js

@@ -7,22 +7,24 @@ import vinculoProdutorOperacaoSubmenu from "./config/vinculoProdutorOperacao.sub
 import motivoCancelamentoSubmenu from "./config/motivoCancelamento.submenu.js";
 import cadastrosOperacaoSubmenu from "./config/cadastrosOperacao.submenu.js";
 import operacoesMovimentacaoGraosSubmenu from "./config/operacoesMovimentacaoGraos.submenu.js";
+import recebimentoCentroSubmenu from "./config/recebimentoCentro.submenu.js";
 import rotaRomaneioSubmenu from "./config/rotaRomaneio.submenu.js";
 import tabelaBiodieselSubmenu from "./config/tabelaBiodiesel.submenu.js";
 import tabelaClassificacaoSubmenu from "./config/tabelaClassificacao.submenu.js";
 const cadastrosSubmenu = [
-  vinculoSafraOperacaoSubmenu,
-  vinculoDepositoOperacaoSubmenu,
-  vinculoUnidadeMedidaSubmenu,
-  vinculoTransgeniaOperacaoSubmenu,
-  vinculoProdutoOperacaoSubmenu,
-  vinculoProdutorOperacaoSubmenu,
-  motivoCancelamentoSubmenu,
-  cadastrosOperacaoSubmenu,
-  operacoesMovimentacaoGraosSubmenu,
-  rotaRomaneioSubmenu,
-  tabelaBiodieselSubmenu,
-  tabelaClassificacaoSubmenu
+  { ...operacoesMovimentacaoGraosSubmenu, sortOrder: 1 },
+  { ...recebimentoCentroSubmenu, sortOrder: 2 },
+  { ...vinculoSafraOperacaoSubmenu, sortOrder: 3 },
+  { ...vinculoDepositoOperacaoSubmenu, sortOrder: 4 },
+  { ...vinculoUnidadeMedidaSubmenu, sortOrder: 5 },
+  { ...vinculoTransgeniaOperacaoSubmenu, sortOrder: 6 },
+  { ...vinculoProdutoOperacaoSubmenu, sortOrder: 7 },
+  { ...vinculoProdutorOperacaoSubmenu, sortOrder: 8 },
+  { ...motivoCancelamentoSubmenu, sortOrder: 9 },
+  { ...cadastrosOperacaoSubmenu, sortOrder: 10 },
+  { ...rotaRomaneioSubmenu, sortOrder: 11 },
+  { ...tabelaBiodieselSubmenu, sortOrder: 12 },
+  { ...tabelaClassificacaoSubmenu, sortOrder: 13 }
 ];
 export {
   cadastrosSubmenu as default

package/dist/base/configs/navigation.config/submenu/ticket/cadastros.submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cadastros.submenu.js","sources":["../../../../../../lib/base/configs/navigation.config/submenu/ticket/cadastros.submenu.ts"],"sourcesContent":["import { NavigationTree } from \"@/@types/navigation\"\nimport vinculoSafraOperacaoSubmenu from \"./config/vinculoSafraOperacao.submenu\"\nimport vinculoDepositoOperacaoSubmenu from \"./config/vinculoDepositoOperacao.submenu\"\nimport vinculoUnidadeMedidaSubmenu from \"./config/vinculoUnidadeMedida.submenu\"\nimport vinculoTransgeniaOperacaoSubmenu from \"./config/vinculoTransgeniaOperacao.submenu\"\nimport vinculoProdutoOperacaoSubmenu from \"./config/vinculoProdutoOperacao.submenu\"\nimport vinculoProdutorOperacaoSubmenu from \"./config/vinculoProdutorOperacao.submenu\"\nimport motivoCancelamentoSubmenu from \"./config/motivoCancelamento.submenu\"\nimport cadastrosOperacaoSubmenu from \"./config/cadastrosOperacao.submenu\"\nimport operacoesMovimentacaoGraosSubmenu from \"./config/operacoesMovimentacaoGraos.submenu\"\nimport rotaRomaneioSubmenu from \"./config/rotaRomaneio.submenu\"\nimport tabelaBiodieselSubmenu from \"./config/tabelaBiodiesel.submenu\"\nimport tabelaClassificacaoSubmenu from \"./config/tabelaClassificacao.submenu\"\n\nconst cadastrosSubmenu: NavigationTree[] = [\n    vinculoSafraOperacaoSubmenu,\n    vinculoDepositoOperacaoSubmenu,\n    vinculoUnidadeMedidaSubmenu,\n    vinculoTransgeniaOperacaoSubmenu,\n    vinculoProdutoOperacaoSubmenu,\n    vinculoProdutorOperacaoSubmenu,\n    motivoCancelamentoSubmenu,\n    cadastrosOperacaoSubmenu,\n    operacoesMovimentacaoGraosSubmenu,\n    rotaRomaneioSubmenu,\n    tabelaBiodieselSubmenu,\n    tabelaClassificacaoSubmenu,\n]\n\nexport default cadastrosSubmenu\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAqC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}
+{"version":3,"file":"cadastros.submenu.js","sources":["../../../../../../lib/base/configs/navigation.config/submenu/ticket/cadastros.submenu.ts"],"sourcesContent":["import { NavigationTree } from \"@/@types/navigation\"\nimport vinculoSafraOperacaoSubmenu from \"./config/vinculoSafraOperacao.submenu\"\nimport vinculoDepositoOperacaoSubmenu from \"./config/vinculoDepositoOperacao.submenu\"\nimport vinculoUnidadeMedidaSubmenu from \"./config/vinculoUnidadeMedida.submenu\"\nimport vinculoTransgeniaOperacaoSubmenu from \"./config/vinculoTransgeniaOperacao.submenu\"\nimport vinculoProdutoOperacaoSubmenu from \"./config/vinculoProdutoOperacao.submenu\"\nimport vinculoProdutorOperacaoSubmenu from \"./config/vinculoProdutorOperacao.submenu\"\nimport motivoCancelamentoSubmenu from \"./config/motivoCancelamento.submenu\"\nimport cadastrosOperacaoSubmenu from \"./config/cadastrosOperacao.submenu\"\nimport operacoesMovimentacaoGraosSubmenu from \"./config/operacoesMovimentacaoGraos.submenu\"\nimport recebimentoCentroSubmenu from \"./config/recebimentoCentro.submenu\"\nimport rotaRomaneioSubmenu from \"./config/rotaRomaneio.submenu\"\nimport tabelaBiodieselSubmenu from \"./config/tabelaBiodiesel.submenu\"\nimport tabelaClassificacaoSubmenu from \"./config/tabelaClassificacao.submenu\"\n\nconst cadastrosSubmenu: NavigationTree[] = [\n    { ...operacoesMovimentacaoGraosSubmenu, sortOrder: 1 },\n    { ...recebimentoCentroSubmenu, sortOrder: 2 },\n    { ...vinculoSafraOperacaoSubmenu, sortOrder: 3 },\n    { ...vinculoDepositoOperacaoSubmenu, sortOrder: 4 },\n    { ...vinculoUnidadeMedidaSubmenu, sortOrder: 5 },\n    { ...vinculoTransgeniaOperacaoSubmenu, sortOrder: 6 },\n    { ...vinculoProdutoOperacaoSubmenu, sortOrder: 7 },\n    { ...vinculoProdutorOperacaoSubmenu, sortOrder: 8 },\n    { ...motivoCancelamentoSubmenu, sortOrder: 9 },\n    { ...cadastrosOperacaoSubmenu, sortOrder: 10 },\n    { ...rotaRomaneioSubmenu, sortOrder: 11 },\n    { ...tabelaBiodieselSubmenu, sortOrder: 12 },\n    { ...tabelaClassificacaoSubmenu, sortOrder: 13 },\n]\n\nexport default cadastrosSubmenu\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,mBAAqC;AAAA,EACvC,EAAE,GAAG,mCAAmC,WAAW,EAAA;AAAA,EACnD,EAAE,GAAG,0BAA0B,WAAW,EAAA;AAAA,EAC1C,EAAE,GAAG,6BAA6B,WAAW,EAAA;AAAA,EAC7C,EAAE,GAAG,gCAAgC,WAAW,EAAA;AAAA,EAChD,EAAE,GAAG,6BAA6B,WAAW,EAAA;AAAA,EAC7C,EAAE,GAAG,kCAAkC,WAAW,EAAA;AAAA,EAClD,EAAE,GAAG,+BAA+B,WAAW,EAAA;AAAA,EAC/C,EAAE,GAAG,gCAAgC,WAAW,EAAA;AAAA,EAChD,EAAE,GAAG,2BAA2B,WAAW,EAAA;AAAA,EAC3C,EAAE,GAAG,0BAA0B,WAAW,GAAA;AAAA,EAC1C,EAAE,GAAG,qBAAqB,WAAW,GAAA;AAAA,EACrC,EAAE,GAAG,wBAAwB,WAAW,GAAA;AAAA,EACxC,EAAE,GAAG,4BAA4B,WAAW,GAAA;AAChD;"}

package/dist/base/configs/navigation.config/submenu/ticket/relatorios.submenu.js

@@ -1,16 +1,26 @@
 import extratoProdutorSubmenu from "./config/extratoProdutor.submenu.js";
 import controleTicketSubmenu from "./config/controleTicket.submenu.js";
+import motivoCancelamentoSubmenu from "./config/motivoCancelamento.submenu.js";
+import cadastrosOperacaoSubmenu from "./config/cadastrosOperacao.submenu.js";
+import operacoesMovimentacaoGraosSubmenu from "./config/operacoesMovimentacaoGraos.submenu.js";
 import relatorioFisicoFiscalSubmenu from "./config/relatorioFisicoFiscal.submenu.js";
 import recebimentoCentroSubmenu from "./config/recebimentoCentro.submenu.js";
+import rotaRomaneioSubmenu from "./config/rotaRomaneio.submenu.js";
+import tabelaBiodieselSubmenu from "./config/tabelaBiodiesel.submenu.js";
 import toleranciaDiferencaPrecoSubmenu from "./config/toleranciaDiferencaPreco.submenu.js";
 import relatorioMediaPonderadaSubmenu from "./config/relatorioMediaPonderada.submenu.js";
 const relatoriosSubmenu = [
-  extratoProdutorSubmenu,
-  controleTicketSubmenu,
-  relatorioFisicoFiscalSubmenu,
-  relatorioMediaPonderadaSubmenu,
-  recebimentoCentroSubmenu,
-  toleranciaDiferencaPrecoSubmenu
+  { ...motivoCancelamentoSubmenu, sortOrder: 1 },
+  { ...cadastrosOperacaoSubmenu, sortOrder: 2 },
+  { ...operacoesMovimentacaoGraosSubmenu, sortOrder: 3 },
+  { ...rotaRomaneioSubmenu, sortOrder: 4 },
+  { ...tabelaBiodieselSubmenu, sortOrder: 5 },
+  { ...extratoProdutorSubmenu, sortOrder: 6 },
+  { ...controleTicketSubmenu, sortOrder: 7 },
+  { ...relatorioFisicoFiscalSubmenu, sortOrder: 8 },
+  { ...relatorioMediaPonderadaSubmenu, sortOrder: 9 },
+  { ...recebimentoCentroSubmenu, sortOrder: 10 },
+  { ...toleranciaDiferencaPrecoSubmenu, sortOrder: 11 }
 ];
 export {
   relatoriosSubmenu as default

package/dist/base/configs/navigation.config/submenu/ticket/relatorios.submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"relatorios.submenu.js","sources":["../../../../../../lib/base/configs/navigation.config/submenu/ticket/relatorios.submenu.ts"],"sourcesContent":["import { NavigationTree } from \"@/@types/navigation\"\nimport extratoProdutorSubmenu from \"./config/extratoProdutor.submenu\"\nimport controleTicketSubmenu from \"./config/controleTicket.submenu\"\nimport motivoCancelamentoSubmenu from \"./config/motivoCancelamento.submenu\"\nimport cadastrosOperacaoSubmenu from \"./config/cadastrosOperacao.submenu\"\nimport operacoesMovimentacaoGraosSubmenu from \"./config/operacoesMovimentacaoGraos.submenu\"\nimport relatorioFisicoFiscalSubmenu from \"./config/relatorioFisicoFiscal.submenu\"\nimport recebimentoCentroSubmenu from \"./config/recebimentoCentro.submenu\"\nimport rotaRomaneioSubmenu from \"./config/rotaRomaneio.submenu\"\nimport tabelaBiodieselSubmenu from \"./config/tabelaBiodiesel.submenu\"\nimport tabelaClassificacaoSubmenu from \"./config/tabelaClassificacao.submenu\"\nimport toleranciaDiferencaPrecoSubmenu from \"./config/toleranciaDiferencaPreco.submenu\"\nimport relatorioMediaPonderadaSubmenu from \"./config/relatorioMediaPonderada.submenu\"\n\n\nconst relatoriosSubmenu: NavigationTree[] = [\n    extratoProdutorSubmenu,\n    controleTicketSubmenu,\n    \n    \n    \n    relatorioFisicoFiscalSubmenu,\n    relatorioMediaPonderadaSubmenu,\n    recebimentoCentroSubmenu,\n    \n    \n    \n    toleranciaDiferencaPrecoSubmenu,\n]\n\nexport default relatoriosSubmenu\n"],"names":[],"mappings":";;;;;;AAeA,MAAM,oBAAsC;AAAA,EACxC;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AACJ;"}
+{"version":3,"file":"relatorios.submenu.js","sources":["../../../../../../lib/base/configs/navigation.config/submenu/ticket/relatorios.submenu.ts"],"sourcesContent":["import { NavigationTree } from \"@/@types/navigation\"\nimport extratoProdutorSubmenu from \"./config/extratoProdutor.submenu\"\nimport controleTicketSubmenu from \"./config/controleTicket.submenu\"\nimport motivoCancelamentoSubmenu from \"./config/motivoCancelamento.submenu\"\nimport cadastrosOperacaoSubmenu from \"./config/cadastrosOperacao.submenu\"\nimport operacoesMovimentacaoGraosSubmenu from \"./config/operacoesMovimentacaoGraos.submenu\"\nimport relatorioFisicoFiscalSubmenu from \"./config/relatorioFisicoFiscal.submenu\"\nimport recebimentoCentroSubmenu from \"./config/recebimentoCentro.submenu\"\nimport rotaRomaneioSubmenu from \"./config/rotaRomaneio.submenu\"\nimport tabelaBiodieselSubmenu from \"./config/tabelaBiodiesel.submenu\"\nimport tabelaClassificacaoSubmenu from \"./config/tabelaClassificacao.submenu\"\nimport toleranciaDiferencaPrecoSubmenu from \"./config/toleranciaDiferencaPreco.submenu\"\nimport relatorioMediaPonderadaSubmenu from \"./config/relatorioMediaPonderada.submenu\"\n\n\nconst relatoriosSubmenu: NavigationTree[] = [\n    { ...motivoCancelamentoSubmenu, sortOrder: 1 },\n    { ...cadastrosOperacaoSubmenu, sortOrder: 2 },\n    { ...operacoesMovimentacaoGraosSubmenu, sortOrder: 3 },\n    { ...rotaRomaneioSubmenu, sortOrder: 4 },\n    { ...tabelaBiodieselSubmenu, sortOrder: 5 },\n    { ...extratoProdutorSubmenu, sortOrder: 6 },\n    { ...controleTicketSubmenu, sortOrder: 7 },\n    { ...relatorioFisicoFiscalSubmenu, sortOrder: 8 },\n    { ...relatorioMediaPonderadaSubmenu, sortOrder: 9 },\n    { ...recebimentoCentroSubmenu, sortOrder: 10 },\n    { ...toleranciaDiferencaPrecoSubmenu, sortOrder: 11 },\n]\n\nexport default relatoriosSubmenu\n"],"names":[],"mappings":";;;;;;;;;;;AAeA,MAAM,oBAAsC;AAAA,EACxC,EAAE,GAAG,2BAA2B,WAAW,EAAA;AAAA,EAC3C,EAAE,GAAG,0BAA0B,WAAW,EAAA;AAAA,EAC1C,EAAE,GAAG,mCAAmC,WAAW,EAAA;AAAA,EACnD,EAAE,GAAG,qBAAqB,WAAW,EAAA;AAAA,EACrC,EAAE,GAAG,wBAAwB,WAAW,EAAA;AAAA,EACxC,EAAE,GAAG,wBAAwB,WAAW,EAAA;AAAA,EACxC,EAAE,GAAG,uBAAuB,WAAW,EAAA;AAAA,EACvC,EAAE,GAAG,8BAA8B,WAAW,EAAA;AAAA,EAC9C,EAAE,GAAG,gCAAgC,WAAW,EAAA;AAAA,EAChD,EAAE,GAAG,0BAA0B,WAAW,GAAA;AAAA,EAC1C,EAAE,GAAG,iCAAiC,WAAW,GAAA;AACrD;"}

package/lib/@ecme/@types/navigation.ts

@@ -30,6 +30,7 @@ export interface NavigationTree {
             label: string
         }
     }
+    sortOrder?: number
     forceShowTitle?: boolean
     /** Oculta este item de navegação se o usuário possuir alguma das funcionalidades listadas */
     excludeWhenHasPaths?: string[]

package/lib/@ecme/components/template/VerticalMenuContent/VerticalMenuContent.stories.tsx

@@ -0,0 +1,311 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import VerticalMenuContent from './VerticalMenuContent'
+import type { NavigationTree } from '@/@types/navigation'
+import ticketNavigationConfig from '@base/configs/navigation.config/modules.submenu/Ticket/ticket.navigation'
+import {
+    NAV_ITEM_TYPE_COLLAPSE,
+    NAV_ITEM_TYPE_ITEM,
+    NAV_ITEM_TYPE_TITLE,
+} from '@/constants/navigation.constant'
+
+const collectAuthorityPaths = (navTree: NavigationTree[]): string[] => {
+    return navTree.reduce((acc: string[], node) => {
+        if (node.path) {
+            acc.push(node.path)
+        }
+
+        if (node.subMenu?.length) {
+            acc.push(...collectAuthorityPaths(node.subMenu))
+        }
+
+        return acc
+    }, [])
+}
+
+const ticketAuthority = Array.from(
+    new Set(collectAuthorityPaths(ticketNavigationConfig)),
+)
+
+const ticketSubmenuAllExpanded: NavigationTree[] = ticketNavigationConfig.map(
+    (menu) => {
+        if (menu.key !== 'ticket') {
+            return menu
+        }
+
+        return {
+            ...menu,
+            subMenu: menu.subMenu.map((subMenu) => {
+                if (
+                    subMenu.key === 'ticket.relatorios' ||
+                    subMenu.key === 'ticket.cadastros'
+                ) {
+                    return {
+                        ...subMenu,
+                        type: NAV_ITEM_TYPE_TITLE,
+                    }
+                }
+
+                return subMenu
+            }),
+        }
+    },
+)
+
+const mockNavigationTree: NavigationTree[] = [
+    {
+        key: 'inicio',
+        path: '/inicio',
+        title: 'Início',
+        translateKey: 'nav.inicio',
+        icon: '',
+        type: NAV_ITEM_TYPE_ITEM,
+        authority: ['/inicio'],
+        subMenu: [],
+    },
+    {
+        key: 'cadastros',
+        path: '',
+        title: 'Cadastros',
+        translateKey: 'nav.cadastros',
+        icon: '',
+        type: NAV_ITEM_TYPE_COLLAPSE,
+        authority: ['/cadastros'],
+        subMenu: [
+            {
+                key: 'clientes',
+                path: '/cadastros/clientes',
+                title: 'Clientes',
+                translateKey: 'nav.clientes',
+                icon: '',
+                type: NAV_ITEM_TYPE_ITEM,
+                authority: ['/cadastros/clientes'],
+                subMenu: [],
+            },
+            {
+                key: 'fornecedores',
+                path: '/cadastros/fornecedores',
+                title: 'Fornecedores',
+                translateKey: 'nav.fornecedores',
+                icon: '',
+                type: NAV_ITEM_TYPE_ITEM,
+                authority: ['/cadastros/fornecedores'],
+                subMenu: [],
+            },
+        ],
+    },
+    {
+        key: 'relatorios',
+        path: '/relatorios',
+        title: 'Relatórios',
+        translateKey: 'nav.relatorios',
+        icon: 'ChartBarIcon',
+        type: NAV_ITEM_TYPE_ITEM,
+        authority: ['/relatorios'],
+        subMenu: [],
+    },
+    {
+        key: 'configuracoes',
+        path: '',
+        title: 'Configurações',
+        translateKey: 'nav.configuracoes',
+        icon: '',
+        type: NAV_ITEM_TYPE_COLLAPSE,
+        authority: ['/configuracoes'],
+        subMenu: [
+            {
+                key: 'perfil',
+                path: '/configuracoes/perfil',
+                title: 'Perfil',
+                translateKey: 'nav.perfil',
+                icon: '',
+                type: NAV_ITEM_TYPE_ITEM,
+                authority: ['/configuracoes/perfil'],
+                subMenu: [],
+            },
+            {
+                key: 'integracoes',
+                path: '',
+                title: 'Integrações',
+                translateKey: 'nav.integracoes',
+                icon: '',
+                type: NAV_ITEM_TYPE_COLLAPSE,
+                authority: ['/configuracoes/integracoes'],
+                subMenu: [
+                    {
+                        key: 'webhooks',
+                        path: '/configuracoes/integracoes/webhooks',
+                        title: 'Webhooks',
+                        translateKey: 'nav.webhooks',
+                        icon: 'WebhookIcon',
+                        type: NAV_ITEM_TYPE_ITEM,
+                        authority: ['/configuracoes/integracoes/webhooks'],
+                        subMenu: [],
+                    },
+                    {
+                        key: 'lorem.ipsum',
+                        path: '/configuracoes/integracoes/lorem-ipsum',
+                        title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+                        translateKey: 'nav.loremIpsum',
+                        icon: 'LoremIpsumIcon',
+                        type: NAV_ITEM_TYPE_ITEM,
+                        authority: ['/configuracoes/integracoes/lorem-ipsum'],
+                        subMenu: [],
+                    },
+                ],
+            },
+        ],
+    },
+]
+
+const allUserAuthority = [
+    '/inicio',
+    '/cadastros/clientes',
+    '/cadastros/fornecedores',
+    '/relatorios',
+    '/configuracoes/perfil',
+    '/configuracoes/integracoes/webhooks',
+    '/configuracoes/integracoes/lorem-ipsum',
+]
+
+const meta: Meta<typeof VerticalMenuContent> = {
+    title: '@ecme/Template/VerticalMenuContent',
+    component: VerticalMenuContent,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+    argTypes: {
+        collapsed: {
+            control: 'boolean',
+        },
+        direction: {
+            control: { type: 'select' },
+            options: ['ltr', 'rtl'],
+        },
+        routeKey: {
+            control: 'text',
+        },
+    },
+}
+
+export default meta
+type TStory = StoryObj<typeof VerticalMenuContent>
+
+export const Default: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/inicio',
+        navigationTree: mockNavigationTree,
+        userAuthority: allUserAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const Collapsed: TStory = {
+    args: {
+        collapsed: true,
+        routeKey: '/cadastros/clientes',
+        navigationTree: mockNavigationTree,
+        userAuthority: allUserAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const WithExpandedMenu: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/configuracoes/integracoes/webhooks',
+        navigationTree: mockNavigationTree,
+        userAuthority: allUserAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const LimitedAuthority: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/inicio',
+        navigationTree: mockNavigationTree,
+        userAuthority: ['/inicio', '/relatorios'],
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const RTLDirection: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/inicio',
+        navigationTree: mockNavigationTree,
+        userAuthority: allUserAuthority,
+        direction: 'rtl',
+        translationSetup: true,
+    },
+}
+
+export const MinimalNavigation: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/inicio',
+        navigationTree: [
+            {
+                key: 'inicio',
+                path: '/inicio',
+                title: 'Início',
+                translateKey: 'nav.inicio',
+                icon: '',
+                type: NAV_ITEM_TYPE_ITEM,
+                authority: ['/inicio'],
+                subMenu: [],
+            },
+        ],
+        userAuthority: ['/inicio'],
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const WithMenuClick: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: '/inicio',
+        navigationTree: mockNavigationTree,
+        userAuthority: allUserAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+        onMenuItemClick: () => alert('Menu item clicked!'),
+    },
+}
+
+export const TicketSubmenu: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: 'ticket',
+        navigationTree: ticketNavigationConfig,
+        userAuthority: ticketAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}
+
+export const TicketSubmenuSortOrderStable: TStory = {
+    args: {
+        collapsed: false,
+        routeKey: 'ticket',
+        navigationTree: ticketSubmenuAllExpanded,
+        userAuthority: ticketAuthority,
+        direction: 'ltr',
+        translationSetup: true,
+    },
+}