mimir-ui-kit 1.36.5 → 1.36.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{Input-CxcCZOIp.js → Input-WnjLXNpw.js} +84 -82
- package/dist/assets/TextArea.css +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +1 -1
- package/dist/components/MultiSelectSearch/utils.js +1 -1
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +1 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/TextArea/TextArea.js +58 -58
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsxs as B, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { memo as
|
|
1
|
+
import { jsxs as B, jsx as c, Fragment as Y } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "./index-DIxK0V-G.js";
|
|
3
|
+
import { memo as Z, forwardRef as $, useState as R, useRef as ee, useEffect as z } from "react";
|
|
4
4
|
import { EInputVariant as te } from "./components/Input/constants.js";
|
|
5
5
|
import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
6
6
|
import { Icon as ae } from "./icons/Icon.js";
|
|
@@ -29,20 +29,20 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
|
|
|
29
29
|
success: pe,
|
|
30
30
|
alarm: me,
|
|
31
31
|
error: be
|
|
32
|
-
},
|
|
33
|
-
var p,
|
|
32
|
+
}, L = (t) => {
|
|
33
|
+
var p, a;
|
|
34
34
|
if (!t)
|
|
35
35
|
return null;
|
|
36
36
|
switch (t.addonType) {
|
|
37
37
|
case "icon": {
|
|
38
|
-
const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"),
|
|
39
|
-
return /* @__PURE__ */
|
|
38
|
+
const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
|
|
39
|
+
return /* @__PURE__ */ c(
|
|
40
40
|
ae,
|
|
41
41
|
{
|
|
42
42
|
style: {
|
|
43
|
-
"--icon-size":
|
|
43
|
+
"--icon-size": o({
|
|
44
44
|
"16px": m,
|
|
45
|
-
"24px":
|
|
45
|
+
"24px": g
|
|
46
46
|
})
|
|
47
47
|
},
|
|
48
48
|
className: e["addon-icon"],
|
|
@@ -53,88 +53,90 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
|
|
|
53
53
|
case "text":
|
|
54
54
|
return t.addonContent;
|
|
55
55
|
case "react-node":
|
|
56
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ c(Y, { children: t.addonContent });
|
|
57
57
|
default:
|
|
58
58
|
return null;
|
|
59
59
|
}
|
|
60
|
-
}, fe =
|
|
61
|
-
|
|
60
|
+
}, fe = Z(
|
|
61
|
+
$(
|
|
62
62
|
(t, p) => {
|
|
63
63
|
const {
|
|
64
|
-
value:
|
|
64
|
+
value: a,
|
|
65
65
|
className: m,
|
|
66
|
-
wrapperClassName:
|
|
67
|
-
rightSlotClassName:
|
|
68
|
-
requiredMarkClassName:
|
|
66
|
+
wrapperClassName: g,
|
|
67
|
+
rightSlotClassName: j,
|
|
68
|
+
requiredMarkClassName: D,
|
|
69
69
|
variant: A = te.DefaultGray,
|
|
70
|
-
type:
|
|
71
|
-
autofocus:
|
|
72
|
-
readonly:
|
|
70
|
+
type: E = "text",
|
|
71
|
+
autofocus: N,
|
|
72
|
+
readonly: n,
|
|
73
73
|
id: F,
|
|
74
|
-
onFocus:
|
|
75
|
-
onBlur:
|
|
74
|
+
onFocus: x,
|
|
75
|
+
onBlur: y,
|
|
76
76
|
label: u,
|
|
77
|
-
withClearButton:
|
|
77
|
+
withClearButton: M,
|
|
78
78
|
disabled: s,
|
|
79
79
|
onChange: i,
|
|
80
|
-
rightAddon:
|
|
80
|
+
rightAddon: O,
|
|
81
81
|
status: V,
|
|
82
|
-
leftAddon:
|
|
83
|
-
size:
|
|
84
|
-
numbersOnly:
|
|
85
|
-
required:
|
|
86
|
-
maxLength:
|
|
87
|
-
...
|
|
88
|
-
} = t, [_,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}, [
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}, H = () => {
|
|
98
|
-
|
|
82
|
+
leftAddon: S,
|
|
83
|
+
size: C = "m",
|
|
84
|
+
numbersOnly: T,
|
|
85
|
+
required: v,
|
|
86
|
+
maxLength: w,
|
|
87
|
+
...G
|
|
88
|
+
} = t, [_, I] = R(N), [b, f] = R(!!a), d = ee(null), P = se(d, p);
|
|
89
|
+
z(() => {
|
|
90
|
+
N && I(!0);
|
|
91
|
+
}, [N]), z(() => {
|
|
92
|
+
f(!!a);
|
|
93
|
+
}, [a]);
|
|
94
|
+
const W = (l) => {
|
|
95
|
+
const r = l.currentTarget.value;
|
|
96
|
+
y == null || y(l), I(!1), f(!!r);
|
|
97
|
+
}, H = (l) => {
|
|
98
|
+
n || (I(!0), x == null || x(l));
|
|
99
|
+
}, J = () => {
|
|
100
|
+
d != null && d.current && (d.current.value = "", d.current.focus(), f(!1), i == null || i({
|
|
99
101
|
target: { value: "" }
|
|
100
102
|
}));
|
|
101
|
-
},
|
|
102
|
-
let
|
|
103
|
-
|
|
104
|
-
},
|
|
105
|
-
[e.readonly]: s ||
|
|
103
|
+
}, K = (l) => {
|
|
104
|
+
let r = l.target.value;
|
|
105
|
+
T && (r = r.replace(/\D/g, "")), w !== void 0 && (r = r.slice(0, w)), l.target.value = r, i == null || i(l), f(!!r);
|
|
106
|
+
}, h = L(S), k = L(O), Q = {
|
|
107
|
+
[e.readonly]: s || n,
|
|
106
108
|
[e.focused]: _,
|
|
107
|
-
[e.disabled]: s ||
|
|
109
|
+
[e.disabled]: s || n,
|
|
108
110
|
[e["has-label"]]: !!u,
|
|
109
|
-
[e["has-left-slot"]]: !!
|
|
111
|
+
[e["has-left-slot"]]: !!h,
|
|
110
112
|
[e["has-right-slot"]]: !!k
|
|
111
|
-
}, q = _ || b || !!
|
|
113
|
+
}, q = _ || b || !!a, U = o(e.label, m, e[C], {
|
|
112
114
|
[e["active-label"]]: q,
|
|
113
|
-
[e.disabled]: s ||
|
|
114
|
-
[e["has-left-slot"]]: !!
|
|
115
|
-
}),
|
|
115
|
+
[e.disabled]: s || n,
|
|
116
|
+
[e["has-left-slot"]]: !!h
|
|
117
|
+
}), X = o(e.input, Q, m, [
|
|
116
118
|
e[A],
|
|
117
119
|
e[V ?? ""],
|
|
118
|
-
e[
|
|
120
|
+
e[C]
|
|
119
121
|
]);
|
|
120
122
|
return /* @__PURE__ */ B(
|
|
121
123
|
"div",
|
|
122
124
|
{
|
|
123
|
-
className:
|
|
125
|
+
className: o(
|
|
124
126
|
e["input-wrapper"],
|
|
125
127
|
e[A],
|
|
126
128
|
e[V ?? ""],
|
|
127
|
-
e[
|
|
129
|
+
e[C],
|
|
128
130
|
{
|
|
129
|
-
[e.disabled]: s ||
|
|
131
|
+
[e.disabled]: s || n,
|
|
130
132
|
[e.focused]: _
|
|
131
133
|
},
|
|
132
|
-
|
|
134
|
+
g
|
|
133
135
|
),
|
|
134
136
|
children: [
|
|
135
|
-
u && /* @__PURE__ */ B("label", { htmlFor: F, className:
|
|
137
|
+
u && /* @__PURE__ */ B("label", { htmlFor: F, className: U, children: [
|
|
136
138
|
u,
|
|
137
|
-
|
|
139
|
+
v && (b || _) && /* @__PURE__ */ c(
|
|
138
140
|
"span",
|
|
139
141
|
{
|
|
140
142
|
className: e["required-mark"],
|
|
@@ -142,39 +144,39 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
|
|
|
142
144
|
}
|
|
143
145
|
)
|
|
144
146
|
] }),
|
|
145
|
-
|
|
147
|
+
h && /* @__PURE__ */ c(
|
|
146
148
|
"span",
|
|
147
149
|
{
|
|
148
|
-
className:
|
|
150
|
+
className: o(e["left-slot"], {
|
|
149
151
|
[e.focused]: q,
|
|
150
152
|
[e["has-label"]]: !!u,
|
|
151
153
|
[e.disabled]: s
|
|
152
154
|
}),
|
|
153
|
-
children:
|
|
155
|
+
children: h
|
|
154
156
|
}
|
|
155
157
|
),
|
|
156
|
-
/* @__PURE__ */
|
|
158
|
+
/* @__PURE__ */ c(
|
|
157
159
|
"input",
|
|
158
160
|
{
|
|
159
|
-
ref:
|
|
160
|
-
type:
|
|
161
|
+
ref: P,
|
|
162
|
+
type: E,
|
|
161
163
|
id: F,
|
|
162
|
-
className:
|
|
163
|
-
onFocus:
|
|
164
|
-
onBlur:
|
|
165
|
-
readOnly:
|
|
166
|
-
value:
|
|
167
|
-
onChange:
|
|
168
|
-
maxLength:
|
|
164
|
+
className: X,
|
|
165
|
+
onFocus: H,
|
|
166
|
+
onBlur: W,
|
|
167
|
+
readOnly: n,
|
|
168
|
+
value: a,
|
|
169
|
+
onChange: K,
|
|
170
|
+
maxLength: w,
|
|
169
171
|
disabled: s,
|
|
170
|
-
required:
|
|
171
|
-
...
|
|
172
|
+
required: v,
|
|
173
|
+
...G
|
|
172
174
|
}
|
|
173
175
|
),
|
|
174
|
-
k && /* @__PURE__ */
|
|
176
|
+
k && /* @__PURE__ */ c(
|
|
175
177
|
"span",
|
|
176
178
|
{
|
|
177
|
-
className:
|
|
179
|
+
className: o(e["right-slot"], j, {
|
|
178
180
|
[e.focused]: q,
|
|
179
181
|
[e["has-label"]]: !!u,
|
|
180
182
|
[e.disabled]: s
|
|
@@ -182,30 +184,30 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
|
|
|
182
184
|
children: k
|
|
183
185
|
}
|
|
184
186
|
),
|
|
185
|
-
|
|
187
|
+
v && !b && !_ && /* @__PURE__ */ c(
|
|
186
188
|
"span",
|
|
187
189
|
{
|
|
188
|
-
className:
|
|
190
|
+
className: o(
|
|
189
191
|
e["required-mark"],
|
|
190
|
-
|
|
192
|
+
D
|
|
191
193
|
),
|
|
192
194
|
"data-testid": "required-mark"
|
|
193
195
|
}
|
|
194
196
|
),
|
|
195
|
-
|
|
197
|
+
M && b && /* @__PURE__ */ c(
|
|
196
198
|
le,
|
|
197
199
|
{
|
|
198
200
|
tabIndex: -1,
|
|
199
|
-
className:
|
|
201
|
+
className: o(e.clear, {
|
|
200
202
|
[e.disabled]: s
|
|
201
203
|
}),
|
|
202
204
|
isIconButton: !0,
|
|
203
205
|
iconName: "Close16px",
|
|
204
206
|
size: "m-s",
|
|
205
207
|
clear: !0,
|
|
206
|
-
disabled: s ||
|
|
208
|
+
disabled: s || n,
|
|
207
209
|
variant: "secondary-gray",
|
|
208
|
-
onClick:
|
|
210
|
+
onClick: J,
|
|
209
211
|
"data-testid": "clear-button"
|
|
210
212
|
}
|
|
211
213
|
)
|
package/dist/assets/TextArea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._textarea-
|
|
1
|
+
._textarea-wrapper_rmhew_2 ._textarea_rmhew_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_rmhew_2 ._textarea_rmhew_2._has-label_rmhew_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_rmhew_2 ._required-mark_rmhew_11{display:block;flex:0 0 var(--input-required-mark-size);align-self:flex-start;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-top:var(--textarea-space);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._textarea-wrapper_rmhew_2 ._label_rmhew_22{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_rmhew_2 ._label_rmhew_22._has-left-slot_rmhew_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40._has-left-slot_rmhew_37{left:var(--mimir-space-m)}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40 ._required-mark_rmhew_11{align-self:center;margin-top:0;margin-left:0}._s_rmhew_53{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 76px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._m_rmhew_60{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 88px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._l_rmhew_22{--textarea-space: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m)}
|
|
@@ -9,7 +9,7 @@ import { formatDatePart as Y } from "./utils.js";
|
|
|
9
9
|
import { YearPickerModal as et } from "./YearPickerModal.js";
|
|
10
10
|
import { useClickOutside as it } from "../../hooks/useClickOutside/useClickOutside.js";
|
|
11
11
|
import { formating as d } from "../../utils/index.js";
|
|
12
|
-
import { I as at } from "../../Input-
|
|
12
|
+
import { I as at } from "../../Input-WnjLXNpw.js";
|
|
13
13
|
import { EInputStatus as rt } from "../Input/constants.js";
|
|
14
14
|
const mt = {
|
|
15
15
|
days: tt,
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-DIxK0V-G.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "./constants.js";
|
|
5
|
-
import { I as f } from "../../Input-
|
|
5
|
+
import { I as f } from "../../Input-WnjLXNpw.js";
|
|
6
6
|
import "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
7
7
|
import "../../icons/Icon.js";
|
|
8
8
|
import "../Button/Button.js";
|
|
@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
|
|
|
3
3
|
import { memo as w, forwardRef as u, useState as m } from "react";
|
|
4
4
|
import { Icon as d } from "../../icons/Icon.js";
|
|
5
5
|
import { Button as _ } from "../Button/Button.js";
|
|
6
|
-
import { I as l } from "../../Input-
|
|
6
|
+
import { I as l } from "../../Input-WnjLXNpw.js";
|
|
7
7
|
import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
|
|
8
8
|
input: b,
|
|
9
9
|
wrapper: x,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
|
|
3
3
|
import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
|
|
4
|
-
import { I as b } from "../../Input-
|
|
4
|
+
import { I as b } from "../../Input-WnjLXNpw.js";
|
|
5
5
|
const h = I(
|
|
6
6
|
i(
|
|
7
7
|
({ value: s = "", onChange: e, ...p }, a) => {
|
|
@@ -7,7 +7,7 @@ import { Icon as re } from "../../icons/Icon.js";
|
|
|
7
7
|
import { Button as ce } from "../Button/Button.js";
|
|
8
8
|
import { CheckboxMimir as ae } from "../CheckboxMimir/CheckboxMimir.js";
|
|
9
9
|
import { Chip as ue } from "../Chip/Chip.js";
|
|
10
|
-
import { I as j } from "../../Input-
|
|
10
|
+
import { I as j } from "../../Input-WnjLXNpw.js";
|
|
11
11
|
import { EInputVariant as de } from "../Input/constants.js";
|
|
12
12
|
import { H as pe, U as G, G as W, K as me, W as _e } from "../../combobox-CDU06zJj.js";
|
|
13
13
|
import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe = "_container_17kql_9", ke = "_full_17kql_27", qe = "_button_17kql_39", ge = "_options_17kql_53", be = "_top_17kql_64", ve = "_bottom_17kql_69", Ne = "_m_17kql_2", Ie = "_l_17kql_111", we = "_focused_17kql_129", Ce = "_option_17kql_53", Se = "_chip_17kql_158", Me = "_clear_17kql_183", e = {
|
|
@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
|
|
|
3
3
|
import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
|
|
4
4
|
import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
|
|
5
5
|
import { useOTPInput as y } from "./hooks.js";
|
|
6
|
-
import { I as A } from "../../Input-
|
|
6
|
+
import { I as A } from "../../Input-WnjLXNpw.js";
|
|
7
7
|
import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
|
|
8
8
|
otp: C,
|
|
9
9
|
"input-wrapper": "_input-wrapper_1shq3_14",
|
|
@@ -5,7 +5,7 @@ import { ESelectSearchSize as v } from "./constants.js";
|
|
|
5
5
|
import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
|
|
6
6
|
import { Icon as q } from "../../icons/Icon.js";
|
|
7
7
|
import { Button as $ } from "../Button/Button.js";
|
|
8
|
-
import { I as A } from "../../Input-
|
|
8
|
+
import { I as A } from "../../Input-WnjLXNpw.js";
|
|
9
9
|
import { EInputVariant as J } from "../Input/constants.js";
|
|
10
10
|
import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
|
|
11
11
|
import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { jsxs as V, jsx as
|
|
1
|
+
import { jsxs as V, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { memo as K, forwardRef as Q, useState as B, useRef as U, useEffect as X } from "react";
|
|
4
4
|
import { useAutoResizeTextArea as Y } from "./hooks.js";
|
|
5
5
|
import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
6
6
|
import { Icon as $ } from "../../icons/Icon.js";
|
|
7
7
|
import { Button as ee } from "../Button/Button.js";
|
|
8
|
-
import { c as e } from "../../Input-
|
|
8
|
+
import { c as e } from "../../Input-WnjLXNpw.js";
|
|
9
9
|
import { EInputVariant as ae } from "../Input/constants.js";
|
|
10
|
-
import '../../assets/TextArea.css';const te = "
|
|
11
|
-
"textarea-wrapper": "_textarea-
|
|
10
|
+
import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_rmhew_22", re = "_s_rmhew_53", le = "_m_rmhew_60", oe = "_l_rmhew_22", a = {
|
|
11
|
+
"textarea-wrapper": "_textarea-wrapper_rmhew_2",
|
|
12
12
|
textarea: te,
|
|
13
|
-
"has-label": "_has-
|
|
14
|
-
"required-mark": "_required-
|
|
13
|
+
"has-label": "_has-label_rmhew_8",
|
|
14
|
+
"required-mark": "_required-mark_rmhew_11",
|
|
15
15
|
label: se,
|
|
16
|
-
"has-left-slot": "_has-left-
|
|
17
|
-
"active-label": "_active-
|
|
16
|
+
"has-left-slot": "_has-left-slot_rmhew_37",
|
|
17
|
+
"active-label": "_active-label_rmhew_40",
|
|
18
18
|
s: re,
|
|
19
19
|
m: le,
|
|
20
|
-
l:
|
|
20
|
+
l: oe
|
|
21
21
|
}, F = (t) => {
|
|
22
|
-
var
|
|
22
|
+
var f, n;
|
|
23
23
|
if (!t)
|
|
24
24
|
return null;
|
|
25
25
|
switch (t.addonType) {
|
|
26
26
|
case "icon": {
|
|
27
|
-
const
|
|
28
|
-
return /* @__PURE__ */
|
|
27
|
+
const p = (f = t.addonContent) == null ? void 0 : f.includes("16px"), b = (n = t.addonContent) == null ? void 0 : n.includes("24px");
|
|
28
|
+
return /* @__PURE__ */ o(
|
|
29
29
|
$,
|
|
30
30
|
{
|
|
31
31
|
style: {
|
|
32
32
|
"--icon-size": i({
|
|
33
|
-
"16px":
|
|
33
|
+
"16px": p,
|
|
34
34
|
"24px": b
|
|
35
35
|
})
|
|
36
36
|
},
|
|
@@ -44,20 +44,20 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
|
|
|
44
44
|
default:
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
},
|
|
47
|
+
}, ne = K(
|
|
48
48
|
Q(
|
|
49
|
-
(t,
|
|
49
|
+
(t, f) => {
|
|
50
50
|
const {
|
|
51
|
-
value:
|
|
52
|
-
className:
|
|
51
|
+
value: n,
|
|
52
|
+
className: p,
|
|
53
53
|
wrapperClassName: b,
|
|
54
|
-
variant:
|
|
55
|
-
autofocus:
|
|
54
|
+
variant: R = ae.DefaultGray,
|
|
55
|
+
autofocus: w,
|
|
56
56
|
readonly: s,
|
|
57
|
-
status:
|
|
58
|
-
id:
|
|
57
|
+
status: T,
|
|
58
|
+
id: z,
|
|
59
59
|
onFocus: N,
|
|
60
|
-
onBlur:
|
|
60
|
+
onBlur: g,
|
|
61
61
|
label: d,
|
|
62
62
|
onChange: c,
|
|
63
63
|
withClearButton: j,
|
|
@@ -65,47 +65,47 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
|
|
|
65
65
|
rightAddon: E,
|
|
66
66
|
leftAddon: L,
|
|
67
67
|
size: m = "m",
|
|
68
|
-
required:
|
|
68
|
+
required: C,
|
|
69
69
|
...D
|
|
70
|
-
} = t, [
|
|
70
|
+
} = t, [h, v] = B(w), [_, A] = B(!!n), r = U(null), G = Z(r, f);
|
|
71
71
|
X(() => {
|
|
72
|
-
|
|
73
|
-
}, [
|
|
72
|
+
w && v(!0);
|
|
73
|
+
}, [w]);
|
|
74
74
|
const I = Y(r.current), M = (l) => {
|
|
75
|
-
const
|
|
76
|
-
|
|
75
|
+
const q = l.currentTarget.value;
|
|
76
|
+
g == null || g(l), v(!1), A(!!q);
|
|
77
77
|
}, O = (l) => {
|
|
78
|
-
s || (
|
|
78
|
+
s || (v(!0), N == null || N(l));
|
|
79
79
|
}, P = () => {
|
|
80
|
-
r != null && r.current && (r.current.value = "", r.current.focus(),
|
|
80
|
+
r != null && r.current && (r.current.value = "", r.current.focus(), A(!1), I(), c == null || c({
|
|
81
81
|
target: { value: "" }
|
|
82
82
|
}));
|
|
83
83
|
}, S = (l) => {
|
|
84
|
-
const
|
|
85
|
-
|
|
86
|
-
}, x = F(L),
|
|
84
|
+
const q = l.target.value;
|
|
85
|
+
A(!!q), I(), c == null || c(l);
|
|
86
|
+
}, x = F(L), y = F(E), W = {
|
|
87
87
|
[e.readonly]: u || s,
|
|
88
|
-
[e.focused]:
|
|
88
|
+
[e.focused]: h,
|
|
89
89
|
[e.disabled]: u || s,
|
|
90
90
|
[e["has-left-slot"]]: !!x,
|
|
91
|
-
[e["has-right-slot"]]: !!
|
|
91
|
+
[e["has-right-slot"]]: !!y,
|
|
92
92
|
[a["has-label"]]: !!d
|
|
93
|
-
},
|
|
93
|
+
}, k = h || _ || !!n, H = i(
|
|
94
94
|
e.label,
|
|
95
95
|
a.label,
|
|
96
96
|
{
|
|
97
|
-
[a["active-label"]]:
|
|
97
|
+
[a["active-label"]]: k,
|
|
98
98
|
[e.disabled]: u || s,
|
|
99
99
|
[a["has-left-slot"]]: !!x
|
|
100
100
|
},
|
|
101
|
-
|
|
101
|
+
p,
|
|
102
102
|
e[m]
|
|
103
103
|
), J = i(
|
|
104
104
|
a.textarea,
|
|
105
105
|
e.input,
|
|
106
106
|
W,
|
|
107
|
-
|
|
108
|
-
[e[
|
|
107
|
+
p,
|
|
108
|
+
[e[R], a[m], e[m], e[T ?? ""]]
|
|
109
109
|
);
|
|
110
110
|
return /* @__PURE__ */ V(
|
|
111
111
|
"div",
|
|
@@ -113,20 +113,20 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
|
|
|
113
113
|
className: i(
|
|
114
114
|
e["input-wrapper"],
|
|
115
115
|
a["textarea-wrapper"],
|
|
116
|
-
e[
|
|
117
|
-
e[
|
|
116
|
+
e[R],
|
|
117
|
+
e[T ?? ""],
|
|
118
118
|
a[m],
|
|
119
119
|
e[m],
|
|
120
120
|
{
|
|
121
121
|
[e.disabled]: u || s,
|
|
122
|
-
[e.focused]:
|
|
122
|
+
[e.focused]: h
|
|
123
123
|
},
|
|
124
124
|
b
|
|
125
125
|
),
|
|
126
126
|
children: [
|
|
127
|
-
d && /* @__PURE__ */ V("label", { htmlFor:
|
|
127
|
+
d && /* @__PURE__ */ V("label", { htmlFor: z, className: H, children: [
|
|
128
128
|
d,
|
|
129
|
-
|
|
129
|
+
C && (_ || h) && /* @__PURE__ */ o(
|
|
130
130
|
"span",
|
|
131
131
|
{
|
|
132
132
|
className: a["required-mark"],
|
|
@@ -134,51 +134,51 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
|
|
|
134
134
|
}
|
|
135
135
|
)
|
|
136
136
|
] }),
|
|
137
|
-
x && /* @__PURE__ */
|
|
137
|
+
x && /* @__PURE__ */ o(
|
|
138
138
|
"span",
|
|
139
139
|
{
|
|
140
140
|
className: i(e["left-slot"], {
|
|
141
|
-
[e.focused]:
|
|
141
|
+
[e.focused]: k,
|
|
142
142
|
[e["has-label"]]: !!d
|
|
143
143
|
}),
|
|
144
144
|
"data-testid": "left-addon",
|
|
145
145
|
children: x
|
|
146
146
|
}
|
|
147
147
|
),
|
|
148
|
-
/* @__PURE__ */
|
|
148
|
+
/* @__PURE__ */ o(
|
|
149
149
|
"textarea",
|
|
150
150
|
{
|
|
151
151
|
ref: G,
|
|
152
|
-
id:
|
|
152
|
+
id: z,
|
|
153
153
|
className: J,
|
|
154
154
|
onFocus: O,
|
|
155
155
|
onBlur: M,
|
|
156
156
|
readOnly: s,
|
|
157
|
-
value:
|
|
157
|
+
value: n,
|
|
158
158
|
onChange: S,
|
|
159
|
-
required:
|
|
159
|
+
required: C,
|
|
160
160
|
...D
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
|
-
|
|
163
|
+
y && /* @__PURE__ */ o(
|
|
164
164
|
"span",
|
|
165
165
|
{
|
|
166
166
|
className: i(e["right-slot"], {
|
|
167
|
-
[e.focused]:
|
|
167
|
+
[e.focused]: k,
|
|
168
168
|
[e["has-label"]]: !!d
|
|
169
169
|
}),
|
|
170
170
|
"data-testid": "right-addon",
|
|
171
|
-
children:
|
|
171
|
+
children: y
|
|
172
172
|
}
|
|
173
173
|
),
|
|
174
|
-
|
|
174
|
+
C && !_ && !h && /* @__PURE__ */ o(
|
|
175
175
|
"span",
|
|
176
176
|
{
|
|
177
177
|
className: a["required-mark"],
|
|
178
178
|
"data-testid": "required-mark"
|
|
179
179
|
}
|
|
180
180
|
),
|
|
181
|
-
j &&
|
|
181
|
+
j && _ && /* @__PURE__ */ o(
|
|
182
182
|
ee,
|
|
183
183
|
{
|
|
184
184
|
tabIndex: -1,
|
|
@@ -198,7 +198,7 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
|
|
|
198
198
|
}
|
|
199
199
|
)
|
|
200
200
|
);
|
|
201
|
-
|
|
201
|
+
ne.displayName = "TextArea";
|
|
202
202
|
export {
|
|
203
|
-
|
|
203
|
+
ne as TextArea
|
|
204
204
|
};
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as e } from "./Button/Button.js";
|
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
|
|
3
|
-
import { I as S } from "../Input-
|
|
3
|
+
import { I as S } from "../Input-WnjLXNpw.js";
|
|
4
4
|
import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./TextArea/TextArea.js";
|
|
6
6
|
import { InputPassword as I } from "./InputPassword/InputPassword.js";
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as e } from "./components/Button/Button.js";
|
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
|
|
3
|
-
import { I as u } from "./Input-
|
|
3
|
+
import { I as u } from "./Input-WnjLXNpw.js";
|
|
4
4
|
import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./components/TextArea/TextArea.js";
|
|
6
6
|
import { InputPassword as I } from "./components/InputPassword/InputPassword.js";
|