funuicss 3.6.7 → 3.6.9
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/css/fun.css +2 -4
- package/package.json +1 -1
- package/ui/sidebar/SideBar.js +6 -4
- package/ui/text/Text.js +1 -0
package/css/fun.css
CHANGED
|
@@ -3228,11 +3228,9 @@ border-radius: var(--borderRadius);
|
|
|
3228
3228
|
}
|
|
3229
3229
|
|
|
3230
3230
|
.sidebar-link {
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
gap: 0.5rem;
|
|
3231
|
+
text-align: left !important;
|
|
3232
|
+
justify-content: flex-start !important;
|
|
3234
3233
|
text-decoration: none;
|
|
3235
|
-
border-radius: 0.3rem;
|
|
3236
3234
|
}
|
|
3237
3235
|
|
|
3238
3236
|
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "3.6.
|
|
2
|
+
"version": "3.6.9",
|
|
3
3
|
"name": "funuicss",
|
|
4
4
|
"description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
|
|
5
5
|
"main": "index.js",
|
package/ui/sidebar/SideBar.js
CHANGED
|
@@ -43,6 +43,7 @@ var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
|
|
|
43
43
|
var Text_1 = __importDefault(require("../text/Text"));
|
|
44
44
|
var navigation_1 = require("next/navigation");
|
|
45
45
|
var theme_1 = require("../theme/theme");
|
|
46
|
+
var Button_1 = __importDefault(require("../button/Button"));
|
|
46
47
|
function SideBar(_a) {
|
|
47
48
|
var _b;
|
|
48
49
|
var _c = _a.funcss, funcss = _c === void 0 ? '' : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d, _e = _a.open, open = _e === void 0 ? false : _e, header = _a.header, content = _a.content, footer = _a.footer, _f = _a.top, top = _f === void 0 ? 0 : _f, _g = _a.sidebarWidth, sidebarWidth = _g === void 0 ? 250 : _g, _h = _a.iconCSS, iconCSS = _h === void 0 ? '' : _h, _j = _a.sidebarCss, sidebarCss = _j === void 0 ? '' : _j, activeCss = _a.activeCss, _k = _a.bodyCss, bodyCss = _k === void 0 ? '' : _k, _l = _a.popIcon, popIcon = _l === void 0 ? false : _l, _m = _a.dividers, dividers = _m === void 0 ? false : _m, _o = _a.links, links = _o === void 0 ? [] : _o, children = _a.children, onClose = _a.onClose;
|
|
@@ -113,21 +114,22 @@ function SideBar(_a) {
|
|
|
113
114
|
return (react_1.default.createElement("div", { key: section, className: "sidebar-section ".concat(dividers ? "bt" : "", " pt-2 pb-2") },
|
|
114
115
|
react_1.default.createElement(Text_1.default, { size: "sm", funcss: "opacity-6 p-1 pl-2 pr-2" }, section),
|
|
115
116
|
sectionLinks.map(function (link, index) {
|
|
116
|
-
var isActive = link.onClick
|
|
117
|
+
var isActive = link.onClick
|
|
118
|
+
? selectedOption === "".concat(section, "-").concat(index)
|
|
119
|
+
: pathname === link.uri;
|
|
117
120
|
return (react_1.default.createElement("div", { onClick: function () {
|
|
118
121
|
if (isMobile) {
|
|
119
122
|
handleClose();
|
|
120
123
|
}
|
|
121
124
|
if (link === null || link === void 0 ? void 0 : link.onClick) {
|
|
122
125
|
link.onClick();
|
|
123
|
-
setselectedOption(
|
|
126
|
+
setselectedOption("".concat(section, "-").concat(index));
|
|
124
127
|
}
|
|
125
128
|
else {
|
|
126
129
|
window.location.href = link.uri;
|
|
127
130
|
}
|
|
128
131
|
}, key: link.uri },
|
|
129
|
-
react_1.default.createElement(
|
|
130
|
-
react_1.default.createElement("span", { className: "".concat(iconCSS || '', " \n ").concat((variant === 'standard' || popIcon) ? "p-1 ".concat(isActive ? "primary" : "lighter border", " central") : (variant === "minimal" && !isActive) ? "p1 central lighter " : ""), style: { lineHeight: 0, borderRadius: "0.4rem" } }, link.icon),
|
|
132
|
+
react_1.default.createElement(Button_1.default, { fullWidth: true, small: true, funcss: "p-1 pl-2 pr-2 sidebar-link text-left ".concat(isActive ? "primary ".concat(activeCss || '') : 'hoverable'), startIcon: react_1.default.createElement("span", { className: "".concat(iconCSS || '', " \n ").concat((variant === 'standard' || popIcon) ? "p-1 ".concat(isActive ? "primary" : "lighter border", " central") : (variant === "minimal" && !isActive) ? "p-1 central lighter " : ""), style: { lineHeight: 0, borderRadius: "0.4rem" } }, link.icon) },
|
|
131
133
|
react_1.default.createElement(Text_1.default, { text: link.text, size: "sm", weight: 400 }))));
|
|
132
134
|
})));
|
|
133
135
|
}))),
|