@orbe-agro/client-core 5.6.123 → 5.6.124

package/dist/@types/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.d.ts

@@ -1,6 +1,6 @@
-import type { CommonProps } from "@/@types/common";
-import type { Direction } from "@/@types/theme";
-import type { NavigationTree } from "@/@types/navigation";
+import type { CommonProps } from '@/@types/common';
+import type { Direction } from '@/@types/theme';
+import type { NavigationTree } from '@/@types/navigation';
 type LinkRenderer = (nav: NavigationTree, children: React.ReactNode) => React.ReactNode;
 interface CollapsedItemProps extends CommonProps {
     nav: NavigationTree;

package/dist/@types/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSingleMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,KAAK,YAAY,GAAG,CAClB,GAAG,EAAE,cAAc,EACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,KACtB,KAAK,CAAC,SAAS,CAAC;AAErB,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,GAAG,EAAE,cAAc,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAChD,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAChD,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,qBAAsB,SAAQ,kBAAkB,EAAE,gBAAgB;CAAG;AA8F/E,QAAA,MAAM,sBAAsB,GAAI,OAAO,qBAAqB,4CAoC3D,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"VerticalSingleMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/components/template/VerticalMenuContent/VerticalSingleMenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAIzD,KAAK,YAAY,GAAG,CAChB,GAAG,EAAE,cAAc,EACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,SAAS,CAAA;AAEpB,UAAU,kBAAmB,SAAQ,WAAW;IAC5C,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC1E,CAAC,EAAE,CACC,GAAG,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAClD,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AAED,UAAU,gBAAgB;IACtB,GAAG,EAAE,cAAc,CAAA;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,CAAC,EAAE,CACC,GAAG,EAAE,MAAM,EACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAClD,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC9B;AAED,UAAU,qBAAsB,SAAQ,kBAAkB,EAAE,gBAAgB;CAAG;AAyE/E,QAAA,MAAM,sBAAsB,GAAI,OAAO,qBAAqB,4CAoC3D,CAAA;AACD,eAAe,sBAAsB,CAAA"}

package/dist/@types/@ecme/components/ui/Button/Button.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./Button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type TStory = StoryObj<typeof meta>;
+export declare const Sandbox: TStory;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/@types/@ecme/components/ui/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/components/ui/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;CAGqB,CAAA;AAG/B,eAAe,IAAI,CAAA;AAGnB,KAAK,MAAM,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,MAKrB,CAAA"}

package/dist/base/assets/styles/init.css

@@ -4493,6 +4493,9 @@ hr:is(.dark *){
 .-left-2{
   left: -0.5rem;
 }
+.-left-3{
+  left: -0.75rem;
+}
 .-right-2{
   right: -0.5rem;
 }
@@ -4553,6 +4556,9 @@ hr:is(.dark *){
 .z-10{
   z-index: 10;
 }
+.z-20{
+  z-index: 20;
+}
 .z-30{
   z-index: 30;
 }
@@ -5269,6 +5275,9 @@ hr:is(.dark *){
 .min-w-\[330px\]{
   min-width: 330px;
 }
+.min-w-\[calc\(100\%\+1\.5rem\)\]{
+  min-width: calc(100% + 1.5rem);
+}
 .min-w-full{
   min-width: 100%;
 }
@@ -7101,6 +7110,9 @@ hr:is(.dark *){
 .active\:bg-gray-100:active{
   background-color: var(--gray-100);
 }
+.group\/item:hover .group-hover\/item\:block{
+  display: block;
+}
 .group:hover .group-hover\:block{
   display: block;
 }
@@ -7145,6 +7157,9 @@ hr:is(.dark *){
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.group\/item:focus-visible .group-focus-visible\/item\:block{
+  display: block;
+}
 .group.active .group-\[\.active\]\:bg-white{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

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

@@ -0,0 +1,244 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import VerticalMenuContent from './VerticalMenuContent'
+import type { NavigationTree } from '@/@types/navigation'
+import {
+    NAV_ITEM_TYPE_COLLAPSE,
+    NAV_ITEM_TYPE_ITEM,
+} from '@/constants/navigation.constant'
+
+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 = {
+    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',
+        },
+    },
+} satisfies Meta<typeof VerticalMenuContent>
+
+export default meta
+type TStory = StoryObj<typeof meta>
+
+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!'),
+    },
+}