@c-rex/components 0.0.8 → 0.0.9

package/dist/sidebar.cjs.js

@@ -0,0 +1,225 @@
+"use strict";
+"use client";
+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;
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
+    AppSidebar: function() {
+        return AppSidebar;
+    }
+});
+module.exports = __toCommonJS(sidebar_exports);
+var import_sidebar = require("@c-rex/ui/sidebar");
+var import_skeleton = require("@c-rex/ui/skeleton");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AppSidebar(_param) {
+    var data = _param.data, loading = _param.loading, props = _object_without_properties(_param, [
+        "data",
+        "loading"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.Sidebar, _object_spread_props(_object_spread({
+        collapsible: "icon"
+    }, props), {
+        className: "top-20",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarContent, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarGroup, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenu, {
+                        className: "pt-4",
+                        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                })
+                            ]
+                        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+                            children: data.map(function(item) {
+                                var _item_children;
+                                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.SidebarMenuItem, {
+                                    children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuButton, {
+                                            asChild: true,
+                                            isActive: item.active,
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSub, {
+                                            children: item.children.map(function(item2) {
+                                                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSubItem, {
+                                                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSubButton, {
+                                                        asChild: true,
+                                                        isActive: item2.active,
+                                                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                                                            href: item2.link,
+                                                            title: item2.label,
+                                                            children: item2.label
+                                                        })
+                                                    })
+                                                }, item2.label);
+                                            })
+                                        }) : null
+                                    ]
+                                }, item.id);
+                            })
+                        })
+                    })
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarRail, {})
+        ]
+    }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    AppSidebar: AppSidebar
+});
+//# sourceMappingURL=sidebar.cjs.js.map

package/dist/sidebar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/sidebar.cjs.js","../src/sidebar.tsx"],"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","sidebar_exports","AppSidebar","module","exports","import_sidebar","require","import_skeleton","import_jsx_runtime","data","loading","props","jsxs","Sidebar","collapsible","className","children","jsx","SidebarContent","SidebarGroup","SidebarMenu","Fragment","Skeleton","map","item","SidebarMenuItem","SidebarMenuButton","asChild","isActive","active","href","link","title","label","length","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton","id","SidebarRail"],"mappings":"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","sourcesContent":["\"use strict\";\n\"use client\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/sidebar.tsx\nvar sidebar_exports = {};\n__export(sidebar_exports, {\n  AppSidebar: () => AppSidebar\n});\nmodule.exports = __toCommonJS(sidebar_exports);\nvar import_sidebar = require(\"@c-rex/ui/sidebar\");\nvar import_skeleton = require(\"@c-rex/ui/skeleton\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nfunction AppSidebar({ data, loading, ...props }) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.Sidebar, { collapsible: \"icon\", ...props, className: \"top-20\", children: [\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenu, { className: \"pt-4\", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2 ml-8\" }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-auto h-10 mb-2\" })\n    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.SidebarMenuItem, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuButton, { asChild: true, isActive: item.active, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"a\", { href: item.link, title: item.label, children: item.label }) }),\n      item.children?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSub, { children: item.children.map((item2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSubItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n        import_sidebar.SidebarMenuSubButton,\n        {\n          asChild: true,\n          isActive: item2.active,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"a\", { href: item2.link, title: item2.label, children: item2.label })\n        }\n      ) }, item2.label)) }) : null\n    ] }, item.id)) }) }) }) }),\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarRail, {})\n  ] });\n}\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  AppSidebar\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"]}

package/dist/sidebar.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+}
+declare function AppSidebar({ data, loading, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { AppSidebar };

package/dist/sidebar.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+}
+declare function AppSidebar({ data, loading, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { AppSidebar };

package/dist/sidebar.esm.js

@@ -0,0 +1,164 @@
+"use client";
+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;
+}
+// src/sidebar.tsx
+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, {})
+        ]
+    }));
+}
+export { AppSidebar };
+//# sourceMappingURL=sidebar.esm.js.map

package/dist/sidebar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/sidebar.esm.js","../src/sidebar.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"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kBAAkB;ACClB,SACIA,OAAA,EACAC,cAAA,EACAC,YAAA,EACAC,WAAA,EACAC,iBAAA,EACAC,eAAA,EACAC,cAAA,EACAC,oBAAA,EACAC,kBAAA,EACAC,WAAA,QACG,oBAAA;AACP,SAASC,QAAA,QAAgB,qBAAA;AAeG,SAAAC,QAAA,EACIC,GAAA,EADJC,IAAA,QAAA,oBAAA;AAPrB,SAASC,WAAW;QAAEC,OAAF,OAAEA,MAAMC,UAAR,OAAQA,SAAYC,mCAApB;QAAEF;QAAMC;;IAC/B,OACI,aAAA,GAAAH,KAACb,SAAA;QAAQkB,aAAY;OAAWD;QAAOE,WAAU;QAC7CC,UAAA;YAAA,aAAA,GAAAR,IAACX,gBAAA;gBACGmB,UAAA,aAAA,GAAAR,IAACV,cAAA;oBACGkB,UAAA,aAAA,GAAAR,IAACT,aAAA;wBAAYgB,WAAU;wBAClBC,UAAAJ,UACG,aAAA,GAAAH,KAAAF,UAAA;4BACIS,UAAA;gCAAA,aAAA,GAAAR,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;gCACpB,aAAA,GAAAP,IAACF,UAAA;oCAASS,WAAU;gCAAA;6BAAmB;wBAAA,KAG3C,aAAA,GAAAP,IAAAD,UAAA;4BACKS,UAAAL,KAAKM,GAAA,CAAI,SAACC;oCAQFA;uCAPL,aAAA,GAAAT,KAACR,iBAAA;oCACGe,UAAA;wCAAA,aAAA,GAAAR,IAACR,mBAAA;4CAAkBmB,SAAO;4CAACC,UAAUF,KAAKG,MAAA;4CACtCL,UAAA,aAAA,GAAAR,IAAC,KAAA;gDAAEc,MAAMJ,KAAKK,IAAA;gDAAMC,OAAON,KAAKO,KAAA;gDAC3BT,UAAAE,KAAKO,KAAA;4CAAA;wCACV;wCAGHP,EAAAA,iBAAAA,KAAKF,QAAA,cAALE,qCAAAA,eAAeQ,MAAA,IACZ,aAAA,GAAAlB,IAACN,gBAAA;4CACIc,UAAAE,KAAKF,QAAA,CAASC,GAAA,CAAI,SAACC;uDAChB,aAAA,GAAAV,IAACJ,oBAAA;oDACGY,UAAA,aAAA,GAAAR,IAACL,sBAAA;wDACGgB,SAAO;wDACPC,UAAUF,MAAKG,MAAA;wDAEfL,UAAA,aAAA,GAAAR,IAAC,KAAA;4DAAEc,MAAMJ,MAAKK,IAAA;4DAAMC,OAAON,MAAKO,KAAA;4DAC3BT,UAAAE,MAAKO,KAAA;wDAAA;oDACV;gDACJ,GARqBP,MAAKO,KAS9B;;wCACH,KAEL;qCAAA;gCAAA,GAtBcP,KAAKS,EAuB3B;;wBACH;oBACL;gBAER;YACJ;YAEJ,aAAA,GAAAnB,IAACH,aAAA,CAAA;SAAY;;AAGzB;ADlCA,SACEK,UAAU,GACV","sourcesContent":["\"use client\";\n\n// 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}\nexport {\n  AppSidebar\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"]}