@c-rex/components 0.1.21 → 0.1.23

package/src/generated/suggestions.tsx

@@ -0,0 +1,299 @@
+"use client"
+
+/**
+ * Auto-generated Suggestion Components
+ * Source: https://staging.c-rex.net/ids/api/swagger/v1/swagger.json
+ * Generated: 2025-12-10T19:29:03.931Z
+ * 
+ * Each component is a wrapper around AutoComplete with a pre-configured endpoint.
+ * Do not edit manually - changes will be overwritten.
+ */
+
+
+import { AutoComplete, type AutoCompleteProps } from "../autocomplete";
+
+// Props for suggestion components (endpoint is pre-configured)
+type SuggestionComponentProps = Omit<AutoCompleteProps, 'endpoint'>;
+
+// Factory to create suggestion components with pre-configured endpoint
+function createSuggestionComponent(endpoint: string) {
+    return function SuggestionComponent(props: SuggestionComponentProps) {
+        return <AutoComplete {...props} endpoint={endpoint} />;
+    };
+}
+
+// ============================================
+// Generated Suggestion Components
+// ============================================
+
+export const SearchSuggestions = createSuggestionComponent(
+    'ids/v1/Search/Suggestions'
+);
+
+export const AdministrativeMetadataSuggestions = createSuggestionComponent(
+    'AdministrativeMetadata/Suggestions'
+);
+
+export const AfterUsesSuggestions = createSuggestionComponent(
+    'AfterUses/Suggestions'
+);
+
+export const CollectionsSuggestions = createSuggestionComponent(
+    'Collections/Suggestions'
+);
+
+export const ComponentsSuggestions = createSuggestionComponent(
+    'Components/Suggestions'
+);
+
+export const ConceptsSuggestions = createSuggestionComponent(
+    'Concepts/Suggestions'
+);
+
+export const ConformitiesSuggestions = createSuggestionComponent(
+    'Conformities/Suggestions'
+);
+
+export const ContentLifeCycleStatusSuggestions = createSuggestionComponent(
+    'ContentLifeCycleStatus/Suggestions'
+);
+
+export const DesignAndRealizationsSuggestions = createSuggestionComponent(
+    'DesignAndRealizations/Suggestions'
+);
+
+export const DirectoryNodesSuggestions = createSuggestionComponent(
+    'DirectoryNodes/Suggestions'
+);
+
+export const DirectoryNodeTypesSuggestions = createSuggestionComponent(
+    'DirectoryNodeTypes/Suggestions'
+);
+
+export const DocumentationMetadataSuggestions = createSuggestionComponent(
+    'DocumentationMetadata/Suggestions'
+);
+
+export const DocumentsSuggestions = createSuggestionComponent(
+    'Documents/Suggestions'
+);
+
+export const DocumentTypesSuggestions = createSuggestionComponent(
+    'DocumentTypes/Suggestions'
+);
+
+export const DomainEntitiesSuggestions = createSuggestionComponent(
+    'DomainEntities/Suggestions'
+);
+
+export const DownTimesSuggestions = createSuggestionComponent(
+    'DownTimes/Suggestions'
+);
+
+export const EventsSuggestions = createSuggestionComponent(
+    'Events/Suggestions'
+);
+
+export const FormalitiesSuggestions = createSuggestionComponent(
+    'Formalities/Suggestions'
+);
+
+export const FormsSuggestions = createSuggestionComponent(
+    'Forms/Suggestions'
+);
+
+export const FragmentsSuggestions = createSuggestionComponent(
+    'Fragments/Suggestions'
+);
+
+export const FunctionalitiesSuggestions = createSuggestionComponent(
+    'Functionalities/Suggestions'
+);
+
+export const FunctionalMetadatasSuggestions = createSuggestionComponent(
+    'FunctionalMetadatas/Suggestions'
+);
+
+export const IdentitiesSuggestions = createSuggestionComponent(
+    'Identities/Suggestions'
+);
+
+export const IdentityDomainsSuggestions = createSuggestionComponent(
+    'IdentityDomains/Suggestions'
+);
+
+export const InformationObjectsSuggestions = createSuggestionComponent(
+    'InformationObjects/Suggestions'
+);
+
+export const InformationSubjectsSuggestions = createSuggestionComponent(
+    'InformationSubjects/Suggestions'
+);
+
+export const InformationTypesSuggestions = createSuggestionComponent(
+    'InformationTypes/Suggestions'
+);
+
+export const InformationUnitsSuggestions = createSuggestionComponent(
+    'InformationUnits/Suggestions'
+);
+
+export const LearningsSuggestions = createSuggestionComponent(
+    'Learnings/Suggestions'
+);
+
+export const MaintenanceIntervalsSuggestions = createSuggestionComponent(
+    'MaintenanceIntervals/Suggestions'
+);
+
+export const PackagesSuggestions = createSuggestionComponent(
+    'Packages/Suggestions'
+);
+
+export const PartiesSuggestions = createSuggestionComponent(
+    'Parties/Suggestions'
+);
+
+export const PlanningTimesSuggestions = createSuggestionComponent(
+    'PlanningTimes/Suggestions'
+);
+
+export const ProcessesSuggestions = createSuggestionComponent(
+    'Processes/Suggestions'
+);
+
+export const ProductFeaturesSuggestions = createSuggestionComponent(
+    'ProductFeatures/Suggestions'
+);
+
+export const ProductFunctionsSuggestions = createSuggestionComponent(
+    'ProductFunctions/Suggestions'
+);
+
+export const ProductLifeCyclePhasesSuggestions = createSuggestionComponent(
+    'ProductLifeCyclePhases/Suggestions'
+);
+
+export const ProductMetadataSuggestions = createSuggestionComponent(
+    'ProductMetadata/Suggestions'
+);
+
+export const ProductPropertiesSuggestions = createSuggestionComponent(
+    'ProductProperties/Suggestions'
+);
+
+export const ProductVariantsSuggestions = createSuggestionComponent(
+    'ProductVariants/Suggestions'
+);
+
+export const PuttingToUsesSuggestions = createSuggestionComponent(
+    'PuttingToUses/Suggestions'
+);
+
+export const QualificationsSuggestions = createSuggestionComponent(
+    'Qualifications/Suggestions'
+);
+
+export const ReferencesSuggestions = createSuggestionComponent(
+    'References/Suggestions'
+);
+
+export const RenditionsSuggestions = createSuggestionComponent(
+    'Renditions/Suggestions'
+);
+
+export const RolesSuggestions = createSuggestionComponent(
+    'Roles/Suggestions'
+);
+
+export const SafetiesSuggestions = createSuggestionComponent(
+    'Safeties/Suggestions'
+);
+
+export const SkillLevelsSuggestions = createSuggestionComponent(
+    'SkillLevels/Suggestions'
+);
+
+export const SuppliesSuggestions = createSuggestionComponent(
+    'Supplies/Suggestions'
+);
+
+export const TasksSuggestions = createSuggestionComponent(
+    'Tasks/Suggestions'
+);
+
+export const TechnicalDataSuggestions = createSuggestionComponent(
+    'TechnicalData/Suggestions'
+);
+
+export const TechnicalOverviewsSuggestions = createSuggestionComponent(
+    'TechnicalOverviews/Suggestions'
+);
+
+export const TopicsSuggestions = createSuggestionComponent(
+    'Topics/Suggestions'
+);
+
+export const TopicTypesSuggestions = createSuggestionComponent(
+    'TopicTypes/Suggestions'
+);
+
+export const TroubleShootingsSuggestions = createSuggestionComponent(
+    'TroubleShootings/Suggestions'
+);
+
+export const UsesSuggestions = createSuggestionComponent(
+    'Uses/Suggestions'
+);
+
+export const WarningMessagesSuggestions = createSuggestionComponent(
+    'WarningMessages/Suggestions'
+);
+
+export const WorkingTimesSuggestions = createSuggestionComponent(
+    'WorkingTimes/Suggestions'
+);
+
+export const ConsumablesSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/Consumables/Suggestions'
+);
+
+export const HardwareToolsSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/HardwareTools/Suggestions'
+);
+
+export const LubricantsSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/Lubricants/Suggestions'
+);
+
+export const OperatingSuppliesSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/OperatingSupplies/Suggestions'
+);
+
+export const SetupTimesSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/SetupTimes/Suggestions'
+);
+
+export const SparePartsSuggestions = createSuggestionComponent(
+    'iirdsMch/v1/SpareParts/Suggestions'
+);
+
+export const GroupsSuggestions = createSuggestionComponent(
+    'vcard/v1/Groups/Suggestions'
+);
+
+export const IndividualsSuggestions = createSuggestionComponent(
+    'vcard/v1/Individuals/Suggestions'
+);
+
+export const LocationsSuggestions = createSuggestionComponent(
+    'vcard/v1/Locations/Suggestions'
+);
+
+export const OrganizationsSuggestions = createSuggestionComponent(
+    'vcard/v1/Organizations/Suggestions'
+);
+
+export const VCardsSuggestions = createSuggestionComponent(
+    'vcard/v1/VCards/Suggestions'
+);

