@c-rex/components 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-rex/components",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "files": [
     "src"
   ],
@@ -42,8 +42,8 @@
       "import": "./src/favorites/favorite-button.tsx"
     },
     "./flag": {
-      "types": "./src/flag.tsx",
-      "import": "./src/flag.tsx"
+      "types": "./src/icons/flag-icon.tsx",
+      "import": "./src/icons/flag-icon.tsx"
     },
     "./loading": {
       "types": "./src/loading.tsx",
@@ -136,6 +136,10 @@
     "./share-button": {
       "types": "./src/share-button.tsx",
       "import": "./src/share-button.tsx"
+    },
+    "./file-download": {
+      "types": "./src/renditions/file-download.tsx",
+      "import": "./src/renditions/file-download.tsx"
     }
   },
   "scripts": {

package/src/info/shared.tsx

@@ -1,14 +1,8 @@
 import React, { ReactNode } from "react";
 import { articleInfoItemType } from "@c-rex/types";
-import { formatDateToLocale } from "@c-rex/utils";
+import { formatDateToLocale, isDate, isLanguage } from "@c-rex/utils";
 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))
-}
-const isLanguage = (label: string): boolean => {
-    return label === "language" || label === "languages";
-}
 
 export const renderValue = (item: articleInfoItemType, uiLang: string): ReactNode => {
     if (isDate(item.value)) return formatDateToLocale(item.value, uiLang);

package/src/renditions/file-download.tsx

@@ -11,11 +11,11 @@ import { FileIcon } from "../icons/file-icon";
 import { CloudDownload, Eye } from "lucide-react";
 
 
-interface OpenOrDownloadFileDropdown {
+interface FileDownloadDropdown {
     renditions: RenditionModel[] | null | undefined;
 }
 
-export const OpenOrDownloadFileDropdown: FC<OpenOrDownloadFileDropdown> = async ({ renditions }) => {
+export const FileDownloadDropdown: FC<FileDownloadDropdown> = async ({ renditions }) => {
 
     if (renditions == null || renditions.length == 0) return null;
 

package/src/results/table-with-images.tsx

@@ -8,7 +8,7 @@ import {
     TopicModel
 } from "@c-rex/interfaces";
 import { FileStack } from "lucide-react";
-import { OpenOrDownloadFileDropdown } from "../renditions/file-download";
+import { FileDownloadDropdown } from "../renditions/file-download";
 import { cn, getType, getTitle, getLanguage } from "@c-rex/utils";
 import { Button } from "@c-rex/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@c-rex/ui/tooltip";
@@ -103,7 +103,7 @@ export const TableWithImage: FC<TableWithImageProps> = ({ items, query = "", dis
                                 {item.revision}
                             </span>
                             <div className="flex gap-2">
-                                <OpenOrDownloadFileDropdown renditions={item.renditions} />
+                                <FileDownloadDropdown renditions={item.renditions} />
 
                                 {isDocument && (
                                     <BookmarkButton

package/src/info/bookmark.tsx

@@ -1,51 +0,0 @@
-"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-card.tsx

@@ -1,44 +0,0 @@
-"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)
-
-    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>
-    );
-}