@c-rex/components 0.0.6 → 0.0.9

package/dist/tailwind.config.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tailwind.config.d.ts.map

package/dist/tailwind.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tailwind.config.d.ts","sourceRoot":"","sources":["../tailwind.config.ts"],"names":[],"mappings":""}

package/dist/types/src/index.d.ts

@@ -1,8 +0,0 @@
-import { LOG_CATEGORIES, LOG_LEVELS, ALL } from "@c-rex/constants";
-export type QueryParams = {
-    key: string;
-    value: string;
-};
-export type LogLevelType = keyof typeof LOG_LEVELS | typeof ALL;
-export type LogCategoriesType = typeof LOG_CATEGORIES[number] | typeof ALL;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../types/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,GAAG,OAAO,GAAG,CAAA;AAC/D,MAAM,MAAM,iBAAiB,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC"}

package/dist/types/src/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/src/breadcrumbs.d.ts

@@ -1,3 +0,0 @@
-import { TreeOfContent } from "@c-rex/interfaces";
-export declare const generateBreadcrumbItems: (treeOfContent: TreeOfContent[]) => TreeOfContent[];
-//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/utils/src/breadcrumbs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../utils/src/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAO,MAAM,uBAAuB,GAChC,eAAe,aAAa,EAAE,KAC/B,aAAa,EAWf,CAAC"}

package/dist/utils/src/breadcrumbs.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateBreadcrumbItems = void 0;
-const generateBreadcrumbItems = (treeOfContent) => {
-    const result = [];
-    treeOfContent.forEach((item) => {
-        if (item.active) {
-            const filteredChildren = (0, exports.generateBreadcrumbItems)(item.children);
-            result.push(item, ...filteredChildren);
-        }
-    });
-    return result;
-};
-exports.generateBreadcrumbItems = generateBreadcrumbItems;

package/dist/utils/src/classMerge.d.ts

@@ -1,3 +0,0 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=classMerge.d.ts.map

package/dist/utils/src/classMerge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"classMerge.d.ts","sourceRoot":"","sources":["../../../../utils/src/classMerge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/src/classMerge.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = cn;
-const clsx_1 = require("clsx");
-const tailwind_merge_1 = require("tailwind-merge");
-function cn(...inputs) {
-    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
-}

package/dist/utils/src/index.d.ts

@@ -1,5 +0,0 @@
-export * from './utils';
-export * from './treeOfContent';
-export * from './breadcrumbs';
-export * from './classMerge';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../utils/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/utils/src/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./utils"), exports);
-__exportStar(require("./treeOfContent"), exports);
-__exportStar(require("./breadcrumbs"), exports);
-__exportStar(require("./classMerge"), exports);

package/dist/utils/src/treeOfContent.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=treeOfContent.d.ts.map

package/dist/utils/src/treeOfContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"treeOfContent.d.ts","sourceRoot":"","sources":["../../../../utils/src/treeOfContent.ts"],"names":[],"mappings":""}