package/src/info/bookmark.tsx

@@ -0,0 +1,51 @@
+"use client"
+
+import React, { FC } from "react";
+import { Card, CardContent, CardHeader, CardTitle } from "@c-rex/ui/card";
+import { useTranslations } from "next-intl";
+import { filteredItems, renderValue } from "./shared";
+import { useLanguageStore } from "../stores/language-store";
+
+type Props = {
+    title: string;
+    items: {
+        label: string;
+        value: string;
+        link?: string;
+    }[]
+}
+export const InfoCard: FC<Props> = ({ title, items }) => {
+    const t = useTranslations();
+    const uiLang = useLanguageStore(state => state.uiLang);
+    const newItems = filteredItems(items)
+    const favoritesDocuments = useFavoritesStore((state) => state.documents);
+    const isFavoriteDocument = Object.keys(favoritesDocuments).some((docId) => docId === documentId);
+    let favoritesList: Favorite[] = []
+
+    if (Object.keys(favoritesDocuments).some(docId => docId === documentId)) {
+        favoritesList = favoritesDocuments[documentId]?.topics || []
+    }
+
+    return (
+        <Card>
+            <CardHeader>
+                <CardTitle className="text-lg">{title}</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-3">
+                {newItems.map((item, index) => (
+                    <div key={index} className="border-b border-blog-divider last:border-0 pb-3 last:pb-0">
+                        {item.link ? (
+                            <a href={item.link}>
+                                <h4 className="text-sm font-medium mb-1">{t(item.label)}</h4>
+                            </a>
+                        ) : (
+                            <h4 className="text-sm font-medium mb-1">{t(item.label)}</h4>
+                        )}
+
+                        <span className="text-xs text-muted-foreground">{renderValue(item, uiLang)}</span>
+                    </div>
+                ))}
+            </CardContent>
+        </Card>
+    );
+}

