@amateescu/portal-ui-components 0.0.41 → 0.0.43
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/assets/PassportNotification.css +1 -0
- package/dist/components/PassportNotification/PassportNotification.d.ts +4 -0
- package/dist/components/PassportNotification/PassportNotification.d.ts.map +1 -0
- package/dist/components/PassportNotification/PassportNotification.js +67 -0
- package/dist/components/PassportNotification/PassportNotification.stories.d.ts +13 -0
- package/dist/components/PassportNotification/PassportNotification.stories.d.ts.map +1 -0
- package/dist/components/PassportNotification/PassportNotification.types.d.ts +10 -0
- package/dist/components/PassportNotification/PassportNotification.types.d.ts.map +1 -0
- package/dist/components/PassportNotification/PassportNotification.types.js +1 -0
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.d.ts +1 -1
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.d.ts.map +1 -1
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js +50 -47
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts +1 -0
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts.map +1 -1
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts +2 -1
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts.map +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.d.ts +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.d.ts.map +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js +60 -57
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.d.ts +1 -0
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.d.ts.map +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.d.ts +2 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +10 -8
- package/dist/main.js +29 -27
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._notificationWrapper_1gti4_1{position:fixed;top:24px;right:24px;z-index:1000;pointer-events:none}._notification_1gti4_1{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:448px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;pointer-events:auto;animation:_slideIn_1gti4_1 .3s cubic-bezier(.34,1.56,.64,1)}._iconContainer_1gti4_23{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%}._success_1gti4_33 ._iconContainer_1gti4_23{color:#16a34a;background-color:#16a34a1a}._info_1gti4_38 ._iconContainer_1gti4_23{color:var(--color-primary);background-color:#3b82f61a}._warning_1gti4_43 ._iconContainer_1gti4_23{color:#f59e0b;background-color:#f59e0b1a}._error_1gti4_48 ._iconContainer_1gti4_23{color:#ef4444;background-color:#ef44441a}._content_1gti4_53{flex:1;min-width:0}._title_1gti4_58{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--color-text);line-height:1.3}._message_1gti4_66{margin:0;font-size:13px;color:var(--color-text);opacity:.7;line-height:1.5}._closeButton_1gti4_74{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;background:none;border:none;border-radius:6px;color:var(--color-text);opacity:.4;cursor:pointer;transition:opacity .15s,background-color .15s}._closeButton_1gti4_74:hover{opacity:.8;background-color:#0000000d}@keyframes _slideIn_1gti4_1{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:480px){._notificationWrapper_1gti4_1{top:16px;right:16px;left:16px}._notification_1gti4_1{min-width:0;min-width:initial;max-width:100%}}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { PassportNotificationProps } from './PassportNotification.types';
|
|
2
|
+
export declare function PassportNotification({ isOpen, onClose, title, message, duration, type, }: PassportNotificationProps): import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
export default PassportNotification;
|
|
4
|
+
//# sourceMappingURL=PassportNotification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportNotification.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAgCzE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAe,EACf,IAAgB,GACjB,EAAE,yBAAyB,kDA+B3B;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as i, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as d } from "react";
|
|
3
|
+
import '../../assets/PassportNotification.css';const h = "_notificationWrapper_1gti4_1", _ = "_notification_1gti4_1", u = "_slideIn_1gti4_1", g = "_iconContainer_1gti4_23", f = "_success_1gti4_33", x = "_info_1gti4_38", k = "_warning_1gti4_43", p = "_error_1gti4_48", y = "_content_1gti4_53", m = "_title_1gti4_58", v = "_message_1gti4_66", w = "_closeButton_1gti4_74", n = {
|
|
4
|
+
notificationWrapper: h,
|
|
5
|
+
notification: _,
|
|
6
|
+
slideIn: u,
|
|
7
|
+
iconContainer: g,
|
|
8
|
+
success: f,
|
|
9
|
+
info: x,
|
|
10
|
+
warning: k,
|
|
11
|
+
error: p,
|
|
12
|
+
content: y,
|
|
13
|
+
title: m,
|
|
14
|
+
message: v,
|
|
15
|
+
closeButton: w
|
|
16
|
+
}, L = {
|
|
17
|
+
success: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
18
|
+
/* @__PURE__ */ i("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
|
|
19
|
+
/* @__PURE__ */ i("polyline", { points: "22 4 12 14.01 9 11.01" })
|
|
20
|
+
] }),
|
|
21
|
+
info: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
22
|
+
/* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "10" }),
|
|
23
|
+
/* @__PURE__ */ i("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
24
|
+
/* @__PURE__ */ i("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
25
|
+
] }),
|
|
26
|
+
warning: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
27
|
+
/* @__PURE__ */ i("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
|
|
28
|
+
/* @__PURE__ */ i("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
29
|
+
/* @__PURE__ */ i("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
30
|
+
] }),
|
|
31
|
+
error: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
32
|
+
/* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "10" }),
|
|
33
|
+
/* @__PURE__ */ i("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
|
|
34
|
+
/* @__PURE__ */ i("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
|
|
35
|
+
] })
|
|
36
|
+
};
|
|
37
|
+
function W({
|
|
38
|
+
isOpen: e,
|
|
39
|
+
onClose: o,
|
|
40
|
+
title: c,
|
|
41
|
+
message: l,
|
|
42
|
+
duration: r = 5e3,
|
|
43
|
+
type: s = "success"
|
|
44
|
+
}) {
|
|
45
|
+
return d(() => {
|
|
46
|
+
if (e && r > 0) {
|
|
47
|
+
const a = setTimeout(o, r);
|
|
48
|
+
return () => clearTimeout(a);
|
|
49
|
+
}
|
|
50
|
+
return () => {
|
|
51
|
+
};
|
|
52
|
+
}, [e, r, o]), e ? /* @__PURE__ */ i("div", { className: n.notificationWrapper, children: /* @__PURE__ */ t("div", { className: `${n.notification} ${n[s]}`, children: [
|
|
53
|
+
/* @__PURE__ */ i("div", { className: n.iconContainer, children: L[s] }),
|
|
54
|
+
/* @__PURE__ */ t("div", { className: n.content, children: [
|
|
55
|
+
/* @__PURE__ */ i("h4", { className: n.title, children: c }),
|
|
56
|
+
/* @__PURE__ */ i("p", { className: n.message, children: l })
|
|
57
|
+
] }),
|
|
58
|
+
/* @__PURE__ */ i("button", { className: n.closeButton, onClick: o, "aria-label": "Close notification", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
59
|
+
/* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
60
|
+
/* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
61
|
+
] }) })
|
|
62
|
+
] }) }) : null;
|
|
63
|
+
}
|
|
64
|
+
export {
|
|
65
|
+
W as PassportNotification,
|
|
66
|
+
W as default
|
|
67
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as PassportNotification } from './PassportNotification';
|
|
3
|
+
declare const meta: Meta<typeof PassportNotification>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof PassportNotification>;
|
|
6
|
+
export declare const Success: Story;
|
|
7
|
+
export declare const Info: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const NoAutoDismiss: Story;
|
|
11
|
+
export declare const CustomDuration: Story;
|
|
12
|
+
export declare const LongMessage: Story;
|
|
13
|
+
//# sourceMappingURL=PassportNotification.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportNotification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAO3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AA8BnD,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface PassportNotificationProps {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
title: string;
|
|
5
|
+
message: string;
|
|
6
|
+
/** Auto-dismiss duration in milliseconds. Set to 0 to disable. Default: 5000 */
|
|
7
|
+
duration?: number;
|
|
8
|
+
type?: 'success' | 'info' | 'warning' | 'error';
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=PassportNotification.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportNotification.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACjD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { PassportSearchableMultiSelectProps } from './PassportSearchableMultiSelect.types';
|
|
2
|
-
export declare function PassportSearchableMultiSelect({ label, data, handleChange, fullWidth, values, disabled, isRtl, width, placeholder, ...rest }: PassportSearchableMultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function PassportSearchableMultiSelect({ label, data, handleChange, fullWidth, values, disabled, isRtl, width, multiple, placeholder, ...rest }: PassportSearchableMultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=PassportSearchableMultiSelect.d.ts.map
|
package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,kCAAkC,EACnC,MAAM,uCAAuC,CAAC;AAK/C,wBAAgB,6BAA6B,CAAC,EAC5C,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,EAAE,kCAAkC,
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,kCAAkC,EACnC,MAAM,uCAAuC,CAAC;AAK/C,wBAAgB,6BAA6B,CAAC,EAC5C,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,QAAe,EACf,WAAW,EACX,GAAG,IAAI,EACR,EAAE,kCAAkC,2CAiEpC"}
|
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
import { jsx as l, jsxs as
|
|
2
|
-
import { Autocomplete as
|
|
3
|
-
import { C, a as
|
|
4
|
-
const
|
|
5
|
-
function
|
|
6
|
-
label:
|
|
7
|
-
data:
|
|
8
|
-
handleChange:
|
|
9
|
-
fullWidth:
|
|
10
|
-
values:
|
|
11
|
-
disabled:
|
|
12
|
-
isRtl:
|
|
13
|
-
width:
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { jsx as l, jsxs as g } from "react/jsx-runtime";
|
|
2
|
+
import { Autocomplete as h, TextField as y, Checkbox as O } from "@mui/material";
|
|
3
|
+
import { C as A, a as S } from "../../CheckBox-B3iprBDG.js";
|
|
4
|
+
const m = /* @__PURE__ */ l(S, { fontSize: "small" }), C = /* @__PURE__ */ l(A, { fontSize: "small" });
|
|
5
|
+
function P({
|
|
6
|
+
label: u,
|
|
7
|
+
data: a,
|
|
8
|
+
handleChange: i,
|
|
9
|
+
fullWidth: c = !1,
|
|
10
|
+
values: t = [],
|
|
11
|
+
disabled: p = !1,
|
|
12
|
+
isRtl: d = !1,
|
|
13
|
+
width: f = 300,
|
|
14
|
+
multiple: r = !0,
|
|
15
|
+
placeholder: x,
|
|
16
|
+
...b
|
|
16
17
|
}) {
|
|
17
|
-
const
|
|
18
|
+
const v = r ? a?.filter((o) => t.includes(o.value)) ?? [] : a?.find((o) => t.includes(o.value)) ?? null;
|
|
18
19
|
return /* @__PURE__ */ l(
|
|
19
|
-
|
|
20
|
+
h,
|
|
20
21
|
{
|
|
21
|
-
...
|
|
22
|
-
multiple:
|
|
23
|
-
fullWidth:
|
|
22
|
+
...b,
|
|
23
|
+
multiple: r,
|
|
24
|
+
fullWidth: c,
|
|
24
25
|
size: "small",
|
|
25
26
|
disablePortal: !0,
|
|
26
|
-
disabled:
|
|
27
|
-
options:
|
|
28
|
-
value:
|
|
29
|
-
disableCloseOnSelect:
|
|
30
|
-
getOptionLabel: (
|
|
31
|
-
isOptionEqualToValue: (
|
|
27
|
+
disabled: p,
|
|
28
|
+
options: a ?? [],
|
|
29
|
+
value: v,
|
|
30
|
+
disableCloseOnSelect: r,
|
|
31
|
+
getOptionLabel: (o) => o.label,
|
|
32
|
+
isOptionEqualToValue: (o, e) => o.value === e.value,
|
|
32
33
|
sx: {
|
|
33
|
-
width:
|
|
34
|
+
width: c ? "100%" : f,
|
|
34
35
|
"& fieldset": {
|
|
35
36
|
borderRadius: "8px",
|
|
36
37
|
border: "1px solid var(--color-gray)"
|
|
@@ -38,39 +39,41 @@ function B({
|
|
|
38
39
|
"&:hover fieldset": {
|
|
39
40
|
borderRadius: "8px"
|
|
40
41
|
},
|
|
41
|
-
marginRight:
|
|
42
|
+
marginRight: d ? "10px" : "0px",
|
|
42
43
|
bgcolor: "var(--color-background)"
|
|
43
44
|
},
|
|
44
|
-
onChange: (
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
onChange: (o, e) => {
|
|
46
|
+
if (r && Array.isArray(e)) {
|
|
47
|
+
const n = e.map((s) => s.value);
|
|
48
|
+
i(n);
|
|
49
|
+
} else !r && e && !Array.isArray(e) ? i([e.value]) : i([]);
|
|
47
50
|
},
|
|
48
|
-
renderOption: (
|
|
49
|
-
const { key:
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */ l(
|
|
52
|
-
|
|
51
|
+
renderOption: (o, e, { selected: n }) => {
|
|
52
|
+
const { key: s, ...k } = o;
|
|
53
|
+
return /* @__PURE__ */ g("li", { ...k, children: [
|
|
54
|
+
r && /* @__PURE__ */ l(
|
|
55
|
+
O,
|
|
53
56
|
{
|
|
54
|
-
icon:
|
|
55
|
-
checkedIcon:
|
|
57
|
+
icon: m,
|
|
58
|
+
checkedIcon: C,
|
|
56
59
|
style: { marginRight: 8 },
|
|
57
|
-
checked:
|
|
60
|
+
checked: n
|
|
58
61
|
}
|
|
59
62
|
),
|
|
60
|
-
|
|
61
|
-
] },
|
|
63
|
+
e.label
|
|
64
|
+
] }, s);
|
|
62
65
|
},
|
|
63
|
-
renderInput: (
|
|
64
|
-
|
|
66
|
+
renderInput: (o) => /* @__PURE__ */ l(
|
|
67
|
+
y,
|
|
65
68
|
{
|
|
66
|
-
...
|
|
67
|
-
label:
|
|
68
|
-
placeholder:
|
|
69
|
+
...o,
|
|
70
|
+
label: u,
|
|
71
|
+
placeholder: x
|
|
69
72
|
}
|
|
70
73
|
)
|
|
71
74
|
}
|
|
72
75
|
);
|
|
73
76
|
}
|
|
74
77
|
export {
|
|
75
|
-
|
|
78
|
+
P as PassportSearchableMultiSelect
|
|
76
79
|
};
|
package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts
CHANGED
|
@@ -27,4 +27,5 @@ export declare const CustomWidth: Story;
|
|
|
27
27
|
export declare const FullWidth: Story;
|
|
28
28
|
export declare const Disabled: Story;
|
|
29
29
|
export declare const ManyOptions: Story;
|
|
30
|
+
export declare const SingleSelect: Story;
|
|
30
31
|
//# sourceMappingURL=PassportSearchableMultiSelect.stories.d.ts.map
|
package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoC4D,CAAC;AAE9D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC"}
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoC4D,CAAC;AAE9D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC"}
|
package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ export interface PassportSearchableMultiSelectOption {
|
|
|
3
3
|
value: string;
|
|
4
4
|
label: string;
|
|
5
5
|
}
|
|
6
|
-
export interface PassportSearchableMultiSelectProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectOption,
|
|
6
|
+
export interface PassportSearchableMultiSelectProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectOption, boolean, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
|
|
7
7
|
label: string;
|
|
8
8
|
handleChange: (values: string[]) => void;
|
|
9
9
|
data?: PassportSearchableMultiSelectOption[];
|
|
@@ -13,5 +13,6 @@ export interface PassportSearchableMultiSelectProps extends Omit<AutocompletePro
|
|
|
13
13
|
isRtl?: boolean;
|
|
14
14
|
width?: number;
|
|
15
15
|
placeholder?: string;
|
|
16
|
+
multiple?: boolean;
|
|
16
17
|
}
|
|
17
18
|
//# sourceMappingURL=PassportSearchableMultiSelect.types.d.ts.map
|
package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kCACf,SAAQ,IAAI,CACV,iBAAiB,CACf,mCAAmC,EACnC,
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelect.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kCACf,SAAQ,IAAI,CACV,iBAAiB,CACf,mCAAmC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,CACN,EACD,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CACxE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,mCAAmC,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { PassportSearchableMultiSelectDetailedProps } from './PassportSearchableMultiSelectDetailed.types';
|
|
2
|
-
export declare function PassportSearchableMultiSelectDetailed({ label, data, handleChange, fullWidth, values, disabled, isRtl, width, placeholder, ...rest }: PassportSearchableMultiSelectDetailedProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function PassportSearchableMultiSelectDetailed({ label, data, handleChange, fullWidth, values, disabled, isRtl, width, placeholder, multiple, ...rest }: PassportSearchableMultiSelectDetailedProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=PassportSearchableMultiSelectDetailed.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelectDetailed.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,0CAA0C,EAC3C,MAAM,+CAA+C,CAAC;AAKvD,wBAAgB,qCAAqC,CAAC,EACpD,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,EAAE,0CAA0C,
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelectDetailed.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,0CAA0C,EAC3C,MAAM,+CAA+C,CAAC;AAKvD,wBAAgB,qCAAqC,CAAC,EACpD,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,SAAiB,EACjB,MAAW,EACX,QAAgB,EAChB,KAAa,EACb,KAAW,EACX,WAAW,EACX,QAAe,EACf,GAAG,IAAI,EACR,EAAE,0CAA0C,2CAmF5C"}
|
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Autocomplete as
|
|
3
|
-
import { C as
|
|
4
|
-
const
|
|
1
|
+
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { Autocomplete as g, TextField as k, Checkbox as S, Box as O, Typography as x } from "@mui/material";
|
|
3
|
+
import { C as z, a as A } from "../../CheckBox-B3iprBDG.js";
|
|
4
|
+
const B = /* @__PURE__ */ n(A, { fontSize: "small" }), C = /* @__PURE__ */ n(z, { fontSize: "small" });
|
|
5
5
|
function P({
|
|
6
|
-
label:
|
|
7
|
-
data:
|
|
8
|
-
handleChange:
|
|
9
|
-
fullWidth:
|
|
10
|
-
values:
|
|
11
|
-
disabled:
|
|
12
|
-
isRtl:
|
|
13
|
-
width:
|
|
14
|
-
placeholder:
|
|
15
|
-
|
|
6
|
+
label: f,
|
|
7
|
+
data: i,
|
|
8
|
+
handleChange: a,
|
|
9
|
+
fullWidth: t = !1,
|
|
10
|
+
values: d = [],
|
|
11
|
+
disabled: u = !1,
|
|
12
|
+
isRtl: p = !1,
|
|
13
|
+
width: h = 300,
|
|
14
|
+
placeholder: b,
|
|
15
|
+
multiple: o = !0,
|
|
16
|
+
...y
|
|
16
17
|
}) {
|
|
17
|
-
const
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
|
|
18
|
+
const m = o ? i?.filter((r) => d.includes(r.value)) ?? [] : i?.find((r) => d.includes(r.value)) ?? null;
|
|
19
|
+
return /* @__PURE__ */ n(
|
|
20
|
+
g,
|
|
20
21
|
{
|
|
21
|
-
...
|
|
22
|
-
multiple:
|
|
23
|
-
fullWidth:
|
|
22
|
+
...y,
|
|
23
|
+
multiple: o,
|
|
24
|
+
fullWidth: t,
|
|
24
25
|
size: "small",
|
|
25
26
|
disablePortal: !0,
|
|
26
|
-
disabled:
|
|
27
|
-
options:
|
|
28
|
-
value:
|
|
29
|
-
disableCloseOnSelect:
|
|
30
|
-
getOptionLabel: (
|
|
31
|
-
isOptionEqualToValue: (
|
|
27
|
+
disabled: u,
|
|
28
|
+
options: i ?? [],
|
|
29
|
+
value: m,
|
|
30
|
+
disableCloseOnSelect: o,
|
|
31
|
+
getOptionLabel: (r) => r.label,
|
|
32
|
+
isOptionEqualToValue: (r, e) => r.value === e.value,
|
|
32
33
|
sx: {
|
|
33
|
-
width:
|
|
34
|
+
width: t ? "100%" : h,
|
|
34
35
|
"& fieldset": {
|
|
35
36
|
borderRadius: "8px",
|
|
36
37
|
border: "1px solid var(--color-gray)"
|
|
@@ -38,58 +39,60 @@ function P({
|
|
|
38
39
|
"&:hover fieldset": {
|
|
39
40
|
borderRadius: "8px"
|
|
40
41
|
},
|
|
41
|
-
marginRight:
|
|
42
|
+
marginRight: p ? "10px" : "0px",
|
|
42
43
|
bgcolor: "var(--color-background)"
|
|
43
44
|
},
|
|
44
|
-
onChange: (
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
onChange: (r, e) => {
|
|
46
|
+
if (o && Array.isArray(e)) {
|
|
47
|
+
const s = e.map((c) => c.value);
|
|
48
|
+
a(s);
|
|
49
|
+
} else !o && e && !Array.isArray(e) ? a([e.value]) : a([]);
|
|
47
50
|
},
|
|
48
|
-
renderOption: (
|
|
49
|
-
const { key:
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
|
|
51
|
+
renderOption: (r, e, { selected: s }) => {
|
|
52
|
+
const { key: c, ...v } = r;
|
|
53
|
+
return /* @__PURE__ */ l("li", { ...v, children: [
|
|
54
|
+
o && /* @__PURE__ */ n(
|
|
55
|
+
S,
|
|
53
56
|
{
|
|
54
|
-
icon:
|
|
55
|
-
checkedIcon:
|
|
57
|
+
icon: B,
|
|
58
|
+
checkedIcon: C,
|
|
56
59
|
style: { marginRight: 8 },
|
|
57
|
-
checked:
|
|
60
|
+
checked: s
|
|
58
61
|
}
|
|
59
62
|
),
|
|
60
|
-
/* @__PURE__ */
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
|
|
63
|
+
/* @__PURE__ */ l(O, { sx: { display: "flex", flexDirection: "column" }, children: [
|
|
64
|
+
/* @__PURE__ */ n(
|
|
65
|
+
x,
|
|
63
66
|
{
|
|
64
67
|
component: "span",
|
|
65
68
|
sx: { fontWeight: 500, fontSize: "0.875rem" },
|
|
66
|
-
children:
|
|
69
|
+
children: e.label
|
|
67
70
|
}
|
|
68
71
|
),
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
|
|
72
|
+
/* @__PURE__ */ l(
|
|
73
|
+
x,
|
|
71
74
|
{
|
|
72
75
|
component: "span",
|
|
73
|
-
sx: { fontSize: "0.75rem", color: "text.secondary" },
|
|
76
|
+
sx: { display: "flex", flexDirection: "column", fontSize: "0.75rem", color: "text.secondary" },
|
|
74
77
|
children: [
|
|
75
|
-
"Id: ",
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"External
|
|
79
|
-
|
|
78
|
+
"Business Unit Id: ",
|
|
79
|
+
e.id,
|
|
80
|
+
e.externalId !== void 0 && e.externalId !== "" && /* @__PURE__ */ l("span", { children: [
|
|
81
|
+
"External Code: ",
|
|
82
|
+
e.externalId
|
|
80
83
|
] })
|
|
81
84
|
]
|
|
82
85
|
}
|
|
83
86
|
)
|
|
84
87
|
] })
|
|
85
|
-
] },
|
|
88
|
+
] }, c);
|
|
86
89
|
},
|
|
87
|
-
renderInput: (
|
|
88
|
-
|
|
90
|
+
renderInput: (r) => /* @__PURE__ */ n(
|
|
91
|
+
k,
|
|
89
92
|
{
|
|
90
|
-
...
|
|
91
|
-
label:
|
|
92
|
-
placeholder:
|
|
93
|
+
...r,
|
|
94
|
+
label: f,
|
|
95
|
+
placeholder: b
|
|
93
96
|
}
|
|
94
97
|
)
|
|
95
98
|
}
|
|
@@ -28,4 +28,5 @@ export declare const FullWidth: Story;
|
|
|
28
28
|
export declare const Disabled: Story;
|
|
29
29
|
export declare const WithoutExternalIds: Story;
|
|
30
30
|
export declare const MixedExternalIds: Story;
|
|
31
|
+
export declare const SingleSelect: Story;
|
|
31
32
|
//# sourceMappingURL=PassportSearchableMultiSelectDetailed.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelectDetailed.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoCoE,CAAC;AAEtE,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC"}
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelectDetailed.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkDvD,QAAA,MAAM,IAAI;;wDA5BP;QACD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;;;;;;;;;;;CAoCoE,CAAC;AAEtE,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,GAAG,EAAE,KAIjB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC"}
|
|
@@ -5,7 +5,7 @@ export interface PassportSearchableMultiSelectDetailedOption {
|
|
|
5
5
|
id: string | number;
|
|
6
6
|
externalId?: string | number;
|
|
7
7
|
}
|
|
8
|
-
export interface PassportSearchableMultiSelectDetailedProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectDetailedOption,
|
|
8
|
+
export interface PassportSearchableMultiSelectDetailedProps extends Omit<AutocompleteProps<PassportSearchableMultiSelectDetailedOption, boolean, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
|
|
9
9
|
label: string;
|
|
10
10
|
handleChange: (values: string[]) => void;
|
|
11
11
|
data?: PassportSearchableMultiSelectDetailedOption[];
|
|
@@ -15,5 +15,6 @@ export interface PassportSearchableMultiSelectDetailedProps extends Omit<Autocom
|
|
|
15
15
|
isRtl?: boolean;
|
|
16
16
|
width?: number;
|
|
17
17
|
placeholder?: string;
|
|
18
|
+
multiple?: boolean;
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=PassportSearchableMultiSelectDetailed.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PassportSearchableMultiSelectDetailed.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,2CAA2C;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0CACf,SAAQ,IAAI,CACV,iBAAiB,CACf,2CAA2C,EAC3C,
|
|
1
|
+
{"version":3,"file":"PassportSearchableMultiSelectDetailed.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,2CAA2C;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,0CACf,SAAQ,IAAI,CACV,iBAAiB,CACf,2CAA2C,EAC3C,OAAO,EACP,KAAK,EACL,KAAK,CACN,EACD,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CACxE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,2CAA2C,EAAE,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -25,4 +25,5 @@ export { PassportTabHeader } from './PassportTabHeader/PassportTabHeader';
|
|
|
25
25
|
export { PassportTextField } from './PassportTextField/PassportTextField';
|
|
26
26
|
export { DebouncedPassportInput } from './DebouncedPassportInput/DebouncedPassportInput';
|
|
27
27
|
export { PassportMenuButton } from './PassportMenuButton/PassportMenuButton';
|
|
28
|
+
export { PassportNotification } from './PassportNotification/PassportNotification';
|
|
28
29
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,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,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,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;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,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,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,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,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,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;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -16,15 +16,16 @@ import { PassportInfoModal as K } from "./PassportInfoModal/PassportInfoModal.js
|
|
|
16
16
|
import { PassportInput as v } from "./PassportInput/PassportInput.js";
|
|
17
17
|
import { PassportKpiCard as y } from "./PassportKpiCard/PassportKpiCard.js";
|
|
18
18
|
import { PassportKpiWrapper as G } from "./PassportKpiWrapper/PassportKpiWrapper.js";
|
|
19
|
-
import { PassportMultiSelect as
|
|
20
|
-
import { PassportSearchableMultiSelect as
|
|
21
|
-
import { PassportSearchableMultiSelectDetailed as
|
|
22
|
-
import { PassportTreeSelect as
|
|
19
|
+
import { PassportMultiSelect as N } from "./PassportMultiSelect/PassportMultiSelect.js";
|
|
20
|
+
import { PassportSearchableMultiSelect as W } from "./PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
|
|
21
|
+
import { PassportSearchableMultiSelectDetailed as q } from "./PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
|
|
22
|
+
import { PassportTreeSelect as J } from "./PassportTreeSelect/PassportTreeSelect.js";
|
|
23
23
|
import { PassportPagination as Q } from "./PassportPagination/PassportPagination.js";
|
|
24
24
|
import { PassportTabHeader as V } from "./PassportTabHeader/PassportTabHeader.js";
|
|
25
25
|
import { PassportTextField as Y } from "./PassportTextField/PassportTextField.js";
|
|
26
26
|
import { DebouncedPassportInput as _ } from "./DebouncedPassportInput/DebouncedPassportInput.js";
|
|
27
27
|
import { PassportMenuButton as oo } from "./PassportMenuButton/PassportMenuButton.js";
|
|
28
|
+
import { PassportNotification as to } from "./PassportNotification/PassportNotification.js";
|
|
28
29
|
import '../assets/index.css';export {
|
|
29
30
|
_ as DebouncedPassportInput,
|
|
30
31
|
t as LoadingAnimation,
|
|
@@ -43,14 +44,15 @@ import '../assets/index.css';export {
|
|
|
43
44
|
y as PassportKpiCard,
|
|
44
45
|
G as PassportKpiWrapper,
|
|
45
46
|
oo as PassportMenuButton,
|
|
46
|
-
|
|
47
|
+
N as PassportMultiSelect,
|
|
48
|
+
to as PassportNotification,
|
|
47
49
|
Q as PassportPagination,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
+
W as PassportSearchableMultiSelect,
|
|
51
|
+
q as PassportSearchableMultiSelectDetailed,
|
|
50
52
|
a as PassportSideMenu,
|
|
51
53
|
V as PassportTabHeader,
|
|
52
54
|
Y as PassportTextField,
|
|
53
55
|
f as PassportTotalDataGrid,
|
|
54
|
-
|
|
56
|
+
J as PassportTreeSelect,
|
|
55
57
|
x as PassportUserInformation
|
|
56
58
|
};
|
package/dist/main.js
CHANGED
|
@@ -4,7 +4,7 @@ import { PassportSideMenu as s } from "./components/PassportSideMenu/PassportSid
|
|
|
4
4
|
import { PassportTotalDataGrid as f } from "./components/PassportTotalDataGrid/PassportTotalDataGrid.js";
|
|
5
5
|
import { P } from "./PassportUserInformation-CNpBGKl3.js";
|
|
6
6
|
import { PassportAutocomplete as n } from "./components/PassportAutocomplete/PassportAutocomplete.js";
|
|
7
|
-
import { PassportButton as
|
|
7
|
+
import { PassportButton as c } from "./components/PassportButton/PassportButton.js";
|
|
8
8
|
import { PassportConfirmationModal as d } from "./components/PassportConfirmationModal/PassportConfirmationModal.js";
|
|
9
9
|
import { PassportDatePicker as g } from "./components/PassportDatePicker/PassportDatePicker.js";
|
|
10
10
|
import { PassportDateTimePicker as D } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
|
|
@@ -17,26 +17,27 @@ import { PassportInput as F } from "./components/PassportInput/PassportInput.js"
|
|
|
17
17
|
import { PassportKpiCard as U } from "./components/PassportKpiCard/PassportKpiCard.js";
|
|
18
18
|
import { PassportKpiWrapper as E } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
|
|
19
19
|
import { PassportMultiSelect as H } from "./components/PassportMultiSelect/PassportMultiSelect.js";
|
|
20
|
-
import { PassportSearchableMultiSelect as
|
|
21
|
-
import { PassportSearchableMultiSelectDetailed as
|
|
22
|
-
import { PassportTreeSelect as
|
|
20
|
+
import { PassportSearchableMultiSelect as V } from "./components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
|
|
21
|
+
import { PassportSearchableMultiSelectDetailed as j } from "./components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
|
|
22
|
+
import { PassportTreeSelect as z } from "./components/PassportTreeSelect/PassportTreeSelect.js";
|
|
23
23
|
import { PassportPagination as O } from "./components/PassportPagination/PassportPagination.js";
|
|
24
24
|
import { PassportTabHeader as R } from "./components/PassportTabHeader/PassportTabHeader.js";
|
|
25
25
|
import { PassportTextField as Y } from "./components/PassportTextField/PassportTextField.js";
|
|
26
26
|
import { DebouncedPassportInput as _ } from "./components/DebouncedPassportInput/DebouncedPassportInput.js";
|
|
27
27
|
import { PassportMenuButton as oo } from "./components/PassportMenuButton/PassportMenuButton.js";
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
28
|
+
import { PassportNotification as to } from "./components/PassportNotification/PassportNotification.js";
|
|
29
|
+
import { chunkArray as po } from "./portal-utils/chunkArray.js";
|
|
30
|
+
import { cn as so } from "./portal-utils/cn.js";
|
|
31
|
+
import { currency as fo, date as xo, datetime as Po, decimal as io, fuelUnitPrice as no, fuelVolume as lo, hours as co, number as uo, time as Mo } from "./portal-utils/formatters.js";
|
|
32
|
+
import { LogLevel as So, createLogger as Do } from "./portal-utils/loggerService.js";
|
|
33
|
+
import { getPageCount as Io } from "./portal-utils/pageCount.js";
|
|
33
34
|
export {
|
|
34
35
|
_ as DebouncedPassportInput,
|
|
35
36
|
t as LoadingAnimation,
|
|
36
|
-
|
|
37
|
+
So as LogLevel,
|
|
37
38
|
p as Login,
|
|
38
39
|
n as PassportAutocomplete,
|
|
39
|
-
|
|
40
|
+
c as PassportButton,
|
|
40
41
|
d as PassportConfirmationModal,
|
|
41
42
|
g as PassportDatePicker,
|
|
42
43
|
D as PassportDateTimePicker,
|
|
@@ -50,26 +51,27 @@ export {
|
|
|
50
51
|
E as PassportKpiWrapper,
|
|
51
52
|
oo as PassportMenuButton,
|
|
52
53
|
H as PassportMultiSelect,
|
|
54
|
+
to as PassportNotification,
|
|
53
55
|
O as PassportPagination,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
+
V as PassportSearchableMultiSelect,
|
|
57
|
+
j as PassportSearchableMultiSelectDetailed,
|
|
56
58
|
s as PassportSideMenu,
|
|
57
59
|
R as PassportTabHeader,
|
|
58
60
|
Y as PassportTextField,
|
|
59
61
|
f as PassportTotalDataGrid,
|
|
60
|
-
|
|
62
|
+
z as PassportTreeSelect,
|
|
61
63
|
P as PassportUserInformation,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
64
|
+
po as chunkArray,
|
|
65
|
+
so as cn,
|
|
66
|
+
Do as createLogger,
|
|
67
|
+
fo as currency,
|
|
68
|
+
xo as date,
|
|
69
|
+
Po as datetime,
|
|
70
|
+
io as decimal,
|
|
71
|
+
no as fuelUnitPrice,
|
|
72
|
+
lo as fuelVolume,
|
|
73
|
+
Io as getPageCount,
|
|
74
|
+
co as hours,
|
|
75
|
+
uo as number,
|
|
76
|
+
Mo as time
|
|
75
77
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -4,4 +4,6 @@ export type { CultureSettings, CultureStore } from './CultureStore';
|
|
|
4
4
|
export type { CustomSvg } from './CustomSvg';
|
|
5
5
|
export type { LoginRequest } from './LoginRequest';
|
|
6
6
|
export type { PassportTreeSelectOption } from '../components/PassportTreeSelect/PassportTreeSelect.types';
|
|
7
|
+
export type { PassportSearchableMultiSelectDetailedOption } from '../components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types';
|
|
8
|
+
export type { PassportNotificationProps } from '../components/PassportNotification/PassportNotification.types';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACzG,YAAY,EAAE,2CAA2C,EAAE,MAAM,gGAAgG,CAAC;AAClK,YAAY,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC"}
|