@amateescu/portal-ui-components 0.0.37-beta0 → 0.0.37-beta1
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-D9EyQloN.js +65 -0
- package/dist/assets/PassportInactivityModal.css +1 -0
- package/dist/assets/PassportInfoModal.css +1 -0
- package/dist/assets/PassportKpiCard.css +1 -1
- package/dist/assets/UserInfoDropdown.css +1 -1
- package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts +12 -0
- package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts.map +1 -0
- package/dist/components/PassportInactivityModal/PassportInactivityModal.js +53 -0
- package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts +41 -0
- package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts.map +1 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.d.ts +3 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.d.ts.map +1 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.js +68 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts +29 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts.map +1 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts +7 -0
- package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts.map +1 -0
- package/dist/components/PassportKpiCard/PassportKpiCard.d.ts.map +1 -1
- package/dist/components/PassportKpiCard/PassportKpiCard.js +24 -23
- package/dist/components/SideMenu/SideMenu.js +1 -1
- package/dist/components/SideMenu/SideMenu.types.d.ts +2 -1
- package/dist/components/SideMenu/SideMenu.types.d.ts.map +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.d.ts.map +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.js +2 -2
- package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.d.ts +5 -5
- package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.d.ts.map +1 -1
- package/dist/components/UserInfoDropdown/UserInfoDropdown.types.d.ts +8 -3
- package/dist/components/UserInfoDropdown/UserInfoDropdown.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +38 -36
- package/dist/main.js +65 -63
- package/dist/portal-utils/cn.d.ts +3 -1
- package/dist/portal-utils/cn.d.ts.map +1 -1
- package/dist/portal-utils/cn.js +1 -1
- package/package.json +1 -1
- package/dist/UserInfoDropdown-rBF0pwlq.js +0 -23
- package/dist/assets/InfoModal.css +0 -1
- package/dist/components/InfoModal/InfoModal.d.ts +0 -3
- package/dist/components/InfoModal/InfoModal.d.ts.map +0 -1
- package/dist/components/InfoModal/InfoModal.js +0 -55
- package/dist/components/InfoModal/InfoModal.stories.d.ts +0 -19
- package/dist/components/InfoModal/InfoModal.stories.d.ts.map +0 -1
- package/dist/components/InfoModal/InfoModal.types.d.ts +0 -9
- package/dist/components/InfoModal/InfoModal.types.d.ts.map +0 -1
- /package/dist/components/{InfoModal/InfoModal.types.js → PassportInfoModal/PassportInfoModal.types.js} +0 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { useState as _, useRef as f, useEffect as h } from "react";
|
|
4
|
+
import { cn as p } from "./portal-utils/cn.js";
|
|
5
|
+
import './assets/UserInfoDropdown.css';const g = (r) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ i.createElement("path", { d: "M19 9L12 16L5 9", color: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), v = "_dropdownWrapper_1tlyc_1", y = "_trigger_1tlyc_6", I = "_avatar_1tlyc_27", k = "_userTitle_1tlyc_42", b = "_arrowIcon_1tlyc_49", N = "_open_1tlyc_55", L = "_dropdownMenu_1tlyc_59", x = "_menuItem_1tlyc_80", n = {
|
|
6
|
+
dropdownWrapper: v,
|
|
7
|
+
trigger: y,
|
|
8
|
+
avatar: I,
|
|
9
|
+
userTitle: k,
|
|
10
|
+
arrowIcon: b,
|
|
11
|
+
open: N,
|
|
12
|
+
dropdownMenu: L,
|
|
13
|
+
menuItem: x
|
|
14
|
+
}, W = ({
|
|
15
|
+
items: r,
|
|
16
|
+
user: l,
|
|
17
|
+
collapsed: d = !1,
|
|
18
|
+
handleMenuClick: u
|
|
19
|
+
}) => {
|
|
20
|
+
const [t, s] = _(!1), a = f(null);
|
|
21
|
+
h(() => {
|
|
22
|
+
const e = (w) => {
|
|
23
|
+
a.current && !a.current.contains(w.target) && s(!1);
|
|
24
|
+
};
|
|
25
|
+
return document.addEventListener("mousedown", e), () => {
|
|
26
|
+
document.removeEventListener("mousedown", e);
|
|
27
|
+
};
|
|
28
|
+
}, []);
|
|
29
|
+
const m = (e) => {
|
|
30
|
+
u({ key: e }), s(!1);
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */ c("div", { className: n.dropdownWrapper, ref: a, children: [
|
|
33
|
+
/* @__PURE__ */ c(
|
|
34
|
+
"button",
|
|
35
|
+
{
|
|
36
|
+
className: n.trigger,
|
|
37
|
+
onClick: () => s(!t),
|
|
38
|
+
type: "button",
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ o("span", { className: n.avatar, children: l[0] }),
|
|
41
|
+
!d && /* @__PURE__ */ o("span", { className: n.userTitle, children: l }),
|
|
42
|
+
!d && /* @__PURE__ */ o("span", { className: p(n.arrowIcon, t && n.open), children: /* @__PURE__ */ o(g, { color: "var(--color-primary)" }) })
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
/* @__PURE__ */ o("div", { className: p(n.dropdownMenu, t && n.open), children: r.map((e) => /* @__PURE__ */ c(
|
|
47
|
+
"button",
|
|
48
|
+
{
|
|
49
|
+
className: n.menuItem,
|
|
50
|
+
onClick: () => m(e.key),
|
|
51
|
+
disabled: e.disabled,
|
|
52
|
+
type: "button",
|
|
53
|
+
children: [
|
|
54
|
+
e.icon,
|
|
55
|
+
e.label
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
e.key
|
|
59
|
+
)) })
|
|
60
|
+
] });
|
|
61
|
+
};
|
|
62
|
+
export {
|
|
63
|
+
g as S,
|
|
64
|
+
W as U
|
|
65
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._modalOverlay_z84tg_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:_fadeIn_z84tg_1 .2s ease-out}._modalContainer_z84tg_12{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:448px;width:90%;padding:24px;animation:_slideIn_z84tg_1 .2s ease-out}._modalHeader_z84tg_22{display:flex;align-items:center;gap:12px;margin-bottom:16px}._modalIconCheck_z84tg_29,._modalIconCancel_z84tg_34{color:var(--color-highlight);flex-shrink:0}._modalTitle_z84tg_39{font-size:18px;font-weight:600;color:var(--color-text);margin:0}._modalMessage_z84tg_46{color:var(--color-text);font-size:14px;line-height:1.5}._modalActions_z84tg_52{display:flex;gap:12px;justify-content:flex-end}._modalButton_z84tg_58{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}._modalButtonCancel_z84tg_73{background-color:#fff;color:var(--color-text);border-color:var(--color-gray)}._modalButtonPublish_z84tg_79{background-color:var(--color-highlight);color:var(--color-text)}._modalButtonPublish_z84tg_79:hover,._modalButtonPublish_z84tg_79:active{background-color:var(--color-highlight)}@keyframes _fadeIn_z84tg_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_z84tg_1{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){._modalContainer_z84tg_12{margin:16px}._modalActions_z84tg_52{flex-direction:column-reverse}._modalButton_z84tg_58{width:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._modalOverlay_aod76_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:_fadeIn_aod76_1 .2s ease-out}._modalContainer_aod76_12{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:448px;width:90%;padding:24px;animation:_slideIn_aod76_1 .2s ease-out}._modalHeader_aod76_22{display:flex;align-items:center;gap:12px;margin-bottom:16px}._modalIconInfo_aod76_29{color:var(--color-primary);flex-shrink:0}._modalTitle_aod76_34{font-size:18px;font-weight:600;color:var(--color-text);margin:0}._modalMessage_aod76_41{color:var(--color-text);font-size:14px;line-height:1.5;margin:0 0 24px}._modalActions_aod76_48{display:flex;gap:12px;justify-content:flex-end}._modalButton_aod76_54{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;background-color:var(--color-highlight);color:var(--color-text)}._modalButton_aod76_54:hover,._modalButton_aod76_54:active{background-color:var(--color-highlight)}@keyframes _fadeIn_aod76_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_aod76_1{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){._modalContainer_aod76_12{margin:16px}._modalButton_aod76_54{width:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._kpiCard_gpia1_1{height:147px;background-color:var(--color-background);border:1px solid transparent;border-radius:8px;padding:16px;display:flex;flex-direction:row;align-items:center}._cardContent_gpia1_12{display:flex;flex-direction:row;justify-content:center;margin:auto}._loadingCenter_gpia1_19{margin:auto}._width430_gpia1_23{width:430px}@media(max-width:1500px){._width430_gpia1_23{width:200px}}._width384_gpia1_32{width:384px}._title_gpia1_36{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media(max-width:900px){._title_gpia1_36{font-size:var(--font-size-small)}}@media(max-width:1100px){._title_gpia1_36{font-size:var(--font-size-large)}}@media(max-width:1400px){._title_gpia1_36{font-size:var(--font-size-xxlarge)}}@media(max-width:1600px){._title_gpia1_36{font-size:var(--font-size-22)}}._content_gpia1_62{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary)}@media(max-width:900px){._content_gpia1_62{font-size:var(--font-size-xxsmall)}}@media(max-width:1100px){._content_gpia1_62{font-size:var(--font-size-small)}}@media(max-width:1400px){._content_gpia1_62{font-size:var(--font-size-medium)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dropdownWrapper_1tlyc_1{position:relative;display:inline-block}._trigger_1tlyc_6{display:flex;flex-direction:row;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;background:none;border:none;padding:0;margin:0;font-family:inherit}._trigger_1tlyc_6:hover{opacity:.9}._trigger_1tlyc_6:focus{outline:none}._avatar_1tlyc_27{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-avatar);color:#fff;font-size:16px;font-weight:500;text-transform:uppercase;flex-shrink:0}._userTitle_1tlyc_42{font-size:var(--font-size-small);color:var(--color-secondary);margin-left:10px;white-space:nowrap}._arrowIcon_1tlyc_49{display:flex;align-items:center;margin-left:8px;transition:transform .15s ease}._arrowIcon_1tlyc_49._open_1tlyc_55{transform:rotate(180deg)}._dropdownMenu_1tlyc_59{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}._dropdownMenu_1tlyc_59._open_1tlyc_55{opacity:1;visibility:visible;transform:translateY(0)}._menuItem_1tlyc_80{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;font-size:14px;color:var(--color-text);cursor:pointer;text-align:left;transition:background-color .15s ease}._menuItem_1tlyc_80:hover{background-color:#f5f5f5;background-color:var(--color-gray-light, #f5f5f5)}._menuItem_1tlyc_80:disabled{color:var(--color-gray);cursor:not-allowed}._menuItem_1tlyc_80:disabled:hover{background-color:transparent}[dir=rtl] ._dropdownMenu_1tlyc_59{right:auto;left:0}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface PassportInactivityModalProps {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
onCancel: () => void;
|
|
4
|
+
onConfirm: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
message: string;
|
|
7
|
+
actionText: string;
|
|
8
|
+
cancelText: string;
|
|
9
|
+
message2?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const PassportInactivityModal: ({ isOpen, onCancel, onConfirm, title, message, actionText, cancelText, message2 }: PassportInactivityModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
//# sourceMappingURL=PassportInactivityModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportInactivityModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInactivityModal/PassportInactivityModal.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,GAAI,mFASrC,4BAA4B,mDAiC9B,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/PassportInactivityModal.css';const _ = "_modalOverlay_z84tg_1", u = "_modalContainer_z84tg_12", g = "_modalHeader_z84tg_22", h = "_modalTitle_z84tg_39", B = "_modalMessage_z84tg_46", C = "_modalActions_z84tg_52", v = "_modalButton_z84tg_58", z = "_modalButtonCancel_z84tg_73", N = "_modalButtonPublish_z84tg_79", o = {
|
|
3
|
+
modalOverlay: _,
|
|
4
|
+
modalContainer: u,
|
|
5
|
+
modalHeader: g,
|
|
6
|
+
modalTitle: h,
|
|
7
|
+
modalMessage: B,
|
|
8
|
+
modalActions: C,
|
|
9
|
+
modalButton: v,
|
|
10
|
+
modalButtonCancel: z,
|
|
11
|
+
modalButtonPublish: N
|
|
12
|
+
}, b = ({
|
|
13
|
+
isOpen: t,
|
|
14
|
+
onCancel: n,
|
|
15
|
+
onConfirm: d,
|
|
16
|
+
title: e,
|
|
17
|
+
message: s,
|
|
18
|
+
actionText: m,
|
|
19
|
+
cancelText: c,
|
|
20
|
+
message2: i = ""
|
|
21
|
+
}) => t ? /* @__PURE__ */ a("div", { className: o.modalOverlay, children: /* @__PURE__ */ l(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
className: o.modalContainer,
|
|
25
|
+
onClick: (r) => r.stopPropagation(),
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ a("div", { className: o.modalHeader, children: /* @__PURE__ */ a("h2", { className: o.modalTitle, children: e }) }),
|
|
28
|
+
/* @__PURE__ */ a("p", { className: o.modalMessage, children: s }),
|
|
29
|
+
/* @__PURE__ */ a("p", { className: o.modalMessage, children: i }),
|
|
30
|
+
/* @__PURE__ */ l("div", { className: o.modalActions, children: [
|
|
31
|
+
/* @__PURE__ */ a(
|
|
32
|
+
"button",
|
|
33
|
+
{
|
|
34
|
+
className: `${o.modalButton} ${o.modalButtonCancel}`,
|
|
35
|
+
onClick: n,
|
|
36
|
+
children: c
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
/* @__PURE__ */ a(
|
|
40
|
+
"button",
|
|
41
|
+
{
|
|
42
|
+
className: `${o.modalButton} ${o.modalButtonPublish}`,
|
|
43
|
+
onClick: d,
|
|
44
|
+
children: m
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
] })
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
) }) : null;
|
|
51
|
+
export {
|
|
52
|
+
b as PassportInactivityModal
|
|
53
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ isOpen, onCancel, onConfirm, title, message, actionText, cancelText, message2 }: import('./PassportInactivityModal').PassportInactivityModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
argTypes: {
|
|
10
|
+
isOpen: {
|
|
11
|
+
control: "boolean";
|
|
12
|
+
description: string;
|
|
13
|
+
};
|
|
14
|
+
title: {
|
|
15
|
+
control: "text";
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
message: {
|
|
19
|
+
control: "text";
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
message2: {
|
|
23
|
+
control: "text";
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
actionText: {
|
|
27
|
+
control: "text";
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
cancelText: {
|
|
31
|
+
control: "text";
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default meta;
|
|
37
|
+
type Story = StoryObj<typeof meta>;
|
|
38
|
+
export declare const Default: Story;
|
|
39
|
+
export declare const WithoutSecondaryMessage: Story;
|
|
40
|
+
export declare const RTL: Story;
|
|
41
|
+
//# sourceMappingURL=PassportInactivityModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportInactivityModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInactivityModal/PassportInactivityModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAUrC,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAkBjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportInfoModal.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,sBAAsB,mDAkDxB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { jsx as o, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { t as i } from "i18next";
|
|
3
|
+
import '../../assets/PassportInfoModal.css';const r = "_modalOverlay_aod76_1", c = "_modalContainer_aod76_12", m = "_modalHeader_aod76_22", _ = "_modalIconInfo_aod76_29", h = "_modalTitle_aod76_34", u = "_modalMessage_aod76_41", v = "_modalActions_aod76_48", k = "_modalButton_aod76_54", a = {
|
|
4
|
+
modalOverlay: r,
|
|
5
|
+
modalContainer: c,
|
|
6
|
+
modalHeader: m,
|
|
7
|
+
modalIconInfo: _,
|
|
8
|
+
modalTitle: h,
|
|
9
|
+
modalMessage: u,
|
|
10
|
+
modalActions: v,
|
|
11
|
+
modalButton: k
|
|
12
|
+
}, f = ({
|
|
13
|
+
isOpen: e,
|
|
14
|
+
onClose: n,
|
|
15
|
+
title: d,
|
|
16
|
+
message: t
|
|
17
|
+
}) => e ? /* @__PURE__ */ o("div", { className: a.modalOverlay, children: /* @__PURE__ */ l(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: a.modalContainer,
|
|
21
|
+
onClick: (s) => s.stopPropagation(),
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ l("div", { className: a.modalHeader, children: [
|
|
24
|
+
/* @__PURE__ */ l(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
className: a.modalIconInfo,
|
|
28
|
+
width: "24",
|
|
29
|
+
height: "24",
|
|
30
|
+
viewBox: "0 0 24 24",
|
|
31
|
+
fill: "none",
|
|
32
|
+
stroke: "currentColor",
|
|
33
|
+
strokeWidth: "2",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeLinejoin: "round",
|
|
36
|
+
children: [
|
|
37
|
+
/* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
|
|
38
|
+
/* @__PURE__ */ o("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
39
|
+
/* @__PURE__ */ o("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ o("h2", { className: a.modalTitle, children: d })
|
|
44
|
+
] }),
|
|
45
|
+
/* @__PURE__ */ o("p", { className: a.modalMessage, children: t }),
|
|
46
|
+
/* @__PURE__ */ o("div", { className: a.modalActions, children: /* @__PURE__ */ l("button", { className: a.modalButton, onClick: n, children: [
|
|
47
|
+
/* @__PURE__ */ o(
|
|
48
|
+
"svg",
|
|
49
|
+
{
|
|
50
|
+
width: "16",
|
|
51
|
+
height: "16",
|
|
52
|
+
viewBox: "0 0 24 24",
|
|
53
|
+
fill: "none",
|
|
54
|
+
stroke: "currentColor",
|
|
55
|
+
strokeWidth: "2",
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeLinejoin: "round",
|
|
58
|
+
children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
i("ok")
|
|
62
|
+
] }) })
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
) }) : null;
|
|
66
|
+
export {
|
|
67
|
+
f as PassportInfoModal
|
|
68
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ isOpen, onClose, title, message, }: import('./PassportInfoModal.types').PassportInfoModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
argTypes: {
|
|
10
|
+
isOpen: {
|
|
11
|
+
control: "boolean";
|
|
12
|
+
description: string;
|
|
13
|
+
};
|
|
14
|
+
title: {
|
|
15
|
+
control: "text";
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
message: {
|
|
19
|
+
control: "text";
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
type Story = StoryObj<typeof meta>;
|
|
26
|
+
export declare const Default: Story;
|
|
27
|
+
export declare const LongMessage: Story;
|
|
28
|
+
export declare const RTL: Story;
|
|
29
|
+
//# sourceMappingURL=PassportInfoModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportInfoModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAcjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportInfoModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportInfoModal/PassportInfoModal.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportKpiCard.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"PassportKpiCard.d.ts","sourceRoot":"","sources":["../../../src/components/PassportKpiCard/PassportKpiCard.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,oBAAoB,2CA2BtB"}
|
|
@@ -1,43 +1,44 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { LoadingAnimation as
|
|
3
|
-
import { cn as
|
|
4
|
-
import '../../assets/PassportKpiCard.css';const
|
|
5
|
-
kpiCard:
|
|
6
|
-
cardContent:
|
|
1
|
+
import { jsx as i, jsxs as e } from "react/jsx-runtime";
|
|
2
|
+
import { LoadingAnimation as s } from "../LoadingAnimation/LoadingAnimation.js";
|
|
3
|
+
import { cn as l } from "../../portal-utils/cn.js";
|
|
4
|
+
import '../../assets/PassportKpiCard.css';const _ = "_kpiCard_gpia1_1", p = "_cardContent_gpia1_12", h = "_loadingCenter_gpia1_19", m = "_width430_gpia1_23", C = "_width384_gpia1_32", g = "_title_gpia1_36", w = "_content_gpia1_62", t = {
|
|
5
|
+
kpiCard: _,
|
|
6
|
+
cardContent: p,
|
|
7
|
+
loadingCenter: h,
|
|
7
8
|
width430: m,
|
|
8
|
-
width384:
|
|
9
|
-
title:
|
|
9
|
+
width384: C,
|
|
10
|
+
title: g,
|
|
10
11
|
content: w
|
|
11
12
|
};
|
|
12
|
-
function
|
|
13
|
-
title:
|
|
14
|
-
content:
|
|
15
|
-
icon:
|
|
16
|
-
menuCollapsed:
|
|
13
|
+
function k({
|
|
14
|
+
title: n,
|
|
15
|
+
content: a,
|
|
16
|
+
icon: d,
|
|
17
|
+
menuCollapsed: c,
|
|
17
18
|
height: o,
|
|
18
19
|
width: r
|
|
19
20
|
}) {
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ i(
|
|
21
22
|
"div",
|
|
22
23
|
{
|
|
23
|
-
className:
|
|
24
|
+
className: l(
|
|
24
25
|
t.kpiCard,
|
|
25
|
-
|
|
26
|
+
c ? t.width430 : t.width384
|
|
26
27
|
),
|
|
27
28
|
style: {
|
|
28
29
|
height: o,
|
|
29
30
|
width: r
|
|
30
31
|
},
|
|
31
|
-
children:
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
32
|
+
children: n && a ? /* @__PURE__ */ e("div", { className: t.cardContent, children: [
|
|
33
|
+
/* @__PURE__ */ i("div", { className: t.iconWrapper, children: d }),
|
|
34
|
+
/* @__PURE__ */ e("div", { className: t.textContent, children: [
|
|
35
|
+
/* @__PURE__ */ i("div", { className: t.title, children: n }),
|
|
36
|
+
/* @__PURE__ */ i("div", { className: t.content, children: a })
|
|
36
37
|
] })
|
|
37
|
-
] }) : /* @__PURE__ */
|
|
38
|
+
] }) : /* @__PURE__ */ i("div", { className: t.loadingCenter, children: /* @__PURE__ */ i(s, {}) })
|
|
38
39
|
}
|
|
39
40
|
);
|
|
40
41
|
}
|
|
41
42
|
export {
|
|
42
|
-
|
|
43
|
+
k as PassportKpiCard
|
|
43
44
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as l, Fragment as Z } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
|
-
import { S as g, U as m } from "../../UserInfoDropdown-
|
|
3
|
+
import { S as g, U as m } from "../../UserInfoDropdown-D9EyQloN.js";
|
|
4
4
|
import { Menu as R } from "antd";
|
|
5
5
|
import '../../assets/SideMenu.css';const v = (n) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ e.createElement("path", { d: "M11 19L4 12L11 5M19 19L12 12L19 5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), h = (n) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ e.createElement("path", { d: "M13 5L20 12L13 19M5 5L12 12L5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), E = (n) => /* @__PURE__ */ e.createElement("svg", { width: 84, height: 27, viewBox: "0 0 84 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.47082 2.15013V4.63516C5.47082 4.90965 5.2483 5.13217 4.97381 5.13217H2.48878L3.4828 6.12618H4.97381C5.79728 6.12618 6.46483 5.45863 6.46483 4.63516V3.14415L5.47082 2.15013Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.4828 3.14415V0.162109L4.47681 1.15612V4.01391C4.47681 4.08253 4.42118 4.13816 4.35256 4.13816H1.49477L0.50076 3.14415H3.4828Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94986 2.15013V4.63516C8.94986 4.90965 9.17238 5.13217 9.44687 5.13217H11.9319L10.9379 6.12618H9.44687C8.6234 6.12618 7.95585 5.45863 7.95585 4.63516V3.14415L8.94986 2.15013Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9379 3.14415V0.162109L9.94387 1.15612V4.01391C9.94387 4.08253 9.9995 4.13816 10.0681 4.13816H12.9259L13.9199 3.14415H10.9379Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.47082 11.5932V9.10822C5.47082 8.83373 5.2483 8.61121 4.97381 8.61121H2.48878L3.4828 7.6172H4.97381C5.79728 7.6172 6.46483 8.28475 6.46483 9.10822V10.5992L5.47082 11.5932Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.4828 10.5992V13.5813L4.47681 12.5873V9.72948C4.47681 9.66085 4.42118 9.60522 4.35256 9.60522H1.49477L0.50076 10.5992H3.4828Z", fill: "#12121A" }), /* @__PURE__ */ e.createElement("path", { d: "M63.2949 25.0081V25.4531H62.5568V20.9663H63.3832V22.6741C63.5041 22.5415 63.6505 22.4348 63.8138 22.3603C63.9771 22.2857 64.1537 22.245 64.3332 22.2405C64.624 22.2576 64.908 22.3587 65.1435 22.5278C65.5722 22.8358 65.8175 23.357 65.7818 23.8829C65.8084 24.4002 65.5596 24.9209 65.1435 25.2259C64.7262 25.5317 64.1987 25.6174 63.7356 25.3736C63.566 25.2844 63.4172 25.1605 63.2987 25.01L63.2949 25.0081ZM65.1435 23.8829C65.1432 23.4277 64.7837 23.027 64.3332 22.9756C63.8047 22.9154 63.3333 23.3393 63.3139 23.8829C63.2931 24.4655 63.7835 24.8458 64.3332 24.7831C64.7855 24.7314 65.1437 24.3478 65.1435 23.8829ZM65.9813 26.5717V25.8696C66.1653 25.955 66.3665 25.9969 66.5693 25.992C66.8923 26.0051 67.2069 25.8032 67.3292 25.5043L65.9157 22.3022H66.8381L67.7178 24.6049L68.4198 22.3022H69.3308L68.1281 25.4569C67.8166 26.2861 67.3131 26.7159 66.6291 26.7159C66.4041 26.7185 66.1816 26.6684 65.9794 26.5698L65.9813 26.5717ZM70.8459 23.306C70.8393 22.7085 71.0879 22.1181 71.5202 21.705C72.2996 20.9602 73.5129 20.9612 74.4537 21.379V22.2329C73.7808 21.8399 72.7883 21.7222 72.1698 22.278C71.8751 22.5429 71.7014 22.9318 71.7008 23.3278C71.6971 23.7183 71.8648 24.1036 72.1534 24.3671C72.6055 24.78 73.3347 24.8378 73.8838 24.5897V23.7415H73.0383V23.0157H74.6893V25.1153C73.7131 25.683 72.3512 25.7408 71.5039 24.9177C71.0762 24.5023 70.8335 23.9112 70.8459 23.3155V23.306ZM74.923 21.176H75.8729L77.0946 24.511L78.2554 21.176H79.2053L77.5391 25.53H76.5892L74.923 21.176ZM79.6071 21.176H81.2439C82.0509 21.1805 82.785 21.7111 82.8151 22.5498C82.7969 23.0893 82.46 23.5971 81.9696 23.824L83.0345 25.5243H82.039L81.089 23.9701H80.4393V25.5243H79.609V21.1741L79.6071 21.176ZM81.1907 23.2633C81.5892 23.2746 81.9552 23.0288 81.9592 22.5991C81.9546 22.1689 81.5904 21.9207 81.1907 21.9274H80.4374V23.2633H81.1907ZM45.212 12.0907C45.132 10.7855 43.9649 9.74532 42.6766 9.70981C41.3684 9.73551 40.1665 10.7685 40.0481 12.0907H45.2167H45.212ZM37.2848 13.4063C37.2848 10.0855 39.5646 7.36914 42.7801 7.36914C45.9957 7.36914 47.9715 9.68704 47.9715 13.5363C47.9754 13.7412 47.9678 13.8747 47.9487 14.0787H39.9978C40.1089 15.5019 41.3999 16.6445 43.372 16.6445C44.7648 16.6347 46.1093 16.1743 47.2182 15.3323V17.9112C46.0418 18.7275 44.6504 19.163 43.2181 19.1588C41.6607 19.2489 40.1051 18.6708 38.9851 17.5848C37.8663 16.4999 37.2407 14.9643 37.2848 13.4063ZM77.6512 16.5145C79.3666 16.4375 80.5711 14.96 80.6065 13.2792C80.6428 11.5523 79.4618 10.0125 77.6391 10.0195C75.8663 10.0264 74.656 11.5807 74.6969 13.3019C74.7366 14.9694 75.8676 16.456 77.6522 16.5183L77.6512 16.5145ZM71.8025 13.2564C71.8372 10.113 74.4901 7.47851 77.6522 7.4792C80.7916 7.47988 83.4653 10.1375 83.4993 13.2573C83.5342 16.4664 80.7495 19.2362 77.5355 19.1611C74.3804 19.0873 71.7771 16.3796 71.8025 13.2516V13.2564ZM7.95508 9.10866C7.95486 8.28619 8.62068 7.62223 9.44315 7.6206L10.9367 7.61764L10.9367 19.0488H7.95773L7.95508 9.10866ZM18.7601 9.97452C17.4226 9.97452 16.4038 11.1131 16.4038 12.8418V19.0488H13.4218L13.4217 7.61764H16.4038V9.63844C17.0639 8.23101 18.4387 7.32765 20.0084 7.37673C22.4411 7.37673 23.8589 9.12725 23.8589 12.1017V19.0488H20.8768V12.8418C20.8768 11.0267 20.2059 9.97452 18.763 9.97452H18.7601ZM24.6773 7.61764H28.002L30.817 15.8182L33.7225 7.61764H37.0312L32.308 19.0488H29.3259L24.6811 7.61764H24.6773ZM54.9801 9.97452C53.6426 9.97452 52.6822 11.1131 52.6822 12.8418V19.0488H49.7004V7.61764H52.6852V9.60639C53.3425 8.20515 54.6546 7.32761 56.2255 7.37673C58.6583 7.37673 60.1403 9.12725 60.1403 12.1017V19.0488H57.1583V12.8418C57.1583 11.0267 56.4231 9.97452 54.9801 9.97452ZM61.8928 13.2564C61.854 10.9035 63.3113 8.69287 65.4983 7.80198C67.1336 7.13583 68.9739 7.29038 70.5793 7.96498V10.6131C69.4647 10.1088 68.0519 9.76557 66.8531 10.1871C65.5825 10.6338 64.7252 11.8983 64.7768 13.2384C64.7249 14.6025 65.6001 15.879 66.8815 16.3294C68.0621 16.7443 69.4605 16.427 70.5774 15.9709V18.619C68.9682 19.2525 67.1131 19.4007 65.4865 18.7407C63.2973 17.8523 61.8311 15.6291 61.8909 13.2573L61.8928 13.2564Z", fill: "#12121A" })), x = (n) => /* @__PURE__ */ e.createElement("svg", { width: 28, height: 27, viewBox: "0 0 28 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ e.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__ */ e.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__ */ e.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__ */ e.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__ */ e.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__ */ e.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" })), y = ({
|
|
6
6
|
logo: n,
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { MenuItemType } from 'antd/es/menu/interface';
|
|
2
2
|
import { JSX } from 'react';
|
|
3
|
+
import { DropdownMenuItem } from '../UserInfoDropdown/UserInfoDropdown.types';
|
|
3
4
|
export interface SideMenuProps {
|
|
4
5
|
logo: JSX.Element;
|
|
5
6
|
title: string;
|
|
6
7
|
softwareName: string;
|
|
7
8
|
majorVersion: string;
|
|
8
9
|
menuItems: MenuItemType[];
|
|
9
|
-
userInfoDropdownItems:
|
|
10
|
+
userInfoDropdownItems: DropdownMenuItem[];
|
|
10
11
|
collapsed: boolean;
|
|
11
12
|
username: string;
|
|
12
13
|
isRtl: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenu/SideMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SideMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenu/SideMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAExF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,qBAAqB,EAAE,gBAAgB,EAAE,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,uBAAuB,EAAE,CAAC,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInfoDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserInfoDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+DtD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { U as i } from "../../UserInfoDropdown-
|
|
2
|
+
import { U as i } from "../../UserInfoDropdown-D9EyQloN.js";
|
|
3
3
|
import "../../portal-utils/cn.js";
|
|
4
|
-
import "
|
|
4
|
+
import "react";
|
|
5
5
|
export {
|
|
6
6
|
i as UserInfoDropdown
|
|
7
7
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { DropdownMenuItem } from './UserInfoDropdown.types';
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: import('react').FC<import('./UserInfoDropdown.types').UserInfoDropdownProps>;
|
|
@@ -8,12 +9,11 @@ declare const meta: {
|
|
|
8
9
|
};
|
|
9
10
|
args: {
|
|
10
11
|
user: string;
|
|
11
|
-
items:
|
|
12
|
-
label: string;
|
|
13
|
-
key: string;
|
|
14
|
-
}[];
|
|
12
|
+
items: DropdownMenuItem[];
|
|
15
13
|
collapsed: false;
|
|
16
|
-
handleMenuClick: (
|
|
14
|
+
handleMenuClick: (e: {
|
|
15
|
+
key: string;
|
|
16
|
+
}) => void;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInfoDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserInfoDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAiB5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAa+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
export interface DropdownMenuItem {
|
|
2
|
+
label: string;
|
|
3
|
+
key: string;
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
2
7
|
export interface UserInfoDropdownProps {
|
|
3
|
-
items:
|
|
8
|
+
items: DropdownMenuItem[];
|
|
4
9
|
user: string;
|
|
5
|
-
collapsed
|
|
10
|
+
collapsed?: boolean;
|
|
6
11
|
handleMenuClick: (e: {
|
|
7
12
|
key: string;
|
|
8
13
|
}) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInfoDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"UserInfoDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/UserInfoDropdown/UserInfoDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/C"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { InfoModal } from './InfoModal/InfoModal';
|
|
2
1
|
export { LoadingAnimation } from './LoadingAnimation/LoadingAnimation';
|
|
3
2
|
export { Login } from './Login/Login';
|
|
4
3
|
export { SideMenu } from './SideMenu/SideMenu';
|
|
@@ -12,6 +11,8 @@ export { PassportDateTimePicker } from './PassportDateTimePicker/PassportDateTim
|
|
|
12
11
|
export { PassportDropdown } from './PassportDropdown/PassportDropdown';
|
|
13
12
|
export { PassportErrorModal } from './PassportErrorModal/PassportErrorModal';
|
|
14
13
|
export { PassportFooter } from './PassportFooter/PassportFooter';
|
|
14
|
+
export { PassportInactivityModal } from './PassportInactivityModal/PassportInactivityModal';
|
|
15
|
+
export { PassportInfoModal } from './PassportInfoModal/PassportInfoModal';
|
|
15
16
|
export { PassportInput } from './PassportInput/PassportInput';
|
|
16
17
|
export { PassportKpiCard } from './PassportKpiCard/PassportKpiCard';
|
|
17
18
|
export { PassportKpiWrapper } from './PassportKpiWrapper/PassportKpiWrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,46 +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 {
|
|
1
|
+
import { LoadingAnimation as t } from "./LoadingAnimation/LoadingAnimation.js";
|
|
2
|
+
import { Login as e } from "./Login/Login.js";
|
|
3
|
+
import { SideMenu as s } from "./SideMenu/SideMenu.js";
|
|
4
|
+
import { TotalDataGrid as f } from "./TotalDataGrid/TotalDataGrid.js";
|
|
5
|
+
import { U as P } from "../UserInfoDropdown-D9EyQloN.js";
|
|
6
|
+
import { PassportAutocomplete as n } from "./PassportAutocomplete/PassportAutocomplete.js";
|
|
7
|
+
import { PassportButton as l } from "./PassportButton/PassportButton.js";
|
|
8
|
+
import { PassportConfirmationModal as c } from "./PassportConfirmationModal/PassportConfirmationModal.js";
|
|
9
|
+
import { PassportDatePicker as M } from "./PassportDatePicker/PassportDatePicker.js";
|
|
10
|
+
import { PassportDateTimePicker as T } from "./PassportDateTimePicker/PassportDateTimePicker.js";
|
|
11
|
+
import { PassportDropdown as b } from "./PassportDropdown/PassportDropdown.js";
|
|
12
|
+
import { PassportErrorModal as w } from "./PassportErrorModal/PassportErrorModal.js";
|
|
13
|
+
import { PassportFooter as C } from "./PassportFooter/PassportFooter.js";
|
|
14
|
+
import { PassportInactivityModal as K } from "./PassportInactivityModal/PassportInactivityModal.js";
|
|
15
|
+
import { PassportInfoModal as S } from "./PassportInfoModal/PassportInfoModal.js";
|
|
16
|
+
import { PassportInput as v } from "./PassportInput/PassportInput.js";
|
|
16
17
|
import { PassportKpiCard as B } from "./PassportKpiCard/PassportKpiCard.js";
|
|
17
18
|
import { PassportKpiWrapper as G } from "./PassportKpiWrapper/PassportKpiWrapper.js";
|
|
18
19
|
import { PassportMultiSelect as W } from "./PassportMultiSelect/PassportMultiSelect.js";
|
|
19
20
|
import { PassportPagination as j } from "./PassportPagination/PassportPagination.js";
|
|
20
|
-
import { PassportTabHeader as
|
|
21
|
-
import { PassportTextField as
|
|
22
|
-
import { DebouncedPassportInput as
|
|
21
|
+
import { PassportTabHeader as z } from "./PassportTabHeader/PassportTabHeader.js";
|
|
22
|
+
import { PassportTextField as N } from "./PassportTextField/PassportTextField.js";
|
|
23
|
+
import { DebouncedPassportInput as Q } from "./DebouncedPassportInput/DebouncedPassportInput.js";
|
|
23
24
|
import '../assets/index.css';export {
|
|
24
|
-
|
|
25
|
-
t as
|
|
26
|
-
e as
|
|
27
|
-
|
|
28
|
-
l as
|
|
29
|
-
|
|
30
|
-
M as
|
|
31
|
-
T as
|
|
32
|
-
b as
|
|
33
|
-
w as
|
|
34
|
-
C as
|
|
35
|
-
K as
|
|
36
|
-
S as
|
|
25
|
+
Q as DebouncedPassportInput,
|
|
26
|
+
t as LoadingAnimation,
|
|
27
|
+
e as Login,
|
|
28
|
+
n as PassportAutocomplete,
|
|
29
|
+
l as PassportButton,
|
|
30
|
+
c as PassportConfirmationModal,
|
|
31
|
+
M as PassportDatePicker,
|
|
32
|
+
T as PassportDateTimePicker,
|
|
33
|
+
b as PassportDropdown,
|
|
34
|
+
w as PassportErrorModal,
|
|
35
|
+
C as PassportFooter,
|
|
36
|
+
K as PassportInactivityModal,
|
|
37
|
+
S as PassportInfoModal,
|
|
38
|
+
v as PassportInput,
|
|
37
39
|
B as PassportKpiCard,
|
|
38
40
|
G as PassportKpiWrapper,
|
|
39
41
|
W as PassportMultiSelect,
|
|
40
42
|
j as PassportPagination,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
z as PassportTabHeader,
|
|
44
|
+
N as PassportTextField,
|
|
45
|
+
s as SideMenu,
|
|
46
|
+
f as TotalDataGrid,
|
|
47
|
+
P as UserInfoDropdown
|
|
46
48
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,65 +1,67 @@
|
|
|
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 {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
1
|
+
import { LoadingAnimation as t } from "./components/LoadingAnimation/LoadingAnimation.js";
|
|
2
|
+
import { Login as p } from "./components/Login/Login.js";
|
|
3
|
+
import { SideMenu as s } from "./components/SideMenu/SideMenu.js";
|
|
4
|
+
import { TotalDataGrid as f } from "./components/TotalDataGrid/TotalDataGrid.js";
|
|
5
|
+
import { U as i } from "./UserInfoDropdown-D9EyQloN.js";
|
|
6
|
+
import { PassportAutocomplete as P } from "./components/PassportAutocomplete/PassportAutocomplete.js";
|
|
7
|
+
import { PassportButton as u } from "./components/PassportButton/PassportButton.js";
|
|
8
|
+
import { PassportConfirmationModal as c } from "./components/PassportConfirmationModal/PassportConfirmationModal.js";
|
|
9
|
+
import { PassportDatePicker as D } from "./components/PassportDatePicker/PassportDatePicker.js";
|
|
10
|
+
import { PassportDateTimePicker as I } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
|
|
11
|
+
import { PassportDropdown as T } from "./components/PassportDropdown/PassportDropdown.js";
|
|
12
|
+
import { PassportErrorModal as k } from "./components/PassportErrorModal/PassportErrorModal.js";
|
|
13
|
+
import { PassportFooter as A } from "./components/PassportFooter/PassportFooter.js";
|
|
14
|
+
import { PassportInactivityModal as U } from "./components/PassportInactivityModal/PassportInactivityModal.js";
|
|
15
|
+
import { PassportInfoModal as v } from "./components/PassportInfoModal/PassportInfoModal.js";
|
|
16
|
+
import { PassportInput as F } from "./components/PassportInput/PassportInput.js";
|
|
17
|
+
import { PassportKpiCard as S } from "./components/PassportKpiCard/PassportKpiCard.js";
|
|
18
|
+
import { PassportKpiWrapper as E } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
|
|
19
|
+
import { PassportMultiSelect as H } from "./components/PassportMultiSelect/PassportMultiSelect.js";
|
|
20
|
+
import { PassportPagination as W } from "./components/PassportPagination/PassportPagination.js";
|
|
21
|
+
import { PassportTabHeader as q } from "./components/PassportTabHeader/PassportTabHeader.js";
|
|
22
|
+
import { PassportTextField as J } from "./components/PassportTextField/PassportTextField.js";
|
|
23
|
+
import { DebouncedPassportInput as O } from "./components/DebouncedPassportInput/DebouncedPassportInput.js";
|
|
24
|
+
import { chunkArray as R } from "./portal-utils/chunkArray.js";
|
|
25
|
+
import { cn as Y } from "./portal-utils/cn.js";
|
|
26
|
+
import { currency as _, date as $, datetime as oo, decimal as ro, fuelUnitPrice as to, fuelVolume as eo, hours as po, number as ao, time as so } from "./portal-utils/formatters.js";
|
|
27
|
+
import { LogLevel as fo, createLogger as xo } from "./portal-utils/loggerService.js";
|
|
28
|
+
import { getPageCount as no } from "./portal-utils/pageCount.js";
|
|
28
29
|
export {
|
|
29
|
-
|
|
30
|
-
t as
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
u as
|
|
35
|
-
c as
|
|
36
|
-
D as
|
|
37
|
-
|
|
38
|
-
T as
|
|
39
|
-
k as
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
E as
|
|
46
|
-
H as
|
|
47
|
-
W as
|
|
48
|
-
q as
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
R as
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
30
|
+
O as DebouncedPassportInput,
|
|
31
|
+
t as LoadingAnimation,
|
|
32
|
+
fo as LogLevel,
|
|
33
|
+
p as Login,
|
|
34
|
+
P as PassportAutocomplete,
|
|
35
|
+
u as PassportButton,
|
|
36
|
+
c as PassportConfirmationModal,
|
|
37
|
+
D as PassportDatePicker,
|
|
38
|
+
I as PassportDateTimePicker,
|
|
39
|
+
T as PassportDropdown,
|
|
40
|
+
k as PassportErrorModal,
|
|
41
|
+
A as PassportFooter,
|
|
42
|
+
U as PassportInactivityModal,
|
|
43
|
+
v as PassportInfoModal,
|
|
44
|
+
F as PassportInput,
|
|
45
|
+
S as PassportKpiCard,
|
|
46
|
+
E as PassportKpiWrapper,
|
|
47
|
+
H as PassportMultiSelect,
|
|
48
|
+
W as PassportPagination,
|
|
49
|
+
q as PassportTabHeader,
|
|
50
|
+
J as PassportTextField,
|
|
51
|
+
s as SideMenu,
|
|
52
|
+
f as TotalDataGrid,
|
|
53
|
+
i as UserInfoDropdown,
|
|
54
|
+
R as chunkArray,
|
|
55
|
+
Y as cn,
|
|
56
|
+
xo as createLogger,
|
|
57
|
+
_ as currency,
|
|
58
|
+
$ as date,
|
|
59
|
+
oo as datetime,
|
|
60
|
+
ro as decimal,
|
|
61
|
+
to as fuelUnitPrice,
|
|
62
|
+
eo as fuelVolume,
|
|
63
|
+
no as getPageCount,
|
|
64
|
+
po as hours,
|
|
65
|
+
ao as number,
|
|
66
|
+
so as time
|
|
65
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/portal-utils/cn.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/portal-utils/cn.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;AAEtD,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAEhD"}
|
package/dist/portal-utils/cn.js
CHANGED
package/package.json
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import * as c from "react";
|
|
3
|
-
import { cn as l } from "./portal-utils/cn.js";
|
|
4
|
-
import { Dropdown as m, Avatar as p } from "antd";
|
|
5
|
-
import './assets/UserInfoDropdown.css';const f = (o) => /* @__PURE__ */ c.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ c.createElement("path", { d: "M19 9L12 16L5 9", color: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), w = "_avatar_1f4cc_1", _ = "_pointer_1f4cc_7", v = "_flexRowCenter_1f4cc_11", d = "_userTitle_1f4cc_18", r = {
|
|
6
|
-
avatar: w,
|
|
7
|
-
pointer: _,
|
|
8
|
-
flexRowCenter: v,
|
|
9
|
-
userTitle: d
|
|
10
|
-
}, g = ({
|
|
11
|
-
items: o,
|
|
12
|
-
user: t,
|
|
13
|
-
collapsed: n,
|
|
14
|
-
handleMenuClick: a
|
|
15
|
-
}) => /* @__PURE__ */ e(m, { menu: { items: o, onClick: a }, trigger: ["click"], children: /* @__PURE__ */ i("a", { onClick: (s) => s.preventDefault(), className: r.flexRowCenter, children: [
|
|
16
|
-
/* @__PURE__ */ e(p, { className: l(r.avatar, r.pointer), size: "large", children: t[0] }),
|
|
17
|
-
!n && /* @__PURE__ */ e("span", { className: r.userTitle, children: t }),
|
|
18
|
-
!n && /* @__PURE__ */ e(f, { color: "var(--color-primary)" })
|
|
19
|
-
] }) });
|
|
20
|
-
export {
|
|
21
|
-
f as S,
|
|
22
|
-
g as U
|
|
23
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoModal.d.ts","sourceRoot":"","sources":["../../../src/components/InfoModal/InfoModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAIxE,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,cAAc,2CAqChB"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import * as n from "react";
|
|
3
|
-
import { Modal as i } from "antd";
|
|
4
|
-
import '../../assets/InfoModal.css';const d = (t) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.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" })), m = (t) => /* @__PURE__ */ n.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { d: "M5 13L9 17L19 7", stroke: "#12121A", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), h = "_flexRowCenter_ufgj5_1", p = "_mr10_ufgj5_7", f = "_text18_ufgj5_15", x = "_content_ufgj5_19", o = {
|
|
5
|
-
flexRowCenter: h,
|
|
6
|
-
mr10: p,
|
|
7
|
-
text18: f,
|
|
8
|
-
content: x
|
|
9
|
-
};
|
|
10
|
-
function u({
|
|
11
|
-
modalOpen: t,
|
|
12
|
-
contentText: s,
|
|
13
|
-
setModalOpen: l,
|
|
14
|
-
title: c,
|
|
15
|
-
okText: a
|
|
16
|
-
}) {
|
|
17
|
-
return /* @__PURE__ */ e(
|
|
18
|
-
i,
|
|
19
|
-
{
|
|
20
|
-
title: /* @__PURE__ */ r("span", { className: o.flexRowCenter, children: [
|
|
21
|
-
/* @__PURE__ */ e(
|
|
22
|
-
d,
|
|
23
|
-
{
|
|
24
|
-
className: o.mr10,
|
|
25
|
-
color: "var(--color-primary)"
|
|
26
|
-
}
|
|
27
|
-
),
|
|
28
|
-
/* @__PURE__ */ e("p", { className: o.text18, children: c })
|
|
29
|
-
] }),
|
|
30
|
-
centered: !0,
|
|
31
|
-
open: t,
|
|
32
|
-
onOk: () => l(!1),
|
|
33
|
-
closeIcon: !1,
|
|
34
|
-
okText: /* @__PURE__ */ r("span", { className: o.flexRowCenter, children: [
|
|
35
|
-
/* @__PURE__ */ e(m, {}),
|
|
36
|
-
/* @__PURE__ */ e("span", { children: a })
|
|
37
|
-
] }),
|
|
38
|
-
okButtonProps: {
|
|
39
|
-
style: {
|
|
40
|
-
backgroundColor: "var(--color-highlight)"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
cancelButtonProps: {
|
|
44
|
-
style: {
|
|
45
|
-
display: "none"
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
zIndex: 2e3,
|
|
49
|
-
children: /* @__PURE__ */ e("p", { className: o.content, children: s })
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
export {
|
|
54
|
-
u as InfoModal
|
|
55
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ isRtl }: {
|
|
5
|
-
isRtl: boolean;
|
|
6
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
args: {
|
|
12
|
-
isRtl: false;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof meta>;
|
|
17
|
-
export declare const Default: Story;
|
|
18
|
-
export declare const RTL: Story;
|
|
19
|
-
//# sourceMappingURL=InfoModal.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfoModal/InfoModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,QAAA,MAAM,IAAI;;2BAd2B;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE;;;;;;;;CAwBd,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
export interface InfoModalProps {
|
|
3
|
-
modalOpen: boolean;
|
|
4
|
-
contentText: string;
|
|
5
|
-
setModalOpen: Dispatch<SetStateAction<boolean>>;
|
|
6
|
-
title: string;
|
|
7
|
-
okText: string;
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=InfoModal.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InfoModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/InfoModal/InfoModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB"}
|
|
File without changes
|