@orbe-agro/client-core 5.6.145 → 5.6.146

package/dist/@types/@ecme/locales/lang/en/index.d.ts

@@ -1,4 +1,59 @@
 declare const _default: {
+    base: {
+        layout: {
+            search: {
+                results: {
+                    navTree: string;
+                };
+            };
+            profile: {
+                dropdown: {
+                    title: string;
+                    options: {
+                        profile: string;
+                        settings: string;
+                        activity: string;
+                        signOut: string;
+                    };
+                };
+            };
+            themeConfig: {
+                title: string;
+                options: {
+                    darkMode: string;
+                    darkModeDesc: string;
+                    direction: string;
+                    directionDesc: string;
+                    theme: string;
+                    layout: string;
+                    layoutCollapsible: string;
+                    layoutStacked: string;
+                    layoutTopbar: string;
+                    layoutFrameless: string;
+                    layoutOverlay: string;
+                    layoutBlank: string;
+                };
+                buttons: {
+                    copyConfig: string;
+                };
+            };
+            notifications: {
+                title: string;
+                actions: {
+                    readAll: string;
+                };
+                status: {
+                    empty: string;
+                };
+                buttons: {
+                    viewAll: string;
+                };
+            };
+            footer: {
+                notice: string;
+            };
+        };
+    };
     pages: {
         auth: {
             forgotPassword: {
@@ -105,6 +160,49 @@ declare const _default: {
             of: string;
             all: string;
         };
+        layout: {
+            search: {
+                results: {
+                    navTree: string;
+                };
+            };
+            profile: {
+                dropdown: {
+                    options: {
+                        profile: string;
+                        settings: string;
+                        activity: string;
+                        signOut: string;
+                    };
+                };
+            };
+            themeConfig: {
+                title: string;
+                options: {
+                    darkMode: string;
+                    darkModeDesc: string;
+                    direction: string;
+                    directionDesc: string;
+                    theme: string;
+                    layout: string;
+                    layoutCollapsible: string;
+                    layoutStacked: string;
+                    layoutTopbar: string;
+                    layoutFrameless: string;
+                    layoutOverlay: string;
+                    layoutBlank: string;
+                };
+                buttons: {
+                    copyConfig: string;
+                };
+            };
+            notifications: {
+                title: string;
+                actions: {
+                    readAll: string;
+                };
+            };
+        };
     };
     nav: {
         modules: {

package/dist/@types/@ecme/locales/lang/en/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/en/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/en/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKC"}

package/dist/@types/@ecme/locales/lang/ptBR/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/common.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,cAAc,CAAA;wBA6F9B,OAAO,QAAQ;AA1FpB,wBA0FoB"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/common.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,cAAc,CAAA;wBAwI9B,OAAO,QAAQ;AArIpB,wBAqIoB"}

package/dist/@types/@ecme/locales/lang/ptBR/index.d.ts

@@ -1,4 +1,59 @@
 declare const _default: {
+    base: {
+        layout: {
+            search: {
+                results: {
+                    navTree: string;
+                };
+            };
+            profile: {
+                dropdown: {
+                    title: string;
+                    options: {
+                        profile: string;
+                        settings: string;
+                        activity: string;
+                        signOut: string;
+                    };
+                };
+            };
+            themeConfig: {
+                title: string;
+                options: {
+                    darkMode: string;
+                    darkModeDesc: string;
+                    direction: string;
+                    directionDesc: string;
+                    theme: string;
+                    layout: string;
+                    layoutCollapsible: string;
+                    layoutStacked: string;
+                    layoutTopbar: string;
+                    layoutFrameless: string;
+                    layoutOverlay: string;
+                    layoutBlank: string;
+                };
+                buttons: {
+                    copyConfig: string;
+                };
+            };
+            notifications: {
+                title: string;
+                actions: {
+                    readAll: string;
+                };
+                status: {
+                    empty: string;
+                };
+                buttons: {
+                    viewAll: string;
+                };
+            };
+            footer: {
+                notice: string;
+            };
+        };
+    };
     pages: {
         auth: {
             forgotPassword: {
@@ -105,6 +160,49 @@ declare const _default: {
             of: string;
             all: string;
         };
+        layout: {
+            search: {
+                results: {
+                    navTree: string;
+                };
+            };
+            profile: {
+                dropdown: {
+                    options: {
+                        profile: string;
+                        settings: string;
+                        activity: string;
+                        signOut: string;
+                    };
+                };
+            };
+            themeConfig: {
+                title: string;
+                options: {
+                    darkMode: string;
+                    darkModeDesc: string;
+                    direction: string;
+                    directionDesc: string;
+                    theme: string;
+                    layout: string;
+                    layoutCollapsible: string;
+                    layoutStacked: string;
+                    layoutTopbar: string;
+                    layoutFrameless: string;
+                    layoutOverlay: string;
+                    layoutBlank: string;
+                };
+                buttons: {
+                    copyConfig: string;
+                };
+            };
+            notifications: {
+                title: string;
+                actions: {
+                    readAll: string;
+                };
+            };
+        };
     };
     nav: {
         modules: {

package/dist/@types/@ecme/locales/lang/ptBR/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKC"}

package/dist/@types/@ecme/locales/lang/ptBR/nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,WAAW,CAAA;wBA+BxB,OAAO,KAAK;AAvBjB,wBAuBiB"}
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../../../../lib/@ecme/locales/lang/ptBR/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,WAAW,CAAA;wBA8UxB,OAAO,KAAK;AAtUjB,wBAsUiB"}

package/dist/base/locales/index.js

@@ -3,8 +3,8 @@ import en from "./lang/en/index.js";
 import ptBR from "./lang/ptBR/index.js";
 import i18n from "i18next";
 function addBaseLocaleResources() {
-  i18n.addResourceBundle("en", "translation", en);
-  i18n.addResourceBundle("ptBR", "translation", ptBR);
+  i18n.addResourceBundle("en", "translation", en, true, true);
+  i18n.addResourceBundle("ptBR", "translation", ptBR, true, true);
 }
 addBaseLocaleResources();
 export {

package/dist/base/locales/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../lib/base/locales/index.ts"],"sourcesContent":["import i18n from '@/locales'\nimport en from './lang/en'\nimport ptBR from './lang/ptBR'\n\nexport function addBaseLocaleResources() {\n    i18n.addResourceBundle('en', 'translation', en)\n    i18n.addResourceBundle('ptBR', 'translation', ptBR)\n}\n\naddBaseLocaleResources()\n"],"names":[],"mappings":";;;;AAIO,SAAS,yBAAyB;AACrC,OAAK,kBAAkB,MAAM,eAAe,EAAE;AAC9C,OAAK,kBAAkB,QAAQ,eAAe,IAAI;AACtD;AAEA,uBAAA;"}
+{"version":3,"file":"index.js","sources":["../../../lib/base/locales/index.ts"],"sourcesContent":["import i18n from '@/locales'\nimport en from './lang/en'\nimport ptBR from './lang/ptBR'\n\nexport function addBaseLocaleResources() {\n    i18n.addResourceBundle('en', 'translation', en, true, true)\n    i18n.addResourceBundle('ptBR', 'translation', ptBR, true, true)\n}\n\naddBaseLocaleResources()\n"],"names":[],"mappings":";;;;AAIO,SAAS,yBAAyB;AACrC,OAAK,kBAAkB,MAAM,eAAe,IAAI,MAAM,IAAI;AAC1D,OAAK,kBAAkB,QAAQ,eAAe,MAAM,MAAM,IAAI;AAClE;AAEA,uBAAA;"}

package/lib/@ecme/components/layouts/PostLoginLayout/components/CollapsibleSide.stories.tsx

@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import CollapsibleSide from './CollapsibleSide'
+
+const meta = {
+    title: '@ecme/Layouts/PostLogin/CollapsibleSide',
+    component: CollapsibleSide,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+} satisfies Meta<typeof CollapsibleSide>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    args: {
+        pageTitle: 'Dashboard',
+    },
+    render: (args) => (
+        <CollapsibleSide {...args}>
+            <div className="p-4">
+                <div className="rounded border border-gray-200 p-4">
+                    Conteudo da pagina
+                </div>
+            </div>
+        </CollapsibleSide>
+    ),
+}

package/lib/@ecme/components/layouts/PostLoginLayout/components/ContentOverlay.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import ContentOverlay from './ContentOverlay'
+
+const meta = {
+    title: '@ecme/Layouts/PostLogin/ContentOverlay',
+    component: ContentOverlay,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+} satisfies Meta<typeof ContentOverlay>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    render: () => (
+        <ContentOverlay>
+            <div className="p-4">
+                <div className="rounded border border-gray-200 bg-white p-4 dark:bg-gray-900">
+                    Conteudo da pagina
+                </div>
+            </div>
+        </ContentOverlay>
+    ),
+}

package/lib/@ecme/components/layouts/PostLoginLayout/components/FrameLessSide.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import FrameLessSide from './FrameLessSide'
+
+const meta = {
+    title: '@ecme/Layouts/PostLogin/FrameLessSide',
+    component: FrameLessSide,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+} satisfies Meta<typeof FrameLessSide>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    render: () => (
+        <FrameLessSide>
+            <div className="p-4">
+                <div className="rounded border border-gray-200 bg-white p-4 dark:bg-gray-900">
+                    Conteudo da pagina
+                </div>
+            </div>
+        </FrameLessSide>
+    ),
+}

package/lib/@ecme/components/layouts/PostLoginLayout/components/StackedSide.stories.tsx

@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import StackedSide from './StackedSide'
+
+const meta = {
+    title: '@ecme/Layouts/PostLogin/StackedSide',
+    component: StackedSide,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+} satisfies Meta<typeof StackedSide>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    args: {
+        pageTitle: 'Dashboard',
+    },
+    render: (args) => (
+        <StackedSide {...args}>
+            <div className="p-4">
+                <div className="rounded border border-gray-200 p-4">
+                    Conteudo da pagina
+                </div>
+            </div>
+        </StackedSide>
+    ),
+}

package/lib/@ecme/components/layouts/PostLoginLayout/components/TopBarClassic.stories.tsx

@@ -0,0 +1,38 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+import TopBarClassic from './TopBarClassic'
+
+const meta = {
+    title: '@ecme/Layouts/PostLogin/TopBarClassic',
+    component: TopBarClassic,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <Story />
+            </BrowserRouter>
+        ),
+    ],
+} satisfies Meta<typeof TopBarClassic>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    args: {
+        pageTitle: 'Dashboard',
+    },
+    render: (args) => (
+        <TopBarClassic {...args}>
+            <div className="p-4">
+                <div className="rounded border border-gray-200 p-4">
+                    Conteudo da pagina
+                </div>
+            </div>
+        </TopBarClassic>
+    ),
+}

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

@@ -0,0 +1,46 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import Header from './Header'
+
+const meta = {
+    title: '@ecme/Template/Header',
+    component: Header,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        container: {
+            control: 'boolean',
+        },
+        className: {
+            control: 'text',
+        },
+        wrapperClass: {
+            control: 'text',
+        },
+    },
+} satisfies Meta<typeof Header>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    args: {
+        container: false,
+        className: '',
+        wrapperClass: '',
+    },
+    render: (args) => (
+        <Header
+            {...args}
+            headerStart={
+                <div className="px-4 text-sm font-semibold">Minha Marca</div>
+            }
+            headerMiddle={<div className="text-sm">Área central</div>}
+            headerEnd={
+                <div className="px-4 text-sm text-gray-600">Usuário</div>
+            }
+        />
+    ),
+}

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

@@ -0,0 +1,79 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { useEffect } from 'react'
+import { BrowserRouter } from 'react-router-dom'
+import navigationConfig from '@/configs/navigation.config'
+import type { NavigationTree } from '@/@types/navigation'
+import { useSessionUser } from '@/store/authStore'
+import Search from './Search'
+
+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 allAuthority = Array.from(new Set(collectAuthorityPaths(navigationConfig)))
+
+const WithSimulatedAuthorities = ({
+    children,
+}: {
+    children: React.ReactNode
+}) => {
+    useEffect(() => {
+        const previousUser = useSessionUser.getState().user
+
+        useSessionUser.setState({
+            user: {
+                ...previousUser,
+                authority: allAuthority,
+            },
+        })
+
+        return () => {
+            useSessionUser.setState({ user: previousUser })
+        }
+    }, [])
+
+    return <>{children}</>
+}
+
+const meta = {
+    title: '@ecme/Template/Search',
+    component: Search,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <BrowserRouter>
+                <WithSimulatedAuthorities>
+                    <Story />
+                </WithSimulatedAuthorities>
+            </BrowserRouter>
+        ),
+    ],
+    argTypes: {
+        className: {
+            control: 'text',
+        },
+    },
+} satisfies Meta<typeof Search>
+
+export default meta
+
+type TStory = StoryObj<typeof meta>
+
+export const Default: TStory = {
+    args: {
+        className: '',
+    },
+}

