@admin-layout/tailwind-design-pro 10.1.1-alpha.16 → 10.1.1-alpha.17
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/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.js +14 -25
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.js +9 -6
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyM1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -110,27 +110,23 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
110
110
|
};
|
|
111
111
|
const renderSidebarContent = () => {
|
|
112
112
|
return jsxs("div", {
|
|
113
|
-
className: "text-gray-500 dark:text-gray-400
|
|
113
|
+
className: "text-gray-500 dark:text-gray-400 md:h-[93vh] h-full flex flex-col",
|
|
114
114
|
style: SidebarStyles,
|
|
115
|
-
children: [jsx("
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
115
|
+
children: [jsx("div", {
|
|
116
|
+
className: "relative",
|
|
117
|
+
children: jsx("button", {
|
|
118
|
+
onClick: toggleCollapsed,
|
|
119
|
+
className: "w-6 h-6 text-center bg-white text-gray-300 flex items-center justify-center rounded-full shadow-[0_2px_8px_-2px_rgba(0,0,0,0.05),0_1px_4px_-1px_rgba(25,15,15,0.07),0_0_1px_0_rgba(0,0,0,0.08)] hover:text-gray-600 hover:shadow-[0_4px_16px_-4px_rgba(0,0,0,0.05),0_2px_8px_-2px_rgba(25,15,15,0.07),0_1px_2px_0_rgba(0,0,0,0.08)] transition-colors text-[22px] absolute right-[-13px] top-[20px]",
|
|
120
|
+
"aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar',
|
|
121
|
+
children: collapsed ? jsx(ChevronRightIcon, {
|
|
122
|
+
fontSize: '11px'
|
|
123
|
+
}) : jsx(ChevronLeftIcon, {
|
|
124
|
+
fontSize: '11px'
|
|
125
|
+
})
|
|
123
126
|
})
|
|
124
127
|
}), jsxs("div", {
|
|
125
|
-
className: "
|
|
128
|
+
className: "flex-grow overflow-y-auto",
|
|
126
129
|
children: [middleMenus?.length > 0 && jsxs("div", {
|
|
127
|
-
style: {
|
|
128
|
-
flex: 1,
|
|
129
|
-
overflowY: 'auto',
|
|
130
|
-
overflowX: 'hidden',
|
|
131
|
-
display: 'flex',
|
|
132
|
-
flexDirection: 'column'
|
|
133
|
-
},
|
|
134
130
|
className: "removeBoxShadow",
|
|
135
131
|
children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(SidebarMenu, {
|
|
136
132
|
menuData: updateMenuIcons(middleMenus),
|
|
@@ -139,13 +135,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
139
135
|
collapsed: collapsed
|
|
140
136
|
})]
|
|
141
137
|
}), lowerMenus?.length > 0 && jsxs("div", {
|
|
142
|
-
style: {
|
|
143
|
-
flex: 1,
|
|
144
|
-
overflowY: 'auto',
|
|
145
|
-
overflowX: 'hidden',
|
|
146
|
-
display: 'flex',
|
|
147
|
-
flexDirection: 'column'
|
|
148
|
-
},
|
|
149
138
|
className: "removeBoxShadow",
|
|
150
139
|
children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(SidebarMenu, {
|
|
151
140
|
menuData: updateMenuIcons(lowerMenus),
|
|
@@ -163,7 +152,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
163
152
|
})
|
|
164
153
|
})]
|
|
165
154
|
}), jsx("div", {
|
|
166
|
-
className: "
|
|
155
|
+
className: "flex-shrink-0 p-4 border-t dark:border-gray-700",
|
|
167
156
|
children: jsx(BottomMenuDropDown, {
|
|
168
157
|
menus: bottomMenusData,
|
|
169
158
|
collapsed: collapsed,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8MlD,CAAC"}
|
|
@@ -4,7 +4,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {us
|
|
|
4
4
|
settings,
|
|
5
5
|
collapsed
|
|
6
6
|
}) => {
|
|
7
|
-
const [
|
|
7
|
+
const [openMenus, setOpenMenus] = useState([]);
|
|
8
8
|
const [hoveredMenu, setHoveredMenu] = useState(null);
|
|
9
9
|
const [popupPosition, setPopupPosition] = useState({
|
|
10
10
|
top: 0,
|
|
@@ -31,10 +31,13 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {us
|
|
|
31
31
|
const toggleMenu = (path, depth, e) => {
|
|
32
32
|
e.preventDefault();
|
|
33
33
|
if (collapsed) return;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
setOpenMenus(prev => {
|
|
35
|
+
if (prev.includes(path)) {
|
|
36
|
+
return prev.filter(item => item !== path);
|
|
37
|
+
} else {
|
|
38
|
+
return [...prev, path];
|
|
39
|
+
}
|
|
40
|
+
});
|
|
38
41
|
};
|
|
39
42
|
const handleMenuClick = (path, hasChildren, depth, e) => {
|
|
40
43
|
if (hasChildren && !collapsed) {
|
|
@@ -112,7 +115,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {us
|
|
|
112
115
|
};
|
|
113
116
|
const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
|
|
114
117
|
const hasChildren = item.children && item.children.length > 0;
|
|
115
|
-
const isOpen =
|
|
118
|
+
const isOpen = openMenus.includes(item.path);
|
|
116
119
|
const isActive = isMenuItemActive(item.path);
|
|
117
120
|
const isHovered = hoveredMenu === item.path;
|
|
118
121
|
const paddingLeft = `${depth * 1}rem`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.1.1-alpha.
|
|
3
|
+
"version": "10.1.1-alpha.17",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"typescript": {
|
|
62
62
|
"definition": "lib/index.d.ts"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "dfb3fcd53042be3b4a49d6aa863ef9ada9f4f2ef"
|
|
65
65
|
}
|