package/dist/utils/src/treeOfContent.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
-import { DirectoryNodesService } from "@c-rex/services";
-
-import { DirectoryNodes } from "@c-rex/interfaces";
-import { informationUnitsDirectories } from "@c-rex/interfaces";
-import { TreeOfContent } from "@c-rex/interfaces";
-
-export const generateTreeOfContent = async (
-    directoryNodes: DirectoryNodes[],
-): Promise<TreeOfContent[]> => {
-
-    const service = new DirectoryNodesService();
-
-    if (directoryNodes.length == 0) return [];
-    if (directoryNodes[0] == undefined) return [];
-
-    let id = directoryNodes[0].shortId;
-    let response = await service.getItem(id);
-    const childList = await getChildrenInfo(response.childNodes);
-    let result: TreeOfContent[] = childList;
-
-    while (response.parents != undefined) {
-        if (response.informationUnits[0] == undefined) return result;
-        if (response.labels[0] == undefined) return result;
-        if (response.parents[0] == undefined) return result;
-
-        const infoId = response.informationUnits[0].shortId;
-        const aux = {
-            active: true,
-            label: response.labels[0].value,
-            id: response.shortId,
-            link: `/info/${infoId}`,
-            children: [...result],
-        };
-        id = response.parents[0].shortId;
-        response = await service.getItem(id);
-
-        const tree = await getChildrenInfo(response.childNodes, aux);
-
-        result = [...tree];
-    }
-
-    return result;
-};
-
-const getChildrenInfo = async (
-    childNodes: informationUnitsDirectories[],
-    childItem?: TreeOfContent,
-): Promise<TreeOfContent[]> => {
-    const result: TreeOfContent[] = [];
-    if (childNodes == undefined) return result;
-
-    for (const item of childNodes) {
-        if (item.labels[0] == undefined) break;
-
-        const infoId = await getLink(item.shortId);
-        let resultItem: TreeOfContent = {
-            active: false,
-            label: item.labels[0].value,
-            link: `/info/${infoId}`,
-            id: item.shortId,
-            children: [],
-        };
-
-        if (childItem?.id == item.shortId) {
-            resultItem = childItem;
-        }
-        result.push(resultItem);
-    }
-
-    return result;
-};
-
-const getLink = async (id: string): Promise<string> => {
-
-    const service = new DirectoryNodesService();
-    const response = await service.getItem(id);
-    if (response.informationUnits == undefined) return "";
-    if (response.informationUnits[0] == undefined) return "";
-
-    return response.informationUnits[0].shortId;
-};
-*/ 

package/dist/utils/src/utils.d.ts

@@ -1,8 +0,0 @@
-import { QueryParams } from '@c-rex/types';
-export declare const createParams: (fieldsList: string[], key?: string) => {
-    key: string;
-    value: string;
-}[];
-export declare const updateUrlWithParams: (router: any, params: QueryParams[]) => void;
-export declare const generateQueryParams: (params: QueryParams[]) => string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/utils/src/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../utils/src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,EAAE,EAAE,MAAK,MAAiB;;;GAIlE,CAAC;AAER,eAAO,MAAM,mBAAmB,GAE5B,QAAQ,GAAG,EACX,QAAQ,WAAW,EAAE,SAUxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,QAAQ,WAAW,EAAE,KAAG,MAQ3D,CAAC"}

package/dist/utils/src/utils.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateQueryParams = exports.updateUrlWithParams = exports.createParams = void 0;
-//import * as Flags from 'country-flag-icons/react/3x2';
-//import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
-const createParams = (fieldsList, key = "Fields") => fieldsList.map((item) => ({
-    key: key,
-    value: item,
-}));
-exports.createParams = createParams;
-const updateUrlWithParams = (
-//router: AppRouterInstance,
-router, params) => {
-    const searchParams = new URLSearchParams(window.location.search);
-    params.forEach((param) => {
-        searchParams.set(param.key, param.value.toString());
-    });
-    const queryString = searchParams.toString();
-    router.push(`${window.location.pathname}?${queryString}`);
-};
-exports.updateUrlWithParams = updateUrlWithParams;
-const generateQueryParams = (params) => {
-    const queryParams = params
-        .map((param) => `${encodeURIComponent(param.key)}=${encodeURIComponent(param.value)}`)
-        .join("&");
-    return queryParams;
-};
-exports.generateQueryParams = generateQueryParams;
-/*
-export const getFlagIcon = (countryCode: string): JSX.Element | null => {
-    if (countryCode === undefined) return null;
-    
-    return Flags[countryCode] || null;
-};
-
-
-*/ 

package/src/autocomplete.tsx

