karsten-design-system 1.0.9 → 1.0.11
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/README.md +76 -42
- package/dist/stories/components/header.js +2 -2
- package/dist/stories/components/header.js.map +1 -1
- package/dist/stories/components/sidebar.js +3 -3
- package/dist/stories/components/sidebar.js.map +1 -1
- package/dist/types/stories/components/header.d.ts +2 -1
- package/dist/types/stories/components/sidebar.d.ts +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,37 +5,38 @@ Uma biblioteca de componentes React estilizados para projetos da Karsten, constr
|
|
|
5
5
|
## Instalação
|
|
6
6
|
|
|
7
7
|
Com npm:
|
|
8
|
+
|
|
8
9
|
```bash
|
|
9
10
|
npm install karsten-design-system
|
|
10
11
|
```
|
|
11
12
|
|
|
12
13
|
Com yarn:
|
|
14
|
+
|
|
13
15
|
```bash
|
|
14
16
|
yarn add karsten-design-system
|
|
15
17
|
```
|
|
16
18
|
|
|
17
|
-
## Configuração do
|
|
18
|
-
|
|
19
|
-
Inicialize o tailwind
|
|
20
|
-
|
|
21
|
-
```bash
|
|
22
|
-
npx tailwindcss init -p
|
|
23
|
-
```
|
|
19
|
+
## Configuração do PrimeReact
|
|
24
20
|
|
|
25
|
-
|
|
21
|
+
No main.tsx adicione:
|
|
26
22
|
|
|
27
23
|
```js
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
import { StrictMode } from "react";
|
|
25
|
+
import { createRoot } from "react-dom/client";
|
|
26
|
+
import "./index.css";
|
|
27
|
+
import App from "./App.tsx";
|
|
28
|
+
|
|
29
|
+
import { PrimeReactProvider } from 'primereact/api'; // Adicione o PrimeReactProvider
|
|
30
|
+
import Tailwind from 'primereact/passthrough/tailwind'; // Importe o Tailwind
|
|
31
|
+
import './index.css';
|
|
32
|
+
|
|
33
|
+
createRoot(document.getElementById("root")!).render(
|
|
34
|
+
<StrictMode>
|
|
35
|
+
<PrimeReactProvider value={{ pt: Tailwind }}> {/* Envolva o app no Provider do PrimeReact */}
|
|
36
|
+
<App />
|
|
37
|
+
</PrimeReactProvider>
|
|
38
|
+
</StrictMode>
|
|
39
|
+
);
|
|
39
40
|
```
|
|
40
41
|
|
|
41
42
|
## Pré-requisitos
|
|
@@ -48,7 +49,7 @@ Esta biblioteca requer as seguintes dependências:
|
|
|
48
49
|
- @types/date-fns 2 ou superior
|
|
49
50
|
- Chart.js 4 ou superior
|
|
50
51
|
- clsx 2 ou superior
|
|
51
|
-
-
|
|
52
|
+
- date-fns 1 ou superior
|
|
52
53
|
- Primeicons 7 ou superior
|
|
53
54
|
- Primereact 10 ou superior
|
|
54
55
|
- Postcss 8 ou superior
|
|
@@ -66,18 +67,12 @@ import { Button } from 'karsten-design-system';
|
|
|
66
67
|
|
|
67
68
|
```jsx
|
|
68
69
|
function App() {
|
|
69
|
-
return
|
|
70
|
-
<Button label="Clique aqui" />
|
|
71
|
-
);
|
|
70
|
+
return <Button label="Clique aqui" />;
|
|
72
71
|
}
|
|
73
72
|
```
|
|
74
73
|
|
|
75
74
|
## Componentes Disponíveis
|
|
76
75
|
|
|
77
|
-
[Liste aqui os componentes disponíveis na sua biblioteca com uma breve descrição de cada um]
|
|
78
|
-
|
|
79
|
-
Por exemplo:
|
|
80
|
-
|
|
81
76
|
- `Accordion` - Componente para exibir conteúdo em seções expansíveis e colapsáveis.
|
|
82
77
|
- `AutoComplete` - Campo de entrada com sugestões automáticas baseadas no texto digitado.
|
|
83
78
|
- `Breadcrumb` - Navegação hierárquica para indicar a localização atual do usuário.
|
|
@@ -105,40 +100,40 @@ Por exemplo:
|
|
|
105
100
|
- `Table` - Tabela para exibição de dados estruturados.
|
|
106
101
|
- `Toast` - Mensagens temporárias exibidas no canto da tela.
|
|
107
102
|
|
|
108
|
-
|
|
109
|
-
## Documentação
|
|
110
|
-
|
|
111
|
-
Para uma documentação completa e exemplos, visite nosso [Storybook](link-do-seu-storybook).
|
|
112
|
-
|
|
113
103
|
## Desenvolvimento
|
|
114
104
|
|
|
115
105
|
Para contribuir com o projeto:
|
|
116
106
|
|
|
117
|
-
1. Clone o repositório
|
|
107
|
+
1. Clone o repositório:
|
|
108
|
+
|
|
118
109
|
```bash
|
|
119
|
-
git clone https://github.com/
|
|
110
|
+
git clone https://github.com/KarstenSA/karsten-design-system.git
|
|
120
111
|
```
|
|
121
112
|
|
|
122
|
-
2. Instale as dependências
|
|
113
|
+
2. Instale as dependências:
|
|
123
114
|
|
|
124
115
|
Com npm:
|
|
116
|
+
|
|
125
117
|
```bash
|
|
126
118
|
npm install
|
|
127
119
|
```
|
|
128
120
|
|
|
129
121
|
Com yarn:
|
|
122
|
+
|
|
130
123
|
```bash
|
|
131
124
|
yarn
|
|
132
125
|
```
|
|
133
126
|
|
|
134
|
-
3. Execute o Storybook para desenvolvimento
|
|
127
|
+
3. Execute o Storybook para desenvolvimento:
|
|
135
128
|
|
|
136
129
|
Com npm:
|
|
130
|
+
|
|
137
131
|
```bash
|
|
138
132
|
npm run storybook
|
|
139
133
|
```
|
|
140
134
|
|
|
141
135
|
Com yarn:
|
|
136
|
+
|
|
142
137
|
```bash
|
|
143
138
|
yarn storybook
|
|
144
139
|
```
|
|
@@ -146,28 +141,67 @@ yarn storybook
|
|
|
146
141
|
## Scripts Disponíveis
|
|
147
142
|
|
|
148
143
|
Com npm:
|
|
144
|
+
|
|
149
145
|
- `npm run storybook` - Inicia o ambiente de desenvolvimento do Storybook
|
|
150
|
-
- `npm run build` - Gera o build da biblioteca
|
|
146
|
+
- `npm run build-storybook` - Gera o build da biblioteca para hospedagem
|
|
147
|
+
- `npm run build` - Gera o build da biblioteca para publicação no npm
|
|
151
148
|
|
|
152
149
|
Com yarn:
|
|
150
|
+
|
|
153
151
|
- `yarn storybook` - Inicia o ambiente de desenvolvimento do Storybook
|
|
154
|
-
- `yarn build` - Gera o build
|
|
152
|
+
- `yarn build-storybook` - Gera o build do Storybook para hospedagem
|
|
153
|
+
- `yarn build` - Gera o build da biblioteca para publicação no npm
|
|
154
|
+
|
|
155
|
+
## Publicando uma Nova Versão no NPM
|
|
155
156
|
|
|
157
|
+
1. Atualizar a Versão
|
|
156
158
|
|
|
157
|
-
|
|
159
|
+
Antes de publicar, aumente a versão no `package.json` e `package-lock.json`.
|
|
158
160
|
|
|
159
|
-
|
|
161
|
+
2. Fazer o Build
|
|
162
|
+
|
|
163
|
+
Com npm:
|
|
164
|
+
|
|
165
|
+
```bash
|
|
166
|
+
npm run build
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
Com yarn:
|
|
170
|
+
|
|
171
|
+
```bash
|
|
172
|
+
yarn build
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
3. Login no NPM
|
|
176
|
+
|
|
177
|
+
Se ainda não estiver autenticado, faça login:
|
|
178
|
+
|
|
179
|
+
```bash
|
|
180
|
+
npm login
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
4. Publicar
|
|
184
|
+
|
|
185
|
+
```bash
|
|
186
|
+
npm publish --access public
|
|
187
|
+
```
|
|
160
188
|
|
|
161
189
|
## Resolução de Problemas
|
|
162
190
|
|
|
163
191
|
Se você encontrar o erro "peer dependencies missing", instale as dependências necessárias:
|
|
164
192
|
|
|
165
193
|
Com npm:
|
|
194
|
+
|
|
166
195
|
```bash
|
|
167
|
-
npm install react react-dom primereact
|
|
196
|
+
npm install react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
|
|
168
197
|
```
|
|
169
198
|
|
|
170
199
|
Com yarn:
|
|
200
|
+
|
|
171
201
|
```bash
|
|
172
|
-
yarn add react react-dom primereact
|
|
202
|
+
yarn add react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
|
|
173
203
|
```
|
|
204
|
+
|
|
205
|
+
## Licença
|
|
206
|
+
|
|
207
|
+
Este projeto está licenciado sob a licença MIT.
|
|
@@ -4,14 +4,14 @@ import MenuIcon from '../../assets/icons/menu.js';
|
|
|
4
4
|
import LogoSmall from '../../assets/logoSmall.js';
|
|
5
5
|
import { Sidebar } from './sidebar.js';
|
|
6
6
|
|
|
7
|
-
function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }) {
|
|
7
|
+
function Header({ sidebarItems, dashboardHref, username, userConfigItems, setOpenNotifications, }) {
|
|
8
8
|
const [openSidebar, setOpenSidebar] = useState(false);
|
|
9
9
|
const [openUserConfig, setOpenUserConfig] = useState(false);
|
|
10
10
|
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsxRuntimeExports.jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), children: jsxRuntimeExports.jsx(MenuIcon, {}) }), jsxRuntimeExports.jsx(LogoSmall, {})] }), jsxRuntimeExports.jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-bell text-stoneDark cursor-pointer", onClick: () => setOpenNotifications(true) }), jsxRuntimeExports.jsxs("p", { className: "text-grayDark font-roboto font-semibold cursor-pointer", onClick: () => setOpenUserConfig(!openUserConfig), children: ["Ol\u00E1, ", username] }), openUserConfig && (jsxRuntimeExports.jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsxRuntimeExports.jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsxRuntimeExports.jsx("li", { className: "p-2", children: jsxRuntimeExports.jsx("a", { onClick: () => {
|
|
11
11
|
if (onClick)
|
|
12
12
|
onClick();
|
|
13
13
|
setOpenUserConfig(false);
|
|
14
|
-
}, href: path, className: "font-base font-roboto text-stoneDark cursor-pointer ", children: title }, id) }))) }) }))] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { item: sidebarItems, onClose: () => {
|
|
14
|
+
}, href: path, className: "font-base font-roboto text-stoneDark cursor-pointer ", children: title }, id) }))) }) }))] })] }), openSidebar && (jsxRuntimeExports.jsx(Sidebar, { dashboardHref: dashboardHref, item: sidebarItems, onClose: () => {
|
|
15
15
|
setOpenSidebar(false);
|
|
16
16
|
} }))] }));
|
|
17
17
|
}
|
|
@@ -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":";;;;;;AAcgB,SAAA,MAAM,CAAC,EACrB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,oBAAoB,GACP,EAAA;IACb,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3D,QACEA,sBACE,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uGAAuG,EACpH,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC/CE,kCACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,MAAM,cAAc,CAAC,CAAC,WAAW,CAAC,YAE3CA,qBAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EAAA,CACL,EACTA,qBAAA,CAAC,SAAS,EAAA,EAAA,CAAG,CACT,EAAA,CAAA,EAENF,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,aACxDE,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,GACzC,EACFF,sBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,MAAM,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAE3C,QAAA,EAAA,CAAA,YAAA,EAAA,QAAQ,CACZ,EAAA,CAAA,EACH,cAAc,KACbE,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAgH,8GAAA,CAAA,EAAA,QAAA,EAE3HA,wCACG,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAChDA,qBAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,KAAK,EAAA,QAAA,EACjBA,qBACE,CAAA,GAAA,EAAA,EAAA,OAAO,EAAE,MAAK;AACZ,gDAAA,IAAI,OAAO;AAAE,oDAAA,OAAO,EAAE;gDACtB,iBAAiB,CAAC,KAAK,CAAC;AAC1B,6CAAC,EAED,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sDAAsD,EAE/D,QAAA,EAAA,KAAK,IAJD,EAAE,CAKL,GACD,CACN,CAAC,GACC,EACD,CAAA,CACP,CACG,EAAA,CAAA,CAAA,EAAA,CACF,EACL,WAAW,KACVA,qBAAC,CAAA,OAAO,IACR,aAAa,EAAE,aAAa,EAC1B,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,MAAK;oBACZ,cAAc,CAAC,KAAK,CAAC;AACvB,iBAAC,EACD,CAAA,CACH,CACA,EAAA,CAAA;AAEP;;;;"}
|
|
@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
|
2
2
|
import DashboardIcon from '../../assets/icons/dashboard.js';
|
|
3
3
|
import HomeICon from '../../assets/icons/home.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-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("a", { href: "/", className: "font-roboto text-base text-backgroundDark", children: "In\u00EDcio" })] }), jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(DashboardIcon, {}), jsxRuntimeExports.jsx("a", { href:
|
|
7
|
-
item.map((item) => (jsxRuntimeExports.jsxs("
|
|
5
|
+
function Sidebar({ item, onClose, dashboardHref }) {
|
|
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-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("a", { href: "/", className: "font-roboto text-base text-backgroundDark", children: "In\u00EDcio" })] }), jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(DashboardIcon, {}), jsxRuntimeExports.jsx("a", { href: dashboardHref, className: "font-roboto text-base text-backgroundDark", children: "DashBoard" })] }), 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 px-2 !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 &&
|
|
7
|
+
item.map((item) => (jsxRuntimeExports.jsxs("a", { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", href: item.path, children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
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":";;;;AASM,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAgB,EAAA;AACpE,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,+BACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,OAAO,GAChB,EACFD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,EAC5E,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,aACrGC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE7D,IACA,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,6BAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,2CAA2C,0BAEzE,CACA,EAAA,CAAA,EAEND,gCAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC9DC,6BAAG,SAAS,EAAC,yDAAyD,EAAG,CAAA,EACzEA,6BAAG,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;AACH,4BAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,sBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,QAAA,EAAA,CAC1FC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gDAAgD,YAC7D,IAAI,CAAC,KAAK,EAAA,CACN,IACL,CACL,CAAC,GACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
2
|
export type MenubarProps = {
|
|
3
3
|
sidebarItems: InternalMenuItems[];
|
|
4
|
+
dashboardHref: string;
|
|
4
5
|
userConfigItems: InternalMenuItems[];
|
|
5
6
|
username: string;
|
|
6
7
|
setOpenNotifications: (value: boolean) => void;
|
|
7
8
|
};
|
|
8
|
-
export declare function Header({ sidebarItems, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Header({ sidebarItems, dashboardHref, username, userConfigItems, setOpenNotifications, }: MenubarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { InternalMenuItems } from '../../types/internalMenu';
|
|
2
2
|
export type sidebarProps = {
|
|
3
3
|
item?: InternalMenuItems[];
|
|
4
|
+
dashboardHref: string;
|
|
4
5
|
onClose?: () => void;
|
|
5
6
|
};
|
|
6
|
-
export declare function Sidebar({ item, onClose }: sidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function Sidebar({ item, onClose, dashboardHref }: sidebarProps): import("react/jsx-runtime").JSX.Element;
|