@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.
Files changed (46) hide show
  1. package/dist/UserInfoDropdown-D9EyQloN.js +65 -0
  2. package/dist/assets/PassportInactivityModal.css +1 -0
  3. package/dist/assets/PassportInfoModal.css +1 -0
  4. package/dist/assets/PassportKpiCard.css +1 -1
  5. package/dist/assets/UserInfoDropdown.css +1 -1
  6. package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts +12 -0
  7. package/dist/components/PassportInactivityModal/PassportInactivityModal.d.ts.map +1 -0
  8. package/dist/components/PassportInactivityModal/PassportInactivityModal.js +53 -0
  9. package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts +41 -0
  10. package/dist/components/PassportInactivityModal/PassportInactivityModal.stories.d.ts.map +1 -0
  11. package/dist/components/PassportInfoModal/PassportInfoModal.d.ts +3 -0
  12. package/dist/components/PassportInfoModal/PassportInfoModal.d.ts.map +1 -0
  13. package/dist/components/PassportInfoModal/PassportInfoModal.js +68 -0
  14. package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts +29 -0
  15. package/dist/components/PassportInfoModal/PassportInfoModal.stories.d.ts.map +1 -0
  16. package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts +7 -0
  17. package/dist/components/PassportInfoModal/PassportInfoModal.types.d.ts.map +1 -0
  18. package/dist/components/PassportKpiCard/PassportKpiCard.d.ts.map +1 -1
  19. package/dist/components/PassportKpiCard/PassportKpiCard.js +24 -23
  20. package/dist/components/SideMenu/SideMenu.js +1 -1
  21. package/dist/components/SideMenu/SideMenu.types.d.ts +2 -1
  22. package/dist/components/SideMenu/SideMenu.types.d.ts.map +1 -1
  23. package/dist/components/UserInfoDropdown/UserInfoDropdown.d.ts.map +1 -1
  24. package/dist/components/UserInfoDropdown/UserInfoDropdown.js +2 -2
  25. package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.d.ts +5 -5
  26. package/dist/components/UserInfoDropdown/UserInfoDropdown.stories.d.ts.map +1 -1
  27. package/dist/components/UserInfoDropdown/UserInfoDropdown.types.d.ts +8 -3
  28. package/dist/components/UserInfoDropdown/UserInfoDropdown.types.d.ts.map +1 -1
  29. package/dist/components/index.d.ts +2 -1
  30. package/dist/components/index.d.ts.map +1 -1
  31. package/dist/components/index.js +38 -36
  32. package/dist/main.js +65 -63
  33. package/dist/portal-utils/cn.d.ts +3 -1
  34. package/dist/portal-utils/cn.d.ts.map +1 -1
  35. package/dist/portal-utils/cn.js +1 -1
  36. package/package.json +1 -1
  37. package/dist/UserInfoDropdown-rBF0pwlq.js +0 -23
  38. package/dist/assets/InfoModal.css +0 -1
  39. package/dist/components/InfoModal/InfoModal.d.ts +0 -3
  40. package/dist/components/InfoModal/InfoModal.d.ts.map +0 -1
  41. package/dist/components/InfoModal/InfoModal.js +0 -55
  42. package/dist/components/InfoModal/InfoModal.stories.d.ts +0 -19
  43. package/dist/components/InfoModal/InfoModal.stories.d.ts.map +0 -1
  44. package/dist/components/InfoModal/InfoModal.types.d.ts +0 -9
  45. package/dist/components/InfoModal/InfoModal.types.d.ts.map +0 -1
  46. /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
- ._kpiCard_12qgc_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_12qgc_12{display:flex;flex-direction:row;justify-content:center;margin:auto}._width430_12qgc_19{width:430px}@media(max-width:1500px){._width430_12qgc_19{width:200px}}._width384_12qgc_28{width:384px}._title_12qgc_32{font-size:var(--font-size-kpi-card);font-weight:500;color:var(--color-text)}@media(max-width:900px){._title_12qgc_32{font-size:var(--font-size-small)}}@media(max-width:1100px){._title_12qgc_32{font-size:var(--font-size-large)}}@media(max-width:1400px){._title_12qgc_32{font-size:var(--font-size-xxlarge)}}@media(max-width:1600px){._title_12qgc_32{font-size:var(--font-size-22)}}._content_12qgc_58{font-size:var(--font-size-xxxlarge);font-weight:400;color:var(--color-secondary)}@media(max-width:900px){._content_12qgc_58{font-size:var(--font-size-xxsmall)}}@media(max-width:1100px){._content_12qgc_58{font-size:var(--font-size-small)}}@media(max-width:1400px){._content_12qgc_58{font-size:var(--font-size-medium)}}
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
- ._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
+ ._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,3 @@
1
+ import { PassportInfoModalProps } from './PassportInfoModal.types';
2
+ export declare const PassportInfoModal: ({ isOpen, onClose, title, message, }: PassportInfoModalProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ //# sourceMappingURL=PassportInfoModal.d.ts.map
@@ -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,7 @@
1
+ export interface PassportInfoModalProps {
2
+ isOpen: boolean;
3
+ onClose: () => void;
4
+ title: string;
5
+ message: string;
6
+ }
7
+ //# sourceMappingURL=PassportInfoModal.types.d.ts.map
@@ -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,2CAyBtB"}
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 n, jsxs as d } from "react/jsx-runtime";
2
- import { LoadingAnimation as a } from "../LoadingAnimation/LoadingAnimation.js";
3
- import { cn as _ } from "../../portal-utils/cn.js";
4
- import '../../assets/PassportKpiCard.css';const l = "_kpiCard_12qgc_1", h = "_cardContent_12qgc_12", m = "_width430_12qgc_19", p = "_width384_12qgc_28", C = "_title_12qgc_32", w = "_content_12qgc_58", t = {
5
- kpiCard: l,
6
- cardContent: h,
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: p,
9
- title: C,
9
+ width384: C,
10
+ title: g,
10
11
  content: w
11
12
  };