package/src/info/info-table.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from "react";
-import { articleInfoItemType, DocumentsType, Favorite } from "@c-rex/types";
 import { Card, CardContent, CardHeader, CardTitle } from "@c-rex/ui/card";
 import {
     Table,
@@ -7,8 +6,8 @@ import {
     TableCell,
     TableRow,
 } from "@c-rex/ui/table"
-import { useTranslations } from "next-intl";
-import { filteredItems, renderValue } from "./shared";
+
+import { renderValue } from "./shared";
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -16,27 +15,100 @@ import {
     DropdownMenuTrigger,
 } from "@c-rex/ui/dropdown-menu";
 import { CloudDownload, Eye } from "lucide-react";
-import { AvailableVersionsInterface } from "@c-rex/interfaces";
-import { Flag } from "../flag";
+import { InformationUnitModel } from "@c-rex/interfaces";
+import { Flag } from "../icons/flag-icon";
 import { Button } from "@c-rex/ui/button";
-import { useLanguageStore } from "../stores/language-store";
-import { FileIcon } from "../file-icon";
-import { BookmarkButton } from "../bookmark-button";
-import { FaRegBookmark } from "react-icons/fa6";
+import { FileIcon } from "../icons/file-icon";
+import { BookmarkButton } from "../favorites/bookmark-button";
+import { InformationUnitsGetAll } from "../generated/server-components";
+import { getTranslations } from "next-intl/server";
+import { EN_LANG } from "@c-rex/constants";
+import { getFileRenditions } from "../results/utils";
 
 type Props = {
     title: string;
-    files?: DocumentsType
-    items: articleInfoItemType[]
-    availableVersions?: AvailableVersionsInterface[]
-    markersList?: Favorite[]
+    linkPath: "topics" | "documents";
+    data: InformationUnitModel;
+    excludeKeys?: string[];
+    showBookmarkButton?: boolean;
 }
+type articleInfoItemType = {
+    label: string;
+    value: string;
+};
+
+export const InfoTable: FC<Props> = async ({
+    title,
+    data,
+    excludeKeys = ['shortId', 'id', 'labels'],
+    linkPath = "topics",
+    showBookmarkButton = false,
+}) => {
+    const t = await getTranslations();
+    const files = getFileRenditions({ renditions: data.renditions! });
+
+    // TODO: implementar um render generico para campos como parties e packages
+    const processData = (data: InformationUnitModel) => {
+        const result: articleInfoItemType[] = []
+
+        Object.entries(data).forEach(([key, value]) => {
+
+            if (excludeKeys.includes(key) || value === null || value === undefined) {
+                return;
+            }
+
+            const processedValue = processValue(value);
+
+            if (processedValue !== null) {
+                result.push({
+                    label: key,
+                    value: processedValue
+                });
+            }
+        });
+
+        return result;
+    }
+    const processValue = (value: any): string | null => {
+
+        if (Array.isArray(value)) {
+            if (value.length === 0) return null;
+
+
+            if (value.length === 1) {
+                return processSingleValue(value[0]);
+            }
+
+
+            const processedValues = value
+                .map(item => processSingleValue(item))
+                .filter(item => item !== null);
+
+            return processedValues.length > 0 ? processedValues.join(", ") : null;
+        }
+
+        return processSingleValue(value);
+    };
+    const processSingleValue = (item: any): string | null => {
+
+        if (item === null || item === undefined) {
+            return null;
+        }
 
+        if (typeof item === 'object') {
+            if ('shortId' in item || 'id' in item) {
+                return null;
+            }
 
-export const InfoTable: FC<Props> = ({ title, items, files, availableVersions, markersList }) => {
-    const t = useTranslations();
-    const uiLang = useLanguageStore(state => state.uiLang);
-    const newItems = filteredItems(items)
+            if ('value' in item && item.value !== null && item.value !== undefined) {
+                return String(item.value);
+            }
+
+            return null;
+        }
+
+        return String(item);
+    };
 
     return (
         <Card className="p-0 !pt-4">
@@ -44,63 +116,58 @@ export const InfoTable: FC<Props> = ({ title, items, files, availableVersions, m
                 <CardTitle className="text-lg flex justify-between items-end">
                     {title}
 
-                    {(markersList && markersList.length > 0) && (
-                        <BookmarkButton
-                            markersList={markersList.filter(item => item.label.length > 0)}
-                            trigger={
-                                <Button variant="outline" size="icon" className="relative">
-                                    <FaRegBookmark className="!w-5 color-primary" />
-                                    <span
-                                        className="absolute -top-[10px] -right-[10px] min-w-5 min-h-5 bg-primary text-white rounded-full"
-                                    >
-                                        {markersList.length}
-                                    </span>
-                                </Button>
-                            }
-                        />
-                    )}
+                    {showBookmarkButton && <BookmarkButton shortId={data.shortId!} />}
                 </CardTitle>
             </CardHeader>
             <CardContent className="space-y-3 !p-0">
                 <Table>
                     <TableBody>
-                        {newItems.map((item, index) => (
+                        {processData(data).map((item, index) => (
                             <TableRow key={index} className="min-h-12">
                                 <TableCell className="font-medium w-28 pl-4">
-                                    {item.link ? (
-                                        <a href={item.link} className="underline">
-                                            <h4 className="text-sm font-medium">{t(item.label)}</h4>
-                                        </a>
-                                    ) : (
-                                        <h4 className="text-sm font-medium">{t(item.label)}</h4>
-                                    )}
+                                    <h4 className="text-sm font-medium">{t(item.label)}</h4>
                                 </TableCell>
                                 <TableCell className="text-xs text-muted-foreground flex items-center gap-2 min-h-12">
-                                    {renderValue(item, uiLang)}
+                                    {renderValue(item, EN_LANG)}
                                 </TableCell>
                             </TableRow>
                         ))}
 
-                        {availableVersions && (
-                            <TableRow className="min-h-12">
-                                <TableCell className="font-medium w-28 pl-4">
-                                    <h4 className="text-sm font-medium">{t("availableIn")}</h4>
-                                </TableCell>
-                                <TableCell className="text-xs text-muted-foreground flex items-center gap-2 min-h-12">
-                                    {availableVersions.map((item) => {
-                                        return (
-                                            <span className="w-8 block border" key={item.shortId}>
-                                                <a href={item.link} title={item.lang}>
-                                                    <Flag countryCode={item.country} />
-                                                </a>
-                                            </span>
-                                        )
-                                    })}
-                                </TableCell>
-                            </TableRow>
-                        )}
+                        {/*check if has versionOF */}
+                        <InformationUnitsGetAll
+                            queryParams={{
+                                Restrict: [`versionOf.shortId=${data.versionOf?.shortId}`],
+                                Fields: ["renditions", "class", "languages", "labels"]
+                            }}
+                            render={(data, error) => {
+                                if (error) {
+                                    return JSON.stringify(error);
+                                }
+
+                                return (
+                                    <TableRow className="min-h-12">
+                                        <TableCell className="font-medium w-28 pl-4">
+                                            <h4 className="text-sm font-medium">{t("availableIn")}</h4>
+                                        </TableCell>
+                                        <TableCell className="text-xs text-muted-foreground flex items-center gap-2 min-h-12">
+                                            {data.items.map((item) => {
+                                                const language = item.languages?.[0] ?? "NO LANGUAGE";
+                                                const country = language.split("-")[1]!;
+                                                return (
+                                                    <span className="w-8 block border" key={item.shortId}>
+                                                        <a href={`/${linkPath}/${item.shortId}`} title={language}>
+                                                            <Flag countryCode={country} />
+                                                        </a>
+                                                    </span>
+                                                )
+                                            })}
+                                        </TableCell>
+                                    </TableRow>
+                                )
+                            }}
+                        />
 
-                        {files && (
+                        {Object.keys(files).length > 0 && (
                             <TableRow className="min-h-12">
                                 <TableCell className="font-medium w-28 pl-4">
                                     <h4 className="text-sm font-medium">{t("files")}</h4>

package/src/info/shared.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 import { articleInfoItemType } from "@c-rex/types";
 import { formatDateToLocale } from "@c-rex/utils";
-import { Flag } from "../flag";
+import { Flag } from "../icons/flag-icon";
 
 const isDate = (value: string): boolean => {
     return (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/.test(value))

package/src/navbar/language-switcher/shared.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { LanguageAndCountries } from "@c-rex/interfaces";
 import { DropdownMenuRadioGroup, DropdownMenuRadioItem } from "@c-rex/ui/dropdown-menu";
-import { Flag } from "../../flag";
+import { Flag } from "../../icons/flag-icon";
 
 interface SharedLanguageSwitchProps {
     availableLanguagesAndCountries: (LanguageAndCountries & { link?: string })[];

package/src/navbar/navbar.tsx

@@ -4,7 +4,7 @@ import { SignInBtn } from "./sign-in-out-btns";
 import { getServerSession } from "next-auth";
 import { SettingsMenu } from "./settings";
 import { UserMenu } from "./user-menu";
-import { SearchInput } from "./search-input";
+import { SearchInput } from "../search-input";
 import { CrexSDK } from "@c-rex/core/sdk";
 
 interface NavBarProps {

package/src/{stories → navbar/stories}/navbar.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { NavBar } from '../navbar/navbar';
+import { NavBar } from '../navbar';
 
 const meta: Meta = {
     title: 'Components/NavBar',

package/src/page-wrapper.tsx

@@ -7,7 +7,7 @@ type Props = {
     title: string;
     pageType: "BLOG" | "DOC" | "HOME"
 }
-
+//TODO rename variable to showInput and ShowPkgFilter
 export const PageWrapper = ({ children, title, pageType }: Props) => {
     const showInput = pageType === "DOC" || pageType === "BLOG"
     const showPkgFilter = pageType === "DOC"