mimir-ui-kit 1.37.9 → 1.37.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +1 -0
  2. package/dist/components/MultiSelectSearch/MultiSelectSearch.js +228 -209
  3. package/dist/components/MultiSelectSearch/types.d.ts +4 -0
  4. package/dist/components/MultiSelectSearch/utils.d.ts +2 -0
  5. package/dist/components/MultiSelectSearch/utils.js +12 -8
  6. package/package.json +1 -1
package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts CHANGED
@@ -20,4 +20,5 @@ export declare const MultiSelectSearch: import('react').ForwardRefExoticComponen
20
20
  chipVariant?: import('../Chip').EChipVariant | `${import('../Chip').EChipVariant}`;
21
21
  disableInput?: boolean;
22
22
  autocomplete?: "on" | "off";
23
+ id?: string;
23
24
  } & import('react').RefAttributes<HTMLElement>>;
package/dist/components/MultiSelectSearch/MultiSelectSearch.js CHANGED
@@ -1,232 +1,251 @@
1
- import { jsxs as g, jsx as n, Fragment as B } from "react/jsx-runtime";
2
- import { c as l } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as ie, useRef as R, useState as S, useEffect as j, useMemo as le } from "react";
4
- import { EMultiSelectSearchSize as M } from "./constants.js";
5
- import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as re, joinSelectedItems as P } from "./utils.js";
6
- import { Icon as ce } from "../../icons/Icon.js";
7
- import { Button as ae } from "../Button/Button.js";
8
- import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
9
- import { Chip as de } from "../Chip/Chip.js";
10
- import { I as G } from "../../Input-BYrIS5GU.js";
11
- import { EInputVariant as pe } from "../Input/constants.js";
12
- import { H as me, U as H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
13
- import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke = "_container_17kql_9", qe = "_full_17kql_27", ge = "_button_17kql_39", be = "_options_17kql_53", ve = "_top_17kql_64", Ne = "_bottom_17kql_69", Ie = "_m_17kql_2", we = "_l_17kql_111", Ce = "_focused_17kql_129", Se = "_option_17kql_53", Me = "_chip_17kql_158", xe = "_clear_17kql_183", e = {
1
+ import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
2
+ import { c as r } from "../../index-DIxK0V-G.js";
3
+ import { forwardRef as ce, useRef as P, useState as E, useEffect as L, useMemo as ae } from "react";
4
+ import { EMultiSelectSearchSize as O } from "./constants.js";
5
+ import { getInitialInputValue as F, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as H } from "./utils.js";
6
+ import { Icon as de } from "../../icons/Icon.js";
7
+ import { Button as pe } from "../Button/Button.js";
8
+ import { CheckboxMimir as me } from "../CheckboxMimir/CheckboxMimir.js";
9
+ import { Chip as _e } from "../Chip/Chip.js";
10
+ import { I as J } from "../../Input-BYrIS5GU.js";
11
+ import { EInputVariant as he } from "../Input/constants.js";
12
+ import { H as fe, U as K, G as W, K as ke, j as qe } from "../../combobox-BpYucpxz.js";
13
+ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve = "_container_17kql_9", be = "_full_17kql_27", Ie = "_button_17kql_39", we = "_options_17kql_53", Ne = "_top_17kql_64", Ce = "_bottom_17kql_69", Se = "_m_17kql_2", Me = "_l_17kql_111", Ee = "_focused_17kql_129", Le = "_option_17kql_53", Oe = "_chip_17kql_158", Te = "_clear_17kql_183", t = {
14
14
  "multi-select-search": "_multi-select-search_17kql_2",
15
- disabled: fe,
16
- container: ke,
15
+ disabled: ge,
16
+ container: ve,
17
17
  "container-open": "_container-open_17kql_18",
18
18
  "input-container": "_input-container_17kql_22",
19
- full: qe,
19
+ full: be,
20
20
  "selected-icon": "_selected-icon_17kql_31",
21
21
  "selector-icon-open": "_selector-icon-open_17kql_35",
22
- button: ge,
22
+ button: Ie,
23
23
  "selector-icon": "_selector-icon_17kql_35",
24
- options: be,
25
- top: ve,
26
- bottom: Ne,
24
+ options: we,
25
+ top: Ne,
26
+ bottom: Ce,
27
27
  "no-options": "_no-options_17kql_90",
28
- m: Ie,
29
- l: we,
28
+ m: Se,
29
+ l: Me,
30
30
  "multi-select-input-disabled": "_multi-select-input-disabled_17kql_126",
31
31
  "multi-select-input": "_multi-select-input_17kql_126",
32
- focused: Ce,
33
- option: Se,
32
+ focused: Ee,
33
+ option: Le,
34
34
  "option-active": "_option-active_17kql_148",
35
35
  "option-inner": "_option-inner_17kql_151",
36
- chip: Me,
36
+ chip: Oe,
37
37
  "chip-container": "_chip-container_17kql_163",
38
38
  "chip-root": "_chip-root_17kql_169",
39
39
  "right-slot": "_right-slot_17kql_173",
40
40
  "required-mark": "_required-mark_17kql_178",
41
- clear: xe,
41
+ clear: Te,
42
42
  "icon-button": "_icon-button_17kql_192"
43
- }, Fe = ie(
44
- (K, U) => {
43
+ }, Ue = ce(
44
+ ($, Q) => {
45
45
  const {
46
- placeholder: x,
47
- size: i = M.L,
48
- value: a,
46
+ placeholder: T,
47
+ size: i = O.L,
48
+ value: u,
49
49
  onChange: s,
50
- full: W,
51
- showArrow: Q = !0,
52
- items: m = [],
53
- classNameOption: X,
54
- displayValue: d = "name",
55
- filterOnSearch: y = !0,
56
- onSearch: v,
57
- variant: D = pe.DefaultGray,
50
+ full: X,
51
+ showArrow: Y = !0,
52
+ items: d = [],
53
+ classNameOption: Z,
54
+ displayValue: p = "name",
55
+ filterOnSearch: x = !0,
56
+ onSearch: w,
57
+ variant: y = he.DefaultGray,
58
58
  menuPlacement: N = "bottom",
59
- disabled: r = !1,
60
- searchProps: z,
61
- withClearButton: I = !1,
62
- withChip: Y = !1,
63
- chipVariant: Z = "sapphire",
64
- disableInput: _ = !1,
65
- autocomplete: O = "on"
66
- } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
67
- () => E(a, d)
68
- ), [u, q] = S(
69
- a || []
59
+ disabled: c = !1,
60
+ searchProps: D,
61
+ withClearButton: C = !1,
62
+ withChip: ee = !1,
63
+ chipVariant: te = "sapphire",
64
+ disableInput: f = !1,
65
+ autocomplete: z = "on",
66
+ id: m = `multiselect-${Math.random().toString(36).slice(2, 11)}`
67
+ } = $, S = P(null), _ = P(null), [k, h] = E(!1), [q, g] = E(
68
+ () => F(u, p)
69
+ ), [l, v] = E(
70
+ u || []
70
71
  );
71
- j(() => {
72
- a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
73
- }, [a, d, u]);
74
- const A = le(() => {
75
- var o;
76
- if (!y) return m;
77
- const t = ((o = f.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
78
- return m.filter(
79
- (c) => c.name.toLowerCase().includes(t)
72
+ L(() => {
73
+ u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(F(u, p)));
74
+ }, [u, p, l]);
75
+ const V = ae(() => {
76
+ var n;
77
+ if (!x) return d;
78
+ const e = ((n = q.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
79
+ return l.length > 0 && l[l.length - 1].name.toLowerCase() === e ? d : d.filter(
80
+ (a) => a.name.toLowerCase().includes(e)
80
81
  );
81
- }, [y, m, f]), $ = (t) => {
82
- q(t), s == null || s(t);
83
- const o = P(t, d);
84
- k(o), h(!0), setTimeout(() => {
85
- if (p.current) {
86
- p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
87
- const c = o.length;
88
- p.current.setSelectionRange(c, c);
82
+ }, [x, d, q, l]), ne = (e) => {
83
+ v(e), s == null || s(e);
84
+ const n = H(e, p);
85
+ g(n), h(!0), I(m), setTimeout(() => {
86
+ if (_.current) {
87
+ _.current.focus(), _.current.scrollLeft = _.current.scrollWidth;
88
+ const a = n.length;
89
+ _.current.setSelectionRange(a, a);
89
90
  }
90
91
  }, 0);
91
- }, L = (t) => {
92
- if (_) return;
93
- const o = t.target.value;
94
- k(o), v == null || v(o);
95
- const c = o.split(",").map((C) => C.trim()).filter(Boolean), V = m.filter(
96
- (C) => c.includes(C[d])
92
+ }, A = (e) => {
93
+ if (f) return;
94
+ const n = e.target.value;
95
+ g(n), w == null || w(n);
96
+ const a = n.split(",").map((M) => M.trim()).filter(Boolean), R = d.filter(
97
+ (M) => a.includes(M[p])
97
98
  );
98
- q(V), s == null || s(V), h(!0);
99
- }, ee = (t) => {
100
- const o = u.filter(
101
- (c) => c.id !== t.id
99
+ v(R), s == null || s(R), h(!0), I(m);
100
+ }, oe = (e) => {
101
+ const n = l.filter(
102
+ (a) => a.id !== e.id
102
103
  );
103
- q(o), s == null || s(o), k(P(o, d));
104
- }, T = () => h((t) => !t), te = (t) => {
105
- t.preventDefault(), t.currentTarget.focus();
106
- const o = t.currentTarget.value.length;
107
- t.currentTarget.setSelectionRange(o, o);
108
- }, oe = () => {
109
- k(""), q([]), s == null || s([]);
110
- }, ne = (t) => {
111
- t.stopPropagation(), oe();
112
- }, se = (t) => {
113
- _ && t.target.blur();
104
+ v(n), s == null || s(n), g(H(n, p));
105
+ }, B = () => {
106
+ const e = !k;
107
+ h(e), e && I(m);
108
+ }, se = (e) => {
109
+ e.preventDefault(), e.currentTarget.focus();
110
+ const n = e.currentTarget.value.length;
111
+ e.currentTarget.setSelectionRange(n, n);
112
+ }, ie = () => {
113
+ g(""), v([]), s == null || s([]);
114
+ }, le = (e) => {
115
+ e.stopPropagation(), ie();
116
+ }, re = (e) => {
117
+ f && e.target.blur();
114
118
  };
115
- return j(() => {
116
- const t = (o) => {
117
- w.current && !w.current.contains(o.target) && !o.defaultPrevented && h(!1);
119
+ return L(() => {
120
+ const e = (n) => {
121
+ S.current && !S.current.contains(n.target) && !n.defaultPrevented && h(!1);
118
122
  };
119
- return document.addEventListener("mousedown", t), () => {
120
- document.removeEventListener("mousedown", t);
123
+ return document.addEventListener("mousedown", e), () => {
124
+ document.removeEventListener("mousedown", e);
121
125
  };
122
- }, []), /* @__PURE__ */ g("div", { ref: w, children: [
123
- /* @__PURE__ */ n(
124
- me,
126
+ }, []), L(() => {
127
+ const e = (n) => {
128
+ n.detail !== m && h(!1);
129
+ };
130
+ return window.addEventListener(
131
+ G,
132
+ e
133
+ ), () => {
134
+ window.removeEventListener(
135
+ G,
136
+ e
137
+ );
138
+ };
139
+ }, [m]), /* @__PURE__ */ b("div", { ref: S, children: [
140
+ /* @__PURE__ */ o(
141
+ fe,
125
142
  {
126
143
  multiple: !0,
127
144
  as: "div",
128
- value: u,
129
- className: l(e["multi-select-search"], {
130
- [e.full]: W,
131
- [e.disabled]: r
145
+ value: l,
146
+ className: r(t["multi-select-search"], {
147
+ [t.full]: X,
148
+ [t.disabled]: c
132
149
  }),
133
- onChange: $,
134
- ref: U,
135
- disabled: r,
136
- virtual: { options: A },
137
- children: /* @__PURE__ */ g(
150
+ onChange: ne,
151
+ ref: Q,
152
+ disabled: c,
153
+ virtual: { options: V },
154
+ children: /* @__PURE__ */ b(
138
155
  "div",
139
156
  {
140
- className: l(e.container, e[i], {
141
- [e["container-open"]]: b
157
+ className: r(t.container, t[i], {
158
+ [t["container-open"]]: k
142
159
  }),
143
160
  children: [
144
- _ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
145
- /* @__PURE__ */ n(
146
- H,
161
+ f && /* @__PURE__ */ b("div", { className: t["input-container"], children: [
162
+ /* @__PURE__ */ o(
163
+ K,
147
164
  {
148
- disabled: r,
165
+ disabled: c,
149
166
  style: { width: "100%" },
150
- onClick: T,
151
- children: /* @__PURE__ */ n(
152
- J,
167
+ onClick: B,
168
+ children: /* @__PURE__ */ o(
169
+ W,
153
170
  {
154
- as: G,
155
- label: x,
156
- size: F(i),
157
- className: l(e["multi-select-input"], {
158
- [e["multi-select-input-disabled"]]: _ && I
171
+ as: J,
172
+ label: T,
173
+ size: U(i),
174
+ className: r(t["multi-select-input"], {
175
+ [t["multi-select-input-disabled"]]: f && C
159
176
  }),
160
- onChange: L,
161
- value: f,
162
- disabled: r,
163
- variant: D,
164
- rightSlotClassName: e["right-slot"],
165
- requiredMarkClassName: e["required-mark"],
177
+ onChange: A,
178
+ value: q,
179
+ disabled: c,
180
+ variant: y,
181
+ rightSlotClassName: t["right-slot"],
182
+ requiredMarkClassName: t["required-mark"],
166
183
  "data-testid": "select-search-input",
167
- onFocus: se,
184
+ onFocus: re,
168
185
  rightAddon: {
169
186
  addonType: "icon",
170
- addonContent: re(b, i)
187
+ addonContent: ue(k, i)
171
188
  },
172
- autocomplete: O,
173
- ...z
189
+ autocomplete: z,
190
+ ...D
174
191
  }
175
192
  )
176
193
  }
177
194
  ),
178
- I && f && /* @__PURE__ */ n(
179
- ae,
195
+ C && q && /* @__PURE__ */ o(
196
+ pe,
180
197
  {
181
198
  tabIndex: -1,
182
- className: l(e.clear, {
183
- [e.disabled]: r
199
+ className: r(t.clear, {
200
+ [t.disabled]: c
184
201
  }),
185
- iconButtonClassName: e["icon-button"],
202
+ iconButtonClassName: t["icon-button"],
186
203
  isIconButton: !0,
187
204
  iconName: "Close16px",
188
205
  size: "m-s",
189
206
  clear: !0,
190
- disabled: r,
207
+ disabled: c,
191
208
  variant: "secondary-gray",
192
- onClick: ne,
209
+ onClick: le,
193
210
  "data-testid": "clear-button"
194
211
  }
195
212
  )
196
213
  ] }),
197
- !_ && /* @__PURE__ */ n(
198
- J,
214
+ !f && /* @__PURE__ */ o(
215
+ W,
199
216
  {
200
- as: G,
201
- label: x,
202
- size: F(i),
203
- className: e["multi-select-input"],
204
- rightSlotClassName: e["right-slot"],
205
- requiredMarkClassName: e["required-mark"],
206
- value: f,
207
- disabled: r,
208
- variant: D,
209
- withClearButton: I,
210
- onFocus: () => h(!0),
211
- onMouseDown: te,
212
- onChange: L,
213
- ref: p,
217
+ as: J,
218
+ label: T,
219
+ size: U(i),
220
+ className: t["multi-select-input"],
221
+ rightSlotClassName: t["right-slot"],
222
+ requiredMarkClassName: t["required-mark"],
223
+ value: q,
224
+ disabled: c,
225
+ variant: y,
226
+ withClearButton: C,
227
+ onFocus: () => {
228
+ h(!0), I(m);
229
+ },
230
+ onMouseDown: se,
231
+ onChange: A,
232
+ ref: _,
214
233
  rightAddon: {
215
234
  addonType: "react-node",
216
- addonContent: Q && /* @__PURE__ */ n(
217
- H,
235
+ addonContent: Y && /* @__PURE__ */ o(
236
+ K,
218
237
  {
219
- className: l(e.button, {
220
- [e.disabled]: r
238
+ className: r(t.button, {
239
+ [t.disabled]: c
221
240
  }),
222
- disabled: r,
223
- onMouseDown: T,
224
- children: /* @__PURE__ */ n(
225
- ce,
241
+ disabled: c,
242
+ onMouseDown: B,
243
+ children: /* @__PURE__ */ o(
244
+ de,
226
245
  {
227
- iconName: i == M.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
228
- className: l(e["selector-icon"], {
229
- [e["selector-icon-open"]]: b
246
+ iconName: i == O.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
247
+ className: r(t["selector-icon"], {
248
+ [t["selector-icon-open"]]: k
230
249
  })
231
250
  }
232
251
  )
@@ -234,70 +253,70 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
234
253
  )
235
254
  },
236
255
  "data-testid": "select-search-input",
237
- autocomplete: O,
238
- ...z
256
+ autocomplete: z,
257
+ ...D
239
258
  }
240
259
  ),
241
- b && /* @__PURE__ */ n(B, { children: m.length ? A.length ? /* @__PURE__ */ n(
242
- _e,
260
+ k && /* @__PURE__ */ o(j, { children: d.length ? V.length ? /* @__PURE__ */ o(
261
+ ke,
243
262
  {
244
- className: l(
245
- e.options,
246
- e[i],
247
- e[N]
263
+ className: r(
264
+ t.options,
265
+ t[i],
266
+ t[N]
248
267
  ),
249
268
  modal: !1,
250
269
  static: !0,
251
- children: ({ option: t }) => /* @__PURE__ */ n(
252
- he,
270
+ children: ({ option: e }) => /* @__PURE__ */ o(
271
+ qe,
253
272
  {
254
- value: t,
255
- className: ({ focus: o }) => l(
256
- e.option,
257
- X,
258
- i && e[i],
273
+ value: e,
274
+ className: ({ focus: n }) => r(
275
+ t.option,
276
+ Z,
277
+ i && t[i],
259
278
  {
260
- [e["option-active"]]: o
279
+ [t["option-active"]]: n
261
280
  }
262
281
  ),
263
- children: /* @__PURE__ */ g(B, { children: [
264
- /* @__PURE__ */ g("div", { className: e["option-inner"], children: [
265
- t.name,
266
- t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
282
+ children: /* @__PURE__ */ b(j, { children: [
283
+ /* @__PURE__ */ b("div", { className: t["option-inner"], children: [
284
+ e.name,
285
+ e.bottom && /* @__PURE__ */ o("div", { children: e.bottom })
267
286
  ] }),
268
- /* @__PURE__ */ n(
269
- ue,
287
+ /* @__PURE__ */ o(
288
+ me,
270
289
  {
271
290
  isInteractive: !1,
272
- checked: u.some(
273
- (o) => o.id === t.id
291
+ checked: l.some(
292
+ (n) => n.id === e.id
274
293
  )
275
294
  }
276
295
  )
277
296
  ] })
278
297
  },
279
- t.id
298
+ e.id
280
299
  )
281
300
  }
282
- ) : /* @__PURE__ */ n(
301
+ ) : /* @__PURE__ */ o(
283
302
  "div",
284
303
  {
285
- className: l(
286
- e.options,
287
- e[i],
288
- e["no-options"],
289
- e[N]
304
+ className: r(
305
+ t.options,
306
+ t[i],
307
+ t["no-options"],
308
+ t[N]
290
309
  ),
291
310
  children: "Ничего не найдено"
292
311
  }
293
- ) : /* @__PURE__ */ n(
312
+ ) : /* @__PURE__ */ o(
294
313
  "div",
295
314
  {
296
- className: l(
297
- e.options,
298
- e[i],
299
- e["no-options"],
300
- e[N]
315
+ className: r(
316
+ t.options,
317
+ t[i],
318
+ t["no-options"],
319
+ t[N]
301
320
  ),
302
321
  children: "Нет данных"
303
322
  }
@@ -307,21 +326,21 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
307
326
  )
308
327
  }
309
328
  ),
310
- Y && u.length > 0 && /* @__PURE__ */ n("div", { className: e["chip-container"], children: u.map((t) => /* @__PURE__ */ n(
311
- de,
329
+ ee && l.length > 0 && /* @__PURE__ */ o("div", { className: t["chip-container"], children: l.map((e) => /* @__PURE__ */ o(
330
+ _e,
312
331
  {
313
- size: i === M.L ? "s" : "xs",
314
- variant: Z,
315
- className: e["chip-root"],
332
+ size: i === O.L ? "s" : "xs",
333
+ variant: te,
334
+ className: t["chip-root"],
316
335
  withAction: !0,
317
- onClose: () => ee(t),
318
- children: /* @__PURE__ */ n("span", { className: e.chip, children: t.name })
336
+ onClose: () => oe(e),
337
+ children: /* @__PURE__ */ o("span", { className: t.chip, children: e.name })
319
338
  },
320
- t.id
339
+ e.id
321
340
  )) })
322
341
  ] });
323
342
  }
324
343
  );
325
344
  export {
326
- Fe as MultiSelectSearch
345
+ Ue as MultiSelectSearch
327
346
  };
package/dist/components/MultiSelectSearch/types.d.ts CHANGED
@@ -59,4 +59,8 @@ export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'var
59
59
  disableInput?: boolean;
60
60
  /** Управляет поведением автозаполнения браузера */
61
61
  autocomplete?: 'on' | 'off';
62
+ /**
63
+ * Уникальный идентификатор мультиселекта
64
+ */
65
+ id?: string;
62
66
  };
package/dist/components/MultiSelectSearch/utils.d.ts CHANGED
@@ -6,3 +6,5 @@ export declare const mapSizeToInputSize: (size: EMultiSelectSearchSize) => EInpu
6
6
  export declare const getDropdownArrowIcon: (isOpen: boolean, size: EMultiSelectSearchSize) => "DropdownArrowBottom16px" | "DropdownArrowUp16px" | "DropdownArrowUp24px" | "DropdownArrowDown24px";
7
7
  export declare const getInitialInputValue: (value: TMultiSelectOption[] | undefined | null, displayValue: string) => string;
8
8
  export declare const joinSelectedItems: (items: TMultiSelectOption[], displayValue: string) => string;
9
+ export declare const MULTISELECT_OPEN_EVENT = "multiselectOpen";
10
+ export declare const dispatchMultiselectOpen: (id: string) => void;
package/dist/components/MultiSelectSearch/utils.js CHANGED
@@ -1,19 +1,23 @@
1
- import { EMultiSelectSearchSize as t } from "./constants.js";
1
+ import { EMultiSelectSearchSize as o } from "./constants.js";
2
2
  import "../../Input-BYrIS5GU.js";
3
3
  import { EInputSize as e } from "../Input/constants.js";
4
- const c = (r) => {
5
- switch (r) {
6
- case t.M:
4
+ const w = (t) => {
5
+ switch (t) {
6
+ case o.M:
7
7
  return e.M;
8
- case t.L:
8
+ case o.L:
9
9
  return e.L;
10
10
  default:
11
11
  return e.M;
12
12
  }
13
- }, u = (r, o) => r ? o === t.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : o === t.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", m = (r, o) => r && r.length > 0 ? r.map((n) => n[o]).join(", ") + (r.length > 1 ? ", " : "") : "", d = (r, o) => r.map((n) => n[o]).join(", ") + (r.length > 1 ? ", " : "");
13
+ }, s = (t, r) => t ? r === o.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : r === o.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", m = (t, r) => t && t.length > 0 ? t.map((n) => n[r]).join(", ") : "", d = (t, r) => t.map((n) => n[r]).join(", "), p = "multiselectOpen", a = (t) => {
14
+ window.dispatchEvent(new CustomEvent(p, { detail: t }));
15
+ };
14
16
  export {
15
- u as getDropdownArrowIcon,
17
+ p as MULTISELECT_OPEN_EVENT,
18
+ a as dispatchMultiselectOpen,
19
+ s as getDropdownArrowIcon,
16
20
  m as getInitialInputValue,
17
21
  d as joinSelectedItems,
18
- c as mapSizeToInputSize
22
+ w as mapSizeToInputSize
19
23
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.37.9",
4
+ "version": "1.37.11",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {