@amateescu/portal-ui-components 0.0.40 → 0.0.42
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/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/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +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"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -3,4 +3,6 @@ export type { Column } from './Column';
|
|
|
3
3
|
export type { CultureSettings, CultureStore } from './CultureStore';
|
|
4
4
|
export type { CustomSvg } from './CustomSvg';
|
|
5
5
|
export type { LoginRequest } from './LoginRequest';
|
|
6
|
+
export type { PassportTreeSelectOption } from '../components/PassportTreeSelect/PassportTreeSelect.types';
|
|
7
|
+
export type { PassportSearchableMultiSelectDetailedOption } from '../components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types';
|
|
6
8
|
//# 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"}
|
|
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"}
|