@amateescu/portal-ui-components 0.0.32-beta2 → 0.0.33
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/{UserInfoDropdown-DcgHMy3r.js → UserInfoDropdown-GTCkmg6H.js} +2 -2
- package/dist/assets/SideMenu.css +1 -1
- package/dist/assets/globals.css +1 -0
- package/dist/components/ConfirmationModal/ConfirmationModal.js +15 -15
- package/dist/components/CustomFooter/CustomFooter.stories.js +7 -6
- package/dist/components/CustomPagination/CustomPagination.js +99 -94
- package/dist/components/InfoModal/InfoModal.js +8 -8
- package/dist/components/KpiWrapper/KpiWrapper.stories.js +11 -10
- package/dist/components/SideMenu/SideMenu.js +26 -26
- package/dist/components/UserInfoDropdown/UserInfoDropdown.js +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.js +1 -1
- package/dist/components/index.js +25 -24
- package/dist/main.js +46 -45
- package/package.json +3 -7
- package/src/theme/portal-theme.scss +0 -43
- package/src/theme/theme.scss +0 -43
|
@@ -3773,7 +3773,7 @@ const Vt = (e) => {
|
|
|
3773
3773
|
Vt.__ANT_BUTTON = !0;
|
|
3774
3774
|
const Wt = $e;
|
|
3775
3775
|
Wt.Button = Vt;
|
|
3776
|
-
const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "
|
|
3776
|
+
const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), mr = "_avatar_1f4cc_1", pr = "_pointer_1f4cc_7", gr = "_flexRowCenter_1f4cc_11", fr = "_userTitle_1f4cc_18", xe = {
|
|
3777
3777
|
avatar: mr,
|
|
3778
3778
|
pointer: pr,
|
|
3779
3779
|
flexRowCenter: gr,
|
|
@@ -3781,7 +3781,7 @@ const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24
|
|
|
3781
3781
|
}, xr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ Ce(Wt, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ eo("a", { onClick: (r) => r.preventDefault(), className: xe.flexRowCenter, children: [
|
|
3782
3782
|
/* @__PURE__ */ Ce(_t, { className: oo(xe.avatar, xe.pointer), size: "large", children: t[0] }),
|
|
3783
3783
|
!o && /* @__PURE__ */ Ce("span", { className: xe.userTitle, children: t }),
|
|
3784
|
-
!o && /* @__PURE__ */ Ce(ur, {})
|
|
3784
|
+
!o && /* @__PURE__ */ Ce(ur, { color: "var(--color-primary)" })
|
|
3785
3785
|
] }) });
|
|
3786
3786
|
export {
|
|
3787
3787
|
ge as M,
|
package/dist/assets/SideMenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.ant-menu-title-content{color:var(--color-secondary)}.main-container{background-color:var(--color-background);border-top-right-radius:16px;border-bottom-right-radius:16px;height:100vh}[dir=rtl] .main-container{border-radius:16px 0 0 16px/16px 0px 0px 16px}.menu{overflow-y:scroll;background-color:var(--color-background)}.menu::-webkit-scrollbar{display:none}.side-menu .ant-menu-item-selected{background-color:var(--color-neutral)!important;box-shadow:0 5px 5px gray!important}.side-menu .ant-menu-item-selected span{color:var(--color-text)!important}.side-menu .ant-menu-root{border-right-style:none!important}.side-menu .ant-menu-submenu-title svg{width:25px!important}.mb-10{margin-bottom:10px}.flex-col-center{display:flex;flex-direction:column;align-items:center}.mt-15{margin-top:15px}.space-around-center{display:flex;align-items:center;justify-content:space-around}.flex-row-center{display:flex;flex-direction:row;align-content:center;align-items:center;line-height:1}.ml-5{margin-left:5px}.mb-30{margin-bottom:30px}.avatar{background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}.user-container{display:flex;flex-direction:column;margin-left:5px}.username{font-size:var(--font-size-small);color:var(--color-secondary);margin-left:.5em}.email{font-size:var(--font-size-9);color:var(--color-secondary)}.user-logo-container{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid var(--color-gray);border-radius:10px;padding:5px}.general-information{cursor:pointer;display:flex;align-items:center;margin:10px;justify-content:space-between;border:1px solid var(--color-gray);border-radius:10px;padding:5px;height:52px}.logo-small-container{display:flex;margin:10px auto auto;flex-direction:column;align-items:center;padding-top:5px;padding-bottom:10px}.pointer{cursor:pointer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-primary: #045529;--color-secondary: #626367;--color-background: #f0f0f0;--color-background-secondary: #f3f6f8;--color-text: #12121a;--color-text-secondary: #111111;--color-text-light: #777;--color-text-dark: #333;--color-border: #ddd;--color-highlight: #05a952;--color-highlight-data-grid: rgba(5,169,82,.10196);--color-mui-selected: #F5F7FB;--color-warning: #eea63c;--color-critical: #f95048;--color-neutral: #fafafa;--color-red: red;--color-gray: #e0e0e0;--color-blue: #0054EE;--color-light-gray-blue: #E6EBEF;--color-very-light-gray: #DBDBDB;--color-white: white;--color-ant-theme: #00b96b;--color-avatar: #41b06e;--font-size-xxsmall: 8px;--font-size-9: 9px;--font-size-xsmall: 10px;--font-size-small: 12px;--font-size-normal: 13px;--font-size-medium: 14px;--font-size-large: 16px;--font-size-xlarge: 18px;--font-size-xxlarge: 20px;--font-size-xxxlarge: 21px;--font-size-22: 22px;--font-size-kpi-card: 32px;--font-bolded: 600;--font-500: 500;--font-400: 400}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import * as
|
|
1
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
3
|
import { S as m } from "../../VModalIcon-D7L4bQLO.js";
|
|
4
4
|
import { M as d } from "../../index-Dz00OoV7.js";
|
|
5
|
-
import '../../assets/ConfirmationModal.css';const
|
|
5
|
+
import '../../assets/ConfirmationModal.css';const p = (r) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), w = (r) => /* @__PURE__ */ t.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ t.createElement("path", { d: "M6 18L18 6M6 6L18 18", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), x = "_flexRowCenter_18rw0_1", g = "_mr10_18rw0_7", f = "_text18_18rw0_19", C = "_content_18rw0_23", o = {
|
|
6
6
|
flexRowCenter: x,
|
|
7
7
|
mr10: g,
|
|
8
8
|
text18: f,
|
|
9
9
|
content: C
|
|
10
10
|
};
|
|
11
|
-
function
|
|
11
|
+
function _({ modalOpen: r, contentText: c, setModalOpen: l, commandOnOk: s, title: a, approve: i, cancel: h }) {
|
|
12
12
|
return /* @__PURE__ */ e(
|
|
13
13
|
d,
|
|
14
14
|
{
|
|
15
|
-
title: /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */ e(
|
|
17
|
-
/* @__PURE__ */ e("p", { className:
|
|
15
|
+
title: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
|
|
16
|
+
/* @__PURE__ */ e(p, { className: o.mr10, color: "var(--color-primary)" }),
|
|
17
|
+
/* @__PURE__ */ e("p", { className: o.text18, children: a })
|
|
18
18
|
] }),
|
|
19
19
|
centered: !0,
|
|
20
|
-
open:
|
|
20
|
+
open: r,
|
|
21
21
|
onOk: () => {
|
|
22
|
-
|
|
22
|
+
s(), l(!1);
|
|
23
23
|
},
|
|
24
|
-
onCancel: () =>
|
|
24
|
+
onCancel: () => l(!1),
|
|
25
25
|
closeIcon: !1,
|
|
26
|
-
okText: /* @__PURE__ */
|
|
26
|
+
okText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
|
|
27
27
|
/* @__PURE__ */ e(m, {}),
|
|
28
28
|
/* @__PURE__ */ e("span", { children: i })
|
|
29
29
|
] }),
|
|
@@ -38,14 +38,14 @@ function u({ modalOpen: o, contentText: l, setModalOpen: s, commandOnOk: c, titl
|
|
|
38
38
|
color: "var(--color-highlight)"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
cancelText: /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */ e(
|
|
41
|
+
cancelText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
|
|
42
|
+
/* @__PURE__ */ e(w, { color: "var(--color-primary)" }),
|
|
43
43
|
/* @__PURE__ */ e("span", { children: h })
|
|
44
44
|
] }),
|
|
45
|
-
children: /* @__PURE__ */ e("p", { className:
|
|
45
|
+
children: /* @__PURE__ */ e("p", { className: o.content, children: c })
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
}
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
_ as ConfirmationModal
|
|
51
51
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/SideMenu.css';import '../../assets/globals.css';/* empty css */
|
|
2
3
|
import "react";
|
|
3
4
|
import { Pagination as a } from "../CustomPagination/CustomPagination.js";
|
|
4
5
|
import { TotalDataGrid as s } from "../TotalDataGrid/TotalDataGrid.js";
|
|
5
6
|
import "@mui/x-data-grid";
|
|
6
7
|
import "i18next";
|
|
7
|
-
|
|
8
|
+
/* empty css */
|
|
8
9
|
import { columnsDefinitions as e, total as i } from "../../mock.js";
|
|
9
10
|
const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
|
|
10
11
|
/* @__PURE__ */ t(
|
|
@@ -17,7 +18,7 @@ const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
|
|
|
17
18
|
),
|
|
18
19
|
/* @__PURE__ */ t(a, { isRtl: o, page: 2, pageCount: 12, onPageChange: () => {
|
|
19
20
|
} })
|
|
20
|
-
] }),
|
|
21
|
+
] }), h = {
|
|
21
22
|
title: "Custom Footer",
|
|
22
23
|
component: m,
|
|
23
24
|
tags: ["autodocs"],
|
|
@@ -27,13 +28,13 @@ const m = ({ isRtl: o }) => /* @__PURE__ */ r("div", { children: [
|
|
|
27
28
|
args: {
|
|
28
29
|
isRtl: !1
|
|
29
30
|
}
|
|
30
|
-
},
|
|
31
|
+
}, x = {}, D = {
|
|
31
32
|
args: {
|
|
32
33
|
isRtl: !0
|
|
33
34
|
}
|
|
34
35
|
};
|
|
35
36
|
export {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
x as Default,
|
|
38
|
+
D as RTL,
|
|
39
|
+
h as default
|
|
39
40
|
};
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
1
|
+
import { jsx as s, jsxs as ot } from "react/jsx-runtime";
|
|
2
|
+
import * as p from "react";
|
|
3
3
|
import { GridPagination as nt } from "@mui/x-data-grid";
|
|
4
4
|
import { g as Q, a as X, u as Y, s as R, c as A, b as T, d as Z, m as F, i as S, e as _, P as e } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
|
|
5
|
-
import { u as
|
|
5
|
+
import { u as rt, a as st, b as j, i as B } from "../../useSlot-Baxtq84W.js";
|
|
6
6
|
import { c as E } from "../../createSvgIcon-CgFXfzFk.js";
|
|
7
|
-
import { B as
|
|
8
|
-
const H = (t) => /* @__PURE__ */
|
|
7
|
+
import { B as it } from "../../ButtonBase-DUKuDCWw.js";
|
|
8
|
+
const H = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), q = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), J = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
9
9
|
function lt(t) {
|
|
10
10
|
return Q("MuiPagination", t);
|
|
11
11
|
}
|
|
12
12
|
X("MuiPagination", ["root", "ul", "outlined", "text"]);
|
|
13
|
-
function
|
|
13
|
+
function ct(t = {}) {
|
|
14
14
|
const {
|
|
15
15
|
boundaryCount: a = 1,
|
|
16
16
|
componentName: o = "usePagination",
|
|
17
17
|
count: n = 1,
|
|
18
18
|
defaultPage: v = 1,
|
|
19
|
-
disabled:
|
|
19
|
+
disabled: c = !1,
|
|
20
20
|
hideNextButton: f = !1,
|
|
21
|
-
hidePrevButton:
|
|
22
|
-
onChange:
|
|
21
|
+
hidePrevButton: y = !1,
|
|
22
|
+
onChange: b,
|
|
23
23
|
page: P,
|
|
24
24
|
showFirstButton: L = !1,
|
|
25
25
|
showLastButton: z = !1,
|
|
26
26
|
siblingCount: C = 1,
|
|
27
27
|
...w
|
|
28
|
-
} = t, [d, u] =
|
|
28
|
+
} = t, [d, u] = rt({
|
|
29
29
|
controlled: P,
|
|
30
30
|
default: v,
|
|
31
31
|
name: o,
|
|
32
32
|
state: "page"
|
|
33
|
-
}), O = (
|
|
34
|
-
P || u(i),
|
|
35
|
-
}, $ = (
|
|
36
|
-
const I = i -
|
|
33
|
+
}), O = (r, i) => {
|
|
34
|
+
P || u(i), b && b(r, i);
|
|
35
|
+
}, $ = (r, i) => {
|
|
36
|
+
const I = i - r + 1;
|
|
37
37
|
return Array.from({
|
|
38
38
|
length: I
|
|
39
|
-
}, (V, W) =>
|
|
39
|
+
}, (V, W) => r + W);
|
|
40
40
|
}, g = $(1, Math.min(a, n)), M = $(Math.max(n - a + 1, a + 1), n), m = Math.max(
|
|
41
41
|
Math.min(
|
|
42
42
|
// Natural start
|
|
@@ -57,7 +57,7 @@ function pt(t = {}) {
|
|
|
57
57
|
n - a - 1
|
|
58
58
|
), N = [
|
|
59
59
|
...L ? ["first"] : [],
|
|
60
|
-
...
|
|
60
|
+
...y ? [] : ["previous"],
|
|
61
61
|
...g,
|
|
62
62
|
// Start ellipsis
|
|
63
63
|
// eslint-disable-next-line no-nested-ternary
|
|
@@ -70,8 +70,8 @@ function pt(t = {}) {
|
|
|
70
70
|
...M,
|
|
71
71
|
...f ? [] : ["next"],
|
|
72
72
|
...z ? ["last"] : []
|
|
73
|
-
], h = (
|
|
74
|
-
switch (
|
|
73
|
+
], h = (r) => {
|
|
74
|
+
switch (r) {
|
|
75
75
|
case "first":
|
|
76
76
|
return 1;
|
|
77
77
|
case "previous":
|
|
@@ -85,37 +85,37 @@ function pt(t = {}) {
|
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
87
|
return {
|
|
88
|
-
items: N.map((
|
|
88
|
+
items: N.map((r) => typeof r == "number" ? {
|
|
89
89
|
onClick: (i) => {
|
|
90
|
-
O(i,
|
|
90
|
+
O(i, r);
|
|
91
91
|
},
|
|
92
92
|
type: "page",
|
|
93
|
-
page:
|
|
94
|
-
selected:
|
|
95
|
-
disabled:
|
|
96
|
-
"aria-current":
|
|
93
|
+
page: r,
|
|
94
|
+
selected: r === d,
|
|
95
|
+
disabled: c,
|
|
96
|
+
"aria-current": r === d ? "page" : void 0
|
|
97
97
|
} : {
|
|
98
98
|
onClick: (i) => {
|
|
99
|
-
O(i, h(
|
|
99
|
+
O(i, h(r));
|
|
100
100
|
},
|
|
101
|
-
type:
|
|
102
|
-
page: h(
|
|
101
|
+
type: r,
|
|
102
|
+
page: h(r),
|
|
103
103
|
selected: !1,
|
|
104
|
-
disabled:
|
|
104
|
+
disabled: c || !r.includes("ellipsis") && (r === "next" || r === "last" ? d >= n : d <= 1)
|
|
105
105
|
}),
|
|
106
106
|
...w
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
|
-
function
|
|
109
|
+
function pt(t) {
|
|
110
110
|
return Q("MuiPaginationItem", t);
|
|
111
111
|
}
|
|
112
|
-
const
|
|
112
|
+
const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), dt = E(/* @__PURE__ */ s("path", {
|
|
113
113
|
d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
|
|
114
|
-
}), "FirstPage"), ut = E(/* @__PURE__ */
|
|
114
|
+
}), "FirstPage"), ut = E(/* @__PURE__ */ s("path", {
|
|
115
115
|
d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
|
|
116
|
-
}), "LastPage"), gt = E(/* @__PURE__ */
|
|
116
|
+
}), "LastPage"), gt = E(/* @__PURE__ */ s("path", {
|
|
117
117
|
d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
|
|
118
|
-
}), "NavigateBefore"), vt = E(/* @__PURE__ */
|
|
118
|
+
}), "NavigateBefore"), vt = E(/* @__PURE__ */ s("path", {
|
|
119
119
|
d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
|
|
120
120
|
}), "NavigateNext"), tt = (t, a) => {
|
|
121
121
|
const {
|
|
@@ -128,12 +128,12 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
128
128
|
color: o,
|
|
129
129
|
disabled: n,
|
|
130
130
|
selected: v,
|
|
131
|
-
size:
|
|
131
|
+
size: c,
|
|
132
132
|
shape: f,
|
|
133
|
-
type:
|
|
134
|
-
variant:
|
|
133
|
+
type: y,
|
|
134
|
+
variant: b
|
|
135
135
|
} = t, P = {
|
|
136
|
-
root: ["root", `size${T(
|
|
136
|
+
root: ["root", `size${T(c)}`, b, f, o !== "standard" && `color${T(o)}`, o !== "standard" && `${b}${T(o)}`, n && "disabled", v && "selected", {
|
|
137
137
|
page: "page",
|
|
138
138
|
first: "firstLast",
|
|
139
139
|
last: "firstLast",
|
|
@@ -141,11 +141,11 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
141
141
|
"end-ellipsis": "ellipsis",
|
|
142
142
|
previous: "previousNext",
|
|
143
143
|
next: "previousNext"
|
|
144
|
-
}[
|
|
144
|
+
}[y]],
|
|
145
145
|
icon: ["icon"]
|
|
146
146
|
};
|
|
147
|
-
return Z(P,
|
|
148
|
-
},
|
|
147
|
+
return Z(P, pt, a);
|
|
148
|
+
}, yt = R("div", {
|
|
149
149
|
name: "MuiPaginationItem",
|
|
150
150
|
slot: "Root",
|
|
151
151
|
overridesResolver: tt
|
|
@@ -161,7 +161,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
161
161
|
margin: "0 3px",
|
|
162
162
|
color: (t.vars || t).palette.text.primary,
|
|
163
163
|
height: "auto",
|
|
164
|
-
[`&.${
|
|
164
|
+
[`&.${l.disabled}`]: {
|
|
165
165
|
opacity: (t.vars || t).palette.action.disabledOpacity
|
|
166
166
|
},
|
|
167
167
|
variants: [{
|
|
@@ -185,7 +185,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
185
185
|
fontSize: t.typography.pxToRem(15)
|
|
186
186
|
}
|
|
187
187
|
}]
|
|
188
|
-
}))),
|
|
188
|
+
}))), bt = R(it, {
|
|
189
189
|
name: "MuiPaginationItem",
|
|
190
190
|
slot: "Root",
|
|
191
191
|
overridesResolver: tt
|
|
@@ -201,10 +201,10 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
201
201
|
padding: "0 6px",
|
|
202
202
|
margin: "0 3px",
|
|
203
203
|
color: (t.vars || t).palette.text.primary,
|
|
204
|
-
[`&.${
|
|
204
|
+
[`&.${l.focusVisible}`]: {
|
|
205
205
|
backgroundColor: (t.vars || t).palette.action.focus
|
|
206
206
|
},
|
|
207
|
-
[`&.${
|
|
207
|
+
[`&.${l.disabled}`]: {
|
|
208
208
|
opacity: (t.vars || t).palette.action.disabledOpacity
|
|
209
209
|
},
|
|
210
210
|
transition: t.transitions.create(["color", "background-color"], {
|
|
@@ -217,7 +217,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
217
217
|
backgroundColor: "transparent"
|
|
218
218
|
}
|
|
219
219
|
},
|
|
220
|
-
[`&.${
|
|
220
|
+
[`&.${l.selected}`]: {
|
|
221
221
|
backgroundColor: (t.vars || t).palette.action.selected,
|
|
222
222
|
"&:hover": {
|
|
223
223
|
backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
|
|
@@ -226,10 +226,10 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
226
226
|
backgroundColor: (t.vars || t).palette.action.selected
|
|
227
227
|
}
|
|
228
228
|
},
|
|
229
|
-
[`&.${
|
|
229
|
+
[`&.${l.focusVisible}`]: {
|
|
230
230
|
backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
|
|
231
231
|
},
|
|
232
|
-
[`&.${
|
|
232
|
+
[`&.${l.disabled}`]: {
|
|
233
233
|
opacity: 1,
|
|
234
234
|
color: (t.vars || t).palette.action.disabled,
|
|
235
235
|
backgroundColor: (t.vars || t).palette.action.selected
|
|
@@ -270,8 +270,8 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
270
270
|
},
|
|
271
271
|
style: {
|
|
272
272
|
border: t.vars ? `1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
|
|
273
|
-
[`&.${
|
|
274
|
-
[`&.${
|
|
273
|
+
[`&.${l.selected}`]: {
|
|
274
|
+
[`&.${l.disabled}`]: {
|
|
275
275
|
borderColor: (t.vars || t).palette.action.disabledBackground,
|
|
276
276
|
color: (t.vars || t).palette.action.disabled
|
|
277
277
|
}
|
|
@@ -282,8 +282,8 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
282
282
|
variant: "text"
|
|
283
283
|
},
|
|
284
284
|
style: {
|
|
285
|
-
[`&.${
|
|
286
|
-
[`&.${
|
|
285
|
+
[`&.${l.selected}`]: {
|
|
286
|
+
[`&.${l.disabled}`]: {
|
|
287
287
|
color: (t.vars || t).palette.action.disabled
|
|
288
288
|
}
|
|
289
289
|
}
|
|
@@ -294,7 +294,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
294
294
|
color: a
|
|
295
295
|
},
|
|
296
296
|
style: {
|
|
297
|
-
[`&.${
|
|
297
|
+
[`&.${l.selected}`]: {
|
|
298
298
|
color: (t.vars || t).palette[a].contrastText,
|
|
299
299
|
backgroundColor: (t.vars || t).palette[a].main,
|
|
300
300
|
"&:hover": {
|
|
@@ -304,10 +304,10 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
304
304
|
backgroundColor: (t.vars || t).palette[a].main
|
|
305
305
|
}
|
|
306
306
|
},
|
|
307
|
-
[`&.${
|
|
307
|
+
[`&.${l.focusVisible}`]: {
|
|
308
308
|
backgroundColor: (t.vars || t).palette[a].dark
|
|
309
309
|
},
|
|
310
|
-
[`&.${
|
|
310
|
+
[`&.${l.disabled}`]: {
|
|
311
311
|
color: (t.vars || t).palette.action.disabled
|
|
312
312
|
}
|
|
313
313
|
}
|
|
@@ -318,7 +318,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
318
318
|
color: a
|
|
319
319
|
},
|
|
320
320
|
style: {
|
|
321
|
-
[`&.${
|
|
321
|
+
[`&.${l.selected}`]: {
|
|
322
322
|
color: (t.vars || t).palette[a].main,
|
|
323
323
|
border: `1px solid ${t.vars ? `rgba(${t.vars.palette[a].mainChannel} / 0.5)` : S(t.palette[a].main, 0.5)}`,
|
|
324
324
|
backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : S(t.palette[a].main, t.palette.action.activatedOpacity),
|
|
@@ -329,7 +329,7 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
329
329
|
backgroundColor: "transparent"
|
|
330
330
|
}
|
|
331
331
|
},
|
|
332
|
-
[`&.${
|
|
332
|
+
[`&.${l.focusVisible}`]: {
|
|
333
333
|
backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette[a].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
|
|
334
334
|
}
|
|
335
335
|
}
|
|
@@ -358,16 +358,16 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
358
358
|
fontSize: t.typography.pxToRem(22)
|
|
359
359
|
}
|
|
360
360
|
}]
|
|
361
|
-
}))), U = /* @__PURE__ */
|
|
361
|
+
}))), U = /* @__PURE__ */ p.forwardRef(function(a, o) {
|
|
362
362
|
const n = Y({
|
|
363
363
|
props: a,
|
|
364
364
|
name: "MuiPaginationItem"
|
|
365
365
|
}), {
|
|
366
366
|
className: v,
|
|
367
|
-
color:
|
|
367
|
+
color: c = "standard",
|
|
368
368
|
component: f,
|
|
369
|
-
components:
|
|
370
|
-
disabled:
|
|
369
|
+
components: y = {},
|
|
370
|
+
disabled: b = !1,
|
|
371
371
|
page: P,
|
|
372
372
|
selected: L = !1,
|
|
373
373
|
shape: z = "circular",
|
|
@@ -379,26 +379,26 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
379
379
|
...$
|
|
380
380
|
} = n, g = {
|
|
381
381
|
...n,
|
|
382
|
-
color:
|
|
383
|
-
disabled:
|
|
382
|
+
color: c,
|
|
383
|
+
disabled: b,
|
|
384
384
|
selected: L,
|
|
385
385
|
shape: z,
|
|
386
386
|
size: C,
|
|
387
387
|
type: u,
|
|
388
388
|
variant: O
|
|
389
|
-
}, M =
|
|
389
|
+
}, M = st(), m = ft(g), x = {
|
|
390
390
|
slots: {
|
|
391
|
-
previous: w.previous ??
|
|
392
|
-
next: w.next ??
|
|
393
|
-
first: w.first ??
|
|
394
|
-
last: w.last ??
|
|
391
|
+
previous: w.previous ?? y.previous,
|
|
392
|
+
next: w.next ?? y.next,
|
|
393
|
+
first: w.first ?? y.first,
|
|
394
|
+
last: w.last ?? y.last
|
|
395
395
|
},
|
|
396
396
|
slotProps: d
|
|
397
397
|
}, [N, h] = j("previous", {
|
|
398
398
|
elementType: gt,
|
|
399
399
|
externalForwardedProps: x,
|
|
400
400
|
ownerState: g
|
|
401
|
-
}), [k,
|
|
401
|
+
}), [k, r] = j("next", {
|
|
402
402
|
elementType: vt,
|
|
403
403
|
externalForwardedProps: x,
|
|
404
404
|
ownerState: g
|
|
@@ -422,23 +422,23 @@ const r = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
|
|
|
422
422
|
last: V
|
|
423
423
|
}[D], at = {
|
|
424
424
|
previous: h,
|
|
425
|
-
next:
|
|
425
|
+
next: r,
|
|
426
426
|
first: I,
|
|
427
427
|
last: W
|
|
428
428
|
}[D];
|
|
429
|
-
return u === "start-ellipsis" || u === "end-ellipsis" ? /* @__PURE__ */
|
|
429
|
+
return u === "start-ellipsis" || u === "end-ellipsis" ? /* @__PURE__ */ s(yt, {
|
|
430
430
|
ref: o,
|
|
431
431
|
ownerState: g,
|
|
432
432
|
className: A(m.root, v),
|
|
433
433
|
children: "…"
|
|
434
|
-
}) : /* @__PURE__ */ ot(
|
|
434
|
+
}) : /* @__PURE__ */ ot(bt, {
|
|
435
435
|
ref: o,
|
|
436
436
|
ownerState: g,
|
|
437
437
|
component: f,
|
|
438
|
-
disabled:
|
|
438
|
+
disabled: b,
|
|
439
439
|
className: A(m.root, v),
|
|
440
440
|
...$,
|
|
441
|
-
children: [u === "page" && P, G ? /* @__PURE__ */
|
|
441
|
+
children: [u === "page" && P, G ? /* @__PURE__ */ s(xt, {
|
|
442
442
|
...at,
|
|
443
443
|
className: m.icon,
|
|
444
444
|
as: G
|
|
@@ -580,23 +580,23 @@ const mt = (t) => {
|
|
|
580
580
|
function wt(t, a, o) {
|
|
581
581
|
return t === "page" ? `${o ? "" : "Go to "}page ${a}` : `Go to ${t} page`;
|
|
582
582
|
}
|
|
583
|
-
const et = /* @__PURE__ */
|
|
583
|
+
const et = /* @__PURE__ */ p.forwardRef(function(a, o) {
|
|
584
584
|
const n = Y({
|
|
585
585
|
props: a,
|
|
586
586
|
name: "MuiPagination"
|
|
587
587
|
}), {
|
|
588
588
|
boundaryCount: v = 1,
|
|
589
|
-
className:
|
|
589
|
+
className: c,
|
|
590
590
|
color: f = "standard",
|
|
591
|
-
count:
|
|
592
|
-
defaultPage:
|
|
591
|
+
count: y = 1,
|
|
592
|
+
defaultPage: b = 1,
|
|
593
593
|
disabled: P = !1,
|
|
594
594
|
getItemAriaLabel: L = wt,
|
|
595
595
|
hideNextButton: z = !1,
|
|
596
596
|
hidePrevButton: C = !1,
|
|
597
597
|
onChange: w,
|
|
598
598
|
page: d,
|
|
599
|
-
renderItem: u = (i) => /* @__PURE__ */
|
|
599
|
+
renderItem: u = (i) => /* @__PURE__ */ s(U, {
|
|
600
600
|
...i
|
|
601
601
|
}),
|
|
602
602
|
shape: O = "circular",
|
|
@@ -608,15 +608,15 @@ const et = /* @__PURE__ */ c.forwardRef(function(a, o) {
|
|
|
608
608
|
...N
|
|
609
609
|
} = n, {
|
|
610
610
|
items: h
|
|
611
|
-
} =
|
|
611
|
+
} = ct({
|
|
612
612
|
...n,
|
|
613
613
|
componentName: "Pagination"
|
|
614
614
|
}), k = {
|
|
615
615
|
...n,
|
|
616
616
|
boundaryCount: v,
|
|
617
617
|
color: f,
|
|
618
|
-
count:
|
|
619
|
-
defaultPage:
|
|
618
|
+
count: y,
|
|
619
|
+
defaultPage: b,
|
|
620
620
|
disabled: P,
|
|
621
621
|
getItemAriaLabel: L,
|
|
622
622
|
hideNextButton: z,
|
|
@@ -628,17 +628,17 @@ const et = /* @__PURE__ */ c.forwardRef(function(a, o) {
|
|
|
628
628
|
siblingCount: M,
|
|
629
629
|
size: m,
|
|
630
630
|
variant: x
|
|
631
|
-
},
|
|
632
|
-
return /* @__PURE__ */
|
|
631
|
+
}, r = mt(k);
|
|
632
|
+
return /* @__PURE__ */ s(Pt, {
|
|
633
633
|
"aria-label": "pagination navigation",
|
|
634
|
-
className: A(
|
|
634
|
+
className: A(r.root, c),
|
|
635
635
|
ownerState: k,
|
|
636
636
|
ref: o,
|
|
637
637
|
...N,
|
|
638
|
-
children: /* @__PURE__ */
|
|
639
|
-
className:
|
|
638
|
+
children: /* @__PURE__ */ s(Ct, {
|
|
639
|
+
className: r.ul,
|
|
640
640
|
ownerState: k,
|
|
641
|
-
children: h.map((i, I) => /* @__PURE__ */
|
|
641
|
+
children: h.map((i, I) => /* @__PURE__ */ s("li", {
|
|
642
642
|
children: u({
|
|
643
643
|
...i,
|
|
644
644
|
color: f,
|
|
@@ -772,7 +772,7 @@ function Ot({
|
|
|
772
772
|
onPageChange: n,
|
|
773
773
|
className: v
|
|
774
774
|
}) {
|
|
775
|
-
return /* @__PURE__ */
|
|
775
|
+
return /* @__PURE__ */ s(
|
|
776
776
|
et,
|
|
777
777
|
{
|
|
778
778
|
showFirstButton: !0,
|
|
@@ -780,16 +780,21 @@ function Ot({
|
|
|
780
780
|
className: v,
|
|
781
781
|
count: a,
|
|
782
782
|
page: o + 1,
|
|
783
|
-
onChange: (
|
|
784
|
-
n(
|
|
783
|
+
onChange: (c, f) => {
|
|
784
|
+
n(c, f - 1);
|
|
785
785
|
},
|
|
786
786
|
boundaryCount: 0,
|
|
787
787
|
siblingCount: 1,
|
|
788
|
-
renderItem: (
|
|
788
|
+
renderItem: (c) => /* @__PURE__ */ s(
|
|
789
789
|
U,
|
|
790
790
|
{
|
|
791
|
-
slots: {
|
|
792
|
-
|
|
791
|
+
slots: {
|
|
792
|
+
previous: () => t ? /* @__PURE__ */ s(J, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(K, { color: "var(--color-primary)" }),
|
|
793
|
+
next: () => t ? /* @__PURE__ */ s(K, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(J, { color: "var(--color-primary)" }),
|
|
794
|
+
first: () => t ? /* @__PURE__ */ s(q, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(H, { color: "var(--color-primary)" }),
|
|
795
|
+
last: () => t ? /* @__PURE__ */ s(H, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(q, { color: "var(--color-primary)" })
|
|
796
|
+
},
|
|
797
|
+
...c
|
|
793
798
|
}
|
|
794
799
|
),
|
|
795
800
|
sx: {
|
|
@@ -809,7 +814,7 @@ function Ot({
|
|
|
809
814
|
);
|
|
810
815
|
}
|
|
811
816
|
function zt({ isRtl: t, pageCount: a }) {
|
|
812
|
-
return /* @__PURE__ */
|
|
817
|
+
return /* @__PURE__ */ s(nt, { ActionsComponent: (o) => /* @__PURE__ */ s(Ot, { isRtl: t, pageCount: a, ...o }) });
|
|
813
818
|
}
|
|
814
819
|
export {
|
|
815
820
|
zt as CustomPagination,
|
|
@@ -2,25 +2,25 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
|
2
2
|
import * as r from "react";
|
|
3
3
|
import { S as i } from "../../VModalIcon-D7L4bQLO.js";
|
|
4
4
|
import { M as m } from "../../index-Dz00OoV7.js";
|
|
5
|
-
import '../../assets/ErrorModal.css';const d = (
|
|
5
|
+
import '../../assets/ErrorModal.css';const d = (t) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ r.createElement("path", { d: "M13 16H12V12H11M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), f = "_flexRowCenter_ufgj5_1", p = "_mr10_ufgj5_7", x = "_text18_ufgj5_15", h = "_content_ufgj5_19", o = {
|
|
6
6
|
flexRowCenter: f,
|
|
7
7
|
mr10: p,
|
|
8
8
|
text18: x,
|
|
9
9
|
content: h
|
|
10
10
|
};
|
|
11
|
-
function w({ modalOpen:
|
|
11
|
+
function w({ modalOpen: t, contentText: s, setModalOpen: l, title: c, okText: a }) {
|
|
12
12
|
return /* @__PURE__ */ e(
|
|
13
13
|
m,
|
|
14
14
|
{
|
|
15
|
-
title: /* @__PURE__ */ n("span", { className:
|
|
16
|
-
/* @__PURE__ */ e(d, { className:
|
|
17
|
-
/* @__PURE__ */ e("p", { className:
|
|
15
|
+
title: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
|
|
16
|
+
/* @__PURE__ */ e(d, { className: o.mr10, color: "var(--color-primary)" }),
|
|
17
|
+
/* @__PURE__ */ e("p", { className: o.text18, children: c })
|
|
18
18
|
] }),
|
|
19
19
|
centered: !0,
|
|
20
|
-
open:
|
|
20
|
+
open: t,
|
|
21
21
|
onOk: () => l(!1),
|
|
22
22
|
closeIcon: !1,
|
|
23
|
-
okText: /* @__PURE__ */ n("span", { className:
|
|
23
|
+
okText: /* @__PURE__ */ n("span", { className: o.flexRowCenter, children: [
|
|
24
24
|
/* @__PURE__ */ e(i, {}),
|
|
25
25
|
/* @__PURE__ */ e("span", { children: a })
|
|
26
26
|
] }),
|
|
@@ -35,7 +35,7 @@ function w({ modalOpen: o, contentText: s, setModalOpen: l, title: c, okText: a
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
zIndex: 2e3,
|
|
38
|
-
children: /* @__PURE__ */ e("p", { className:
|
|
38
|
+
children: /* @__PURE__ */ e("p", { className: o.content, children: s })
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
|
|
3
|
+
import '../../assets/SideMenu.css';import '../../assets/globals.css';/* empty css */
|
|
3
4
|
import "react";
|
|
4
5
|
import "@mui/x-data-grid";
|
|
5
6
|
import { KpiCard as i } from "../KpiCard/KpiCard.js";
|
|
6
7
|
import { KpiWrapper as n } from "./KpiWrapper.js";
|
|
7
8
|
import "i18next";
|
|
8
|
-
|
|
9
|
-
const
|
|
9
|
+
/* empty css */
|
|
10
|
+
const m = {
|
|
10
11
|
title: "Kpi Wrapper",
|
|
11
12
|
component: n,
|
|
12
13
|
tags: ["autodocs"],
|
|
@@ -19,7 +20,7 @@ const s = {
|
|
|
19
20
|
padding: "10px 10px"
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
|
-
},
|
|
23
|
+
}, K = {}, u = {
|
|
23
24
|
args: {
|
|
24
25
|
children: [
|
|
25
26
|
/* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
|
|
@@ -27,7 +28,7 @@ const s = {
|
|
|
27
28
|
/* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
|
|
28
29
|
]
|
|
29
30
|
}
|
|
30
|
-
},
|
|
31
|
+
}, g = {
|
|
31
32
|
args: {
|
|
32
33
|
children: [
|
|
33
34
|
/* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
|
|
@@ -36,7 +37,7 @@ const s = {
|
|
|
36
37
|
/* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
|
|
37
38
|
]
|
|
38
39
|
}
|
|
39
|
-
},
|
|
40
|
+
}, w = {
|
|
40
41
|
args: {
|
|
41
42
|
children: [
|
|
42
43
|
/* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
|
|
@@ -47,9 +48,9 @@ const s = {
|
|
|
47
48
|
render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
|
|
48
49
|
};
|
|
49
50
|
export {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
K as Default,
|
|
52
|
+
w as RTL,
|
|
53
|
+
u as With3Kpis,
|
|
54
|
+
g as With4Kpis,
|
|
55
|
+
m as default
|
|
55
56
|
};
|
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { M as R, S as N, U as h } from "../../UserInfoDropdown-
|
|
1
|
+
import { jsxs as o, jsx as e, Fragment as M } from "react/jsx-runtime";
|
|
2
|
+
import * as l from "react";
|
|
3
|
+
import { M as R, S as N, U as h } from "../../UserInfoDropdown-GTCkmg6H.js";
|
|
4
4
|
import { S as H } from "../../InvencoGVR-qnTq-d6S.js";
|
|
5
5
|
import '../../assets/SideMenu.css';/* empty css */
|
|
6
|
-
const v = (
|
|
7
|
-
logo:
|
|
6
|
+
const v = (n) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { d: "M11 19L4 12L11 5M19 19L12 12L19 5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), p = (n) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { d: "M13 5L20 12L13 19M5 5L12 12L5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), V = (n) => /* @__PURE__ */ l.createElement("svg", { width: 28, height: 27, viewBox: "0 0 28 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 4V9C10.5 9.55228 10.0523 10 9.5 10H4.5L6.5 12H9.5C11.1569 12 12.5 10.6569 12.5 9V6L10.5 4Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 6V0L8.5 2V7.75C8.5 7.88807 8.38807 8 8.25 8H2.5L0.5 6H6.5Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5 4V9C17.5 9.55228 17.9477 10 18.5 10H23.5L21.5 12H18.5C16.8431 12 15.5 10.6569 15.5 9V6L17.5 4Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5 6V0L19.5 2V7.75C19.5 7.88807 19.6119 8 19.75 8H25.5L27.5 6H21.5Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 23V18C10.5 17.4477 10.0523 17 9.5 17H4.5L6.5 15H9.5C11.1569 15 12.5 16.3431 12.5 18V21L10.5 23Z", fill: "#12121A" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 21V27L8.5 25V19.25C8.5 19.1119 8.38807 19 8.25 19H2.5L0.5 21H6.5Z", fill: "#12121A" })), Z = ({
|
|
7
|
+
logo: n,
|
|
8
8
|
title: u,
|
|
9
|
-
softwareName:
|
|
9
|
+
softwareName: t,
|
|
10
10
|
majorVersion: L,
|
|
11
11
|
menuItems: f,
|
|
12
12
|
userInfoDropdownItems: c,
|
|
13
|
-
collapsed:
|
|
13
|
+
collapsed: r,
|
|
14
14
|
username: a,
|
|
15
15
|
isRtl: d,
|
|
16
16
|
openKeys: w,
|
|
17
|
-
toggleCollapsed:
|
|
17
|
+
toggleCollapsed: i,
|
|
18
18
|
onClick: g,
|
|
19
19
|
handleMenuClickUserInfo: s,
|
|
20
|
-
handleOpenChange:
|
|
20
|
+
handleOpenChange: C
|
|
21
21
|
}) => {
|
|
22
|
-
const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g,
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { children:
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
|
|
27
|
-
/* @__PURE__ */
|
|
22
|
+
const m = /@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, x = r ? 54 : 250, k = r ? 50 : 250;
|
|
23
|
+
return /* @__PURE__ */ o("div", { style: { width: x }, className: "main-container", children: [
|
|
24
|
+
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { children: r ? /* @__PURE__ */ e("div", { className: "flex-col-center mt-15", children: d ? /* @__PURE__ */ e(v, { onClick: i, className: "pointer", color: "var(--color-primary)" }) : /* @__PURE__ */ e(p, { onClick: i, className: "pointer", color: "var(--color-primary)" }) }) : /* @__PURE__ */ o("div", { className: "space-around-center", children: [
|
|
25
|
+
/* @__PURE__ */ o("div", { className: "flex-row-center", children: [
|
|
26
|
+
n,
|
|
27
|
+
/* @__PURE__ */ o("h4", { className: "station ml-5", children: [
|
|
28
28
|
u,
|
|
29
|
-
|
|
29
|
+
t ? /* @__PURE__ */ o(M, { children: [
|
|
30
30
|
/* @__PURE__ */ e("br", {}),
|
|
31
31
|
" ",
|
|
32
|
-
|
|
32
|
+
t,
|
|
33
33
|
": ",
|
|
34
34
|
L
|
|
35
35
|
] }) : ""
|
|
36
36
|
] })
|
|
37
37
|
] }),
|
|
38
|
-
d ? /* @__PURE__ */ e(p, { onClick:
|
|
38
|
+
d ? /* @__PURE__ */ e(p, { onClick: i, className: "pointer", color: "var(--color-primary)" }) : /* @__PURE__ */ e(v, { onClick: i, className: "pointer", color: "var(--color-primary)" })
|
|
39
39
|
] }) }) }),
|
|
40
40
|
/* @__PURE__ */ e(
|
|
41
41
|
R,
|
|
42
42
|
{
|
|
43
43
|
onClick: g,
|
|
44
44
|
mode: "inline",
|
|
45
|
-
onOpenChange:
|
|
45
|
+
onOpenChange: C,
|
|
46
46
|
openKeys: w,
|
|
47
47
|
selectedKeys: [location.pathname.slice(location.pathname.lastIndexOf("/"), location.pathname.length)],
|
|
48
|
-
items:
|
|
49
|
-
expandIcon: /* @__PURE__ */ e(N, {}),
|
|
48
|
+
items: r ? void 0 : f,
|
|
49
|
+
expandIcon: /* @__PURE__ */ e(N, { color: "var(--color-primary)" }),
|
|
50
50
|
style: {
|
|
51
|
-
height:
|
|
51
|
+
height: r ? "82vh" : "80vh",
|
|
52
52
|
//menuHeight,
|
|
53
|
-
width:
|
|
53
|
+
width: k,
|
|
54
54
|
backgroundColor: "var(--color-background)",
|
|
55
55
|
border: "none"
|
|
56
56
|
},
|
|
57
57
|
className: "menu side-menu"
|
|
58
58
|
}
|
|
59
59
|
),
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
r ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !0, items: c, handleMenuClick: s }) }) : /* @__PURE__ */ e("div", { className: "user-logo-container", children: /* @__PURE__ */ e(h, { user: a.replace(m, ""), collapsed: !1, items: c, handleMenuClick: s }) }),
|
|
61
|
+
r ? /* @__PURE__ */ e("div", { className: "flex-col-center mb-30", children: /* @__PURE__ */ e(V, {}) }) : /* @__PURE__ */ e("div", { className: "logo-small-container", children: /* @__PURE__ */ e(H, {}) })
|
|
62
62
|
] });
|
|
63
63
|
};
|
|
64
64
|
export {
|
|
65
|
-
|
|
65
|
+
Z as SideMenu
|
|
66
66
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { userInfoDropdownItems as s } from "../../mock.js";
|
|
3
|
-
import { U as o } from "../../UserInfoDropdown-
|
|
3
|
+
import { U as o } from "../../UserInfoDropdown-GTCkmg6H.js";
|
|
4
4
|
const n = {
|
|
5
5
|
title: "User Info Dropdown",
|
|
6
6
|
component: o,
|
package/dist/components/index.js
CHANGED
|
@@ -1,28 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import '../assets/globals.css';/* empty css */
|
|
2
|
+
import { ConfirmationModal as m } from "./ConfirmationModal/ConfirmationModal.js";
|
|
3
|
+
import { CustomButton as e } from "./CustomButton/CustomButton.js";
|
|
4
|
+
import { CustomFooter as a } from "./CustomFooter/CustomFooter.js";
|
|
4
5
|
import { CustomPagination as n } from "./CustomPagination/CustomPagination.js";
|
|
5
|
-
import { ErrorModal as
|
|
6
|
-
import { InfoModal as
|
|
7
|
-
import { KpiCard as
|
|
8
|
-
import { KpiWrapper as
|
|
9
|
-
import { LoadingAnimation as
|
|
10
|
-
import { Login as
|
|
11
|
-
import { SideMenu as
|
|
12
|
-
import { TotalDataGrid as
|
|
13
|
-
import { U as
|
|
6
|
+
import { ErrorModal as d } from "./ErrorModal/ErrorModal.js";
|
|
7
|
+
import { InfoModal as u } from "./InfoModal/InfoModal.js";
|
|
8
|
+
import { KpiCard as l } from "./KpiCard/KpiCard.js";
|
|
9
|
+
import { KpiWrapper as g } from "./KpiWrapper/KpiWrapper.js";
|
|
10
|
+
import { LoadingAnimation as I } from "./LoadingAnimation/LoadingAnimation.js";
|
|
11
|
+
import { Login as L } from "./Login/Login.js";
|
|
12
|
+
import { SideMenu as w } from "./SideMenu/SideMenu.js";
|
|
13
|
+
import { TotalDataGrid as B } from "./TotalDataGrid/TotalDataGrid.js";
|
|
14
|
+
import { U as F } from "../UserInfoDropdown-GTCkmg6H.js";
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
m as ConfirmationModal,
|
|
17
|
+
e as CustomButton,
|
|
18
|
+
a as CustomFooter,
|
|
18
19
|
n as CustomPagination,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
d as ErrorModal,
|
|
21
|
+
u as InfoModal,
|
|
22
|
+
l as KpiCard,
|
|
23
|
+
g as KpiWrapper,
|
|
24
|
+
I as LoadingAnimation,
|
|
25
|
+
L as Login,
|
|
26
|
+
w as SideMenu,
|
|
27
|
+
B as TotalDataGrid,
|
|
28
|
+
F as UserInfoDropdown
|
|
28
29
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,47 +1,48 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
1
|
+
import './assets/globals.css';/* empty css */
|
|
2
|
+
import { ConfirmationModal as t } from "./components/ConfirmationModal/ConfirmationModal.js";
|
|
3
|
+
import { CustomButton as p } from "./components/CustomButton/CustomButton.js";
|
|
4
|
+
import { CustomFooter as a } from "./components/CustomFooter/CustomFooter.js";
|
|
5
|
+
import { CustomPagination as i } from "./components/CustomPagination/CustomPagination.js";
|
|
6
|
+
import { ErrorModal as u } from "./components/ErrorModal/ErrorModal.js";
|
|
7
|
+
import { InfoModal as l } from "./components/InfoModal/InfoModal.js";
|
|
8
|
+
import { KpiCard as c } from "./components/KpiCard/KpiCard.js";
|
|
9
|
+
import { KpiWrapper as C } from "./components/KpiWrapper/KpiWrapper.js";
|
|
10
|
+
import { LoadingAnimation as M } from "./components/LoadingAnimation/LoadingAnimation.js";
|
|
11
|
+
import { Login as U } from "./components/Login/Login.js";
|
|
12
|
+
import { SideMenu as y } from "./components/SideMenu/SideMenu.js";
|
|
13
|
+
import { TotalDataGrid as D } from "./components/TotalDataGrid/TotalDataGrid.js";
|
|
14
|
+
import { U as K } from "./UserInfoDropdown-GTCkmg6H.js";
|
|
15
|
+
import { chunkArray as k } from "./portal-utils/chunkArray.js";
|
|
16
|
+
import { cn as w } from "./portal-utils/cn.js";
|
|
17
|
+
import { currency as E, date as F, datetime as G, decimal as S, fuelUnitPrice as T, fuelVolume as V, hours as W, number as j, time as q } from "./portal-utils/formatters.js";
|
|
18
|
+
import { LogLevel as H, createLogger as J } from "./portal-utils/loggerService.js";
|
|
19
|
+
import { getPageCount as O } from "./portal-utils/pageCount.js";
|
|
19
20
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
21
|
+
t as ConfirmationModal,
|
|
22
|
+
p as CustomButton,
|
|
23
|
+
a as CustomFooter,
|
|
24
|
+
i as CustomPagination,
|
|
25
|
+
u as ErrorModal,
|
|
26
|
+
l as InfoModal,
|
|
27
|
+
c as KpiCard,
|
|
28
|
+
C as KpiWrapper,
|
|
29
|
+
M as LoadingAnimation,
|
|
30
|
+
H as LogLevel,
|
|
31
|
+
U as Login,
|
|
32
|
+
y as SideMenu,
|
|
33
|
+
D as TotalDataGrid,
|
|
34
|
+
K as UserInfoDropdown,
|
|
35
|
+
k as chunkArray,
|
|
36
|
+
w as cn,
|
|
37
|
+
J as createLogger,
|
|
38
|
+
E as currency,
|
|
39
|
+
F as date,
|
|
40
|
+
G as datetime,
|
|
41
|
+
S as decimal,
|
|
42
|
+
T as fuelUnitPrice,
|
|
43
|
+
V as fuelVolume,
|
|
44
|
+
O as getPageCount,
|
|
45
|
+
W as hours,
|
|
46
|
+
j as number,
|
|
47
|
+
q as time
|
|
47
48
|
};
|
package/package.json
CHANGED
|
@@ -2,19 +2,15 @@
|
|
|
2
2
|
"name": "@amateescu/portal-ui-components",
|
|
3
3
|
"main": "dist/main.js",
|
|
4
4
|
"types": "dist/main.d.ts",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.33",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"files": [
|
|
8
|
-
"dist"
|
|
9
|
-
"src/theme/theme.scss",
|
|
10
|
-
"src/theme/portal-theme.scss"
|
|
8
|
+
"dist"
|
|
11
9
|
],
|
|
12
10
|
"exports": {
|
|
13
11
|
"./components": "./dist/components/index.js",
|
|
14
12
|
"./types": "./dist/types/index.js",
|
|
15
|
-
"./portal-utils": "./dist/portal-utils/index.js"
|
|
16
|
-
"./theme.css": "./dist/assets/theme.css",
|
|
17
|
-
"./portal-theme.css": "./dist/assets/portal-theme.css"
|
|
13
|
+
"./portal-utils": "./dist/portal-utils/index.js"
|
|
18
14
|
},
|
|
19
15
|
"scripts": {
|
|
20
16
|
"build": "tsc && vite build",
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--color-primary: #cbddf3;
|
|
3
|
-
--color-secondary: #626367;
|
|
4
|
-
--color-background: #f0f0f0;
|
|
5
|
-
--color-background-secondary: #f3f6f8;
|
|
6
|
-
--color-text: #12121a;
|
|
7
|
-
--color-text-secondary: #111111;
|
|
8
|
-
--color-text-light: #777;
|
|
9
|
-
--color-text-dark: #333;
|
|
10
|
-
--color-border: #ddd;
|
|
11
|
-
--color-highlight: #05a952;
|
|
12
|
-
--color-highlight-data-grid: #05a9521a; //data-grid row selection
|
|
13
|
-
--color-mui-selected: #F5F7FB;
|
|
14
|
-
--color-warning: #eea63c;
|
|
15
|
-
--color-critical: #f95048;
|
|
16
|
-
--color-neutral: #fafafa;
|
|
17
|
-
--color-red: red;
|
|
18
|
-
--color-gray: #e0e0e0;
|
|
19
|
-
--color-blue: #0054EE; //clear filters
|
|
20
|
-
--color-light-gray-blue: #E6EBEF;
|
|
21
|
-
--color-very-light-gray: #DBDBDB;
|
|
22
|
-
--color-white: white;
|
|
23
|
-
--color-green: green;
|
|
24
|
-
--color-ant-theme: #00b96b;
|
|
25
|
-
--color-avatar: #41b06e;
|
|
26
|
-
|
|
27
|
-
--font-size-xxsmall: 8px;
|
|
28
|
-
--font-size-9: 9px;
|
|
29
|
-
--font-size-xsmall: 10px;
|
|
30
|
-
--font-size-small: 12px;
|
|
31
|
-
--font-size-normal: 13px;
|
|
32
|
-
--font-size-medium: 14px;
|
|
33
|
-
--font-size-large: 16px;
|
|
34
|
-
--font-size-xlarge: 18px;
|
|
35
|
-
--font-size-xxlarge: 20px;
|
|
36
|
-
--font-size-xxxlarge: 21px;
|
|
37
|
-
--font-size-22: 22px;
|
|
38
|
-
--font-size-kpi-card: 32px;
|
|
39
|
-
|
|
40
|
-
--font-bolded: 600;
|
|
41
|
-
--font-500: 500;
|
|
42
|
-
--font-400: 400;
|
|
43
|
-
}
|
package/src/theme/theme.scss
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--color-primary: #045529;
|
|
3
|
-
--color-secondary: #626367;
|
|
4
|
-
--color-background: #f0f0f0;
|
|
5
|
-
--color-background-secondary: #f3f6f8;
|
|
6
|
-
--color-text: #12121a;
|
|
7
|
-
--color-text-secondary: #111111;
|
|
8
|
-
--color-text-light: #777;
|
|
9
|
-
--color-text-dark: #333;
|
|
10
|
-
--color-border: #ddd;
|
|
11
|
-
--color-highlight: #05a952;
|
|
12
|
-
--color-highlight-data-grid: #05a9521a; //data-grid row selection
|
|
13
|
-
--color-mui-selected: #F5F7FB;
|
|
14
|
-
--color-warning: #eea63c;
|
|
15
|
-
--color-critical: #f95048;
|
|
16
|
-
--color-neutral: #fafafa;
|
|
17
|
-
--color-red: red;
|
|
18
|
-
--color-gray: #e0e0e0;
|
|
19
|
-
--color-blue: #0054EE; //clear filters
|
|
20
|
-
--color-light-gray-blue: #E6EBEF;
|
|
21
|
-
--color-very-light-gray: #DBDBDB;
|
|
22
|
-
--color-white: white;
|
|
23
|
-
--color-green: green;
|
|
24
|
-
--color-ant-theme: #00b96b;
|
|
25
|
-
--color-avatar: #41b06e;
|
|
26
|
-
|
|
27
|
-
--font-size-xxsmall: 8px;
|
|
28
|
-
--font-size-9: 9px;
|
|
29
|
-
--font-size-xsmall: 10px;
|
|
30
|
-
--font-size-small: 12px;
|
|
31
|
-
--font-size-normal: 13px;
|
|
32
|
-
--font-size-medium: 14px;
|
|
33
|
-
--font-size-large: 16px;
|
|
34
|
-
--font-size-xlarge: 18px;
|
|
35
|
-
--font-size-xxlarge: 20px;
|
|
36
|
-
--font-size-xxxlarge: 21px;
|
|
37
|
-
--font-size-22: 22px;
|
|
38
|
-
--font-size-kpi-card: 32px;
|
|
39
|
-
|
|
40
|
-
--font-bolded: 600;
|
|
41
|
-
--font-500: 500;
|
|
42
|
-
--font-400: 400;
|
|
43
|
-
}
|