karsten-design-system 1.1.22 → 1.1.24
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/stories/components/header.js +2 -2
- package/dist/stories/components/header.js.map +1 -1
- package/dist/stories/components/sidebar.js +8 -7
- package/dist/stories/components/sidebar.js.map +1 -1
- package/dist/stories/components/tooltip.js +1 -1
- package/dist/types/stories/components/header.d.ts +3 -11
- package/dist/types/stories/components/sidebar.d.ts +9 -11
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { useState, useRef, useEffect } from 'react';
|
|
|
3
3
|
import LogoSmall from '../../assets/logoSmall.js';
|
|
4
4
|
import { Sidebar } from './sidebar.js';
|
|
5
5
|
|
|
6
|
-
function Header({ sidebarItems,
|
|
6
|
+
function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, }) {
|
|
7
7
|
const [openSidebar, setOpenSidebar] = useState(false);
|
|
8
8
|
const [openUserConfig, setOpenUserConfig] = useState(false);
|
|
9
9
|
const userConfigRef = useRef(null);
|
|
@@ -28,7 +28,7 @@ function Header({ sidebarItems, dashboardData, wikiData, username, userConfigIte
|
|
|
28
28
|
if (onClick)
|
|
29
29
|
onClick();
|
|
30
30
|
setOpenUserConfig(false);
|
|
31
|
-
}, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] })] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, {
|
|
31
|
+
}, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] })] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
|
|
32
32
|
setOpenSidebar(false);
|
|
33
33
|
} }))] }));
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sources":["../../../../src/stories/components/header.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"header.js","sources":["../../../../src/stories/components/header.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -2,13 +2,14 @@ import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
|
2
2
|
import { Link } from 'react-router-dom';
|
|
3
3
|
import { Tooltip } from './tooltip.js';
|
|
4
4
|
|
|
5
|
-
function Sidebar({ item, onClose,
|
|
6
|
-
return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-50", children: [jsxRuntimeExports.jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
function Sidebar({ item, onClose, topItem }) {
|
|
6
|
+
return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-50", children: [jsxRuntimeExports.jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
|
|
7
|
+
topItem.map((item) => (jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: [item?.isWindowOpen && (jsxRuntimeExports.jsx("button", { className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: () => {
|
|
8
|
+
if (onClose)
|
|
9
|
+
onClose();
|
|
10
|
+
window.open(item?.path, '_blank');
|
|
11
|
+
}, "aria-label": `Ir para ${item?.title}`, children: jsxRuntimeExports.jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title)), !item?.isWindowOpen && (jsxRuntimeExports.jsx(Link, { to: item?.path || '', className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": `Ir para ${item?.title}`, children: jsxRuntimeExports.jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title))] }, `top-item-${item?.id ?? item.title}`))), jsxRuntimeExports.jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-star !text-backgroundDark !font-bold text-lg" }), jsxRuntimeExports.jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsxRuntimeExports.jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-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: item &&
|
|
12
|
+
item.map((item) => (jsxRuntimeExports.jsx(Link, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone hover:bg-stoneBackground hover:font-bold", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark hover:font-bold", children: jsxRuntimeExports.jsx(Tooltip, { text: item?.tooltipText, children: item.title }) }) }, item.id))) })] }, 'sidebar-div')] }));
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
export { Sidebar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
|
+
import { TopItem } from './sidebar';
|
|
2
3
|
export type MenubarProps = {
|
|
3
4
|
sidebarItems: InternalMenuItems[];
|
|
4
|
-
|
|
5
|
-
dashboardTitle: string;
|
|
6
|
-
dashboardHref: string;
|
|
7
|
-
dashboardTooltip?: string;
|
|
8
|
-
};
|
|
9
|
-
wikiData?: {
|
|
10
|
-
wikiTitle: string;
|
|
11
|
-
wikiHref: string;
|
|
12
|
-
wikiTooltip?: string;
|
|
13
|
-
};
|
|
5
|
+
sidebarTopItems?: TopItem[];
|
|
14
6
|
userConfigItems: InternalMenuItems[];
|
|
15
7
|
username: string;
|
|
16
8
|
setOpenNotifications: (value: boolean) => void;
|
|
17
9
|
};
|
|
18
|
-
export declare function Header({ sidebarItems,
|
|
10
|
+
export declare function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
|
+
export type TopItem = {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
path?: string;
|
|
6
|
+
tooltipText?: string | null | undefined;
|
|
7
|
+
isWindowOpen?: boolean;
|
|
8
|
+
};
|
|
2
9
|
export type sidebarProps = {
|
|
3
10
|
item?: InternalMenuItems[];
|
|
4
11
|
onClose?: () => void;
|
|
5
|
-
|
|
6
|
-
dashboardTitle: string;
|
|
7
|
-
dashboardHref: string;
|
|
8
|
-
dashboardTooltip?: string;
|
|
9
|
-
};
|
|
10
|
-
wikiData?: {
|
|
11
|
-
wikiTitle: string;
|
|
12
|
-
wikiHref: string;
|
|
13
|
-
wikiTooltip?: string;
|
|
14
|
-
};
|
|
12
|
+
topItem?: TopItem[];
|
|
15
13
|
};
|
|
16
|
-
export declare function Sidebar({ item, onClose,
|
|
14
|
+
export declare function Sidebar({ item, onClose, topItem }: sidebarProps): import("react/jsx-runtime").JSX.Element;
|