mimir-ui-kit 1.37.12 → 1.37.14

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,113 +1,113 @@
1
- import { jsx as s, jsxs as u, Fragment as z } from "react/jsx-runtime";
2
- import { c as i } from "../../index-DIxK0V-G.js";
3
- import { forwardRef as U, useState as D, useMemo as R, useCallback as $, useEffect as J } from "react";
4
- import { ESelectSearchSize as v } from "./constants.js";
5
- import { mapSizeToInputSize as j, getDropdownArrowIcon as Q } from "./utils.js";
6
- import { Icon as q } from "../../icons/Icon.js";
7
- import { Button as W } from "../Button/Button.js";
8
- import { I as A } from "../../Input-BYrIS5GU.js";
1
+ import { jsx as a, jsxs as m, Fragment as D } from "react/jsx-runtime";
2
+ import { c as l } from "../../index-DIxK0V-G.js";
3
+ import { forwardRef as U, useState as q, useMemo as W, useCallback as R, useEffect as $ } from "react";
4
+ import { ESelectSearchSize as g } from "./constants.js";
5
+ import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
6
+ import { Icon as O } from "../../icons/Icon.js";
7
+ import { Button as Q } from "../Button/Button.js";
8
+ import { I as B } from "../../Input-BYrIS5GU.js";
9
9
  import { EInputVariant as X } from "../Input/constants.js";
10
- import { H as Y, U as O, G as B, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
11
- import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_container_rphak_9", ae = "_full_rphak_22", ne = "_button_rphak_34", se = "_options_rphak_48", re = "_top_rphak_59", ie = "_bottom_rphak_64", le = "_m_rphak_91", ce = "_l_rphak_106", pe = "_option_rphak_48", de = "_clear_rphak_160", e = {
12
- "select-search": "_select-search_rphak_2",
10
+ import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CDU06zJj.js";
11
+ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_container_1f5f7_9", ne = "_full_1f5f7_24", se = "_button_1f5f7_36", ae = "_options_1f5f7_50", ie = "_top_1f5f7_61", le = "_bottom_1f5f7_67", re = "_m_1f5f7_95", ce = "_l_1f5f7_110", de = "_option_1f5f7_50", fe = "_clear_1f5f7_164", e = {
12
+ "select-search": "_select-search_1f5f7_2",
13
13
  disabled: te,
14
14
  container: oe,
15
- "container-open": "_container-open_rphak_18",
16
- full: ae,
17
- "selected-icon": "_selected-icon_rphak_26",
18
- "selector-icon-open": "_selector-icon-open_rphak_30",
19
- button: ne,
20
- "selector-icon": "_selector-icon_rphak_30",
21
- options: se,
22
- top: re,
23
- bottom: ie,
24
- "no-options": "_no-options_rphak_85",
25
- m: le,
15
+ "container-open": "_container-open_1f5f7_20",
16
+ full: ne,
17
+ "selected-icon": "_selected-icon_1f5f7_28",
18
+ "selector-icon-open": "_selector-icon-open_1f5f7_32",
19
+ button: se,
20
+ "selector-icon": "_selector-icon_1f5f7_32",
21
+ options: ae,
22
+ top: ie,
23
+ bottom: le,
24
+ "no-options": "_no-options_1f5f7_89",
25
+ m: re,
26
26
  l: ce,
27
- "select-input": "_select-input_rphak_121",
28
- "select-input-disabled": "_select-input-disabled_rphak_124",
29
- option: pe,
30
- "option-active": "_option-active_rphak_140",
31
- "option-inner": "_option-inner_rphak_143",
32
- "right-slot": "_right-slot_rphak_150",
33
- "required-mark": "_required-mark_rphak_155",
34
- clear: de,
35
- "icon-button": "_icon-button_rphak_169"
36
- }, we = U(
37
- (M, E) => {
27
+ "select-input": "_select-input_1f5f7_125",
28
+ "select-input-disabled": "_select-input-disabled_1f5f7_128",
29
+ option: de,
30
+ "option-active": "_option-active_1f5f7_144",
31
+ "option-inner": "_option-inner_1f5f7_147",
32
+ "right-slot": "_right-slot_1f5f7_154",
33
+ "required-mark": "_required-mark_1f5f7_159",
34
+ clear: fe,
35
+ "icon-button": "_icon-button_1f5f7_173"
36
+ }, Ce = U(
37
+ (E, L) => {
38
38
  const {
39
- placeholder: g,
40
- size: r = v.L,
41
- value: a,
42
- onChange: n,
43
- full: L,
44
- showArrow: V = !0,
45
- items: d = [],
39
+ placeholder: w,
40
+ size: i = g.L,
41
+ value: n,
42
+ onChange: s,
43
+ full: V,
44
+ showArrow: C = !0,
45
+ items: f = [],
46
46
  classNameOption: F,
47
47
  displayValue: G = "name",
48
- filterOnSearch: w = !0,
49
- onSearch: _,
50
- variant: C = X.DefaultGray,
51
- menuPlacement: f = "bottom",
52
- disabled: l = !1,
53
- searchProps: I,
48
+ filterOnSearch: I = !0,
49
+ onSearch: u,
50
+ variant: S = X.DefaultGray,
51
+ menuPlacement: h = "bottom",
52
+ disabled: r = !1,
53
+ searchProps: y,
54
54
  withClearButton: b = !1,
55
55
  disableInput: c = !1,
56
- autocomplete: S = "on",
56
+ autocomplete: k = "on",
57
57
  immediate: P = !1
58
- } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, m] = D(k), [N, h] = D(a), y = R(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
59
- (o) => o.name.toLowerCase().includes(p.toLowerCase())
60
- ) : d, [p, d, a, w]), T = (o) => {
61
- o ? (m(o.name), h(o), n == null || n(o)) : (m(""), h(null), n == null || n({ id: "", name: "" }));
62
- }, x = $(
58
+ } = E, N = String((n == null ? void 0 : n[G]) || ""), [d, p] = q(N), [v, _] = q(n), x = W(() => !I || n && (n.id || n.name) ? f : d.trim().toLowerCase() ? f.filter(
59
+ (o) => o.name.toLowerCase().includes(d.toLowerCase())
60
+ ) : f, [d, f, n, I]), T = (o) => {
61
+ o ? (p(o.name), _(o), s == null || s(o)) : (p(""), _(null), s == null || s({ id: "", name: "" }));
62
+ }, z = R(
63
63
  (o) => {
64
64
  if (c) return;
65
65
  const t = o.target.value;
66
- m(t), _ == null || _(t), !t && a && (n == null || n({ id: "", name: "" }));
66
+ p(t), u == null || u(t), !t && n && (s == null || s({ id: "", name: "" }));
67
67
  },
68
- [c, n, _, a]
68
+ [c, s, u, n]
69
69
  ), H = () => {
70
- m(""), h(null), n == null || n({ id: "", name: "" });
70
+ p(""), _(null), s == null || s({ id: "", name: "" });
71
71
  };
72
- return J(() => {
73
- const o = !a || typeof a == "object" && !Object.keys(a).length;
74
- m(o ? "" : k), h(o ? null : a);
75
- }, [a, k]), /* @__PURE__ */ s(
72
+ return $(() => {
73
+ const o = !n || typeof n == "object" && !Object.keys(n).length;
74
+ p(o ? "" : N), _(o ? null : n);
75
+ }, [n, N]), /* @__PURE__ */ a(
76
76
  Y,
77
77
  {
78
78
  as: "div",
79
- value: N,
80
- className: i(e["select-search"], {
81
- [e.full]: L,
82
- [e.disabled]: l
79
+ value: v,
80
+ className: l(e["select-search"], {
81
+ [e.full]: V,
82
+ [e.disabled]: r
83
83
  }),
84
84
  onChange: T,
85
- ref: E,
86
- disabled: l,
87
- virtual: { options: y },
85
+ ref: L,
86
+ disabled: r,
87
+ virtual: { options: x },
88
88
  immediate: P,
89
- children: ({ open: o }) => /* @__PURE__ */ u(z, { children: [
90
- /* @__PURE__ */ u(
89
+ children: ({ open: o }) => /* @__PURE__ */ m(D, { children: [
90
+ /* @__PURE__ */ m(
91
91
  "div",
92
92
  {
93
- className: i(e.container, e[r], {
93
+ className: l(e.container, e[i], {
94
94
  [e["container-open"]]: o
95
95
  }),
96
96
  children: [
97
- c && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
98
- /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
99
- B,
97
+ c && /* @__PURE__ */ m("div", { style: { position: "relative", width: "100%" }, children: [
98
+ /* @__PURE__ */ a(M, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ a(
99
+ j,
100
100
  {
101
- as: A,
102
- label: g,
103
- size: j(r),
104
- className: i(e["select-input"], {
101
+ as: B,
102
+ label: w,
103
+ size: A(i),
104
+ className: l(e["select-input"], {
105
105
  [e["select-input-disabled"]]: c && b
106
106
  }),
107
- onChange: x,
108
- value: p,
109
- disabled: l,
110
- variant: C,
107
+ onChange: z,
108
+ value: d,
109
+ disabled: r,
110
+ variant: S,
111
111
  rightSlotClassName: e["right-slot"],
112
112
  requiredMarkClassName: e["required-mark"],
113
113
  "data-testid": "select-search-input",
@@ -116,25 +116,25 @@ import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_co
116
116
  },
117
117
  rightAddon: {
118
118
  addonType: "icon",
119
- addonContent: Q(o, r)
119
+ addonContent: J(o, i)
120
120
  },
121
- autocomplete: S,
122
- ...I
121
+ autocomplete: k,
122
+ ...y
123
123
  }
124
124
  ) }),
125
- b && p && /* @__PURE__ */ s(
126
- W,
125
+ b && d && /* @__PURE__ */ a(
126
+ Q,
127
127
  {
128
128
  tabIndex: -1,
129
- className: i(e.clear, {
130
- [e.disabled]: l
129
+ className: l(e.clear, {
130
+ [e.disabled]: r
131
131
  }),
132
132
  iconButtonClassName: e["icon-button"],
133
133
  isIconButton: !0,
134
134
  iconName: "Close16px",
135
135
  size: "m-s",
136
136
  clear: !0,
137
- disabled: l,
137
+ disabled: r,
138
138
  variant: "secondary-gray",
139
139
  onClick: (t) => {
140
140
  t.stopPropagation(), H();
@@ -143,83 +143,83 @@ import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_co
143
143
  }
144
144
  )
145
145
  ] }),
146
- !c && /* @__PURE__ */ s(
147
- B,
146
+ !c && /* @__PURE__ */ a(
147
+ j,
148
148
  {
149
- as: A,
150
- label: g,
151
- size: j(r),
149
+ as: B,
150
+ label: w,
151
+ size: A(i),
152
152
  className: e["select-input"],
153
- onChange: x,
154
- value: p,
155
- disabled: l,
156
- variant: C,
153
+ onChange: z,
154
+ value: d,
155
+ disabled: r,
156
+ variant: S,
157
157
  withClearButton: b,
158
158
  rightSlotClassName: e["right-slot"],
159
159
  requiredMarkClassName: e["required-mark"],
160
160
  "data-testid": "select-search-input",
161
- rightAddon: {
161
+ rightAddon: C ? {
162
162
  addonType: "react-node",
163
- addonContent: V && /* @__PURE__ */ s(
164
- O,
163
+ addonContent: C && /* @__PURE__ */ a(
164
+ M,
165
165
  {
166
- className: i(e.button, {
167
- [e.disabled]: l
166
+ className: l(e.button, {
167
+ [e.disabled]: r
168
168
  }),
169
- disabled: l,
170
- children: /* @__PURE__ */ s(
171
- q,
169
+ disabled: r,
170
+ children: /* @__PURE__ */ a(
171
+ O,
172
172
  {
173
- iconName: r == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
174
- className: i(e["selector-icon"], {
173
+ iconName: i == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
174
+ className: l(e["selector-icon"], {
175
175
  [e["selector-icon-open"]]: o
176
176
  })
177
177
  }
178
178
  )
179
179
  }
180
180
  )
181
- },
181
+ } : void 0,
182
182
  onFocus: (t) => {
183
183
  c && t.target.blur();
184
184
  },
185
- autocomplete: S,
186
- ...I
185
+ autocomplete: k,
186
+ ...y
187
187
  }
188
188
  )
189
189
  ]
190
190
  }
191
191
  ),
192
- o && /* @__PURE__ */ s(z, { children: d.length ? y.length ? /* @__PURE__ */ s(
192
+ o && /* @__PURE__ */ a(D, { children: f.length ? x.length ? /* @__PURE__ */ a(
193
193
  Z,
194
194
  {
195
195
  "data-testid": "select-search-options",
196
- className: i(
196
+ className: l(
197
197
  e.options,
198
- e[r],
199
- e[f]
198
+ e[i],
199
+ e[h]
200
200
  ),
201
- children: ({ option: t }) => /* @__PURE__ */ u(
201
+ children: ({ option: t }) => /* @__PURE__ */ m(
202
202
  ee,
203
203
  {
204
204
  value: t,
205
- className: ({ focus: K }) => i(
205
+ className: ({ focus: K }) => l(
206
206
  e.option,
207
207
  F,
208
- r && e[r],
208
+ i && e[i],
209
209
  {
210
210
  [e["option-active"]]: K
211
211
  }
212
212
  ),
213
213
  "data-testid": `select-search-option-${t.id}`,
214
214
  children: [
215
- /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
215
+ /* @__PURE__ */ m("div", { className: e["option-inner"], children: [
216
216
  t.name,
217
- t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
217
+ t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
218
218
  ] }),
219
- N && N.id === t.id && /* @__PURE__ */ s(
220
- q,
219
+ v && v.id === t.id && /* @__PURE__ */ a(
220
+ O,
221
221
  {
222
- iconName: r === v.M ? "Done16px" : "Done24px",
222
+ iconName: i === g.M ? "Done16px" : "Done24px",
223
223
  className: e["selected-icon"]
224
224
  }
225
225
  )
@@ -228,25 +228,25 @@ import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_co
228
228
  t.id
229
229
  )
230
230
  }
231
- ) : /* @__PURE__ */ s(
231
+ ) : /* @__PURE__ */ a(
232
232
  "div",
233
233
  {
234
- className: i(
234
+ className: l(
235
235
  e.options,
236
- e[r],
236
+ e[i],
237
237
  e["no-options"],
238
- e[f]
238
+ e[h]
239
239
  ),
240
240
  children: "Ничего не найдено"
241
241
  }
242
- ) : /* @__PURE__ */ s(
242
+ ) : /* @__PURE__ */ a(
243
243
  "div",
244
244
  {
245
- className: i(
245
+ className: l(
246
246
  e.options,
247
- e[r],
247
+ e[i],
248
248
  e["no-options"],
249
- e[f]
249
+ e[h]
250
250
  ),
251
251
  children: "Нет данных"
252
252
  }
@@ -257,5 +257,5 @@ import '../../assets/SelectSearch.css';const te = "_disabled_rphak_5", oe = "_co
257
257
  }
258
258
  );
259
259
  export {
260
- we as SelectSearch
260
+ Ce as SelectSearch
261
261
  };
@@ -1,9 +1,9 @@
1
1
  import { jsxs as L, jsx as N } from "react/jsx-runtime";
2
- import { H as te } from "../../field-C1kt7aNM.js";
3
- import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
4
- import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
2
+ import { H as te } from "../../field-FJ34aSs4.js";
3
+ import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
4
+ import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
5
5
  import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
6
- import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
6
+ import { w as Ce } from "../../use-active-press-86hajhdd.js";
7
7
  import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
8
8
  import { r as Fe } from "../../bugs-diTMAGNw.js";
9
9
  import { c as g } from "../../index-DIxK0V-G.js";
@@ -6,11 +6,11 @@ import { ETabTrailSize as Ae } from "./constants.js";
6
6
  import { TabButtons as Se } from "./TabButtons/TabButtons.js";
7
7
  import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
8
8
  import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
9
- import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-mgWkd2Vh.js";
10
- import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
9
+ import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-B0lm_zyn.js";
10
+ import { w as Ce } from "../../use-active-press-86hajhdd.js";
11
11
  import { e as Le } from "../../use-resolve-button-type-DhFdPxnv.js";
12
- import { T as pe, s as Oe } from "../../hidden-PvGXrYUY.js";
13
- import { _ as B, T as J, P as N, F as I } from "../../focus-management-DOYCPyGg.js";
12
+ import { T as pe, s as Oe } from "../../hidden-DbgtYPOH.js";
13
+ import { _ as B, T as J, P as N, F as I } from "../../focus-management-XwV-9qkO.js";
14
14
  import '../../assets/TabTrail.css';function Be() {
15
15
  let e = U(!1);
16
16
  return W(() => (e.current = !0, () => {
@@ -1,6 +1,6 @@
1
1
  import l, { useId as u, useMemo as f } from "react";
2
- import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
3
- import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
2
+ import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
3
+ import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
4
4
  let P = "div";
5
5
  function _(a, i) {
6
6
  let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);
@@ -1,4 +1,4 @@
1
- import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
1
+ import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
2
2
  let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
3
3
  var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
4
4
  function y(e = document.body) {
@@ -1,4 +1,4 @@
1
- import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
1
+ import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
2
2
  let l = "span";
3
3
  var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
4
4
  function s(e, n) {
@@ -11,4 +11,4 @@ import { EMediaQuery, EMinMediaQuery } from './constants';
11
11
  * @example
12
12
  * const matches = useMediaQuery('(max-width: 768px)');
13
13
  */
14
- export declare const useMediaQuery: (query: EMediaQuery | `${EMediaQuery}` | EMinMediaQuery | `${EMinMediaQuery}`) => boolean;
14
+ export declare const useMediaQuery: (query: EMediaQuery | `${EMediaQuery}` | EMinMediaQuery | `${EMinMediaQuery}` | string) => boolean;