@orbe-agro/client-core 5.6.187 → 5.6.192

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

@@ -11,10 +11,24 @@ import debounce from 'lodash/debounce'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import Highlighter from 'react-highlight-words'
 import { useTranslation } from 'react-i18next'
-import { HiChevronRight, HiOutlineSearch } from 'react-icons/hi'
+import {
+    HiChevronRight,
+    HiOutlineSearch,
+    HiOutlineStar,
+    HiStar,
+    HiOutlineTrash,
+} from 'react-icons/hi'
 import { PiMagnifyingGlassDuotone } from 'react-icons/pi'
 import { Link } from 'react-router-dom'
 import { Spinner } from '../ui'
+import Notification from '@/components/ui/Notification'
+import toast from '@/components/ui/toast'
+import {
+    apiFindFavoritosByUsuario,
+    apiDeleteFavoritoMenu,
+    apiCreateFavoritoMenu,
+} from '@base/services/modules/DadosMestres/FavoritoMenu/FavoritoMenuService'
+import { TFavoritoMenuResponse } from '@base/@types/api/response/dadosMestres/TFavoritoMenuResponse'
 
 type SearchData = {
     key: string
@@ -55,7 +69,10 @@ const filterNavigationByAuthority = (
             if (filteredSubMenu.length > 0) {
                 acc.push({ ...nav, subMenu: filteredSubMenu })
             }
-        } else if ((nav.path && userAuthority.includes(nav.path)) || !nav.path) {
+        } else if (
+            (nav.path && userAuthority.includes(nav.path)) ||
+            !nav.path
+        ) {
             acc.push(nav)
         }
 
@@ -71,49 +88,110 @@ const ListItem = (props: {
     keyWord: string
     breadcrumbs: string[]
     onNavigate: () => void
+    menuKey: string
+    isFavorited: boolean
+    favToggling: boolean
+    onToggleFavorite: (menuKey: string) => void
 }) => {
-    const { icon, label, url = '', keyWord, onNavigate, breadcrumbs } = props
+    const {
+        icon,
+        label,
+        url = '',
+        keyWord,
+        onNavigate,
+        breadcrumbs,
+        menuKey,
+        isFavorited,
+        favToggling,
+        onToggleFavorite,
+    } = props
 
     const makeBreadcrumbs = (breadcrumbs: string[]) => {
         return breadcrumbs.join(' / ')
     }
 
     return (
-        <Link to={url} onClick={onNavigate}>
-            <div
-                className={classNames(
-                    'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',
-                    'hover:bg-gray-100 dark:hover:bg-gray-700',
-                )}
-            >
-                <div className="flex items-center gap-2">
-                    {/* <div
-                        className={classNames(
-                            'rounded-lg border-2 border-gray-200 shadow-sm text-xl group-hover:shadow h-10 w-10 flex items-center justify-center bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100',
-                        )}
-                    >
-                        {icon && navigationIcon[icon]}
-                    </div> */}
-                    <div className="text-gray-900 dark:text-gray-300">
-                        <Highlighter
-                            autoEscape
-                            highlightClassName={classNames(
-                                'text-primary',
-                                'underline bg-transparent font-semibold dark:text-white',
-                            )}
-                            searchWords={[keyWord]}
-                            textToHighlight={makeBreadcrumbs(breadcrumbs)}
-                        />
+        <div className="flex items-center gap-1 pr-4">
+            <Link to={url} onClick={onNavigate} className="flex-1">
+                <div
+                    className={classNames(
+                        'flex items-center justify-between rounded-xl p-3 cursor-pointer user-select',
+                        'hover:bg-gray-100 dark:hover:bg-gray-700',
+                    )}
+                >
+                    <div className="w-72">
+                        <div className="overflow-hidden text-gray-900 dark:text-gray-300">
+                            <Highlighter
+                                autoEscape
+                                highlightClassName={classNames(
+                                    'text-primary',
+                                    'underline bg-transparent font-semibold dark:text-white',
+                                )}
+                                searchWords={[keyWord]}
+                                textToHighlight={makeBreadcrumbs(breadcrumbs)}
+                            />
+                        </div>
                     </div>
+                    <HiChevronRight className="shrink-0 text-lg" />
                 </div>
-                <HiChevronRight className="text-lg" />
-            </div>
-        </Link>
+            </Link>
+
+            <button
+                type="button"
+                className="flex-shrink-0 rounded-lg p-2 text-lg transition-colors hover:bg-gray-100 dark:hover:bg-gray-700"
+                disabled={favToggling}
+                onClick={(e) => {
+                    e.preventDefault()
+                    e.stopPropagation()
+                    onToggleFavorite(menuKey)
+                }}
+            >
+                {favToggling ? (
+                    <Spinner size={18} />
+                ) : isFavorited ? (
+                    <HiStar className="text-yellow-500" />
+                ) : (
+                    <HiOutlineStar className="text-gray-400 hover:text-yellow-500" />
+                )}
+            </button>
+        </div>
     )
 }
 
 type NavigationTreeFlat = NavigationTree & { parents: string[] }
 
+type NavItemInfo = {
+    key: string
+    path: string
+    title: string
+}
+
+const flattenNavTree = (
+    navTree: NavigationTree[],
+): Map<string, NavItemInfo> => {
+    const map = new Map<string, NavItemInfo>()
+
+    const walk = (items: NavigationTree[]) => {
+        for (const item of items) {
+            if (item.type === NAV_ITEM_TYPE_ITEM && item.path) {
+                map.set(item.key, {
+                    key: item.key,
+                    path: item.path,
+                    title: item.title,
+                })
+            }
+            if (item.subMenu && item.subMenu.length > 0) {
+                walk(item.subMenu)
+            }
+        }
+    }
+
+    walk(navTree)
+    return map
+}
+
+const navItemMap = flattenNavTree(navigationConfig)
+
 const _Search = ({ className }: { className?: string }) => {
     const [loading, setLoading] = useState(false)
     const [searchDialogOpen, setSearchDialogOpen] = useState(false)
@@ -121,6 +199,124 @@ const _Search = ({ className }: { className?: string }) => {
     const [noResult, setNoResult] = useState(false)
     const userAuthority = useSessionUser((state) => state.user.authority)
 
+    // -- Favorites state --
+    const [favDialogOpen, setFavDialogOpen] = useState(false)
+    const [favLoading, setFavLoading] = useState(false)
+    const [favorites, setFavorites] = useState<TFavoritoMenuResponse[]>([])
+    const [removingId, setRemovingId] = useState<number | null>(null)
+    const [favoritedKeys, setFavoritedKeys] = useState<Set<string>>(new Set())
+    const [togglingKeys, setTogglingKeys] = useState<Set<string>>(new Set())
+    const userId = useSessionUser((state) => state.user.userId)
+
+    const loadFavorites = async () => {
+        if (!userId) return
+        setFavLoading(true)
+        try {
+            const data = await apiFindFavoritosByUsuario(Number(userId))
+            setFavorites(data)
+            setFavoritedKeys(new Set(data.map((f) => f.menuKey)))
+        } catch {
+            toast.push(
+                <Notification title="Erro" type="danger">
+                    Falha ao carregar favoritos.
+                </Notification>,
+            )
+            setFavorites([])
+            setFavoritedKeys(new Set())
+        } finally {
+            setFavLoading(false)
+        }
+    }
+
+    const handleFavRemove = async (id: number) => {
+        setRemovingId(id)
+        try {
+            await apiDeleteFavoritoMenu(id)
+            setFavorites((prev) => prev.filter((f) => f.id !== id))
+            setFavoritedKeys((prev) => {
+                const next = new Set(prev)
+                const removed = favorites.find((f) => f.id === id)
+                if (removed) next.delete(removed.menuKey)
+                return next
+            })
+        } catch {
+            toast.push(
+                <Notification title="Erro" type="danger">
+                    Falha ao remover favorito.
+                </Notification>,
+            )
+        } finally {
+            setRemovingId(null)
+        }
+    }
+
+    const handleFavToggle = async (menuKey: string) => {
+        if (!userId || togglingKeys.has(menuKey)) return
+        setTogglingKeys((prev) => new Set(prev).add(menuKey))
+        try {
+            if (favoritedKeys.has(menuKey)) {
+                const fav = favorites.find((f) => f.menuKey === menuKey)
+                if (fav) {
+                    await apiDeleteFavoritoMenu(fav.id)
+                    setFavorites((prev) => prev.filter((f) => f.id !== fav.id))
+                    setFavoritedKeys((prev) => {
+                        const next = new Set(prev)
+                        next.delete(menuKey)
+                        return next
+                    })
+                }
+            } else {
+                const created = await apiCreateFavoritoMenu({ menuKey })
+                setFavorites((prev) => [...prev, created])
+                setFavoritedKeys((prev) => new Set(prev).add(menuKey))
+            }
+        } catch {
+            toast.push(
+                <Notification title="Erro" type="danger">
+                    {favoritedKeys.has(menuKey)
+                        ? 'Falha ao remover favorito.'
+                        : 'Falha ao adicionar favorito.'}
+                </Notification>,
+            )
+        } finally {
+            setTogglingKeys((prev) => {
+                const next = new Set(prev)
+                next.delete(menuKey)
+                return next
+            })
+        }
+    }
+
+    const handleFavOpen = () => {
+        setFavDialogOpen(true)
+    }
+
+    const handleFavClose = () => {
+        setFavDialogOpen(false)
+    }
+
+    useEffect(() => {
+        if (favDialogOpen) {
+            loadFavorites()
+        }
+    }, [favDialogOpen, userId])
+
+    // Also load favorites when search opens (for star toggles in results)
+    useEffect(() => {
+        if (searchDialogOpen && userId) {
+            loadFavorites()
+        }
+    }, [searchDialogOpen, userId])
+
+    const enrichedFavorites = useMemo(() => {
+        return favorites.map((fav) => ({
+            ...fav,
+            navInfo: navItemMap.get(fav.menuKey),
+        }))
+    }, [favorites])
+
+    // -- end favorites state --
+
     const inputRef = useRef<HTMLInputElement>(null)
 
     const handleReset = () => {
@@ -243,12 +439,21 @@ const _Search = ({ className }: { className?: string }) => {
 
     return (
         <>
-            <div
-                className={classNames(className, 'text-2xl')}
-                onClick={handleSearchOpen}
-            >
-                <PiMagnifyingGlassDuotone />
+            <div className="flex items-center gap-1">
+                <div
+                    className={classNames(className, 'text-2xl')}
+                    onClick={handleSearchOpen}
+                >
+                    <PiMagnifyingGlassDuotone />
+                </div>
+                <div
+                    className={classNames(className, 'text-2xl')}
+                    onClick={handleFavOpen}
+                >
+                    <HiOutlineStar />
+                </div>
             </div>
+            {/* Search dialog */}
             <Dialog
                 contentClassName="p-0"
                 isOpen={searchDialogOpen}
@@ -262,7 +467,9 @@ const _Search = ({ className }: { className?: string }) => {
                             <input
                                 ref={inputRef}
                                 className="block w-full bg-transparent p-4 text-base text-gray-900 outline-none ring-0 dark:text-gray-100"
-                                placeholder={t('common.input.placeholder.search')}
+                                placeholder={t(
+                                    'common.input.placeholder.search',
+                                )}
                                 onChange={handleSearch}
                             />
                         </div>
@@ -272,58 +479,134 @@ const _Search = ({ className }: { className?: string }) => {
                     </div>
                     <div className="px-5 py-6">
                         {loading ? (
-                            <div
-                                className={classNames(
-                                    'flex items-center justify-center',
+                            <div className="flex items-center justify-center">
+                                <Spinner size={40} />
+                            </div>
+                        ) : (
+                            <ScrollBar className="max-h-[350px] overflow-y-auto">
+                                {searchResult.map((result) => (
+                                    <div key={result.title} className="mb-4">
+                                        <h6 className="mb-3">{result.title}</h6>
+                                        {result.data.map((data, index) => (
+                                            <ListItem
+                                                key={data.title + index}
+                                                icon={data.icon}
+                                                breadcrumbs={data.breadcrumbs}
+                                                label={data.title}
+                                                url={data.path}
+                                                keyWord={
+                                                    inputRef.current?.value ||
+                                                    ''
+                                                }
+                                                onNavigate={handleNavigate}
+                                                menuKey={data.key}
+                                                isFavorited={favoritedKeys.has(
+                                                    data.key,
+                                                )}
+                                                favToggling={togglingKeys.has(
+                                                    data.key,
+                                                )}
+                                                onToggleFavorite={
+                                                    handleFavToggle
+                                                }
+                                            />
+                                        ))}
+                                    </div>
+                                ))}
+                                {searchResult.length === 0 && noResult && (
+                                    <div className="my-10 text-center text-lg">
+                                        <span className="pr-1">
+                                            {t('common.status.noResultsFor')}
+                                        </span>
+                                        <span className="heading-text">
+                                            {`'`}
+                                            {inputRef.current?.value}
+                                            {`'`}
+                                        </span>
+                                    </div>
                                 )}
-                            >
+                            </ScrollBar>
+                        )}
+                    </div>
+                </div>
+            </Dialog>
+            {/* Favorites dialog */}
+            <Dialog
+                contentClassName="p-0"
+                isOpen={favDialogOpen}
+                closable={false}
+                onRequestClose={handleFavClose}
+            >
+                <div>
+                    <div className="flex items-center justify-between border-b border-gray-200 px-4 py-4 dark:border-gray-600">
+                        <div className="flex items-center gap-2">
+                            <HiStar className="text-xl text-yellow-500" />
+                            <h6 className="text-base font-semibold text-gray-900 dark:text-gray-100">
+                                Favoritos
+                            </h6>
+                        </div>
+                        <Button size="xs" onClick={handleFavClose}>
+                            Esc
+                        </Button>
+                    </div>
+                    <div className="px-5 py-6">
+                        {favLoading ? (
+                            <div className="flex items-center justify-center py-10">
                                 <Spinner size={40} />
                             </div>
                         ) : (
-                            <>
-                                <ScrollBar className="max-h-[350px] overflow-y-auto">
-                                    {searchResult.map((result) => (
-                                        <div
-                                            key={result.title}
-                                            className="mb-4"
-                                        >
-                                            <h6 className="mb-3">
-                                                {result.title}
-                                            </h6>
-                                            {result.data.map((data, index) => (
-                                                <ListItem
-                                                    key={data.title + index}
-                                                    icon={data.icon}
-                                                    breadcrumbs={
-                                                        data.breadcrumbs
+                            <ScrollBar className="max-h-[350px] overflow-y-auto">
+                                {enrichedFavorites.length === 0 ? (
+                                    <div className="my-10 text-center text-lg text-gray-500">
+                                        Nenhum favorito salvo.
+                                    </div>
+                                ) : (
+                                    <div className="flex flex-col gap-1">
+                                        {enrichedFavorites.map((fav) => (
+                                            <div
+                                                key={fav.id}
+                                                className="flex items-center gap-1 pr-4"
+                                            >
+                                                <Link
+                                                    to={
+                                                        fav.navInfo?.path || '#'
                                                     }
-                                                    label={data.title}
-                                                    url={data.path}
-                                                    keyWord={
-                                                        inputRef.current
-                                                            ?.value || ''
+                                                    className="flex-1"
+                                                    onClick={handleFavClose}
+                                                >
+                                                    <div className="user-select flex cursor-pointer items-center justify-between rounded-xl p-3 hover:bg-gray-100 dark:hover:bg-gray-700">
+                                                        <div className="w-72">
+                                                            <div className="overflow-hidden text-gray-900 dark:text-gray-300">
+                                                                {fav.navInfo
+                                                                    ?.title ||
+                                                                    fav.menuKey}
+                                                            </div>
+                                                        </div>
+                                                        <HiChevronRight className="h-6 w-6 shrink-0" />
+                                                    </div>
+                                                </Link>
+                                                <button
+                                                    type="button"
+                                                    className="flex-shrink-0 rounded-lg p-2 text-lg text-gray-400 transition-colors hover:bg-gray-100 hover:text-red-500 dark:hover:bg-gray-700"
+                                                    disabled={
+                                                        removingId === fav.id
                                                     }
-                                                    onNavigate={handleNavigate}
-                                                />
-                                            ))}
-                                        </div>
-                                    ))}
-                                    {searchResult.length === 0 && noResult && (
-                                        <div className="my-10 text-center text-lg">
-                                            <span className="pr-1">
-                                                {t(
-                                                    'common.status.noResultsFor',
-                                                )}
-                                            </span>
-                                            <span className="heading-text">
-                                                {`'`}
-                                                {inputRef.current?.value}
-                                                {`'`}
-                                            </span>
-                                        </div>
-                                    )}
-                                </ScrollBar>
-                            </>
+                                                    onClick={(e) => {
+                                                        e.stopPropagation()
+                                                        handleFavRemove(fav.id)
+                                                    }}
+                                                >
+                                                    {removingId === fav.id ? (
+                                                        <Spinner size={18} />
+                                                    ) : (
+                                                        <HiOutlineTrash />
+                                                    )}
+                                                </button>
+                                            </div>
+                                        ))}
+                                    </div>
+                                )}
+                            </ScrollBar>
                         )}
                     </div>
                 </div>

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

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

package/lib/@ecme/mock/data/favoritosMenuData.ts

@@ -0,0 +1,3 @@
+import { TFavoritoMenuResponse } from '@base/@types/api/response/dadosMestres/TFavoritoMenuResponse'
+
+export const favoritosMenuData: TFavoritoMenuResponse[] = []

package/lib/@ecme/mock/fakeApi/favoritosMenuFakeApi.ts

@@ -0,0 +1,87 @@
+import { mock } from '../MockAdapter'
+import { favoritosMenuData } from '../data/favoritosMenuData'
+import { TFavoritoMenuResponse } from '@base/@types/api/response/dadosMestres/TFavoritoMenuResponse'
+
+const BASE_URL = '/dados-mestres/api/favoritos-menu'
+
+const randomDelay = () => 300 + Math.random() * 1200 // 300-1500ms
+
+type MockConfig = { data?: string; url?: string }
+let favoritos: TFavoritoMenuResponse[] = [...favoritosMenuData]
+let nextId = favoritos.length + 1
+
+function withDelay<T>(fn: (config: MockConfig) => T): (config: MockConfig) => Promise<T> {
+    return (config) => {
+        const { promise, resolve } = Promise.withResolvers<T>()
+        setTimeout(() => resolve(fn(config)), randomDelay())
+        return promise
+    }
+}
+
+// POST / — criar favorito
+mock.onPost(BASE_URL).reply(withDelay((config) => {
+    const body = JSON.parse(config.data ?? '{}')
+    const menuKey: string = body.menuKey
+
+    if (!menuKey) {
+        return [400, { status: 400, title: 'Bad Request', detail: 'menuKey is required' }]
+    }
+
+    const exists = favoritos.find((f) => f.menuKey === menuKey && f.ativo)
+    if (exists) {
+        return [400, { status: 400, title: 'Bad Request', detail: 'Menu already favorited' }]
+    }
+
+    const novo: TFavoritoMenuResponse = {
+        id: nextId++,
+        usuarioId: 1,
+        menuKey,
+        ordem: favoritos.filter((f) => f.ativo).length,
+        ativo: true,
+    }
+    favoritos.push(novo)
+    return [200, novo]
+}))
+
+// GET /usuario/{usuarioId} — listar favoritos
+mock.onGet(new RegExp(`${BASE_URL}/usuario/\\d+`)).reply(withDelay(() => {
+    const ativos = favoritos
+        .filter((f) => f.ativo)
+        .sort((a, b) => a.ordem - b.ordem)
+    return [200, ativos]
+}))
+
+// DELETE /{id} — remover (soft-delete)
+mock.onDelete(new RegExp(`${BASE_URL}/\\d+`)).reply(withDelay((config) => {
+    const id = Number(config.url?.split('/').pop())
+    const fav = favoritos.find((f) => f.id === id)
+
+    if (!fav || !fav.ativo) {
+        return [400, { status: 400, title: 'Bad Request', detail: 'Favorito not found' }]
+    }
+
+    fav.ativo = false
+    return [204]
+}))
+
+// PUT /reorder — reordenar
+mock.onPut(`${BASE_URL}/reorder`).reply(withDelay((config) => {
+    const body = JSON.parse(config.data ?? '{}')
+    const orderedIds: number[] = body.orderedIds
+
+    if (!orderedIds || orderedIds.length === 0) {
+        return [400, { status: 400, title: 'Bad Request', detail: 'orderedIds is required' }]
+    }
+
+    const reordered: TFavoritoMenuResponse[] = []
+    for (let i = 0; i < orderedIds.length; i++) {
+        const fav = favoritos.find((f) => f.id === orderedIds[i] && f.ativo)
+        if (!fav) {
+            return [400, { status: 400, title: 'Bad Request', detail: `Favorito ${orderedIds[i]} not found` }]
+        }
+        fav.ordem = i
+        reordered.push(fav)
+    }
+
+    return [200, reordered]
+}))

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

@@ -12,6 +12,7 @@ import './fakeApi/mailFakeApi'
 import './fakeApi/accountsFakeApi'
 import './fakeApi/aiFakeApi'
 import './fakeApi/chatFakeApi'
+import './fakeApi/favoritosMenuFakeApi'
 import './fakeApi/helpCenterFakeApi'
 import './fakeApi/dashboardFakeApi'
 

package/lib/base/@types/api/request/dm/TCreateFavoritoMenuRequest.ts

@@ -0,0 +1,3 @@
+export type TCreateFavoritoMenuRequest = {
+  menuKey: string
+}

package/lib/base/@types/api/request/dm/TReorderFavoritosMenuRequest.ts

@@ -0,0 +1,3 @@
+export type TReorderFavoritosMenuRequest = {
+  orderedIds: number[]
+}

package/lib/base/@types/api/response/dadosMestres/TFavoritoMenuResponse.ts

@@ -0,0 +1,7 @@
+export type TFavoritoMenuResponse = {
+  id: number
+  usuarioId: number
+  menuKey: string
+  ordem: number
+  ativo: boolean
+}