next-recomponents 2.0.52 → 2.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +5 -6
- package/dist/index.mjs +5 -6
- package/package.json +1 -1
- package/src/container/index.tsx +6 -6
package/dist/index.js
CHANGED
|
@@ -3694,14 +3694,13 @@ function Container({
|
|
|
3694
3694
|
{ location: "/", name: "Home", icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HomeIcon, {}) },
|
|
3695
3695
|
...navItems
|
|
3696
3696
|
].map((li, k) => {
|
|
3697
|
-
const icono = menuList == null ? void 0 : menuList.find((m) => m.location == li.location);
|
|
3698
3697
|
return li && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
3699
3698
|
import_link.default,
|
|
3700
3699
|
{
|
|
3701
3700
|
href: li.location,
|
|
3702
3701
|
className: "flex gap-1 p-1 items-center",
|
|
3703
3702
|
children: [
|
|
3704
|
-
|
|
3703
|
+
li == null ? void 0 : li.icon,
|
|
3705
3704
|
li.name
|
|
3706
3705
|
]
|
|
3707
3706
|
},
|
|
@@ -3722,11 +3721,11 @@ function Container({
|
|
|
3722
3721
|
setIsSidebarOpen(true);
|
|
3723
3722
|
},
|
|
3724
3723
|
onMouseLeave: (e) => setIsSidebarOpen(false),
|
|
3725
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-
|
|
3724
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-2", children: [
|
|
3726
3725
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
3727
3726
|
"li",
|
|
3728
3727
|
{
|
|
3729
|
-
className: "p-
|
|
3728
|
+
className: "p-1 md:hidden flex items-center justify-between font-bold h-[30px]",
|
|
3730
3729
|
onClick: (e) => {
|
|
3731
3730
|
setIsSidebarOpen(false);
|
|
3732
3731
|
},
|
|
@@ -3746,11 +3745,11 @@ function Container({
|
|
|
3746
3745
|
{
|
|
3747
3746
|
href: (itemMenu == null ? void 0 : itemMenu.location) || "#",
|
|
3748
3747
|
children: [
|
|
3749
|
-
isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1", children: [
|
|
3748
|
+
isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: [
|
|
3750
3749
|
icon,
|
|
3751
3750
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
|
|
3752
3751
|
] }),
|
|
3753
|
-
!isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
|
|
3752
|
+
!isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: icon })
|
|
3754
3753
|
]
|
|
3755
3754
|
}
|
|
3756
3755
|
) }, k);
|
package/dist/index.mjs
CHANGED
|
@@ -3668,14 +3668,13 @@ function Container({
|
|
|
3668
3668
|
{ location: "/", name: "Home", icon: /* @__PURE__ */ jsx3(HomeIcon, {}) },
|
|
3669
3669
|
...navItems
|
|
3670
3670
|
].map((li, k) => {
|
|
3671
|
-
const icono = menuList == null ? void 0 : menuList.find((m) => m.location == li.location);
|
|
3672
3671
|
return li && /* @__PURE__ */ jsxs2(
|
|
3673
3672
|
import_link.default,
|
|
3674
3673
|
{
|
|
3675
3674
|
href: li.location,
|
|
3676
3675
|
className: "flex gap-1 p-1 items-center",
|
|
3677
3676
|
children: [
|
|
3678
|
-
|
|
3677
|
+
li == null ? void 0 : li.icon,
|
|
3679
3678
|
li.name
|
|
3680
3679
|
]
|
|
3681
3680
|
},
|
|
@@ -3696,11 +3695,11 @@ function Container({
|
|
|
3696
3695
|
setIsSidebarOpen(true);
|
|
3697
3696
|
},
|
|
3698
3697
|
onMouseLeave: (e) => setIsSidebarOpen(false),
|
|
3699
|
-
children: /* @__PURE__ */ jsx3("div", { className: "p-4 ", children: /* @__PURE__ */ jsxs2("ul", { className: "space-y-
|
|
3698
|
+
children: /* @__PURE__ */ jsx3("div", { className: "p-4 ", children: /* @__PURE__ */ jsxs2("ul", { className: "space-y-2", children: [
|
|
3700
3699
|
/* @__PURE__ */ jsxs2(
|
|
3701
3700
|
"li",
|
|
3702
3701
|
{
|
|
3703
|
-
className: "p-
|
|
3702
|
+
className: "p-1 md:hidden flex items-center justify-between font-bold h-[30px]",
|
|
3704
3703
|
onClick: (e) => {
|
|
3705
3704
|
setIsSidebarOpen(false);
|
|
3706
3705
|
},
|
|
@@ -3720,11 +3719,11 @@ function Container({
|
|
|
3720
3719
|
{
|
|
3721
3720
|
href: (itemMenu == null ? void 0 : itemMenu.location) || "#",
|
|
3722
3721
|
children: [
|
|
3723
|
-
isSidebarOpen && /* @__PURE__ */ jsxs2("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1", children: [
|
|
3722
|
+
isSidebarOpen && /* @__PURE__ */ jsxs2("div", { className: "text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: [
|
|
3724
3723
|
icon,
|
|
3725
3724
|
/* @__PURE__ */ jsx3("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
|
|
3726
3725
|
] }),
|
|
3727
|
-
!isSidebarOpen && /* @__PURE__ */ jsx3("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
|
|
3726
|
+
!isSidebarOpen && /* @__PURE__ */ jsx3("div", { className: "text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]", children: icon })
|
|
3728
3727
|
]
|
|
3729
3728
|
}
|
|
3730
3729
|
) }, k);
|
package/package.json
CHANGED
package/src/container/index.tsx
CHANGED
|
@@ -66,7 +66,7 @@ export default function Container({
|
|
|
66
66
|
{ location: "/", name: "Home", icon: <HomeIcon /> },
|
|
67
67
|
...navItems,
|
|
68
68
|
].map((li, k) => {
|
|
69
|
-
const icono = menuList?.find((m) => m.location == li.location);
|
|
69
|
+
// const icono = menuList?.find((m) => m.location == li.location);
|
|
70
70
|
return (
|
|
71
71
|
li && (
|
|
72
72
|
<Link
|
|
@@ -74,7 +74,7 @@ export default function Container({
|
|
|
74
74
|
key={k}
|
|
75
75
|
className="flex gap-1 p-1 items-center"
|
|
76
76
|
>
|
|
77
|
-
{
|
|
77
|
+
{li?.icon as any}
|
|
78
78
|
{li.name as any}
|
|
79
79
|
</Link>
|
|
80
80
|
)
|
|
@@ -98,11 +98,11 @@ export default function Container({
|
|
|
98
98
|
>
|
|
99
99
|
<div className="p-4 ">
|
|
100
100
|
{
|
|
101
|
-
<ul className="space-y-
|
|
101
|
+
<ul className="space-y-2">
|
|
102
102
|
<li
|
|
103
103
|
key={"menu"}
|
|
104
104
|
className={
|
|
105
|
-
"p-
|
|
105
|
+
"p-1 md:hidden flex items-center justify-between font-bold h-[30px]"
|
|
106
106
|
}
|
|
107
107
|
onClick={(e) => {
|
|
108
108
|
setIsSidebarOpen(false);
|
|
@@ -130,13 +130,13 @@ export default function Container({
|
|
|
130
130
|
// onClick={() => setIsSidebarOpen(false)}
|
|
131
131
|
>
|
|
132
132
|
{isSidebarOpen && (
|
|
133
|
-
<div className="text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1">
|
|
133
|
+
<div className="text-sm flex items-center hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]">
|
|
134
134
|
{icon}
|
|
135
135
|
<div className=" truncate">{itemMenu?.name}</div>
|
|
136
136
|
</div>
|
|
137
137
|
)}
|
|
138
138
|
{!isSidebarOpen && (
|
|
139
|
-
<div className="text-sm flex hover:bg-gray-200 hover:text-black rounded p-1">
|
|
139
|
+
<div className="text-sm flex hover:bg-gray-200 hover:text-black rounded p-1 h-[30px]">
|
|
140
140
|
{icon}
|
|
141
141
|
</div>
|
|
142
142
|
)}
|