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.
- package/dist/assets/styles.css +1 -1
- package/dist/{combobox-BpYucpxz.js → combobox-CDU06zJj.js} +1080 -1121
- package/dist/components/Accordion/Accordion.js +15 -15
- package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
- package/dist/components/DatePicker/DatePicker.d.ts +4 -4
- package/dist/components/DatePicker/DatePicker.js +102 -99
- package/dist/components/DatePicker/DatePickerModal.js +1 -1
- package/dist/components/DatePicker/MonthPickerModal.js +1 -1
- package/dist/components/DatePicker/YearPickerModal.js +1 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +22 -22
- package/dist/components/RadioGroup/RadioGroup.js +3 -3
- package/dist/components/SelectSearch/SelectSearch.js +24 -24
- package/dist/components/Switcher/Switcher.js +4 -4
- package/dist/components/TabTrail/TabTrail.js +4 -4
- package/dist/{field-C1kt7aNM.js → field-FJ34aSs4.js} +2 -2
- package/dist/{focus-management-DOYCPyGg.js → focus-management-XwV-9qkO.js} +1 -1
- package/dist/{hidden-PvGXrYUY.js → hidden-DbgtYPOH.js} +1 -1
- package/dist/{keyboard-mgWkd2Vh.js → keyboard-B0lm_zyn.js} +111 -114
- package/dist/{label-D4GFpe5F.js → label-y3ANLTNC.js} +2 -2
- package/dist/open-closed-CdldUPoq.js +86 -0
- package/dist/styles.module-CPvzaOtD.js +27 -0
- package/dist/{use-active-press-CqLGIFz7.js → use-active-press-86hajhdd.js} +1 -1
- package/package.json +1 -1
- package/dist/open-closed-D2VjDhAN.js +0 -86
- package/dist/styles.module-B3xL6-zc.js +0 -25
@@ -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
|
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-
|
11
|
-
import { w as ye } from "../../use-active-press-
|
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,
|
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 =
|
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 =
|
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
|
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
|
62
|
-
function
|
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:
|
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 }),
|
110
|
-
return j({ mergeRefs: _, ourProps: g, theirProps: m, slot:
|
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(
|
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,
|
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 ?
|
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-
|
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-
|
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-
|
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-
|
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
|
2
|
-
import { c as
|
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
|
6
|
-
import { MonthPickerModal as
|
7
|
-
import { c as
|
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:
|
17
|
-
months:
|
16
|
+
days: rt,
|
17
|
+
months: ot,
|
18
18
|
years: at
|
19
19
|
}, ft = V(
|
20
20
|
tt(
|
21
21
|
({
|
22
|
-
size:
|
23
|
-
value:
|
22
|
+
size: M,
|
23
|
+
value: i,
|
24
24
|
onChangeValue: s,
|
25
|
-
name:
|
26
|
-
before:
|
25
|
+
name: c,
|
26
|
+
before: v,
|
27
27
|
type: p = "days",
|
28
|
-
error:
|
28
|
+
error: x,
|
29
29
|
onError: d,
|
30
|
-
onBlur:
|
31
|
-
validateImmediately:
|
30
|
+
onBlur: r,
|
31
|
+
validateImmediately: b,
|
32
32
|
variant: X,
|
33
|
-
disabled:
|
33
|
+
disabled: S = !1,
|
34
34
|
editable: D = !1,
|
35
35
|
openOnInput: j = !0,
|
36
|
-
...
|
36
|
+
...E
|
37
37
|
}, F) => {
|
38
|
-
const [
|
39
|
-
() =>
|
40
|
-
), [
|
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
|
-
|
43
|
-
}, [
|
44
|
-
|
45
|
-
|
42
|
+
h(x);
|
43
|
+
}, [x]), T(() => {
|
44
|
+
k(
|
45
|
+
i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
|
46
46
|
);
|
47
|
-
}, [
|
48
|
-
|
49
|
-
}, [
|
50
|
-
const
|
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
|
-
|
53
|
-
}, [
|
54
|
-
isActive:
|
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
|
-
|
56
|
+
m(t), f(p);
|
57
57
|
},
|
58
|
-
className:
|
58
|
+
className: e["calendar-block"]
|
59
59
|
});
|
60
60
|
const K = () => {
|
61
|
-
!
|
61
|
+
!S && (j || !D) && m(!0);
|
62
62
|
}, W = (t) => {
|
63
|
-
isNaN(t.getTime()) || (
|
63
|
+
isNaN(t.getTime()) || (k(t), s == null || s({
|
64
64
|
value: y.Date(t, "yyyy-mm-dd"),
|
65
|
-
name:
|
66
|
-
})),
|
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:
|
69
|
-
}),
|
68
|
+
name: c
|
69
|
+
}), r == null || r(y.Date(t, "yyyy-mm-dd"));
|
70
70
|
}, q = (t) => {
|
71
71
|
if (D) {
|
72
|
-
const
|
73
|
-
if (
|
74
|
-
|
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 [
|
77
|
-
L(
|
78
|
-
L(
|
79
|
-
|
80
|
-
],
|
81
|
-
if (
|
82
|
-
const
|
83
|
-
`${
|
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(
|
86
|
-
value: y.Date(
|
87
|
-
name:
|
88
|
-
}),
|
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
|
-
},
|
92
|
+
}, J = _(e.wrapper, l && e.active), Q = _(e.input, e.inputBorderControl), Z = {
|
93
93
|
onChangeValue: W,
|
94
|
-
date:
|
95
|
-
before: typeof
|
94
|
+
date: o || /* @__PURE__ */ new Date(),
|
95
|
+
before: typeof v == "string" ? new Date(v) : v,
|
96
96
|
onChangeType: f,
|
97
|
-
setIsActive:
|
98
|
-
},
|
99
|
-
|
100
|
-
}, className:
|
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:
|
103
|
+
iconName: M === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
|
104
104
|
}
|
105
|
-
) : /* @__PURE__ */
|
105
|
+
) : /* @__PURE__ */ a(
|
106
106
|
R,
|
107
107
|
{
|
108
|
-
iconName:
|
108
|
+
iconName: M === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
|
109
109
|
}
|
110
110
|
) });
|
111
|
-
return /* @__PURE__ */
|
112
|
-
/* @__PURE__ */
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
[
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
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-
|
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-
|
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-
|
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
|
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
|
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
|
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
|
-
},
|
44
|
-
(
|
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:
|
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
|
-
} =
|
67
|
-
() =>
|
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
|
-
|
72
|
-
a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(
|
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 =
|
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(
|
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
|
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]:
|
130
|
+
[e.full]: U,
|
131
131
|
[e.disabled]: r
|
132
132
|
}),
|
133
133
|
onChange: $,
|
134
|
-
ref:
|
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
|
-
|
146
|
+
W,
|
147
147
|
{
|
148
148
|
disabled: r,
|
149
149
|
style: { width: "100%" },
|
150
150
|
onClick: T,
|
151
151
|
children: /* @__PURE__ */ n(
|
152
|
-
|
152
|
+
H,
|
153
153
|
{
|
154
154
|
as: G,
|
155
155
|
label: x,
|
156
|
-
size:
|
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
|
-
|
198
|
+
H,
|
199
199
|
{
|
200
200
|
as: G,
|
201
201
|
label: x,
|
202
|
-
size:
|
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
|
-
|
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
|
-
|
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-
|
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-
|
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-
|
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) {
|