@c-rex/components 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,74 @@
+# C-Rex Components
+
+A collection of reusable React components built on top of @c-rex/ui for the C-Rex application.
+
+## Features
+
+- Pre-built components following C-Rex design system
+- Built with TypeScript for type safety
+- Fully customizable and extensible
+- Integration with C-Rex services and utilities
+
+## Installation
+
+This package is part of the C-Rex monorepo and comes pre-installed. If you need to install it separately:
+
+```bash
+npm install @c-rex/components
+```
+
+## Available Components
+
+### AppSidebar
+A navigation sidebar component that supports:
+- Nested menu items
+- Loading states with skeletons
+- Active state indicators
+- Collapsible functionality
+
+```tsx
+import { AppSidebar } from '@c-rex/components';
+
+<AppSidebar 
+    data={treeData}
+    loading={false}
+/>
+```
+
+## Development
+
+### Prerequisites
+- Node.js 18 or higher
+- Access to @c-rex/ui package
+- Access to @c-rex/interfaces package
+
+### Testing
+```bash
+npm run test
+```
+
+### Storybook
+View and interact with components in isolation:
+```bash
+npm run storybook
+```
+
+## Contributing
+
+1. Components should be built using @c-rex/ui as the foundation
+2. Include TypeScript types
+3. Add Storybook stories for new components
+4. Write unit tests for component logic
+5. Follow the existing component patterns
+
+## Dependencies
+
+- @c-rex/ui: Base UI components
+- @c-rex/interfaces: Type definitions
+- @c-rex/services: API services
+- React 18+
+
+## License
+
+Internal use only - C-Rex.net
+```

package/dist/components/src/autocomplete.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    initialValue: string;
+    onSelect: (value: string) => void;
+    onSearch: (value: string) => Promise<string[]>;
+};
+export declare const AutoComplete: ({ initialValue, onSearch, onSelect, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/components/src/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,uCAI1B,KAAK,4CAqFP,CAAA"}

package/dist/components/src/autocomplete.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoComplete = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cmdk_1 = require("cmdk");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const input_1 = require("@c-rex/ui/input");
+const command_1 = require("@c-rex/ui/command");
+const popover_1 = require("@c-rex/ui/popover");
+const AutoComplete = ({ initialValue, onSearch, onSelect, }) => {
+    const [query, setQuery] = (0, react_1.useState)(initialValue);
+    const [suggestions, setSuggestions] = (0, react_1.useState)([]);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const debounceFetch = setTimeout(() => {
+            if (query) {
+                onSearch(query).then(setSuggestions);
+            }
+            else {
+                setSuggestions([]);
+            }
+        }, 300);
+        return () => clearTimeout(debounceFetch);
+    }, [onSearch, query]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center", children: (0, jsx_runtime_1.jsx)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: (0, jsx_runtime_1.jsxs)(command_1.Command, { shouldFilter: false, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverAnchor, { asChild: true, children: (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { asChild: true, value: query, onValueChange: setQuery, onKeyDown: (e) => setOpen(e.key !== "Escape"), onMouseDown: () => setOpen(false), onFocus: () => setOpen(true), children: (0, jsx_runtime_1.jsx)(input_1.Input, {}) }) }), !open && (0, jsx_runtime_1.jsx)(command_1.CommandList, { "aria-hidden": "true", className: "hidden" }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { asChild: true, 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", children: (0, jsx_runtime_1.jsx)(command_1.CommandList, { children: suggestions.length > 0 ? ((0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: suggestions.map((option) => ((0, jsx_runtime_1.jsxs)(command_1.CommandItem, { value: option, onMouseDown: (e) => e.preventDefault(), onSelect: (inputValue) => {
+                                        setOpen(false);
+                                        onSelect(inputValue ?? "");
+                                    }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "mr-2 h-4 w-4 opacity-0" }), option] }, option))) })) : ((0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: "No suggestions." })) }) })] }) }) }));
+};
+exports.AutoComplete = AutoComplete;

package/dist/components/src/blog-card.d.ts

@@ -0,0 +1,17 @@
+interface BlogCardProp {
+    data: {
+        title: string;
+        blurDataURL: string;
+        image: string;
+        description: string;
+        authors: string;
+        _id: string;
+        date: string;
+        slug: string;
+    };
+    priority?: boolean;
+    horizontal?: boolean;
+}
+export declare const BlogCard: ({ data, priority, horizontal, }: BlogCardProp) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=blog-card.d.ts.map

package/dist/components/src/blog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-card.d.ts","sourceRoot":"","sources":["../../../src/blog-card.tsx"],"names":[],"mappings":"AAMA,UAAU,YAAY;IAClB,IAAI,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,iCAItB,YAAY,4CA6Dd,CAAC"}

package/dist/components/src/blog-card.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlogCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = __importDefault(require("next/link"));
+const utils_1 = require("@c-rex/utils");
+const blur_image_1 = require("./blur-image");
+const BlogCard = ({ data, priority, horizontal = false, }) => {
+    return ((0, jsx_runtime_1.jsxs)("article", { className: (0, utils_1.cn)("group relative", horizontal
+            ? "grid grid-cols-1 gap-3 md:grid-cols-2 md:gap-6"
+            : "flex flex-col space-y-2"), children: [data.image && ((0, jsx_runtime_1.jsx)("div", { className: "w-full overflow-hidden rounded-xl border", children: (0, jsx_runtime_1.jsx)(blur_image_1.BlurImage, { alt: data.title, blurDataURL: data.blurDataURL, className: (0, utils_1.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" }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex flex-1 flex-col", horizontal ? "justify-center" : "justify-between"), children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("h2", { className: "my-1.5 line-clamp-2 font-heading text-2xl", children: data.title }), data.description && ((0, jsx_runtime_1.jsx)("p", { className: "line-clamp-2 text-muted-foreground", children: data.description }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex items-center space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center -space-x-2", children: data.authors && ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: data.authors })) }), data.date && ((0, jsx_runtime_1.jsx)("p", { className: "text-sm text-muted-foreground", children: data.date }))] })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: data.slug, className: "absolute inset-0", target: "_blank", children: (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "View Article" }) })] }));
+};
+exports.BlogCard = BlogCard;

package/dist/components/src/blur-image.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from "react";
+import Image from "next/image";
+export declare const BlurImage: (props: ComponentProps<typeof Image>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=blur-image.d.ts.map

package/dist/components/src/blur-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur-image.d.ts","sourceRoot":"","sources":["../../../src/blur-image.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,YAAY,CAAC;AAG/B,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,CAAC,OAAO,KAAK,CAAC,4CAe5D,CAAA"}

package/dist/components/src/blur-image.js

@@ -0,0 +1,16 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlurImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const image_1 = __importDefault(require("next/image"));
+const utils_1 = require("@c-rex/utils");
+const BlurImage = (props) => {
+    const [isLoading, setLoading] = (0, react_1.useState)(true);
+    return ((0, jsx_runtime_1.jsx)(image_1.default, { ...props, alt: props.alt, className: (0, utils_1.cn)(props.className, "duration-500 ease-in-out", isLoading ? "blur-sm" : "blur-0"), onLoad: () => setLoading(false) }));
+};
+exports.BlurImage = BlurImage;

package/dist/components/src/breadcrumb.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { TreeOfContent } from "@c-rex/interfaces";
+interface BreadcrumbProps {
+    items: TreeOfContent[];
+    loading?: boolean;
+}
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+export {};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/src/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,eAAe;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}

package/dist/components/src/breadcrumb.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const breadcrumb_1 = require("@c-rex/ui/breadcrumb");
+const skeleton_1 = require("@c-rex/ui/skeleton");
+const Breadcrumb = ({ items, loading }) => {
+    if (!items) {
+        return null;
+    }
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, { children: (0, jsx_runtime_1.jsxs)(breadcrumb_1.BreadcrumbList, { children: [(0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage, { children: "Home" }) }), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-40 h-6" }) }), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}), (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-40 h-6" }) })] }) }));
+    }
+    const homeItem = {
+        link: "/",
+        label: "Home",
+        id: "home",
+        active: false,
+        children: [],
+    };
+    const newItemList = [homeItem, ...items];
+    const renderLink = (showLink, item) => {
+        if (showLink) {
+            return (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbLink, { href: item.link, children: item.label });
+        }
+        return (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbPage, { children: item.label });
+    };
+    return ((0, jsx_runtime_1.jsx)(breadcrumb_1.Breadcrumb, { children: (0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbList, { children: newItemList.map((item, index) => {
+                const isLast = index === newItemList.length - 1;
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`), !isLast && ((0, jsx_runtime_1.jsx)(breadcrumb_1.BreadcrumbSeparator, {}, `${item.label}-separator`))] }));
+            }) }) }));
+};
+exports.Breadcrumb = Breadcrumb;