12
- function N({
13
- title: c,
14
- content: i,
15
- icon: e,
16
- menuCollapsed: s,
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__ */ n(
21
+ return /* @__PURE__ */ i(
21
22
  "div",
22
23
  {
23
- className: _(
24
+ className: l(
24
25
  t.kpiCard,
25
- s ? t.width430 : t.width384
26
+ c ? t.width430 : t.width384
26
27
  ),
27
28
  style: {
28
29
  height: o,
29
30
  width: r
30
31
  },
31
- children: c && i ? /* @__PURE__ */ d("div", { className: t.cardContent, children: [
32
- /* @__PURE__ */ n("div", { className: t.iconWrapper, children: e }),
33
- /* @__PURE__ */ d("div", { className: t.textContent, children: [
34
- /* @__PURE__ */ n("div", { className: t.title, children: c }),
35
- /* @__PURE__ */ n("div", { className: t.content, children: i })
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__ */ n(a, {})
38
+ ] }) : /* @__PURE__ */ i("div", { className: t.loadingCenter, children: /* @__PURE__ */ i(s, {}) })
38
39
  }
39
40
  );
40
41
  }
41
42
  export {
42
- N as PassportKpiCard
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-rBF0pwlq.js";
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: MenuItemType[];
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;AAE5B,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,YAAY,EAAE,CAAC;IACtC,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
+ {"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":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiBtD,CAAC"}
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-rBF0pwlq.js";
2
+ import { U as i } from "../../UserInfoDropdown-D9EyQloN.js";
3
3
  import "../../portal-utils/cn.js";
4
- import "antd";
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: () => void;
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":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,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;AACjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC"}
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
- import { ItemType } from 'antd/es/menu/interface';
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: ItemType[];
8
+ items: DropdownMenuItem[];
4
9
  user: string;
5
- collapsed: boolean;
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,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/C"}
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,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,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,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"}
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"}
@@ -1,46 +1,48 @@
1
- import { InfoModal as t } from "./InfoModal/InfoModal.js";
2
- import { LoadingAnimation as e } from "./LoadingAnimation/LoadingAnimation.js";
3
- import { Login as s } from "./Login/Login.js";
4
- import { SideMenu as f } from "./SideMenu/SideMenu.js";
5
- import { TotalDataGrid as P } from "./TotalDataGrid/TotalDataGrid.js";
6
- import { U as n } from "../UserInfoDropdown-rBF0pwlq.js";
7
- import { PassportAutocomplete as l } from "./PassportAutocomplete/PassportAutocomplete.js";
8
- import { PassportButton as D } from "./PassportButton/PassportButton.js";
9
- import { PassportConfirmationModal as M } from "./PassportConfirmationModal/PassportConfirmationModal.js";
10
- import { PassportDatePicker as T } from "./PassportDatePicker/PassportDatePicker.js";
11
- import { PassportDateTimePicker as b } from "./PassportDateTimePicker/PassportDateTimePicker.js";
12
- import { PassportDropdown as w } from "./PassportDropdown/PassportDropdown.js";
13
- import { PassportErrorModal as C } from "./PassportErrorModal/PassportErrorModal.js";
14
- import { PassportFooter as K } from "./PassportFooter/PassportFooter.js";
15
- import { PassportInput as S } from "./PassportInput/PassportInput.js";
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 v } from "./PassportTabHeader/PassportTabHeader.js";
21
- import { PassportTextField as z } from "./PassportTextField/PassportTextField.js";
22
- import { DebouncedPassportInput as N } from "./DebouncedPassportInput/DebouncedPassportInput.js";
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
- N as DebouncedPassportInput,
25
- t as InfoModal,
26
- e as LoadingAnimation,
27
- s as Login,
28
- l as PassportAutocomplete,
29
- D as PassportButton,
30
- M as PassportConfirmationModal,
31
- T as PassportDatePicker,
32
- b as PassportDateTimePicker,
33
- w as PassportDropdown,
34
- C as PassportErrorModal,
35
- K as PassportFooter,
36
- S as PassportInput,
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
- v as PassportTabHeader,
42
- z as PassportTextField,
43
- f as SideMenu,
44
- P as TotalDataGrid,
45
- n as UserInfoDropdown
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 { InfoModal as t } from "./components/InfoModal/InfoModal.js";
2
- import { LoadingAnimation as p } from "./components/LoadingAnimation/LoadingAnimation.js";
3
- import { Login as m } from "./components/Login/Login.js";
4
- import { SideMenu as f } from "./components/SideMenu/SideMenu.js";
5
- import { TotalDataGrid as n } from "./components/TotalDataGrid/TotalDataGrid.js";
6
- import { U as P } from "./UserInfoDropdown-rBF0pwlq.js";
7
- import { PassportAutocomplete as u } from "./components/PassportAutocomplete/PassportAutocomplete.js";
8
- import { PassportButton as c } from "./components/PassportButton/PassportButton.js";
9
- import { PassportConfirmationModal as D } from "./components/PassportConfirmationModal/PassportConfirmationModal.js";
10
- import { PassportDatePicker as M } from "./components/PassportDatePicker/PassportDatePicker.js";
11
- import { PassportDateTimePicker as T } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
12
- import { PassportDropdown as k } from "./components/PassportDropdown/PassportDropdown.js";
13
- import { PassportErrorModal as C } from "./components/PassportErrorModal/PassportErrorModal.js";
14
- import { PassportFooter as h } from "./components/PassportFooter/PassportFooter.js";
15
- import { PassportInput as y } from "./components/PassportInput/PassportInput.js";
16
- import { PassportKpiCard as K } from "./components/PassportKpiCard/PassportKpiCard.js";
17
- import { PassportKpiWrapper as v } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
18
- import { PassportMultiSelect as E } from "./components/PassportMultiSelect/PassportMultiSelect.js";
19
- import { PassportPagination as H } from "./components/PassportPagination/PassportPagination.js";
20
- import { PassportTabHeader as W } from "./components/PassportTabHeader/PassportTabHeader.js";
21
- import { PassportTextField as q } from "./components/PassportTextField/PassportTextField.js";
22
- import { DebouncedPassportInput as J } from "./components/DebouncedPassportInput/DebouncedPassportInput.js";
23
- import { chunkArray as O } from "./portal-utils/chunkArray.js";
24
- import { cn as R } from "./portal-utils/cn.js";
25
- import { currency as Y, date as Z, datetime as _, decimal as $, fuelUnitPrice as oo, fuelVolume as ro, hours as to, number as eo, time as po } from "./portal-utils/formatters.js";
26
- import { LogLevel as mo, createLogger as so } from "./portal-utils/loggerService.js";
27
- import { getPageCount as xo } from "./portal-utils/pageCount.js";
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
- J as DebouncedPassportInput,
30
- t as InfoModal,
31
- p as LoadingAnimation,
32
- mo as LogLevel,
33
- m as Login,
34
- u as PassportAutocomplete,
35
- c as PassportButton,
36
- D as PassportConfirmationModal,
37
- M as PassportDatePicker,
38
- T as PassportDateTimePicker,
39
- k as PassportDropdown,
40
- C as PassportErrorModal,
41
- h as PassportFooter,
42
- y as PassportInput,
43
- K as PassportKpiCard,
44
- v as PassportKpiWrapper,
45
- E as PassportMultiSelect,
46
- H as PassportPagination,
47
- W as PassportTabHeader,
48
- q as PassportTextField,
49
- f as SideMenu,
50
- n as TotalDataGrid,
51
- P as UserInfoDropdown,
52
- O as chunkArray,
53
- R as cn,
54
- so as createLogger,
55
- Y as currency,
56
- Z as date,
57
- _ as datetime,
58
- $ as decimal,
59
- oo as fuelUnitPrice,
60
- ro as fuelVolume,
61
- xo as getPageCount,
62
- to as hours,
63
- eo as number,
64
- po as time
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,2 +1,4 @@
1
- export declare function cn(...args: string[]): string;
1
+ type ClassValue = string | boolean | undefined | null;
2
+ export declare function cn(...args: ClassValue[]): string;
3
+ export {};
2
4
  //# sourceMappingURL=cn.d.ts.map
@@ -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,MAAM,EAAE,GAAG,MAAM,CAE5C"}
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"}
@@ -1,5 +1,5 @@
1
1
  function o(...n) {
2
- return n.join(" ");
2
+ return n.filter(Boolean).join(" ");
3
3
  }
4
4
  export {
5
5
  o as cn
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@amateescu/portal-ui-components",
3
3
  "main": "dist/main.js",
4
4
  "types": "dist/main.d.ts",
5
- "version": "0.0.37-beta0",
5
+ "version": "0.0.37-beta1",
6
6
  "type": "module",
7
7
  "files": [
8
8
  "dist"
@@ -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,3 +0,0 @@
1
- import { InfoModalProps } from './InfoModal.types';
2
- export declare function InfoModal({ modalOpen, contentText, setModalOpen, title, okText, }: InfoModalProps): import("react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=InfoModal.d.ts.map
@@ -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"}