mimir-ui-kit 1.37.12 → 1.37.14

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.
@@ -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;