package/dist/components/src/empty.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const Empty: FC;
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/src/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,eAAO,MAAM,KAAK,EAAE,EASnB,CAAC"}

package/dist/components/src/empty.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const alert_1 = require("@c-rex/ui/alert");
+const Empty = () => {
+    return ((0, jsx_runtime_1.jsxs)(alert_1.Alert, { className: "my-2", children: [(0, jsx_runtime_1.jsx)(alert_1.AlertTitle, { children: "No results" }), (0, jsx_runtime_1.jsx)(alert_1.AlertDescription, { children: "No data available. Please try adjusting your search or filter criteria." })] }));
+};
+exports.Empty = Empty;

package/dist/components/src/navbar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface NavBarProps {
+    scroll?: boolean;
+    large?: boolean;
+}
+export declare const NavBar: FC<NavBarProps>;
+export {};
+//# sourceMappingURL=navbar.d.ts.map

package/dist/components/src/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,UAAU,WAAW;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsDlC,CAAC"}

package/dist/components/src/navbar.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = __importDefault(require("next/link"));
+const button_1 = require("@c-rex/ui/button");
+const image_1 = __importDefault(require("next/image"));
+const NavBar = () => {
+    return ((0, jsx_runtime_1.jsx)("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", children: (0, jsx_runtime_1.jsxs)("div", { className: "container flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 md:gap-10", children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: "/", className: "flex items-center space-x-1.5", children: (0, jsx_runtime_1.jsx)(image_1.default, { src: "/img/logo.png", alt: "C-rex Logo", width: 88, height: 50 }) }), (0, jsx_runtime_1.jsxs)("nav", { className: "hidden gap-6 md:flex", children: [(0, jsx_runtime_1.jsx)(link_1.default, { href: "/blog", prefetch: true, className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm", children: "Blog" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: "#", prefetch: true, className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm", children: "Documentation" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center space-x-3", children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "hidden gap-2 px-5 md:flex", variant: "default", size: "sm", rounded: "full", children: (0, jsx_runtime_1.jsx)("span", { children: "Sign In" }) }) })] }) }));
+};
+exports.NavBar = NavBar;

package/dist/components/src/providers/search-state-wrapper.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from "react";
+interface SearchStateWrapperProps {
+    children: ReactNode;
+    filters: {
+        searchValue: string;
+        page: number;
+        selectedLanguage: string[];
+        availableLanguages: string[];
+    };
+}
+export declare const SearchStateWrapper: FC<SearchStateWrapperProps>;
+export {};
+//# sourceMappingURL=search-state-wrapper.d.ts.map

package/dist/components/src/providers/search-state-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-state-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/providers/search-state-wrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,gBAAgB,EAAE,MAAM,EAAE,CAAC;QAC3B,kBAAkB,EAAE,MAAM,EAAE,CAAC;KAChC,CAAC;CACL;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAK1D,CAAC"}

package/dist/components/src/providers/search-state-wrapper.js

@@ -0,0 +1,10 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchStateWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contexts_1 = require("@c-rex/contexts");
+const SearchStateWrapper = ({ children, filters, }) => {
+    return (0, jsx_runtime_1.jsx)(contexts_1.SearchProvider, { value: { ...filters }, children: children });
+};
+exports.SearchStateWrapper = SearchStateWrapper;

package/dist/components/src/result-list.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { informationUnitsItems } from "@c-rex/interfaces";
+interface ResultListProps {
+    items: informationUnitsItems[];
+}
+export declare const ResultList: FC<ResultListProps>;
+export {};
+//# sourceMappingURL=result-list.d.ts.map

package/dist/components/src/result-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-list.d.ts","sourceRoot":"","sources":["../../../src/result-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,UAAU,eAAe;IACrB,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAE1C,CAAC"}

package/dist/components/src/result-list.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const empty_1 = require("./empty");
+//import { CUSTOMER_CONFIG } from '@/config/customerConfig';
+//import { RESULT_VIEW_OPTIONS } from '@/constants/components';
+const blog_1 = __importDefault(require("./result-view/blog"));
+const ViewComponent = blog_1.default;
+const ResultList = ({ items }) => {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items.length == 0 ? (0, jsx_runtime_1.jsx)(empty_1.Empty, {}) : (0, jsx_runtime_1.jsx)(ViewComponent, { items: items }) });
+};
+exports.ResultList = ResultList;

package/dist/components/src/result-view/blog-view.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import BlogView from '../result-view/blog';
+declare const meta: Meta<typeof BlogView>;
+export default meta;
+type Story = StoryObj<typeof BlogView>;
+export declare const Default: Story;
+//# sourceMappingURL=blog-view.stories.d.ts.map

package/dist/components/src/result-view/blog-view.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-view.stories.d.ts","sourceRoot":"","sources":["../../../../src/result-view/blog-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAwCvC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/components/src/result-view/blog-view.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const blog_1 = __importDefault(require("../result-view/blog"));
+const meta = {
+    title: 'Components/ResultView/Blog',
+    component: blog_1.default,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+const mockItems = [
+    {
+        id: '1',
+        shortId: 'doc-1',
+        labels: [
+            { value: 'Getting Started with C-Rex', language: 'en-US' },
+            { value: 'Começando com C-Rex', language: 'pt-BR' }
+        ],
+        languages: ['pt-BR'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: '2',
+        shortId: 'doc-2',
+        labels: [
+            { value: 'Advanced Configuration Guide', language: 'en-US' }
+        ],
+        languages: ['en-US'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: '3',
+        shortId: 'doc-3',
+        labels: [
+            { value: 'API Documentation', language: 'en-US' },
+            { value: 'Documentation API', language: 'fr-FR' }
+        ],
+        languages: ['fr-FR'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    }
+];
+exports.Default = {
+    args: {
+        items: mockItems
+    }
+};

package/dist/components/src/result-view/blog.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { informationUnitsItems } from "@c-rex/interfaces";
+interface BlogViewProps {
+    items: informationUnitsItems[];
+}
+declare const BlogView: FC<BlogViewProps>;
+export default BlogView;
+//# sourceMappingURL=blog.d.ts.map

package/dist/components/src/result-view/blog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog.d.ts","sourceRoot":"","sources":["../../../../src/result-view/blog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,EAAE,qBAAqB,EAAU,MAAM,mBAAmB,CAAC;AAElE,UAAU,aAAa;IACnB,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0B/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/src/result-view/blog.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const blog_card_1 = require("../blog-card");
+const BlogView = ({ items }) => {
+    const getTitle = (labels) => {
+        return labels.map((item) => item.value).join();
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-8 md:grid-cols-2 md:gap-x-6 md:gap-y-10 xl:grid-cols-3", children: items.map((item, index) => {
+            return ((0, jsx_runtime_1.jsx)(blog_card_1.BlogCard, { data: {
+                    title: getTitle(item.labels),
+                    blurDataURL: "/img/blog-post-1.webp",
+                    image: "/img/blog-post-1.webp",
+                    description: "item.shortDescription",
+                    authors: "item.authors",
+                    _id: "item._id",
+                    date: "item.date",
+                    slug: `info/${item.shortId}`,
+                } }, index));
+        }) }));
+};
+exports.default = BlogView;

package/dist/components/src/result-view/table-view.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TableView from '../result-view/table';
+declare const meta: Meta<typeof TableView>;
+export default meta;
+type Story = StoryObj<typeof TableView>;
+export declare const Default: Story;
+//# sourceMappingURL=table-view.stories.d.ts.map

package/dist/components/src/result-view/table-view.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.stories.d.ts","sourceRoot":"","sources":["../../../../src/result-view/table-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAqCxC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/components/src/result-view/table-view.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const table_1 = __importDefault(require("../result-view/table"));
+const meta = {
+    title: 'Components/ResultView/Table',
+    component: table_1.default,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+const mockItems = [
+    {
+        id: '1',
+        labels: [
+            { value: 'Installation Guide', language: 'en-US' },
+            { value: 'Guide d\'installation', language: 'fr-FR' }
+        ],
+        languages: ['fr-FR'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: '2',
+        labels: [
+            { value: 'User Manual', language: 'en-US' },
+            { value: 'Manual del Usuario', language: 'es-ES' }
+        ],
+        languages: ['es-ES'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    },
+    {
+        id: '3',
+        labels: [
+            { value: 'Technical Specifications', language: 'en-US' }
+        ],
+        languages: ['en-US'],
+        type: 'document',
+        renditions: [],
+        directoryNodes: []
+    }
+];
+exports.Default = {
+    args: {
+        items: mockItems
+    }
+};

package/dist/components/src/result-view/table.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { informationUnitsItems } from "@c-rex/interfaces";
+interface TableViewProps {
+    items: informationUnitsItems[];
+}
+declare const TableView: FC<TableViewProps>;
+export default TableView;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/src/result-view/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/result-view/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,qBAAqB,EAAU,MAAM,mBAAmB,CAAC;AAGlE,UAAU,cAAc;IACpB,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA8CjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/src/result-view/table.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const table_1 = require("@c-rex/ui/table");
+const TableView = ({ items }) => {
+    const getTitle = (labels) => {
+        return labels.map((item) => item.value).join();
+    };
+    const getIcons = (languages) => {
+        return languages.map((lang, index) => {
+            const aux = lang.split("-")[1];
+            /*
+                  const FlagIcon = getFlagIcon(aux);
+                  
+                  return FlagIcon && (
+                      <div key={index} style={{ width: 36 }} className="border me-3">
+                      <FlagIcon />
+                      </div>
+                  )
+                  */
+            return ((0, jsx_runtime_1.jsx)("div", { style: { width: 36 }, className: "border me-3", children: aux }, index));
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md border", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: (0, jsx_runtime_1.jsxs)(table_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { children: "Title" }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: "Country" })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: items.map((item, index) => ((0, jsx_runtime_1.jsxs)(table_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { children: getTitle(item.labels) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: getIcons(item.languages) })] }, index))) })] }) }));
+};
+exports.default = TableView;

package/dist/components/src/sidebar.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { Sidebar } from "@c-rex/ui/sidebar";
+import { TreeOfContent } from "@c-rex/interfaces";
+interface SidebarProps extends ComponentProps<typeof Sidebar> {
+    data: TreeOfContent[];
+    loading?: boolean;
+}
+export declare function AppSidebar({ data, loading, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/src/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACH,OAAO,EAUV,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,YAAa,SAAQ,cAAc,CAAC,OAAO,OAAO,CAAC;IACzD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAoDnE"}

package/dist/components/src/sidebar.js

@@ -0,0 +1,10 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppSidebar = AppSidebar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sidebar_1 = require("@c-rex/ui/sidebar");
+const skeleton_1 = require("@c-rex/ui/skeleton");
+function AppSidebar({ data, loading, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, { collapsible: "icon", ...props, className: "top-20", children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarContent, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarGroup, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenu, { className: "pt-4", children: loading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2 ml-8" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2 ml-8" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2 ml-8" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2 ml-8" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "w-auto h-10 mb-2" })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: data.map((item) => ((0, jsx_runtime_1.jsxs)(sidebar_1.SidebarMenuItem, { children: [(0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuButton, { asChild: true, isActive: item.active, children: (0, jsx_runtime_1.jsx)("a", { href: item.link, title: item.label, children: item.label }) }), item.children?.length ? ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSub, { children: item.children.map((item) => ((0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSubItem, { children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarMenuSubButton, { asChild: true, isActive: item.active, children: (0, jsx_runtime_1.jsx)("a", { href: item.link, title: item.label, children: item.label }) }) }, item.label))) })) : null] }, item.id))) })) }) }) }), (0, jsx_runtime_1.jsx)(sidebar_1.SidebarRail, {})] }));
+}

package/dist/components/src/stories/blog-card.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Horizontal: Story;
+export declare const WithPriority: Story;
+//# sourceMappingURL=blog-card.stories.d.ts.map

package/dist/components/src/stories/blog-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/blog-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAYqB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAanC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}