@c-rex/components 0.1.37 → 0.1.39

package/src/share-button.tsx

@@ -1,49 +1,49 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { Button } from "@c-rex/ui/button";
-import { Share2 } from "lucide-react"
-
-export const ShareButton = () => {
-    const [copied, setCopied] = useState(false);
-    const [shareData, setShareData] = useState({
-        title: '',
-        url: '',
-    });
-
-    useEffect(() => {
-        setShareData({
-            title: document.title,
-            url: window.location.href,
-        });
-    }, []);
-
-    const handleShare = async () => {
-        if (navigator.share) {
-            try {
-                await navigator.share(shareData);
-                console.log('Compartilhado com sucesso');
-            } catch (err) {
-                console.log('Erro ao compartilhar:', err);
-            }
-        } else {
-            navigator.clipboard.writeText(shareData.url);
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        }
-    };
-
-    return (
-        <div style={{ fontFamily: 'sans-serif' }}>
-            <Button
-                variant="ghost"
-                size="icon"
-                onClick={handleShare}
-            >
-                <Share2 />
-            </Button>
-        </div>
-    );
-}
-
-
+"use client";
+
+import { useEffect, useState } from "react";
+import { Button } from "@c-rex/ui/button";
+import { Share2 } from "lucide-react"
+
+export const ShareButton = () => {
+    const [copied, setCopied] = useState(false);
+    const [shareData, setShareData] = useState({
+        title: '',
+        url: '',
+    });
+
+    useEffect(() => {
+        setShareData({
+            title: document.title,
+            url: window.location.href,
+        });
+    }, []);
+
+    const handleShare = async () => {
+        if (navigator.share) {
+            try {
+                await navigator.share(shareData);
+                console.log('Compartilhado com sucesso');
+            } catch (err) {
+                console.log('Erro ao compartilhar:', err);
+            }
+        } else {
+            navigator.clipboard.writeText(shareData.url);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+    };
+
+    return (
+        <div style={{ fontFamily: 'sans-serif' }}>
+            <Button
+                variant="ghost"
+                size="icon"
+                onClick={handleShare}
+            >
+                <Share2 />
+            </Button>
+        </div>
+    );
+}
+
+

package/src/stores/favorites-store.ts

@@ -1,88 +1,88 @@
-import { Favorite } from "@c-rex/types";
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-
-
-type FavoritesStore = {
-    favorites: Favorite[];
-    documents: Record<string, { topics: Favorite[], label?: string }>;
-    favoriteTopic: (documentId: string, id: string, label: string, color: string) => void;
-    unfavoriteTopic: (documentId: string, id: string) => void;
-    favoriteDocument: (id: string, label: string) => void;
-    unfavoriteDocument: (id: string) => void;
-};
-
-export const useFavoritesStore = create<FavoritesStore>()(
-    persist((set) => ({
-        documents: {},
-        favorites: [],
-        favoriteTopic: (documentId: string, id: string, label: string, color: string) =>
-            set((state) => ({
-                documents: favoriteTopic(state.documents, documentId, id, label, color),
-                favorites: [...state.favorites, { id, label, color }, { id: documentId, label: "", color: "" }],
-            })),
-        unfavoriteTopic: (documentId: string, id: string) =>
-            set((state) => ({
-                documents: unfavoriteTopic(state.documents, documentId, id),
-                favorites: state.favorites.filter((topic) => topic.id !== id),
-            })),
-        favoriteDocument: (id: string, label: string) =>
-            set((state) => {
-                const documentsCopy = { ...state.documents };
-                if (documentsCopy[id]) {
-                    return state;
-                }
-
-                return {
-                    documents: {
-                        ...state.documents,
-                        [id]: { topics: [], label },
-                    },
-                    favorites: [...state.favorites, { id, label, color: "" }],
-                }
-            }),
-        unfavoriteDocument: (id: string) =>
-            set((state) => {
-                const documentsCopy = { ...state.documents };
-                if (!documentsCopy[id]) {
-                    return state;
-                }
-
-                const favoritesToRemove = documentsCopy[id]?.topics.map(topic => topic.id) || [];
-                const newFavorites = state.favorites.filter(fav => fav.id !== id && !favoritesToRemove.includes(fav.id));
-                delete documentsCopy[id];
-                return { documents: documentsCopy, favorites: newFavorites };
-            }),
-    }), {
-        name: "c-rex-favorites",
-    })
-);
-
-
-const favoriteTopic = (documents: Record<string, { topics: Favorite[] }>, documentId: string, id: string, label: string, color: string): Record<string, { topics: Favorite[] }> => {
-
-    const documentsCopy = { ...documents };
-    const notFound = documents[documentId] == undefined;
-
-    if (notFound) {
-        documentsCopy[documentId] = { topics: [] };
-    }
-
-    documentsCopy[documentId]!.topics.push({ id, label, color });
-
-    return documentsCopy
-};
-
-const unfavoriteTopic = (documents: Record<string, { topics: Favorite[] }>, documentId: string, id: string): Record<string, { topics: Favorite[] }> => {
-
-    const documentsCopy = { ...documents };
-    const notFound = documents[documentId] == undefined;
-
-    if (notFound) {
-        return documentsCopy;
-    }
-
-    documentsCopy[documentId]!.topics = documentsCopy[documentId]!.topics.filter(topic => topic.id !== id);
-
-    return documentsCopy
-}
+import { Favorite } from "@c-rex/types";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+
+type FavoritesStore = {
+    favorites: Favorite[];
+    documents: Record<string, { topics: Favorite[], label?: string }>;
+    favoriteTopic: (documentId: string, id: string, label: string, color: string) => void;
+    unfavoriteTopic: (documentId: string, id: string) => void;
+    favoriteDocument: (id: string, label: string) => void;
+    unfavoriteDocument: (id: string) => void;
+};
+
+export const useFavoritesStore = create<FavoritesStore>()(
+    persist((set) => ({
+        documents: {},
+        favorites: [],
+        favoriteTopic: (documentId: string, id: string, label: string, color: string) =>
+            set((state) => ({
+                documents: favoriteTopic(state.documents, documentId, id, label, color),
+                favorites: [...state.favorites, { id, label, color }, { id: documentId, label: "", color: "" }],
+            })),
+        unfavoriteTopic: (documentId: string, id: string) =>
+            set((state) => ({
+                documents: unfavoriteTopic(state.documents, documentId, id),
+                favorites: state.favorites.filter((topic) => topic.id !== id),
+            })),
+        favoriteDocument: (id: string, label: string) =>
+            set((state) => {
+                const documentsCopy = { ...state.documents };
+                if (documentsCopy[id]) {
+                    return state;
+                }
+
+                return {
+                    documents: {
+                        ...state.documents,
+                        [id]: { topics: [], label },
+                    },
+                    favorites: [...state.favorites, { id, label, color: "" }],
+                }
+            }),
+        unfavoriteDocument: (id: string) =>
+            set((state) => {
+                const documentsCopy = { ...state.documents };
+                if (!documentsCopy[id]) {
+                    return state;
+                }
+
+                const favoritesToRemove = documentsCopy[id]?.topics.map(topic => topic.id) || [];
+                const newFavorites = state.favorites.filter(fav => fav.id !== id && !favoritesToRemove.includes(fav.id));
+                delete documentsCopy[id];
+                return { documents: documentsCopy, favorites: newFavorites };
+            }),
+    }), {
+        name: "c-rex-favorites",
+    })
+);
+
+
+const favoriteTopic = (documents: Record<string, { topics: Favorite[] }>, documentId: string, id: string, label: string, color: string): Record<string, { topics: Favorite[] }> => {
+    const currentDocument = documents[documentId];
+    const currentTopics = currentDocument?.topics ?? [];
+
+    return {
+        ...documents,
+        [documentId]: {
+            ...currentDocument,
+            topics: [...currentTopics, { id, label, color }],
+        },
+    };
+};
+
+const unfavoriteTopic = (documents: Record<string, { topics: Favorite[] }>, documentId: string, id: string): Record<string, { topics: Favorite[] }> => {
+    const currentDocument = documents[documentId];
+    if (!currentDocument) {
+        return documents;
+    }
+
+    return {
+        ...documents,
+        [documentId]: {
+            ...currentDocument,
+            topics: currentDocument.topics.filter(topic => topic.id !== id),
+        },
+    };
+}

package/src/stores/highlight-store.ts

@@ -1,16 +1,16 @@
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-
-type HighlightStoreType = {
-    enable: boolean;
-    toggleHighlight: (v: boolean) => void;
-};
-
-export const useHighlightStore = create<HighlightStoreType>()(
-    persist((set) => ({
-        enable: false,
-        toggleHighlight: (v) => set({ enable: v }),
-    }), {
-        name: "c-rex-highlight-settings",
-    })
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+type HighlightStoreType = {
+    enable: boolean;
+    toggleHighlight: (v: boolean) => void;
+};
+
+export const useHighlightStore = create<HighlightStoreType>()(
+    persist((set) => ({
+        enable: false,
+        toggleHighlight: (v) => set({ enable: v }),
+    }), {
+        name: "c-rex-highlight-settings",
+    })
 );

package/src/stores/language-store.ts

@@ -1,43 +1,14 @@
-import { LanguageAndCountries } from "@c-rex/interfaces";
-import { create } from "zustand";
-import { persist, createJSONStorage, StateStorage } from "zustand/middleware";
-
-const cookieStorage: StateStorage = {
-    getItem: (name: string): string | null => {
-        if (typeof document === "undefined") return null;
-        const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
-        return match ? decodeURIComponent(match[2] as string) : null;
-    },
-    setItem: (name: string, value: string): void => {
-        if (typeof document === "undefined") return;
-        const maxAge = 60 * 60 * 24 * 365; // 1 year
-        document.cookie = `${name}=${encodeURIComponent(value)};path=/;max-age=${maxAge};SameSite=Lax`;
-    },
-    removeItem: (name: string): void => {
-        if (typeof document === "undefined") return;
-        document.cookie = `${name}=;path=/;max-age=0`;
-    },
-};
-
-type LanguageStoreType = {
-    uiLang: string;
-    availableLanguages: LanguageAndCountries[];
-    setUiLang: (v: string) => void;
-    setAvailableLanguages: (list: LanguageAndCountries[]) => void;
-};
-
-export const useLanguageStore = create<LanguageStoreType>()(
-    persist((set) => ({
-        uiLang: "",
-        availableLanguages: [],
-        setUiLang: (v) => {
-            set({ uiLang: v });
-        },
-        setAvailableLanguages: (list) => {
-            set({ availableLanguages: list });
-        },
-    }), {
-        name: "c-rex-language-store",
-        storage: createJSONStorage(() => cookieStorage),
-    })
-);
+import { LanguageAndCountries } from "@c-rex/interfaces";
+import { create } from "zustand";
+
+type LanguageStoreType = {
+    availableLanguages: LanguageAndCountries[];
+    setAvailableLanguages: (list: LanguageAndCountries[]) => void;
+};
+
+export const useLanguageStore = create<LanguageStoreType>()((set) => ({
+        availableLanguages: [],
+        setAvailableLanguages: (list) => {
+            set({ availableLanguages: list });
+        },
+}));

package/src/stores/restriction-store.ts

@@ -1,11 +1,11 @@
-import { create } from 'zustand';
-
-type RestrictionStore = {
-    restrictionList: Map<string, string>;
-    setRestrictionList: (restrictionList: Map<string, string>) => void;
-};
-
-export const useRestrictionStore = create<RestrictionStore>((set) => ({
-    restrictionList: new Map(),
-    setRestrictionList: (restrictionList) => set({ restrictionList }),
-}));
+import { create } from 'zustand';
+
+type RestrictionStore = {
+    restrictionList: Map<string, string>;
+    setRestrictionList: (restrictionList: Map<string, string>) => void;
+};
+
+export const useRestrictionStore = create<RestrictionStore>((set) => ({
+    restrictionList: new Map(),
+    setRestrictionList: (restrictionList) => set({ restrictionList }),
+}));

package/src/stores/search-settings-store.ts

@@ -1,64 +1,68 @@
-import { OPERATOR_OPTIONS, WILD_CARD_OPTIONS } from "@c-rex/constants";
-import { OperatorType, WildCardType } from "@c-rex/types";
-import { create } from "zustand";
-import { persist, createJSONStorage, StateStorage } from "zustand/middleware";
-
-const cookieStorage: StateStorage = {
-    getItem: (name: string): string | null => {
-        if (typeof document === "undefined") return null;
-        const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
-        return match ? decodeURIComponent(match[2] as string) : null;
-    },
-    setItem: (name: string, value: string): void => {
-        if (typeof document === "undefined") return;
-        const maxAge = 60 * 60 * 24 * 365; // 1 year
-        document.cookie = `${name}=${encodeURIComponent(value)};path=/;max-age=${maxAge};SameSite=Lax`;
-    },
-    removeItem: (name: string): void => {
-        if (typeof document === "undefined") return;
-        document.cookie = `${name}=;path=/;max-age=0`;
-    },
-};
-
-export type SearchSettingsState = {
-    language?: string,
-    wildcard: WildCardType,
-    operator: OperatorType,
-    like: boolean,
-}
-
-export type SearchSettingsStore = SearchSettingsState & {
-    updatePreferences: (settings: Partial<SearchSettingsState>) => void,
-}
-
-export const defaultSearchSettings: SearchSettingsState = {
-    //language: DEFAULT_LANG,
-    wildcard: WILD_CARD_OPTIONS.BOTH,
-    operator: OPERATOR_OPTIONS.OR,
-    like: false,
-}
-
-/**
- * Helper function to read search settings from cookie on the server.
- * Use this in Server Components with Next.js cookies() function.
- * @param cookieValue - The raw cookie value from cookies().get("c-rex-search-settings")?.value
- */
-export function getSearchSettingsFromCookie(cookieValue: string | undefined): SearchSettingsState {
-    if (!cookieValue) return defaultSearchSettings;
-    try {
-        const parsed = JSON.parse(cookieValue);
-        return { ...defaultSearchSettings, ...parsed.state };
-    } catch {
-        return defaultSearchSettings;
-    }
-}
-
-export const useSearchSettingsStore = create<SearchSettingsStore>()(
-    persist((set) => ({
-        ...defaultSearchSettings,
-        updatePreferences: (settings) => set((state) => ({ ...state, ...settings })),
-    }), {
-        name: "c-rex-search-settings",
-        storage: createJSONStorage(() => cookieStorage),
-    })
-);
+import { OPERATOR_OPTIONS, WILD_CARD_OPTIONS } from "@c-rex/constants";
+import { OperatorType, WildCardType } from "@c-rex/types";
+import { create } from "zustand";
+import { persist, createJSONStorage, StateStorage } from "zustand/middleware";
+
+const cookieStorage: StateStorage = {
+    getItem: (name: string): string | null => {
+        if (typeof document === "undefined") return null;
+        const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
+        return match ? decodeURIComponent(match[2] as string) : null;
+    },
+    setItem: (name: string, value: string): void => {
+        if (typeof document === "undefined") return;
+        const maxAge = 60 * 60 * 24 * 365; // 1 year
+        document.cookie = `${name}=${encodeURIComponent(value)};path=/;max-age=${maxAge};SameSite=Lax`;
+    },
+    removeItem: (name: string): void => {
+        if (typeof document === "undefined") return;
+        document.cookie = `${name}=;path=/;max-age=0`;
+    },
+};
+
+export type SearchSettingsState = {
+    language?: string,
+    wildcard: WildCardType,
+    operator: OperatorType,
+    like: boolean,
+    facetExcludeProperties?: string[],
+    metadataExcludeProperties?: string[],
+}
+
+export type SearchSettingsStore = SearchSettingsState & {
+    updatePreferences: (settings: Partial<SearchSettingsState>) => void,
+}
+
+export const defaultSearchSettings: SearchSettingsState = {
+    //language: DEFAULT_LANG,
+    wildcard: WILD_CARD_OPTIONS.BOTH,
+    operator: OPERATOR_OPTIONS.OR,
+    like: false,
+    facetExcludeProperties: [],
+    metadataExcludeProperties: [],
+}
+
+/**
+ * Helper function to read search settings from cookie on the server.
+ * Use this in Server Components with Next.js cookies() function.
+ * @param cookieValue - The raw cookie value from cookies().get("c-rex-search-settings")?.value
+ */
+export function getSearchSettingsFromCookie(cookieValue: string | undefined): SearchSettingsState {
+    if (!cookieValue) return defaultSearchSettings;
+    try {
+        const parsed = JSON.parse(cookieValue);
+        return { ...defaultSearchSettings, ...parsed.state };
+    } catch {
+        return defaultSearchSettings;
+    }
+}
+
+export const useSearchSettingsStore = create<SearchSettingsStore>()(
+    persist((set) => ({
+        ...defaultSearchSettings,
+        updatePreferences: (settings) => set((state) => ({ ...state, ...settings })),
+    }), {
+        name: "c-rex-search-settings",
+        storage: createJSONStorage(() => cookieStorage),
+    })
+);

package/src/article/article-action-bar.analysis.md

@@ -1,15 +0,0 @@
-# Analysis: article-action-bar
-
-- Component: packages/components/src/article/article-action-bar.tsx
-- Type: Client component
-- Detected signals: useQueryStates=no, stores=yes, window/document=no, effects=yes, fetch/call=no
-
-## Possible re-render causes
-- Store subscriptions can re-render this component whenever the selected slice changes.
-- Effects that update state can add extra renders on mount and dependency changes.
-
-## Possible bugs/risks
-- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
-
-## Recommended improvements
-- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/article/article-action-bar.stories.tsx

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ArticleActionBar } from '../article-action-bar';
-
-const meta: Meta<typeof ArticleActionBar> = {
-    title: 'Components/Article/ActionBar',
-    component: ArticleActionBar,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-export default meta;
-type Story = StoryObj<typeof ArticleActionBar>;
-
-export const Basic: Story = {};

package/src/article/article-content.analysis.md

@@ -1,15 +0,0 @@
-# Analysis: article-content
-
-- Component: packages/components/src/article/article-content.tsx
-- Type: Server component
-- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=yes
-
-## Possible re-render causes
-- No obvious excessive re-render trigger beyond normal prop/context updates.
-
-## Possible bugs/risks
-- Async flows can hit race conditions during fast param/route changes.
-
-## Recommended improvements
-- Consider cancellation guards (isMounted or AbortController) and standardized error handling.
-

package/src/article/article-content.stories.tsx

@@ -1,21 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ArticleContent } from '../article-content';
-
-const meta: Meta<typeof ArticleContent> = {
-    title: 'Components/Article/Content',
-    component: ArticleContent,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-export default meta;
-type Story = StoryObj<typeof ArticleContent>;
-
-export const Basic: Story = {
-    args: {
-        renditions: [], // Não renderiza conteúdo
-    },
-};
-
-// Exemplo completo depende de dados reais de RenditionModel e fetch, normalmente mockado em ambiente de Storybook.

package/src/autocomplete.analysis.md

@@ -1,17 +0,0 @@
-# Analysis: autocomplete
-
-- Component: packages/components/src/autocomplete.tsx
-- Type: Client component
-- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
-
-## Possible re-render causes
-- Effects that update state can add extra renders on mount and dependency changes.
-
-## Possible bugs/risks
-- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
-- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
-
-## Recommended improvements
-- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
-- Review key strategy and extract memoized subcomponents for large-list rendering.
-

package/src/breadcrumb.analysis.md

@@ -1,15 +0,0 @@
-# Analysis: breadcrumb
-
-- Component: packages/components/src/breadcrumb.tsx
-- Type: Client component
-- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
-
-## Possible re-render causes
-- No obvious excessive re-render trigger beyond normal prop/context updates.
-
-## Possible bugs/risks
-- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
-
-## Recommended improvements
-- Review key strategy and extract memoized subcomponents for large-list rendering.
-

package/src/carousel/carousel.analysis.md

@@ -1,17 +0,0 @@
-# Analysis: carousel
-
-- Component: packages/components/src/carousel/carousel.tsx
-- Type: Client component
-- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
-
-## Possible re-render causes
-- Effects that update state can add extra renders on mount and dependency changes.
-
-## Possible bugs/risks
-- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
-- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
-
-## Recommended improvements
-- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
-- Review key strategy and extract memoized subcomponents for large-list rendering.
-