@c-rex/components 0.0.9 → 0.0.10

package/dist/stories/sidebar.stories.esm.js

@@ -1,258 +0,0 @@
-// src/sidebar.tsx
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-import { Sidebar, SidebarContent, SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail } from "@c-rex/ui/sidebar";
-import { Skeleton } from "@c-rex/ui/skeleton";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AppSidebar(_param) {
-    var data = _param.data, loading = _param.loading, props = _object_without_properties(_param, [
-        "data",
-        "loading"
-    ]);
-    return /* @__PURE__ */ jsxs(Sidebar, _object_spread_props(_object_spread({
-        collapsible: "icon"
-    }, props), {
-        className: "top-20",
-        children: [
-            /* @__PURE__ */ jsx(SidebarContent, {
-                children: /* @__PURE__ */ jsx(SidebarGroup, {
-                    children: /* @__PURE__ */ jsx(SidebarMenu, {
-                        className: "pt-4",
-                        children: loading ? /* @__PURE__ */ jsxs(Fragment, {
-                            children: [
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2 ml-8"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2 ml-8"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2 ml-8"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2 ml-8"
-                                }),
-                                /* @__PURE__ */ jsx(Skeleton, {
-                                    className: "w-auto h-10 mb-2"
-                                })
-                            ]
-                        }) : /* @__PURE__ */ jsx(Fragment, {
-                            children: data.map(function(item) {
-                                var _item_children;
-                                return /* @__PURE__ */ jsxs(SidebarMenuItem, {
-                                    children: [
-                                        /* @__PURE__ */ jsx(SidebarMenuButton, {
-                                            asChild: true,
-                                            isActive: item.active,
-                                            children: /* @__PURE__ */ jsx("a", {
-                                                href: item.link,
-                                                title: item.label,
-                                                children: item.label
-                                            })
-                                        }),
-                                        ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) ? /* @__PURE__ */ jsx(SidebarMenuSub, {
-                                            children: item.children.map(function(item2) {
-                                                return /* @__PURE__ */ jsx(SidebarMenuSubItem, {
-                                                    children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
-                                                        asChild: true,
-                                                        isActive: item2.active,
-                                                        children: /* @__PURE__ */ jsx("a", {
-                                                            href: item2.link,
-                                                            title: item2.label,
-                                                            children: item2.label
-                                                        })
-                                                    })
-                                                }, item2.label);
-                                            })
-                                        }) : null
-                                    ]
-                                }, item.id);
-                            })
-                        })
-                    })
-                })
-            }),
-            /* @__PURE__ */ jsx(SidebarRail, {})
-        ]
-    }));
-}
-// src/stories/sidebar.stories.tsx
-import { SidebarInset, SidebarProvider, SidebarTrigger } from "@c-rex/ui/sidebar";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var meta = {
-    title: "Components/Sidebar",
-    component: AppSidebar,
-    tags: [
-        "autodocs"
-    ],
-    parameters: {
-        layout: "centered"
-    },
-    argTypes: {
-        data: {
-            control: "object"
-        },
-        loading: {
-            control: "boolean"
-        }
-    },
-    decorators: [
-        function(Story) {
-            return /* @__PURE__ */ jsxs2(SidebarProvider, {
-                children: [
-                    /* @__PURE__ */ jsx2(SidebarTrigger, {}),
-                    /* @__PURE__ */ jsx2("div", {
-                        className: "flex",
-                        children: /* @__PURE__ */ jsx2(SidebarInset, {
-                            children: /* @__PURE__ */ jsx2(Story, {})
-                        })
-                    })
-                ]
-            });
-        }
-    ]
-};
-var sidebar_stories_default = meta;
-var mockData = [
-    {
-        id: "1",
-        label: "Getting Started",
-        link: "/docs/getting-started",
-        active: true,
-        children: [
-            {
-                id: "1-1",
-                label: "Installation",
-                link: "/docs/getting-started/installation",
-                active: false,
-                children: []
-            },
-            {
-                id: "1-2",
-                label: "Configuration",
-                link: "/docs/getting-started/configuration",
-                active: false,
-                children: []
-            }
-        ]
-    },
-    {
-        id: "2",
-        label: "Components",
-        link: "/docs/components",
-        active: false,
-        children: [
-            {
-                id: "2-1",
-                label: "Sidebar",
-                link: "/docs/components/sidebar",
-                active: false,
-                children: []
-            },
-            {
-                id: "2-2",
-                label: "Navbar",
-                link: "/docs/components/navbar",
-                active: false,
-                children: []
-            }
-        ]
-    }
-];
-var Default = {
-    args: {
-        data: mockData,
-        loading: false
-    }
-};
-var Loading = {
-    args: {
-        data: [],
-        loading: true
-    }
-};
-export { Default, Loading, sidebar_stories_default as default };
-//# sourceMappingURL=sidebar.stories.esm.js.map

