@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.
Files changed (17) hide show
  1. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.d.ts +1 -1
  2. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.d.ts.map +1 -1
  3. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js +50 -47
  4. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts +1 -0
  5. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.stories.d.ts.map +1 -1
  6. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts +2 -1
  7. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.types.d.ts.map +1 -1
  8. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.d.ts +1 -1
  9. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.d.ts.map +1 -1
  10. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js +60 -57
  11. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.d.ts +1 -0
  12. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.stories.d.ts.map +1 -1
  13. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.d.ts +2 -1
  14. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types.d.ts.map +1 -1
  15. package/dist/types/index.d.ts +2 -0
  16. package/dist/types/index.d.ts.map +1 -1
  17. 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
@@ -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,2CAwDpC"}
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 h } from "react/jsx-runtime";
2
- import { Autocomplete as g, TextField as k, Checkbox as v } from "@mui/material";
3
- import { C, a as O } from "../../CheckBox-B3iprBDG.js";
4
- const S = /* @__PURE__ */ l(O, { fontSize: "small" }), I = /* @__PURE__ */ l(C, { fontSize: "small" });
5
- function B({
6
- label: i,
7
- data: s,
8
- handleChange: n,
9
- fullWidth: a = !1,
10
- values: c = [],
11
- disabled: u = !1,
12
- isRtl: p = !1,
13
- width: d = 300,
14
- placeholder: m,
15
- ...x
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 b = s?.filter((e) => c.includes(e.value)) ?? [];
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
- g,
20
+ h,
20
21
  {
21
- ...x,
22
- multiple: !0,
23
- fullWidth: a,
22
+ ...b,
23
+ multiple: r,
24
+ fullWidth: c,
24
25
  size: "small",
25
26
  disablePortal: !0,
26
- disabled: u,
27
- options: s ?? [],
28
- value: b,
29
- disableCloseOnSelect: !0,
30
- getOptionLabel: (e) => e.label,
31
- isOptionEqualToValue: (e, o) => e.value === o.value,
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: a ? "100%" : d,
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: p ? "10px" : "0px",
42
+ marginRight: d ? "10px" : "0px",
42
43
  bgcolor: "var(--color-background)"
43
44
  },
44
- onChange: (e, o) => {
45
- const t = o.map((r) => r.value);
46
- n(t);
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: (e, o, { selected: t }) => {
49
- const { key: r, ...f } = e;
50
- return /* @__PURE__ */ h("li", { ...f, children: [
51
- /* @__PURE__ */ l(
52
- v,
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: S,
55
- checkedIcon: I,
57
+ icon: m,
58
+ checkedIcon: C,
56
59
  style: { marginRight: 8 },
57
- checked: t
60
+ checked: n
58
61
  }
59
62
  ),
60
- o.label
61
- ] }, r);
63
+ e.label
64
+ ] }, s);
62
65
  },
63
- renderInput: (e) => /* @__PURE__ */ l(
64
- k,
66
+ renderInput: (o) => /* @__PURE__ */ l(
67
+ y,
65
68
  {
66
- ...e,
67
- label: i,
68
- placeholder: m
69
+ ...o,
70
+ label: u,
71
+ placeholder: x
69
72
  }
70
73
  )
71
74
  }
72
75
  );
73
76
  }
74
77
  export {
75
- B as PassportSearchableMultiSelect
78
+ P as PassportSearchableMultiSelect
76
79
  };
@@ -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
@@ -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"}
@@ -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, true, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
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
@@ -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,IAAI,EACJ,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;CACtB"}
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,2CA0E5C"}
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 o, jsxs as r } from "react/jsx-runtime";
2
- import { Autocomplete as v, TextField as I, Checkbox as k, Box as y, Typography as i } from "@mui/material";
3
- import { C as S, a as C } from "../../CheckBox-B3iprBDG.js";
4
- const O = /* @__PURE__ */ o(C, { fontSize: "small" }), z = /* @__PURE__ */ o(S, { fontSize: "small" });
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: c,
7
- data: a,
8
- handleChange: d,
9
- fullWidth: s = !1,
10
- values: p = [],
11
- disabled: x = !1,
12
- isRtl: u = !1,
13
- width: m = 300,
14
- placeholder: f,
15
- ...h
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 b = a?.filter((e) => p.includes(e.value)) ?? [];
18
- return /* @__PURE__ */ o(
19
- v,
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
- ...h,
22
- multiple: !0,
23
- fullWidth: s,
22
+ ...y,
23
+ multiple: o,
24
+ fullWidth: t,
24
25
  size: "small",
25
26
  disablePortal: !0,
26
- disabled: x,
27
- options: a ?? [],
28
- value: b,
29
- disableCloseOnSelect: !0,
30
- getOptionLabel: (e) => e.label,
31
- isOptionEqualToValue: (e, l) => e.value === l.value,
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: s ? "100%" : m,
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: u ? "10px" : "0px",
42
+ marginRight: p ? "10px" : "0px",
42
43
  bgcolor: "var(--color-background)"
43
44
  },
44
- onChange: (e, l) => {
45
- const t = l.map((n) => n.value);
46
- d(t);
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: (e, l, { selected: t }) => {
49
- const { key: n, ...g } = e;
50
- return /* @__PURE__ */ r("li", { ...g, children: [
51
- /* @__PURE__ */ o(
52
- k,
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: O,
55
- checkedIcon: z,
57
+ icon: B,
58
+ checkedIcon: C,
56
59
  style: { marginRight: 8 },
57
- checked: t
60
+ checked: s
58
61
  }
59
62
  ),
60
- /* @__PURE__ */ r(y, { sx: { display: "flex", flexDirection: "column" }, children: [
61
- /* @__PURE__ */ o(
62
- i,
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: l.label
69
+ children: e.label
67
70
  }
68
71
  ),
69
- /* @__PURE__ */ r(
70
- i,
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
- l.id,
77
- l.externalId !== void 0 && l.externalId !== "" && /* @__PURE__ */ r("span", { style: { marginLeft: 8 }, children: [
78
- "External ID: ",
79
- l.externalId
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
- ] }, n);
88
+ ] }, c);
86
89
  },
87
- renderInput: (e) => /* @__PURE__ */ o(
88
- I,
90
+ renderInput: (r) => /* @__PURE__ */ n(
91
+ k,
89
92
  {
90
- ...e,
91
- label: c,
92
- placeholder: f
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, true, false, false>, 'label' | 'onChange' | 'value' | 'renderInput' | 'options' | 'multiple'> {
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,IAAI,EACJ,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;CACtB"}
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"}
@@ -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"}
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.40",
5
+ "version": "0.0.42",
6
6
  "type": "module",
7
7
  "files": [
8
8
  "dist"