@@ -1,113 +0,0 @@
-import { Command as CommandPrimitive } from "cmdk";
-import { Check } from "lucide-react";
-import { useEffect, useState } from "react";
-import { Input } from "@c-rex/ui/input";
-import {
-    Command,
-    CommandEmpty,
-    CommandGroup,
-    CommandItem,
-    CommandList
-} from "@c-rex/ui/command";
-import {
-    Popover,
-    PopoverAnchor,
-    PopoverContent
-} from "@c-rex/ui/popover";
-
-type Props = {
-    initialValue: string;
-    onSelect: (value: string) => void;
-    onSearch: (value: string) => Promise<string[]>;
-};
-
-export const AutoComplete = ({
-    initialValue,
-    onSearch,
-    onSelect,
-}: Props) => {
-    const [query, setQuery] = useState(initialValue);
-    const [suggestions, setSuggestions] = useState<string[]>([]);
-
-    const [open, setOpen] = useState(false);
-
-    useEffect(() => {
-        const debounceFetch = setTimeout(() => {
-            if (query) {
-                onSearch(query).then(setSuggestions);
-            } else {
-                setSuggestions([]);
-            }
-        }, 300);
-
-        return () => clearTimeout(debounceFetch);
-    }, [onSearch, query]);
-
-    return (
-        <div className="flex items-center">
-            <Popover open={open} onOpenChange={setOpen}>
-                <Command shouldFilter={false}>
-                    <PopoverAnchor asChild>
-                        <CommandPrimitive.Input
-                            asChild
-                            value={query}
-                            onValueChange={setQuery}
-                            onKeyDown={(e) => setOpen(e.key !== "Escape")}
-                            onMouseDown={() => setOpen(false)}
-                            onFocus={() => setOpen(true)}
-                        >
-                            <Input />
-                        </CommandPrimitive.Input>
-                    </PopoverAnchor>
-
-                    {!open && <CommandList aria-hidden="true" className="hidden" />}
-
-                    <PopoverContent
-                        asChild
-                        onOpenAutoFocus={(e) => e.preventDefault()}
-                        onInteractOutside={(e) => {
-                            if (
-                                e.target instanceof Element &&
-                                e.target.hasAttribute("cmdk-input")
-                            ) {
-                                e.preventDefault();
-                            }
-                        }}
-                        className="w-[--radix-popover-trigger-width] p-0"
-                    >
-                        <CommandList>
-                            {/*isLoading && (
-                                <CommandPrimitive.Loading>
-                                    <div className="p-1">
-                                        <Skeleton className="h-6 w-full" />
-                                    </div>
-                                </CommandPrimitive.Loading>
-                            )*/}
-
-                            {suggestions.length > 0 ? (
-                                <CommandGroup>
-                                    {suggestions.map((option) => (
-                                        <CommandItem
-                                            key={option}
-                                            value={option}
-                                            onMouseDown={(e) => e.preventDefault()}
-                                            onSelect={(inputValue) => {
-                                                setOpen(false);
-                                                onSelect(inputValue ?? "");
-                                            }}
-                                        >
-                                            <Check className="mr-2 h-4 w-4 opacity-0" />
-                                            {option}
-                                        </CommandItem>
-                                    ))}
-                                </CommandGroup>
-                            ) : (
-                                <CommandEmpty>No suggestions.</CommandEmpty>
-                            )}
-                        </CommandList>
-                    </PopoverContent>
-                </Command>
-            </Popover>
-        </div>
-    );
-}

package/src/blog-card.tsx

