mimir-ui-kit 1.37.3 → 1.37.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,16 +1,16 @@
1
1
  import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
2
2
  import { c as D } from "../../index-DIxK0V-G.js";
3
- import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as H, forwardRef as pe } from "react";
3
+ import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
4
4
  import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
5
5
  import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
6
6
  import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
7
7
  import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
8
8
  import { Icon as ke } from "../../icons/Icon.js";
9
9
  import { Link as Se } from "../AnchorLink/Link.js";
10
- import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-mgWkd2Vh.js";
11
- import { w as ye } from "../../use-active-press-CqLGIFz7.js";
10
+ import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
11
+ import { w as ye } from "../../use-active-press-86hajhdd.js";
12
12
  import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
13
- import { c as $e, i as M, u as Pe, x as ge, R as Te, s as we } from "../../open-closed-D2VjDhAN.js";
13
+ import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
14
14
  import { r as Ne } from "../../bugs-diTMAGNw.js";
15
15
  import '../../assets/Accordion.css';let Ce = F(() => {
16
16
  });
@@ -33,7 +33,7 @@ let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0
33
33
  } }, W = F(null);
34
34
  W.displayName = "DisclosureContext";
35
35
  function Q(e) {
36
- let t = H(W);
36
+ let t = L(W);
37
37
  if (t === null) {
38
38
  let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
39
39
  throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
@@ -43,7 +43,7 @@ function Q(e) {
43
43
  let V = F(null);
44
44
  V.displayName = "DisclosureAPIContext";
45
45
  function ce(e) {
46
- let t = H(V);
46
+ let t = L(V);
47
47
  if (t === null) {
48
48
  let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
49
49
  throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
@@ -53,13 +53,13 @@ function ce(e) {
53
53
  let z = F(null);
54
54
  z.displayName = "DisclosurePanelContext";
55
55
  function Me() {
56
- return H(z);
56
+ return L(z);
57
57
  }
58
58
  function Fe(e, t) {
59
59
  return q(t.type, Re, e, t);
60
60
  }
61
- let Le = ne;
62
- function He(e, t) {
61
+ let He = ne;
62
+ function Le(e, t) {
63
63
  let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
64
64
  n.current = c;
65
65
  }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
@@ -69,7 +69,7 @@ function He(e, t) {
69
69
  let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
70
70
  u == null || u.focus();
71
71
  }), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
72
- return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: Le, name: "Disclosure" })))));
72
+ return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
73
73
  }
74
74
  let Ke = "button";
75
75
  function Ue(e, t) {
@@ -106,8 +106,8 @@ function Ue(e, t) {
106
106
  }), u = $((s) => {
107
107
  var T;
108
108
  Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
109
- }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), L = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
110
- return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: L, defaultTag: Ke, name: "Disclosure.Button" });
109
+ }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
110
+ return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
111
111
  }
112
112
  let qe = "div", je = Z.RenderStrategy | Z.Static;
113
113
  function We(e, t) {
@@ -120,7 +120,7 @@ function We(e, t) {
120
120
  let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
121
121
  return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
122
122
  }
123
- let Qe = K(He), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
123
+ let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
124
124
  const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
125
125
  accordion: ze,
126
126
  "is-link": "_is-link_1k9to_9",
@@ -160,7 +160,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
160
160
  [i["is-link"]]: b
161
161
  }, C = () => {
162
162
  t || h((g) => !g);
163
- }, B = n === O.S ? G.S : G.M, L = {
163
+ }, B = n === O.S ? G.S : G.M, H = {
164
164
  variant: "anchor",
165
165
  size: y ? "s" : "l",
166
166
  rightIcon: {
@@ -234,7 +234,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
234
234
  [i.header]: !b,
235
235
  [i.disabled]: t
236
236
  }),
237
- ...b ? L : {},
237
+ ...b ? H : {},
238
238
  children: A(u)
239
239
  }
240
240
  ),
@@ -1,10 +1,10 @@
1
1
  import { jsxs as O, jsx as x } from "react/jsx-runtime";
