mimir-ui-kit 1.37.14 → 1.37.16

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,140 +1,140 @@
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";
1
+ import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
2
+ import { c } 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 A } from "../../icons/Icon.js";
7
+ import { Button as W } from "../Button/Button.js";
8
+ import { I as O } from "../../Input-BYrIS5GU.js";
9
9
  import { EInputVariant as X } from "../Input/constants.js";
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",
10
+ import { H as Y, U as B, G as M, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
11
+ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_container_5nqc2_13", ne = "_full_5nqc2_28", se = "_button_5nqc2_40", ae = "_options_5nqc2_54", ie = "_top_5nqc2_65", ce = "_bottom_5nqc2_71", le = "_m_5nqc2_98", re = "_l_5nqc2_113", de = "_option_5nqc2_54", pe = "_clear_5nqc2_167", e = {
12
+ "select-search": "_select-search_5nqc2_2",
13
13
  disabled: te,
14
14
  container: oe,
15
- "container-open": "_container-open_1f5f7_20",
15
+ "container-open": "_container-open_5nqc2_24",
16
16
  full: ne,
17
- "selected-icon": "_selected-icon_1f5f7_28",
18
- "selector-icon-open": "_selector-icon-open_1f5f7_32",
17
+ "selected-icon": "_selected-icon_5nqc2_32",
18
+ "selector-icon-open": "_selector-icon-open_5nqc2_36",
19
19
  button: se,
20
- "selector-icon": "_selector-icon_1f5f7_32",
20
+ "selector-icon": "_selector-icon_5nqc2_36",
21
21
  options: ae,
22
22
  top: ie,
23
- bottom: le,
24
- "no-options": "_no-options_1f5f7_89",
25
- m: re,
26
- l: ce,
27
- "select-input": "_select-input_1f5f7_125",
28
- "select-input-disabled": "_select-input-disabled_1f5f7_128",
23
+ bottom: ce,
24
+ "no-options": "_no-options_5nqc2_77",
25
+ m: le,
26
+ l: re,
27
+ "select-input": "_select-input_5nqc2_128",
28
+ "select-input-disabled": "_select-input-disabled_5nqc2_131",
29
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(
30
+ "option-active": "_option-active_5nqc2_147",
31
+ "option-inner": "_option-inner_5nqc2_150",
32
+ "right-slot": "_right-slot_5nqc2_157",
33
+ "required-mark": "_required-mark_5nqc2_162",
34
+ clear: pe,
35
+ "icon-button": "_icon-button_5nqc2_176"
36
+ }, we = U(
37
37
  (E, L) => {
38
38
  const {
39
- placeholder: w,
40
- size: i = g.L,
39
+ placeholder: g,
40
+ size: i = v.L,
41
41
  value: n,
42
42
  onChange: s,
43
43
  full: V,
44
- showArrow: C = !0,
45
- items: f = [],
44
+ showArrow: w = !0,
45
+ items: p = [],
46
46
  classNameOption: F,
47
47
  displayValue: G = "name",
48
- filterOnSearch: I = !0,
49
- onSearch: u,
50
- variant: S = X.DefaultGray,
51
- menuPlacement: h = "bottom",
52
- disabled: r = !1,
53
- searchProps: y,
48
+ filterOnSearch: C = !0,
49
+ onSearch: _,
50
+ variant: I = X.DefaultGray,
51
+ menuPlacement: f = "bottom",
52
+ disabled: l = !1,
53
+ searchProps: S,
54
54
  withClearButton: b = !1,
55
- disableInput: c = !1,
56
- autocomplete: k = "on",
55
+ disableInput: r = !1,
56
+ autocomplete: y = "on",
57
57
  immediate: P = !1
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(
58
+ } = E, q = String((n == null ? void 0 : n[G]) || ""), [d, m] = D(q), [N, h] = D(n), k = R(() => !C || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
59
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(
60
+ ) : p, [d, p, n, C]), T = (o) => {
61
+ o ? (m(o.name), h(o), s == null || s(o)) : (m(""), h(null), s == null || s({ id: "", name: "" }));
62
+ }, x = $(
63
63
  (o) => {
64
- if (c) return;
64
+ if (r) return;
65
65
  const t = o.target.value;
66
- p(t), u == null || u(t), !t && n && (s == null || s({ id: "", name: "" }));
66
+ m(t), _ == null || _(t), !t && n && (s == null || s({ id: "", name: "" }));
67
67
  },
68
- [c, s, u, n]
68
+ [r, s, _, n]
69
69
  ), H = () => {
70
- p(""), _(null), s == null || s({ id: "", name: "" });
70
+ m(""), h(null), s == null || s({ id: "", name: "" });
71
71
  };
72
- return $(() => {
72
+ return J(() => {
73
73
  const o = !n || typeof n == "object" && !Object.keys(n).length;
74
- p(o ? "" : N), _(o ? null : n);
75
- }, [n, N]), /* @__PURE__ */ a(
74
+ m(o ? "" : q), h(o ? null : n);
75
+ }, [n, q]), /* @__PURE__ */ a(
76
76
  Y,
77
77
  {
78
78
  as: "div",
79
- value: v,
80
- className: l(e["select-search"], {
79
+ value: N,
80
+ className: c(e["select-search"], {
81
81
  [e.full]: V,
82
- [e.disabled]: r
82
+ [e.disabled]: l
83
83
  }),
84
84
  onChange: T,
85
85
  ref: L,
86
- disabled: r,
87
- virtual: { options: x },
86
+ disabled: l,
87
+ virtual: { options: k },
88
88
  immediate: P,
89
- children: ({ open: o }) => /* @__PURE__ */ m(D, { children: [
90
- /* @__PURE__ */ m(
89
+ children: ({ open: o }) => /* @__PURE__ */ u(z, { children: [
90
+ /* @__PURE__ */ u(
91
91
  "div",
92
92
  {
93
- className: l(e.container, e[i], {
93
+ className: c(e.container, e[i], {
94
94
  [e["container-open"]]: o
95
95
  }),
96
96
  children: [
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,
97
+ r && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
98
+ /* @__PURE__ */ a(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ a(
99
+ M,
100
100
  {
101
- as: B,
102
- label: w,
103
- size: A(i),
104
- className: l(e["select-input"], {
105
- [e["select-input-disabled"]]: c && b
101
+ as: O,
102
+ label: g,
103
+ size: j(i),
104
+ className: c(e["select-input"], {
105
+ [e["select-input-disabled"]]: r && b
106
106
  }),
107
- onChange: z,
107
+ onChange: x,
108
108
  value: d,
109
- disabled: r,
110
- variant: S,
109
+ disabled: l,
110
+ variant: I,
111
111
  rightSlotClassName: e["right-slot"],
112
112
  requiredMarkClassName: e["required-mark"],
113
113
  "data-testid": "select-search-input",
114
114
  onFocus: (t) => {
115
- c && t.target.blur();
115
+ r && t.target.blur();
116
116
  },
117
117
  rightAddon: {
118
118
  addonType: "icon",
119
- addonContent: J(o, i)
119
+ addonContent: Q(o, i)
120
120
  },
121
- autocomplete: k,
122
- ...y
121
+ autocomplete: y,
122
+ ...S
123
123
  }
124
124
  ) }),
125
125
  b && d && /* @__PURE__ */ a(
126
- Q,
126
+ W,
127
127
  {
128
128
  tabIndex: -1,
129
- className: l(e.clear, {
130
- [e.disabled]: r
129
+ className: c(e.clear, {
130
+ [e.disabled]: l
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: r,
137
+ disabled: l,
138
138
  variant: "secondary-gray",
139
139
  onClick: (t) => {
140
140
  t.stopPropagation(), H();
@@ -143,35 +143,35 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
143
143
  }
144
144
  )
145
145
  ] }),
146
- !c && /* @__PURE__ */ a(
147
- j,
146
+ !r && /* @__PURE__ */ a(
147
+ M,
148
148
  {
149
- as: B,
150
- label: w,
151
- size: A(i),
149
+ as: O,
150
+ label: g,
151
+ size: j(i),
152
152
  className: e["select-input"],
153
- onChange: z,
153
+ onChange: x,
154
154
  value: d,
155
- disabled: r,
156
- variant: S,
155
+ disabled: l,
156
+ variant: I,
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: C ? {
161
+ rightAddon: w ? {
162
162
  addonType: "react-node",
163
- addonContent: C && /* @__PURE__ */ a(
164
- M,
163
+ addonContent: w && /* @__PURE__ */ a(
164
+ B,
165
165
  {
166
- className: l(e.button, {
167
- [e.disabled]: r
166
+ className: c(e.button, {
167
+ [e.disabled]: l
168
168
  }),
169
- disabled: r,
169
+ disabled: l,
170
170
  children: /* @__PURE__ */ a(
171
- O,
171
+ A,
172
172
  {
173
- iconName: i == g.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
174
- className: l(e["selector-icon"], {
173
+ iconName: i == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
174
+ className: c(e["selector-icon"], {
175
175
  [e["selector-icon-open"]]: o
176
176
  })
177
177
  }
@@ -180,29 +180,29 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
180
180
  )
181
181
  } : void 0,
182
182
  onFocus: (t) => {
183
- c && t.target.blur();
183
+ r && t.target.blur();
184
184
  },
185
- autocomplete: k,
186
- ...y
185
+ autocomplete: y,
186
+ ...S
187
187
  }
188
188
  )
189
189
  ]
190
190
  }
191
191
  ),
192
- o && /* @__PURE__ */ a(D, { children: f.length ? x.length ? /* @__PURE__ */ a(
192
+ o && /* @__PURE__ */ a(z, { children: p.length ? k.length ? /* @__PURE__ */ a(
193
193
  Z,
194
194
  {
195
195
  "data-testid": "select-search-options",
196
- className: l(
196
+ className: c(
197
197
  e.options,
198
198
  e[i],
199
- e[h]
199
+ e[f]
200
200
  ),
201
- children: ({ option: t }) => /* @__PURE__ */ m(
201
+ children: ({ option: t }) => /* @__PURE__ */ u(
202
202
  ee,
203
203
  {
204
204
  value: t,
205
- className: ({ focus: K }) => l(
205
+ className: ({ focus: K }) => c(
206
206
  e.option,
207
207
  F,
208
208
  i && e[i],
@@ -212,14 +212,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
212
212
  ),
213
213
  "data-testid": `select-search-option-${t.id}`,
214
214
  children: [
215
- /* @__PURE__ */ m("div", { className: e["option-inner"], children: [
215
+ /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
216
216
  t.name,
217
217
  t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
218
218
  ] }),
219
- v && v.id === t.id && /* @__PURE__ */ a(
220
- O,
219
+ N && N.id === t.id && /* @__PURE__ */ a(
220
+ A,
221
221
  {
222
- iconName: i === g.M ? "Done16px" : "Done24px",
222
+ iconName: i === v.M ? "Done16px" : "Done24px",
223
223
  className: e["selected-icon"]
224
224
  }
225
225
  )
@@ -231,22 +231,22 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
231
231
  ) : /* @__PURE__ */ a(
232
232
  "div",
233
233
  {
234
- className: l(
234
+ className: c(
235
235
  e.options,
236
236
  e[i],
237
237
  e["no-options"],
238
- e[h]
238
+ e[f]
239
239
  ),
240
240
  children: "Ничего не найдено"
241
241
  }
242
242
  ) : /* @__PURE__ */ a(
243
243
  "div",
244
244
  {
245
- className: l(
245
+ className: c(
246
246
  e.options,
247
247
  e[i],
248
248
  e["no-options"],
249
- e[h]
249
+ e[f]
250
250
  ),
251
251
  children: "Нет данных"
252
252
  }
@@ -257,5 +257,5 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
257
257
  }
258
258
  );
259
259
  export {
260
- Ce as SelectSearch
260
+ we 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-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";
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";
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-86hajhdd.js";
6
+ import { w as Ce } from "../../use-active-press-CqLGIFz7.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-B0lm_zyn.js";
10
- import { w as Ce } from "../../use-active-press-86hajhdd.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";
11
11
  import { e as Le } from "../../use-resolve-button-type-DhFdPxnv.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";
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";
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-y3ANLTNC.js";
3
- import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
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";
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-B0lm_zyn.js";
1
+ import { u as N, a as v } from "./keyboard-mgWkd2Vh.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-B0lm_zyn.js";
1
+ import { W as t, H as a } from "./keyboard-mgWkd2Vh.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) {