@@ -1,87 +0,0 @@
-import Link from "next/link";
-import { cn } from "@c-rex/utils";
-import { BlurImage } from "./blur-image";
-
-//import Author from "./author";
-
-interface BlogCardProp {
-    data: {
-        title: string;
-        blurDataURL: string;
-        image: string;
-        description: string;
-        authors: string;
-        _id: string;
-        date: string;
-        slug: string;
-    };
-    priority?: boolean;
-    horizontal?: boolean;
-}
-
-export const BlogCard = ({
-    data,
-    priority,
-    horizontal = false,
-}: BlogCardProp) => {
-    return (
-        <article
-            className={cn(
-                "group relative",
-                horizontal
-                    ? "grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6"
-                    : "flex flex-col space-y-2",
-            )}
-        >
-            {data.image && (
-                <div className="w-full overflow-hidden rounded-xl border">
-                    <BlurImage
-                        alt={data.title}
-                        blurDataURL={data.blurDataURL}
-                        className={cn(
-                            "size-full object-cover object-center",
-                            horizontal ? "lg:h-72" : null,
-                        )}
-                        width={800}
-                        height={400}
-                        priority={priority}
-                        placeholder="blur"
-                        src={data.image}
-                        sizes="(max-width: 768px) 750px, 600px"
-                    />
-                </div>
-            )}
-            <div
-                className={cn(
-                    "flex flex-1 flex-col",
-                    horizontal ? "justify-center" : "justify-between",
-                )}
-            >
-                <div className="w-full">
-                    <h2 className="my-1.5 line-clamp-2 font-heading text-2xl">
-                        {data.title}
-                    </h2>
-                    {data.description && (
-                        <p className="line-clamp-2 text-muted-foreground">
-                            {data.description}
-                        </p>
-                    )}
-                </div>
-                <div className="mt-4 flex items-center space-x-3">
-                    <div className="flex items-center -space-x-2">
-                        {data.authors && (
-                            <p className="text-sm text-muted-foreground">{data.authors}</p>
-                        )}
-                    </div>
-
-                    {data.date && (
-                        <p className="text-sm text-muted-foreground">{data.date}</p>
-                    )}
-                </div>
-            </div>
-            <Link href={data.slug} className="absolute inset-0" target="_blank">
-                <span className="sr-only">View Article</span>
-            </Link>
-        </article>
-    );
-};

package/src/blur-image.tsx

@@ -1,23 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import type { ComponentProps } from "react";
-import Image from "next/image";
-import { cn } from "@c-rex/utils";
-
-export const BlurImage = (props: ComponentProps<typeof Image>) => {
-    const [isLoading, setLoading] = useState(true);
-
-    return (
-        <Image
-            {...props}
-            alt={props.alt}
-            className={cn(
-                props.className,
-                "duration-500 ease-in-out",
-                isLoading ? "blur-sm" : "blur-0",
-            )}
-            onLoad={() => setLoading(false)}
-        />
-    );
-}

package/src/breadcrumb.tsx

@@ -1,81 +0,0 @@
-import { FC, ReactNode } from "react";
-import {
-    Breadcrumb as BreadcrumbComponent,
-    BreadcrumbItem,
-    BreadcrumbLink,
-    BreadcrumbList,
-    BreadcrumbPage,
-    BreadcrumbSeparator
-} from "@c-rex/ui/breadcrumb";
-import { Skeleton } from "@c-rex/ui/skeleton";
-import { TreeOfContent } from "@c-rex/interfaces";
-
-interface BreadcrumbProps {
-    items: TreeOfContent[];
-    loading?: boolean;
-}
-
-export const Breadcrumb: FC<BreadcrumbProps> = ({ items, loading }) => {
-    if (!items) {
-        return null;
-    }
-
-    if (loading) {
-        return (
-            <BreadcrumbComponent>
-                <BreadcrumbList>
-                    <BreadcrumbItem>
-                        <BreadcrumbPage>Home</BreadcrumbPage>
-                    </BreadcrumbItem>
-                    <BreadcrumbSeparator />
-                    <BreadcrumbItem>
-                        <Skeleton className="w-40 h-6" />
-                    </BreadcrumbItem>
-                    <BreadcrumbSeparator />
-                    <BreadcrumbItem>
-                        <Skeleton className="w-40 h-6" />
-                    </BreadcrumbItem>
-                </BreadcrumbList>
-            </BreadcrumbComponent>
-        );
-    }
-
-    const homeItem: TreeOfContent = {
-        link: "/",
-        label: "Home",
-        id: "home",
-        active: false,
-        children: [],
-    };
-
-    const newItemList: TreeOfContent[] = [homeItem, ...items];
-
-    const renderLink = (showLink: boolean, item: TreeOfContent): ReactNode => {
-        if (showLink) {
-            return <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>;
-        }
-
-        return <BreadcrumbPage>{item.label}</BreadcrumbPage>;
-    };
-
-    return (
-        <BreadcrumbComponent>
-            <BreadcrumbList>
-                {newItemList.map((item, index) => {
-                    const isLast = index === newItemList.length - 1;
-
-                    return (
-                        <>
-                            <BreadcrumbItem key={`${item.label}-item`}>
-                                {renderLink(!isLast, item)}
-                            </BreadcrumbItem>
-                            {!isLast && (
-                                <BreadcrumbSeparator key={`${item.label}-separator`} />
-                            )}
-                        </>
-                    );
-                })}
-            </BreadcrumbList>
-        </BreadcrumbComponent>
-    );
-};

