@amateescu/portal-ui-components 0.0.32-beta1 → 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-Cql8tlJU.js → UserInfoDropdown-GTCkmg6H.js} +2 -2
- package/dist/assets/ConfirmationModal.css +1 -1
- package/dist/assets/ErrorModal.css +1 -1
- package/dist/assets/KpiCard.css +1 -1
- package/dist/assets/SideMenu.css +1 -1
- package/dist/assets/UserInfoDropdown.css +1 -1
- package/dist/assets/{theme.css → globals.css} +1 -1
- package/dist/components/ConfirmationModal/ConfirmationModal.js +17 -17
- package/dist/components/CustomButton/CustomButton.js +10 -10
- package/dist/components/CustomFooter/CustomFooter.stories.js +7 -6
- package/dist/components/CustomPagination/CustomPagination.js +162 -157
- package/dist/components/ErrorModal/ErrorModal.js +10 -11
- package/dist/components/InfoModal/InfoModal.js +18 -18
- package/dist/components/KpiCard/KpiCard.js +1 -1
- package/dist/components/KpiWrapper/KpiWrapper.stories.js +11 -10
- package/dist/components/Login/Login.js +2 -2
- package/dist/components/SideMenu/SideMenu.js +33 -33
- package/dist/components/TotalDataGrid/TotalDataGrid.js +11 -11
- 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/dist/assets/portal-theme.css +0 -1
- 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,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._flexRowCenter_18rw0_1{display:flex!important;flex-direction:row;align-items:center}._mr10_18rw0_7,html[dir=rtl] ._mr10_18rw0_7{margin-right:10px}html[dir=ltr] ._mr10_18rw0_7{margin-left:10px}._text18_18rw0_19{font-size:var(--font-size-xlarge)}._content_18rw0_23{position:relative;top:-10px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._flexRowCenter_ufgj5_1{display:flex!important;flex-direction:row;align-items:center}html[dir=rtl] ._mr10_ufgj5_7{margin-right:10px}html[dir=ltr] ._mr10_ufgj5_7{margin-left:10px}._text18_ufgj5_15{font-size:var(--font-size-xlarge)}._content_ufgj5_19{position:relative;top:-10px}
|
package/dist/assets/KpiCard.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._kpiCard_w4qw3_1{height:147px;background-color:var(--color-background);border-radius:8px}._width430_w4qw3_7{width:430px}@media (max-width: 1500px){._width430_w4qw3_7{width:200px}}._width384_w4qw3_16{width:384px}._flexCol_w4qw3_20{display:flex;flex-direction:column}._flexRow_w4qw3_25{display:flex;flex-direction:row}._title_w4qw3_30{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media (max-width: 900px){._title_w4qw3_30{font-size:var(--font-size-small)}}@media (max-width: 1100px){._title_w4qw3_30{font-size:var(--font-size-large)}}@media (max-width: 1400px){._title_w4qw3_30{font-size:var(--font-size-xxlarge)}}@media (max-width: 1600px){._title_w4qw3_30{font-size:var(--font-size-22)}}._content_w4qw3_56{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary);margin-top:-10px}@media (max-width: 900px){._content_w4qw3_56{font-size:var(--font-size-xxsmall)}}@media (max-width: 1100px){._content_w4qw3_56{font-size:var(--font-size-small)}}@media (max-width: 1400px){._content_w4qw3_56{font-size:var(--font-size-medium)}}
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._avatar_1f4cc_1{background-color:var(--color-avatar);vertical-align:middle;text-transform:uppercase}._pointer_1f4cc_7{cursor:pointer}._flexRowCenter_1f4cc_11{display:flex;flex-direction:row;align-content:center;align-items:center}._userTitle_1f4cc_18{font-size:var(--font-size-small);color:var(--color-secondary);margin-left:10px}[dir=rtl] ._userTitle_1f4cc_18{margin-right:10px}
|
|
@@ -1 +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-
|
|
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
|
-
mr10:
|
|
8
|
-
text18:
|
|
7
|
+
mr10: g,
|
|
8
|
+
text18: f,
|
|
9
9
|
content: C
|
|
10
10
|
};
|
|
11
|
-
function
|
|
12
|
-
return
|
|
11
|
+
function _({ modalOpen: r, contentText: c, setModalOpen: l, commandOnOk: s, title: a, approve: i, cancel: h }) {
|
|
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
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 L({ modalOpen: o, contentText: s, setModalOpen: l, 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,15 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { B as
|
|
3
|
-
const
|
|
4
|
-
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { B as l } from "../../Button-xgiLW4_3.js";
|
|
3
|
+
const m = ({ content: r, height: o = "40px", width: t = "120px", direction: n = "left", size: a = "small", ...e }) => /* @__PURE__ */ i(
|
|
4
|
+
l,
|
|
5
5
|
{
|
|
6
6
|
variant: "outlined",
|
|
7
7
|
disableElevation: !0,
|
|
8
8
|
color: "primary",
|
|
9
9
|
size: a,
|
|
10
10
|
sx: {
|
|
11
|
-
float:
|
|
12
|
-
height:
|
|
11
|
+
float: n,
|
|
12
|
+
height: o,
|
|
13
13
|
borderRadius: 2,
|
|
14
14
|
border: "1px solid var(--color-gray)",
|
|
15
15
|
color: "var(--color-secondary)",
|
|
@@ -27,10 +27,10 @@ const c = ({ content: o, height: r = "40px", width: t = "120px", direction: e =
|
|
|
27
27
|
border: "1px solid var(--color-gray)"
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
|
-
...
|
|
31
|
-
children:
|
|
30
|
+
...e,
|
|
31
|
+
children: r
|
|
32
32
|
}
|
|
33
|
-
)
|
|
33
|
+
);
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
m as CustomButton
|
|
36
36
|
};
|
|
@@ -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
|
};
|