@c-rex/components 0.1.26 → 0.1.29

package/src/stories/breadcrumb.stories.tsx

@@ -1,52 +1,93 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Breadcrumb } from '../breadcrumb';
 
-const meta: Meta = {
+const meta: Meta<typeof Breadcrumb> = {
     title: 'Components/Breadcrumb',
     component: Breadcrumb,
-    tags: ['autodocs'],
     parameters: {
         layout: 'centered',
-    }
-} satisfies Meta;
-
+    },
+    tags: ['autodocs'],
+};
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Breadcrumb>;
 
-const mockItems = [
+const tree = [
     {
-        id: 'docs',
-        label: 'Documentation',
-        link: '/docs',
+        id: 'home',
+        label: 'Home',
+        linkId: 'home',
         active: false,
-        children: [],
-    },
-    {
-        id: 'components',
-        label: 'Components',
-        link: '/docs/components',
-        active: false,
-        children: [],
-    },
-    {
-        id: 'breadcrumb',
-        label: 'Breadcrumb',
-        link: '/docs/components/breadcrumb',
-        active: true,
-        children: [],
+        children: [
+            {
+                id: 'docs',
+                label: 'Docs',
+                linkId: 'docs',
+                active: false,
+                children: [
+                    {
+                        id: 'breadcrumb',
+                        label: 'Breadcrumb',
+                        linkId: 'breadcrumb',
+                        active: true,
+                        children: [],
+                    },
+                ],
+            },
+        ],
     },
 ];
 
-export const Default: Story = {
+export const Basic: Story = {
     args: {
-        items: mockItems,
-        loading: false,
+        tree,
+        lang: 'en',
     },
 };
 
-export const Loading: Story = {
+export const WithLongTree: Story = {
     args: {
-        items: [],
-        loading: true,
+        tree: [
+            {
+                id: 'home',
+                label: 'Home',
+                linkId: 'home',
+                active: false,
+                children: [
+                    {
+                        id: 'section',
+                        label: 'Section',
+                        linkId: 'section',
+                        active: false,
+                        children: [
+                            {
+                                id: 'docs',
+                                label: 'Docs',
+                                linkId: 'docs',
+                                active: false,
+                                children: [
+                                    {
+                                        id: 'components',
+                                        label: 'Components',
+                                        linkId: 'components',
+                                        active: false,
+                                        children: [
+                                            {
+                                                id: 'breadcrumb',
+                                                label: 'Breadcrumb',
+                                                linkId: 'breadcrumb',
+                                                active: true,
+                                                children: [],
+                                            },
+                                        ],
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+        lang: 'en',
     },
 };

package/src/stories/check-article-lang.stories.tsx

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CheckArticleLangToast } from '../check-article-lang';
+
+const meta: Meta<typeof CheckArticleLangToast> = {
+    title: 'Components/CheckArticleLangToast',
+    component: CheckArticleLangToast,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+type Story = StoryObj<typeof CheckArticleLangToast>;
+
+export const Basic: Story = {
+    args: {
+        availableVersions: [
+            { shortId: '1', active: true, lang: 'en', country: 'US', link: '/en' },
+            { shortId: '2', active: false, lang: 'pt', country: 'BR', link: '/pt' },
+        ],
+    },
+};

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RenderArticle } from '../render-article';
+
+const meta: Meta<typeof RenderArticle> = {
+    title: 'Components/RenderArticle',
+    component: RenderArticle,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+type Story = StoryObj<typeof RenderArticle>;
+
+export const Basic: Story = {
+    args: {
+        htmlContent: '<h1>Hello World</h1><p>This is a test article.</p>',
+    },
+};

package/src/stories/search-input.stories.tsx

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SearchInput } from '../search-input';
+
+const meta: Meta<typeof SearchInput> = {
+    title: 'Components/SearchInput',
+    component: SearchInput,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+type Story = StoryObj<typeof SearchInput>;
+
+export const Basic: Story = {
+    args: {
+        showPkgFilter: false,
+        autocompleteType: 'default', // ajuste conforme opções reais
+        onSelectPath: '/',
+    },
+};

package/src/stories/share-button.stories.tsx

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

package/src/results/result-container.tsx

@@ -1,70 +0,0 @@
-import React, { FC } from "react";
-import {
-    DocumentModel,
-    ResultContainerModel,
-    ExternalProductGraphicModel,
-    FragmentModel,
-    InformationUnitModel,
-    PackageModel,
-    TopicModel
-} from "@c-rex/interfaces";
-import { Empty } from "./empty";
-
-type ResultData = ResultContainerModel<
-    DocumentModel |
-    ExternalProductGraphicModel |
-    FragmentModel |
-    InformationUnitModel |
-    PackageModel |
-    TopicModel
->;
-
-const vertical = "vertical";
-const horizontal = "horizontal";
-
-interface ResultContainerProps {
-    data?: ResultData;
-    error?: { message: string; name: string };
-    layout?: typeof vertical | typeof horizontal;
-
-    FilterComponent?: FC<any>;
-    ResultsComponent: FC<any>;
-    PaginationComponent: FC<any>;
-    [key: string]: unknown;
-}
-
-export const ResultContainer: FC<ResultContainerProps> = ({
-    data,
-    error,
-    layout = horizontal,
-    FilterComponent,
-    ResultsComponent,
-    PaginationComponent,
-    ...props
-}) => {
-    if (error) {
-        return <div>Error: {error.message}</div>;
-    }
-
-    if (!data || data.items.length === 0) {
-        return <Empty />;
-    }
-
-    return (
-        <div className="flex flex-row gap-6 pb-6">
-
-            {(data.tags && FilterComponent) && (
-                <FilterComponent
-                    tags={data.tags}
-                    totalItemCount={data.pageInfo.totalItemCount!}
-                    {...props}
-                />
-            )}
-            <div className="flex-1">
-                <ResultsComponent items={data.items} {...props} />
-
-                <PaginationComponent pageInfo={data.pageInfo} {...props} />
-            </div>
-        </div>
-    );
-};