package/dist/stories/sidebar.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/sidebar.stories.esm.js","../../src/sidebar.tsx","../../src/stories/sidebar.stories.tsx"],"names":["Sidebar","SidebarContent","SidebarGroup","SidebarMenu","SidebarMenuButton","SidebarMenuItem","SidebarMenuSub","SidebarMenuSubButton","SidebarMenuSubItem","SidebarRail","Skeleton","Fragment","jsx","jsxs","AppSidebar","data","loading","props","collapsible","className","children","map","item","asChild","isActive","active","href","link","title","label","length","id","SidebarInset","SidebarProvider","SidebarTrigger","meta","component","tags","parameters","layout","argTypes","control","decorators","Story","sidebar_stories_default","mockData","Default","args","Loading","default"],"mappings":"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","sourcesContent":["// src/sidebar.tsx\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail\n} from \"@c-rex/ui/sidebar\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nfunction AppSidebar({ data, loading, ...props }) {\n  return /* @__PURE__ */ jsxs(Sidebar, { collapsible: \"icon\", ...props, className: \"top-20\", children: [\n    /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarMenu, { className: \"pt-4\", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ jsx(Skeleton, { className: \"w-auto h-10 mb-2\" })\n    ] }) : /* @__PURE__ */ jsx(Fragment, { children: data.map((item) => /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [\n      /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, isActive: item.active, children: /* @__PURE__ */ jsx(\"a\", { href: item.link, title: item.label, children: item.label }) }),\n      item.children?.length ? /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.children.map((item2) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(\n        SidebarMenuSubButton,\n        {\n          asChild: true,\n          isActive: item2.active,\n          children: /* @__PURE__ */ jsx(\"a\", { href: item2.link, title: item2.label, children: item2.label })\n        }\n      ) }, item2.label)) }) : null\n    ] }, item.id)) }) }) }) }),\n    /* @__PURE__ */ jsx(SidebarRail, {})\n  ] });\n}\n\n// src/stories/sidebar.stories.tsx\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from \"@c-rex/ui/sidebar\";\nimport { jsx as jsx2, jsxs as jsxs2 } from \"react/jsx-runtime\";\nvar meta = {\n  title: \"Components/Sidebar\",\n  component: AppSidebar,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\"\n  },\n  argTypes: {\n    data: { control: \"object\" },\n    loading: { control: \"boolean\" }\n  },\n  decorators: [\n    (Story) => /* @__PURE__ */ jsxs2(SidebarProvider, { children: [\n      /* @__PURE__ */ jsx2(SidebarTrigger, {}),\n      /* @__PURE__ */ jsx2(\"div\", { className: \"flex\", children: /* @__PURE__ */ jsx2(SidebarInset, { children: /* @__PURE__ */ jsx2(Story, {}) }) })\n    ] })\n  ]\n};\nvar sidebar_stories_default = meta;\nvar mockData = [\n  {\n    id: \"1\",\n    label: \"Getting Started\",\n    link: \"/docs/getting-started\",\n    active: true,\n    children: [\n      {\n        id: \"1-1\",\n        label: \"Installation\",\n        link: \"/docs/getting-started/installation\",\n        active: false,\n        children: []\n      },\n      {\n        id: \"1-2\",\n        label: \"Configuration\",\n        link: \"/docs/getting-started/configuration\",\n        active: false,\n        children: []\n      }\n    ]\n  },\n  {\n    id: \"2\",\n    label: \"Components\",\n    link: \"/docs/components\",\n    active: false,\n    children: [\n      {\n        id: \"2-1\",\n        label: \"Sidebar\",\n        link: \"/docs/components/sidebar\",\n        active: false,\n        children: []\n      },\n      {\n        id: \"2-2\",\n        label: \"Navbar\",\n        link: \"/docs/components/navbar\",\n        active: false,\n        children: []\n      }\n    ]\n  }\n];\nvar Default = {\n  args: {\n    data: mockData,\n    loading: false\n  }\n};\nvar Loading = {\n  args: {\n    data: [],\n    loading: true\n  }\n};\nexport {\n  Default,\n  Loading,\n  sidebar_stories_default as default\n};\n","\"use client\";\n\nimport { ComponentProps } from \"react\";\nimport {\n    Sidebar,\n    SidebarContent,\n    SidebarGroup,\n    SidebarMenu,\n    SidebarMenuButton,\n    SidebarMenuItem,\n    SidebarMenuSub,\n    SidebarMenuSubButton,\n    SidebarMenuSubItem,\n    SidebarRail\n} from \"@c-rex/ui/sidebar\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { TreeOfContent } from \"@c-rex/interfaces\";\n\ninterface SidebarProps extends ComponentProps<typeof Sidebar> {\n    data: TreeOfContent[];\n    loading?: boolean;\n}\n\nexport function AppSidebar({ data, loading, ...props }: SidebarProps) {\n    return (\n        <Sidebar collapsible=\"icon\" {...props} className=\"top-20\">\n            <SidebarContent>\n                <SidebarGroup>\n                    <SidebarMenu className=\"pt-4\">\n                        {loading ? (\n                            <>\n                                <Skeleton className=\"w-auto h-10 mb-2\" />\n                                <Skeleton className=\"w-auto h-10 mb-2\" />\n                                <Skeleton className=\"w-auto h-10 mb-2 ml-8\" />\n                                <Skeleton className=\"w-auto h-10 mb-2 ml-8\" />\n                                <Skeleton className=\"w-auto h-10 mb-2 ml-8\" />\n                                <Skeleton className=\"w-auto h-10 mb-2 ml-8\" />\n                                <Skeleton className=\"w-auto h-10 mb-2\" />\n                            </>\n                        ) : (\n                            <>\n                                {data.map((item) => (\n                                    <SidebarMenuItem key={item.id}>\n                                        <SidebarMenuButton asChild isActive={item.active}>\n                                            <a href={item.link} title={item.label}>\n                                                {item.label}\n                                            </a>\n                                        </SidebarMenuButton>\n\n                                        {item.children?.length ? (\n                                            <SidebarMenuSub>\n                                                {item.children.map((item) => (\n                                                    <SidebarMenuSubItem key={item.label}>\n                                                        <SidebarMenuSubButton\n                                                            asChild\n                                                            isActive={item.active}\n                                                        >\n                                                            <a href={item.link} title={item.label}>\n                                                                {item.label}\n                                                            </a>\n                                                        </SidebarMenuSubButton>\n                                                    </SidebarMenuSubItem>\n                                                ))}\n                                            </SidebarMenuSub>\n                                        ) : null}\n                                    </SidebarMenuItem>\n                                ))}\n                            </>\n                        )}\n                    </SidebarMenu>\n                </SidebarGroup>\n            </SidebarContent>\n            <SidebarRail />\n        </Sidebar>\n    );\n}\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { AppSidebar } from '../sidebar';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from \"@c-rex/ui/sidebar\";\n\nconst meta = {\n    title: 'Components/Sidebar',\n    component: AppSidebar,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n    argTypes: {\n        data: { control: 'object' },\n        loading: { control: 'boolean' },\n    },\n    decorators: [\n        (Story: any) => (\n            <SidebarProvider>\n                <SidebarTrigger />\n\n                <div className=\"flex\">\n                    <SidebarInset>\n                        <Story />\n                    </SidebarInset>\n                </div>\n            </SidebarProvider>\n\n        ),\n    ]\n} satisfies Meta<typeof AppSidebar>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockData = [\n    {\n        id: '1',\n        label: 'Getting Started',\n        link: '/docs/getting-started',\n        active: true,\n        children: [\n            {\n                id: '1-1',\n                label: 'Installation',\n                link: '/docs/getting-started/installation',\n                active: false,\n                children: [],\n            },\n            {\n                id: '1-2',\n                label: 'Configuration',\n                link: '/docs/getting-started/configuration',\n                active: false,\n                children: [],\n            },\n        ],\n    },\n    {\n        id: '2',\n        label: 'Components',\n        link: '/docs/components',\n        active: false,\n        children: [\n            {\n                id: '2-1',\n                label: 'Sidebar',\n                link: '/docs/components/sidebar',\n                active: false,\n                children: [],\n            },\n            {\n                id: '2-2',\n                label: 'Navbar',\n                link: '/docs/components/navbar',\n                active: false,\n                children: [],\n            },\n        ],\n    },\n];\n\nexport const Default: Story = {\n    args: {\n        data: mockData,\n        loading: false,\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: [],\n        loading: true,\n    },\n};"]}