karsten-design-system 1.0.27 → 1.0.29
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.
|
@@ -1,15 +1,28 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
3
|
import TextIcon from '../../assets/icons/text.js';
|
|
4
4
|
import { Link } from 'react-router-dom';
|
|
5
5
|
|
|
6
|
-
function InternalMenu({ item }) {
|
|
7
|
-
const [
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
function InternalMenu({ item, isFiltering }) {
|
|
7
|
+
const [openItems, setOpenItems] = useState([]);
|
|
8
|
+
const toggleMenu = (menuItem) => {
|
|
9
|
+
setOpenItems((prev) => prev.includes(menuItem)
|
|
10
|
+
? prev.filter((item) => item !== menuItem)
|
|
11
|
+
: [...prev, menuItem]);
|
|
12
|
+
};
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (isFiltering) {
|
|
15
|
+
setOpenItems(item);
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
const initialOpen = item.filter((menuItem) => menuItem.isActive);
|
|
19
|
+
setOpenItems(initialOpen);
|
|
20
|
+
}
|
|
21
|
+
}, [isFiltering, item]);
|
|
22
|
+
return (jsxRuntimeExports.jsxs("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: [jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto px-4 pt-4 pb-2 text-base text-backgroundDark font-bold", children: "In\u00EDcio" }), item.map((menuItem) => {
|
|
23
|
+
const isOpen = openItems.includes(menuItem);
|
|
24
|
+
return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntimeExports.jsx(TextIcon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base text-backgroundDark", children: menuItem.title })] }), menuItem.subItem && (jsxRuntimeExports.jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-backgroundDark` }))] }), menuItem.subItem && isOpen && (jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsxRuntimeExports.jsx(Link, { className: "cursor-pointer text-base text-backgroundDark pl-6 py-1", to: subItem.path, children: jsxRuntimeExports.jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, menuItem.id));
|
|
25
|
+
})] }));
|
|
13
26
|
}
|
|
14
27
|
|
|
15
28
|
export { InternalMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;SAUgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAoB,EAAA;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC;AAEnE,IAAA,MAAM,UAAU,GAAG,CAAC,QAA2B,KAAI;QACjD,YAAY,CAAC,CAAC,IAAI,KAChB,IAAI,CAAC,QAAQ,CAAC,QAAQ;AACpB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;cACvC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CACxB;AACH,KAAC;IAED,SAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;YACf,YAAY,CAAC,IAAI,CAAC;;aACb;AACL,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;YAChE,YAAY,CAAC,WAAW,CAAC;;AAE7B,KAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAEvB,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sOAAsO,aACnPC,qBAAC,CAAA,IAAI,EACH,EAAA,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oEAAoE,EAAA,QAAA,EAAA,aAAA,EAAA,CAGzE,EACN,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;gBACrB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAE3C,QACED,sBACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAE,MAAM,UAAU,CAAC,QAAQ,CAAC,EAEnC,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CC,qBAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EACZA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxD,QAAQ,CAAC,KAAK,EAAA,CACV,CACH,EAAA,CAAA,EACL,QAAQ,CAAC,OAAO,KACfA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,CAAA,GAAA,EAAM,MAAM,GAAG,aAAa,GAAG,eAAe,CAAA,yBAAA,CAA2B,EACpF,CAAA,CACH,IACG,EAEL,QAAQ,CAAC,OAAO,IAAI,MAAM,KACzBA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAC3B,QAAA,EAAA,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,MAC5BA,qBAAC,CAAA,IAAI,EAEH,EAAA,SAAS,EAAC,wDAAwD,EAClE,EAAE,EAAE,OAAO,CAAC,IAAI,EAAA,QAAA,EAEhBA,qBAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,OAAO,CAAC,KAAK,EAAQ,CAAA,EAAA,EAJvB,OAAO,CAAC,EAAE,CAKV,CACR,CAAC,EACE,CAAA,CACP,CA9BO,EAAA,EAAA,QAAQ,CAAC,EAAE,CA+Bf;aAET,CAAC,CACE,EAAA,CAAA;AAEV;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
2
|
export type InternalMenuProp = {
|
|
3
3
|
item: InternalMenuItems[];
|
|
4
|
+
isFiltering: boolean;
|
|
4
5
|
};
|
|
5
|
-
export declare function InternalMenu({ item }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function InternalMenu({ item, isFiltering }: InternalMenuProp): import("react/jsx-runtime").JSX.Element;
|