package/lib/@ecme/components/template/Search.tsx

@@ -2,22 +2,11 @@ import { NavigationTree } from '@/@types/navigation'
 import Button from '@/components/ui/Button'
 import Dialog from '@/components/ui/Dialog'
 import ScrollBar from '@/components/ui/ScrollBar'
-import navigationIcon from '@/configs/navigation-icon.config'
 import navigationConfig from '@/configs/navigation.config'
 import { NAV_ITEM_TYPE_ITEM } from '@/constants/navigation.constant'
-import {
-    GUIDE_PREFIX_PATH,
-    UI_COMPONENTS_PREFIX_PATH,
-} from '@/constants/route.constant'
+import { useSessionUser } from '@/store/authStore'
 import classNames from '@/utils/classNames'
 import withHeaderItem from '@/utils/hoc/withHeaderItem'
-import {
-    filterDeep,
-    findDeep,
-    findPathDeep,
-    findValueDeep,
-} from 'deepdash-es/standalone'
-import { flatten, flattenDeep } from 'lodash'
 import debounce from 'lodash/debounce'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import Highlighter from 'react-highlight-words'
@@ -42,6 +31,38 @@ type SearchResult = {
     data: SearchData[]
 }
 
+const filterNavigationByAuthority = (
+    navTree: NavigationTree[],
+    userAuthority: string[],
+): NavigationTree[] => {
+    return navTree.reduce((acc: NavigationTree[], nav) => {
+        if (nav.excludeWhenHasPaths && nav.excludeWhenHasPaths.length > 0) {
+            const shouldExclude = nav.excludeWhenHasPaths.some((path) =>
+                userAuthority.includes(path),
+            )
+
+            if (shouldExclude) {
+                return acc
+            }
+        }
+
+        if (nav.subMenu && nav.subMenu.length > 0) {
+            const filteredSubMenu = filterNavigationByAuthority(
+                nav.subMenu,
+                userAuthority,
+            )
+
+            if (filteredSubMenu.length > 0) {
+                acc.push({ ...nav, subMenu: filteredSubMenu })
+            }
+        } else if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {
+            acc.push(nav)
+        }
+
+        return acc
+    }, [])
+}
+
 const ListItem = (props: {
     icon: string
     label: string
@@ -98,6 +119,7 @@ const _Search = ({ className }: { className?: string }) => {
     const [searchDialogOpen, setSearchDialogOpen] = useState(false)
     const [searchResult, setSearchResult] = useState<SearchResult[]>([])
     const [noResult, setNoResult] = useState(false)
+    const userAuthority = useSessionUser((state) => state.user.authority)
 
     const inputRef = useRef<HTMLInputElement>(null)
 
@@ -121,6 +143,10 @@ const _Search = ({ className }: { className?: string }) => {
 
     const flatNavTree = useMemo(() => {
         const arr: NavigationTreeFlat[] = []
+        const filteredNavigationTree = filterNavigationByAuthority(
+            navigationConfig,
+            userAuthority || [],
+        )
 
         const makeflat = (item: NavigationTree, parents: string[]) => {
             if (Array.isArray(item.subMenu) && item.subMenu.length > 0) {
@@ -131,11 +157,12 @@ const _Search = ({ className }: { className?: string }) => {
             arr.push({ ...item, parents })
         }
 
-        navigationConfig.forEach(function f(item) {
+        filteredNavigationTree.forEach(function f(item) {
             makeflat(item, [t(item.translateKey)])
         })
+
         return arr
-    }, [navigationConfig, t])
+    }, [userAuthority, t])
 
     const filterNavigationTreeFlat = (
         text: string,

package/lib/@ecme/locales/index.ts

@@ -1,4 +1,8 @@
 import i18n from './locales'
 
 export { dateLocales } from './locales'
+export {
+	ensureAppLocaleResourcesLoaded,
+	initAllAppLocaleResources,
+} from './initAll'
 export default i18n