package/src/empty.tsx

@@ -1,13 +0,0 @@
-import { FC } from "react";
-import { Alert, AlertDescription, AlertTitle } from "@c-rex/ui/alert";
-
-export const Empty: FC = () => {
-    return (
-        <Alert className="my-2">
-            <AlertTitle>No results</AlertTitle>
-            <AlertDescription>
-                No data available. Please try adjusting your search or filter criteria.
-            </AlertDescription>
-        </Alert>
-    );
-};

package/src/navbar.tsx

@@ -1,66 +0,0 @@
-import { FC } from "react";
-
-import Link from "next/link";
-import { Button } from "@c-rex/ui/button";
-import Image from "next/image";
-
-interface NavBarProps {
-    scroll?: boolean;
-    large?: boolean;
-}
-
-export const NavBar: FC<NavBarProps> = () => {
-    return (
-        <header className="sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4">
-            <div className="container flex justify-between">
-                <div className="flex gap-6 md:gap-10">
-                    <Link href="/" className="flex items-center space-x-1.5">
-                        <Image
-                            src="/img/logo.png"
-                            alt="C-rex Logo"
-                            width={88}
-                            height={50}
-                        />
-                    </Link>
-
-                    <nav className="hidden gap-6 md:flex">
-                        {/*
-                        TODO: add map to load links
-                        TODO: add function to validate active item
-                    */}
-                        <Link
-                            href={"/blog"}
-                            prefetch={true}
-                            className={
-                                "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm"
-                            }
-                        >
-                            Blog
-                        </Link>
-
-                        <Link
-                            href={"#"}
-                            prefetch={true}
-                            className={
-                                "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm"
-                            }
-                        >
-                            Documentation
-                        </Link>
-                    </nav>
-                </div>
-
-                <div className="flex items-center space-x-3">
-                    <Button
-                        className="hidden gap-2 px-5 md:flex"
-                        variant="default"
-                        size="sm"
-                        rounded="full"
-                    >
-                        <span>Sign In</span>
-                    </Button>
-                </div>
-            </div>
-        </header>
-    );
-};

package/src/providers/search-state-wrapper.tsx

@@ -1,21 +0,0 @@
-"use client";
-
-import { SearchProvider } from "@c-rex/contexts";
-import { FC, ReactNode } from "react";
-
-interface SearchStateWrapperProps {
-    children: ReactNode;
-    filters: {
-        searchValue: string;
-        page: number;
-        selectedLanguage: string[];
-        availableLanguages: string[];
-    };
-}
-
-export const SearchStateWrapper: FC<SearchStateWrapperProps> = ({
-    children,
-    filters,
-}) => {
-    return <SearchProvider value={{ ...filters }}>{children}</SearchProvider>;
-};