@luscii-healthtech/web-ui 0.4.2 → 0.4.3
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/NavMenu/NavMenu.d.ts +9 -1
- package/dist/components/NavMenu/NavMenu.utils.d.ts +3 -0
- package/dist/components/NavMenu/NavMenuContent.d.ts +2 -6
- package/dist/components/NavMenu/NavMenuItem.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/web-ui.cjs.development.js +15 -6
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +15 -6
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NavMenu/{NavMenu.js → NavMenu.tsx} +7 -3
- package/src/components/NavMenu/NavMenu.utils.ts +6 -0
- package/src/components/NavMenu/NavMenuContent.tsx +8 -8
- package/src/components/NavMenu/NavMenuItem.tsx +1 -1
- package/src/index.tsx +1 -1
package/dist/web-ui.esm.js
CHANGED
|
@@ -2755,10 +2755,15 @@ var NavMenuItem = function NavMenuItem(props) {
|
|
|
2755
2755
|
}
|
|
2756
2756
|
};
|
|
2757
2757
|
|
|
2758
|
-
|
|
2758
|
+
function isNavMenuItem(item) {
|
|
2759
|
+
return item.type === "base" || item.type === undefined;
|
|
2760
|
+
}
|
|
2761
|
+
|
|
2762
|
+
var NavMenuContent = function NavMenuContent(_ref) {
|
|
2763
|
+
var items = _ref.items;
|
|
2759
2764
|
return /*#__PURE__*/createElement("div", {
|
|
2760
2765
|
className: "flex flex-col bg-nav-menu w-46 pl-1 py-2 lg:relative shadow-lg"
|
|
2761
|
-
},
|
|
2766
|
+
}, items.map(function (item, index) {
|
|
2762
2767
|
if (item.type === "separator") {
|
|
2763
2768
|
return /*#__PURE__*/createElement("div", {
|
|
2764
2769
|
key: item.type + "-" + index,
|
|
@@ -2769,15 +2774,19 @@ var NavMenuContent = function NavMenuContent(props) {
|
|
|
2769
2774
|
key: item.type + "-" + index,
|
|
2770
2775
|
className: "mt-auto"
|
|
2771
2776
|
});
|
|
2772
|
-
} else {
|
|
2777
|
+
} else if (isNavMenuItem(item)) {
|
|
2773
2778
|
return /*#__PURE__*/createElement(NavMenuItem, Object.assign({}, item, {
|
|
2774
2779
|
key: item.title
|
|
2775
2780
|
}));
|
|
2781
|
+
} else {
|
|
2782
|
+
return null;
|
|
2776
2783
|
}
|
|
2777
2784
|
}));
|
|
2778
2785
|
};
|
|
2779
2786
|
|
|
2780
|
-
function NavMenu(
|
|
2787
|
+
function NavMenu(_ref) {
|
|
2788
|
+
var items = _ref.items;
|
|
2789
|
+
|
|
2781
2790
|
var _useState = useState(false),
|
|
2782
2791
|
isOpen = _useState[0],
|
|
2783
2792
|
setIsOpen = _useState[1];
|
|
@@ -2789,7 +2798,7 @@ function NavMenu(props) {
|
|
|
2789
2798
|
return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("div", {
|
|
2790
2799
|
className: "hidden h-screen lg:flex"
|
|
2791
2800
|
}, /*#__PURE__*/createElement(NavMenuContent, {
|
|
2792
|
-
items:
|
|
2801
|
+
items: items
|
|
2793
2802
|
})), /*#__PURE__*/createElement("div", {
|
|
2794
2803
|
className: "lg:hidden relative bg-nav-header w-screen flex items-center p-2 shadow-lg"
|
|
2795
2804
|
}, /*#__PURE__*/createElement(Button, {
|
|
@@ -2800,7 +2809,7 @@ function NavMenu(props) {
|
|
|
2800
2809
|
})), isOpen && /*#__PURE__*/createElement("div", {
|
|
2801
2810
|
className: "absolute z-20"
|
|
2802
2811
|
}, /*#__PURE__*/createElement(NavMenuContent, {
|
|
2803
|
-
items:
|
|
2812
|
+
items: items
|
|
2804
2813
|
})));
|
|
2805
2814
|
}
|
|
2806
2815
|
|