2
- import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-mgWkd2Vh.js";
2
+ import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-B0lm_zyn.js";
3
3
  import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
4
- import { w as re } from "../../use-active-press-CqLGIFz7.js";
5
- import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-D4GFpe5F.js";
4
+ import { w as re } from "../../use-active-press-86hajhdd.js";
5
+ import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-y3ANLTNC.js";
6
6
  import { r as ue } from "../../bugs-diTMAGNw.js";
7
- import { H as fe } from "../../field-C1kt7aNM.js";
7
+ import { H as fe } from "../../field-FJ34aSs4.js";
8
8
  import { c as me } from "../../index-DIxK0V-G.js";
9
9
  import { Icon as pe } from "../../icons/Icon.js";
10
10
  import '../../assets/CheckboxMimir.css';let he = "span";
@@ -30,9 +30,9 @@ export type TProps = {
30
30
  */
31
31
  disabled?: boolean;
32
32
  /**
33
- * Флаг наличия ошибки
33
+ * Флаг наличия ошибки или текст ошибки
34
34
  */
35
- error?: boolean;
35
+ error?: boolean | string;
36
36
  /**
37
37
  * Флаг немедленной валидации при вводе
38
38
  */
@@ -84,9 +84,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
84
84
  */
85
85
  disabled?: boolean;
86
86
  /**
87
- * Флаг наличия ошибки
87
+ * Флаг наличия ошибки или текст ошибки
88
88
  */
89
- error?: boolean;
89
+ error?: boolean | string;
90
90
  /**
91
91
  * Флаг немедленной валидации при вводе
92
92
  */
@@ -1,10 +1,10 @@
1
- import { jsxs as B, jsx as m } from "react/jsx-runtime";
2
- import { c as b } from "../../index-DIxK0V-G.js";
1
+ import { jsxs as H, jsx as a } from "react/jsx-runtime";
2
+ import { c as _ } from "../../index-DIxK0V-G.js";
3
3
  import { memo as V, forwardRef as tt, useState as w, useEffect as T } from "react";
4
4
  import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
5
- import { DatePickerModal as ot } from "./DatePickerModal.js";
6
- import { MonthPickerModal as rt } from "./MonthPickerModal.js";
7
- import { c as o } from "../../styles.module-B3xL6-zc.js";
5
+ import { DatePickerModal as rt } from "./DatePickerModal.js";
6
+ import { MonthPickerModal as ot } from "./MonthPickerModal.js";
7
+ import { c as e } from "../../styles.module-CPvzaOtD.js";
8
8
  import { formatDatePart as L } from "./utils.js";
9
9
  import { YearPickerModal as at } from "./YearPickerModal.js";
10
10
  import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
@@ -13,137 +13,140 @@ import { formating as y } from "../../utils/index.js";
13
13
  import { I as mt } from "../../Input-BYrIS5GU.js";
14
14
  import { EInputStatus as pt, EInputSize as U } from "../Input/constants.js";
15
15
  const dt = {
16
- days: ot,
17
- months: rt,
16
+ days: rt,
17
+ months: ot,
18
18
  years: at
19
19
  }, ft = V(
20
20
  tt(
21
21
  ({
22
- size: P,
23
- value: e,
22
+ size: M,
23
+ value: i,
24
24
  onChangeValue: s,
25
- name: a,
26
- before: M,
25
+ name: c,
26
+ before: v,
27
27
  type: p = "days",
28
- error: v,
28
+ error: x,
29
29
  onError: d,
30
- onBlur: i,
31
- validateImmediately: h,
30
+ onBlur: r,
31
+ validateImmediately: b,
32
32
  variant: X,
33
- disabled: x = !1,
33
+ disabled: S = !1,
34
34
  editable: D = !1,
35
35
  openOnInput: j = !0,
36
- ...u
36
+ ...E
37
37
  }, F) => {
38
- const [N, c] = w(!1), [S, f] = w(p), [r, l] = w(
39
- () => e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
40
- ), [_, g] = w(v), [G, k] = w("");
38
+ const [l, m] = w(!1), [g, f] = w(p), [o, k] = w(
39
+ () => i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
40
+ ), [n, h] = w(x), [G, A] = w("");
41
41
  T(() => {
42
- g(v);
43
- }, [v]), T(() => {
44
- l(
45
- e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
42
+ h(x);
43
+ }, [x]), T(() => {
44
+ k(
45
+ i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
46
46
  );
47
- }, [e]), T(() => {
48
- r && typeof r != "string" && !isNaN(r == null ? void 0 : r.getTime()) ? k(y.Date(r, "dd/mm/yyyy")) : k("");
49
- }, [r]);
50
- const O = e && new Date(e).getTime;
47
+ }, [i]), T(() => {
48
+ o && typeof o != "string" && !isNaN(o == null ? void 0 : o.getTime()) ? A(y.Date(o, "dd/mm/yyyy")) : A("");
49
+ }, [o]);
50
+ const u = i && new Date(i).getTime;
51
51
  T(() => {
52
- h && (O ? (g(!1), d == null || d({ name: a, active: !1 })) : (g(!0), d == null || d({ name: a, active: !0 })));
53
- }, [h, a, O]), ct({
54
- isActive: N,
52
+ b && (u ? (h(!1), d == null || d({ name: c, active: !1 })) : (h(!0), d == null || d({ name: c, active: !0 })));
53
+ }, [b, c, u]), ct({
54
+ isActive: l,
55
55
  setActive: (t) => {
56
- c(t), f(p);
56
+ m(t), f(p);
57
57
  },
58
- className: o["calendar-block"]
58
+ className: e["calendar-block"]
59
59
  });
60
60
  const K = () => {
61
- !x && (j || !D) && c(!0);
61
+ !S && (j || !D) && m(!0);
62
62
  }, W = (t) => {
63
- isNaN(t.getTime()) || (l(t), s == null || s({
63
+ isNaN(t.getTime()) || (k(t), s == null || s({
64
64
  value: y.Date(t, "yyyy-mm-dd"),
65
- name: a
66
- })), S === "years" && (p === "years" ? (c(!1), f(p)) : f("months")), S === "months" && (p === "months" ? (c(!1), f(p)) : f("days")), l(t), s == null || s({
65
+ name: c
66
+ })), g === "years" && (p === "years" ? (m(!1), f(p)) : f("months")), g === "months" && (p === "months" ? (m(!1), f(p)) : f("days")), k(t), s == null || s({
67
67
  value: y.Date(t, "yyyy-mm-dd"),
68
- name: a
69
- }), i == null || i(y.Date(t, "yyyy-mm-dd"));
68
+ name: c
69
+ }), r == null || r(y.Date(t, "yyyy-mm-dd"));
70
70
  }, q = (t) => {
71
71
  if (D) {
72
- const n = t.target.value.replace(/[^\d]/g, "");
73
- if (n.length === 0)
74
- k(""), s == null || s({ value: "", name: a }), i == null || i("");
72
+ const N = t.target.value.replace(/[^\d]/g, "");
73
+ if (N.length === 0)
74
+ A(""), s == null || s({ value: "", name: c }), r == null || r("");
75
75
  else {
76
- const [A, Y, $] = [
77
- L(n.substring(0, 2), st),
78
- L(n.substring(2, 4), et),
79
- n.substring(4, 8)
80
- ], H = [A, Y, $].filter(Boolean).join("/");
81
- if (k(H), H.length === it) {
82
- const C = parseInt($), I = /* @__PURE__ */ new Date(
83
- `${C}-${Y.padStart(2, "0")}-${A.padStart(2, "0")}`
76
+ const [I, O, Y] = [
77
+ L(N.substring(0, 2), st),
78
+ L(N.substring(2, 4), et),
79
+ N.substring(4, 8)
80
+ ], $ = [I, O, Y].filter(Boolean).join("/");
81
+ if (A($), $.length === it) {
82
+ const B = parseInt(Y), P = /* @__PURE__ */ new Date(
83
+ `${B}-${O.padStart(2, "0")}-${I.padStart(2, "0")}`
84
84
  );
85
- isNaN(I.getTime()) || (l(I), s == null || s({
86
- value: y.Date(I, "yyyy-mm-dd"),
87
- name: a
88
- }), i == null || i(y.Date(I, "yyyy-mm-dd")));
85
+ isNaN(P.getTime()) || (k(P), s == null || s({
86
+ value: y.Date(P, "yyyy-mm-dd"),
87
+ name: c
88
+ }), r == null || r(y.Date(P, "yyyy-mm-dd")));
89
89
  }
90
90
  }
91
91
  }
92
- }, E = b(o.wrapper, N && o.active), J = b(o.input, o.inputBorderControl), Q = {
92
+ }, J = _(e.wrapper, l && e.active), Q = _(e.input, e.inputBorderControl), Z = {
93
93
  onChangeValue: W,
94
- date: r || /* @__PURE__ */ new Date(),
95
- before: typeof M == "string" ? new Date(M) : M,
94
+ date: o || /* @__PURE__ */ new Date(),
95
+ before: typeof v == "string" ? new Date(v) : v,
96
96
  onChangeType: f,
97
- setIsActive: c
98
- }, Z = dt[S], z = ({ isActive: t }) => /* @__PURE__ */ m("button", { onClick: (A) => {
99
- A.stopPropagation(), x || c(!t);
100
- }, className: o["icon-button"], children: t ? /* @__PURE__ */ m(
97
+ setIsActive: m
98
+ }, z = dt[g], C = ({ isActive: t }) => /* @__PURE__ */ a("button", { onClick: (I) => {
99
+ I.stopPropagation(), S || m(!t);
100
+ }, className: e["icon-button"], children: t ? /* @__PURE__ */ a(
101
101
  R,
102
102
  {
103
- iconName: P === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
103
+ iconName: M === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
104
104
  }
105
- ) : /* @__PURE__ */ m(
105
+ ) : /* @__PURE__ */ a(
106
106
  R,
107
107
  {
108
- iconName: P === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
108
+ iconName: M === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
109
109
  }
110
110
  ) });
111
- return /* @__PURE__ */ B("div", { className: E, "data-disabled": x, children: [
112
- /* @__PURE__ */ m(
113
- "div",
114
- {
115
- role: "button",
116
- "data-error": _,
117
- className: b(o["date-wrapper"], {
118
- [o.editable]: D
119
- }),
120
- onClick: K,
121
- children: /* @__PURE__ */ m(
122
- mt,
123
- {
124
- ref: F,
125
- className: J,
126
- wrapperClassName: o["input-wrapper"],
127
- size: P,
128
- type: "text",
129
- variant: X,
130
- status: _ ? pt.Error : void 0,
131
- value: G,
132
- onChange: q,
133
- rightAddon: {
134
- addonType: "react-node",
135
- addonContent: /* @__PURE__ */ m(z, { isActive: N })
136
- },
137
- onFocus: () => {
138
- j && !D && c(!0);
139
- },
140
- "data-error": _,
141
- ...u
142
- }
143
- )
144
- }
145
- ),
146
- N && /* @__PURE__ */ m(Z, { ...Q })
111
+ return /* @__PURE__ */ H("div", { className: e["input-field-group-datePicker"], children: [
112
+ /* @__PURE__ */ H("div", { className: J, "data-disabled": S, children: [
113
+ /* @__PURE__ */ a(
114
+ "div",
115
+ {
116
+ role: "button",
117
+ "data-error": n,
118
+ className: _(e["date-wrapper"], {
119
+ [e.editable]: D
120
+ }),
121
+ onClick: K,
122
+ children: /* @__PURE__ */ a(
123
+ mt,
124
+ {
125
+ ref: F,
126
+ className: Q,
127
+ wrapperClassName: e["input-wrapper"],
128
+ size: M,
129
+ type: "text",
130
+ variant: X,
131
+ status: n ? pt.Error : void 0,
132
+ value: G,
133
+ onChange: q,
134
+ rightAddon: {
135
+ addonType: "react-node",
136
+ addonContent: /* @__PURE__ */ a(C, { isActive: l })
137
+ },
138
+ onFocus: () => {
139
+ j && !D && m(!0);
140
+ },
141
+ "data-error": n,
142
+ ...E
143
+ }
144
+ )
145
+ }
146
+ ),
147
+ l && /* @__PURE__ */ a(z, { ...Z })
148
+ ] }),
149
+ n && typeof n == "string" && /* @__PURE__ */ a("div", { className: e.textError, children: n })
147
150
  ] });
148
151
  }
149
152
  )
@@ -3,7 +3,7 @@ import { c as x } from "../../index-DIxK0V-G.js";
3
3
  import { useState as O } from "react";
4
4
  import { week as Y, COUNT_WORK_DAYS as j } from "./constants.js";
5
5
  import { useDatePickerPosition as z } from "./hooks.js";
6
- import { c as o } from "../../styles.module-B3xL6-zc.js";
6
+ import { c as o } from "../../styles.module-CPvzaOtD.js";
7
7
  import { getUpdateDate as M } from "./utils.js";
8
8
  import { Icon as G } from "../../icons/Icon.js";
9
9
  import { formating as s } from "../../utils/index.js";
@@ -3,7 +3,7 @@ import { c as k } from "../../index-DIxK0V-G.js";
3
3
  import { useState as $ } from "react";
4
4
  import { months as x } from "./constants.js";
5
5
  import { useDatePickerPosition as v } from "./hooks.js";
6
- import { c as e } from "../../styles.module-B3xL6-zc.js";
6
+ import { c as e } from "../../styles.module-CPvzaOtD.js";
7
7
  import { Icon as B } from "../../icons/Icon.js";
8
8
  import { formating as a } from "../../utils/index.js";
9
9
  import { Button as b } from "../Button/Button.js";
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import { c as v } from "../../index-DIxK0V-G.js";
3
3
  import { useState as x } from "react";
4
4
  import { useDatePickerPosition as Y } from "./hooks.js";
5
- import { c as t } from "../../styles.module-B3xL6-zc.js";
5
+ import { c as t } from "../../styles.module-CPvzaOtD.js";
6
6
  import { formating as n } from "../../utils/index.js";
7
7
  import { Button as y } from "../Button/Button.js";
8
8
  const F = ({
@@ -1,15 +1,15 @@
1
1
  import { jsxs as g, jsx as n, Fragment as B } from "react/jsx-runtime";
2
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";
3
+ import { forwardRef as ie, useRef as R, useState as S, useEffect as E, useMemo as le } from "react";
4
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";
5
+ import { getInitialInputValue as F, mapSizeToInputSize as P, getDropdownArrowIcon as re, joinSelectedItems as j } from "./utils.js";
6
6
  import { Icon as ce } from "../../icons/Icon.js";
7
7
  import { Button as ae } from "../Button/Button.js";
8
8
  import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
9
9
  import { Chip as de } from "../Chip/Chip.js";
10
10
  import { I as G } from "../../Input-BYrIS5GU.js";
11
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";
12
+ import { H as me, U as W, G as H, K as _e, W as he } from "../../combobox-CDU06zJj.js";
13
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 = {
14
14
  "multi-select-search": "_multi-select-search_17kql_2",
15
15
  disabled: fe,
@@ -40,14 +40,14 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
40
40
  "required-mark": "_required-mark_17kql_178",
41
41
  clear: xe,
42
42
  "icon-button": "_icon-button_17kql_192"
43
- }, Fe = ie(
44
- (K, U) => {
43
+ }, Pe = ie(
44
+ (J, K) => {
45
45
  const {
46
46
  placeholder: x,
47
47
  size: i = M.L,
48
48
  value: a,
49
49
  onChange: s,
50
- full: W,
50
+ full: U,
51
51
  showArrow: Q = !0,
52
52
  items: m = [],
53
53
  classNameOption: X,
@@ -63,13 +63,13 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
63
63
  chipVariant: Z = "sapphire",
64
64
  disableInput: _ = !1,
65
65
  autocomplete: O = "on"
66
- } = K, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
67
- () => E(a, d)
66
+ } = J, w = R(null), p = R(null), [b, h] = S(!1), [f, k] = S(
67
+ () => F(a, d)
68
68
  ), [u, q] = S(
69
69
  a || []
70
70
  );
71
- j(() => {
72
- a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
71
+ E(() => {
72
+ a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(F(a, d)));
73
73
  }, [a, d, u]);
74
74
  const A = le(() => {
75
75
  var o;
@@ -80,7 +80,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
80
80
  );
81
81
  }, [y, m, f]), $ = (t) => {
82
82
  q(t), s == null || s(t);
83
- const o = P(t, d);
83
+ const o = j(t, d);
84
84
  k(o), h(!0), setTimeout(() => {
85
85
  if (p.current) {
86
86
  p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
@@ -100,7 +100,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
100
100
  const o = u.filter(
101
101
  (c) => c.id !== t.id
102
102
  );
103
- q(o), s == null || s(o), k(P(o, d));
103
+ q(o), s == null || s(o), k(j(o, d));
104
104
  }, T = () => h((t) => !t), te = (t) => {
105
105
  t.preventDefault(), t.currentTarget.focus();
106
106
  const o = t.currentTarget.value.length;
@@ -112,7 +112,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
112
112
  }, se = (t) => {
113
113
  _ && t.target.blur();
114
114
  };
115
- return j(() => {
115
+ return E(() => {
116
116
  const t = (o) => {
117
117
  w.current && !w.current.contains(o.target) && !o.defaultPrevented && h(!1);
118
118
  };
@@ -127,11 +127,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
127
127
  as: "div",
128
128
  value: u,
129
129
  className: l(e["multi-select-search"], {
130
- [e.full]: W,
130
+ [e.full]: U,
131
131
  [e.disabled]: r
132
132
  }),
133
133
  onChange: $,
134
- ref: U,
134
+ ref: K,
135
135
  disabled: r,
136
136
  virtual: { options: A },
137
137
  children: /* @__PURE__ */ g(
@@ -143,17 +143,17 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
143
143
  children: [
144
144
  _ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
145
145
  /* @__PURE__ */ n(
146
- H,
146
+ W,
147
147
  {
148
148
  disabled: r,
149
149
  style: { width: "100%" },
150
150
  onClick: T,
151
151
  children: /* @__PURE__ */ n(
152
- J,
152
+ H,
153
153
  {
154
154
  as: G,
155
155
  label: x,
156
- size: F(i),
156
+ size: P(i),
157
157
  className: l(e["multi-select-input"], {
158
158
  [e["multi-select-input-disabled"]]: _ && I
159
159
  }),
@@ -195,11 +195,11 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
195
195
  )
196
196
  ] }),
197
197
  !_ && /* @__PURE__ */ n(
198
- J,
198
+ H,
199
199
  {
200
200
  as: G,
201
201
  label: x,
202
- size: F(i),
202
+ size: P(i),
203
203
  className: e["multi-select-input"],
204
204
  rightSlotClassName: e["right-slot"],
205
205
  requiredMarkClassName: e["required-mark"],
@@ -214,7 +214,7 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
214
214
  rightAddon: {
215
215
  addonType: "react-node",
216
216
  addonContent: Q && /* @__PURE__ */ n(
217
- H,
217
+ W,
218
218
  {
219
219
  className: l(e.button, {
220
220
  [e.disabled]: r
@@ -323,5 +323,5 @@ import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke =
323
323
  }
324
324
  );
325
325
  export {
326
- Fe as MultiSelectSearch
326
+ Pe as MultiSelectSearch
327
327
  };
@@ -1,10 +1,10 @@
1
1
  import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
2
- import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
3
- import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
2
+ import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
3
+ import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
4
4
  import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
5
5
  import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
6
6
  import { r as fe } from "../../bugs-diTMAGNw.js";
7
- import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
7
+ import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
8
8
  import { c as M } from "../../index-DIxK0V-G.js";
9
9
  import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
10
10
  let Le = { 0(e, r) {