trepur_components 0.3.26 → 0.3.27
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/components/Nav/index.js +26 -3
- package/package.json +1 -1
|
@@ -50,7 +50,8 @@ const Nav = _ref => {
|
|
|
50
50
|
borderBottom,
|
|
51
51
|
borderBottomColor,
|
|
52
52
|
closeMobileIconProps,
|
|
53
|
-
rowHeight
|
|
53
|
+
rowHeight,
|
|
54
|
+
getNavStatus
|
|
54
55
|
} = _ref;
|
|
55
56
|
const [showSideNav, setShowSideNav] = (0, _react.useState)(false);
|
|
56
57
|
const [showDropdownNav, setShowDropdownNav] = (0, _react.useState)(false);
|
|
@@ -105,6 +106,28 @@ const Nav = _ref => {
|
|
|
105
106
|
'fixed w-full z-50 top-0 mt-0': fixedTop,
|
|
106
107
|
'border-b': borderBottom
|
|
107
108
|
}, "hidden md:block items-center justify-between sm:items-stretch text-center");
|
|
109
|
+
|
|
110
|
+
const openMenu = () => {
|
|
111
|
+
getNavStatus({
|
|
112
|
+
asSideBar: asSideBar,
|
|
113
|
+
open: true
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
if (asSideBar) {
|
|
117
|
+
setShowSideNav(true);
|
|
118
|
+
} else {
|
|
119
|
+
setShowDropdownNav(!showDropdownNav);
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
const closeMenu = () => {
|
|
124
|
+
getNavStatus({
|
|
125
|
+
asSideBar: asSideBar,
|
|
126
|
+
open: false
|
|
127
|
+
});
|
|
128
|
+
setShowSideNav(false);
|
|
129
|
+
};
|
|
130
|
+
|
|
108
131
|
return /*#__PURE__*/_react.default.createElement("nav", {
|
|
109
132
|
id: id,
|
|
110
133
|
className: classes
|
|
@@ -115,7 +138,7 @@ const Nav = _ref => {
|
|
|
115
138
|
id: "nav-collapse-btn-wrapper",
|
|
116
139
|
className: "absolute inset-y-0 left-2 flex items-center"
|
|
117
140
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
118
|
-
onClick:
|
|
141
|
+
onClick: openMenu,
|
|
119
142
|
type: "button",
|
|
120
143
|
className: "inline-flex items-center justify-center \n p-2 rounded-md focus:ring-2 focus:ring-inset \n focus:ring-white ".concat(styles),
|
|
121
144
|
"aria-controls": "mobile-menu",
|
|
@@ -205,7 +228,7 @@ const Nav = _ref => {
|
|
|
205
228
|
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
206
229
|
iconProps: {
|
|
207
230
|
classes: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.classes,
|
|
208
|
-
onClick:
|
|
231
|
+
onClick: closeMenu,
|
|
209
232
|
type: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.type,
|
|
210
233
|
size: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.size
|
|
211
234
|
}
|