mimir-ui-kit 1.43.28 → 1.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Input-IzZ6B9kw.js +232 -0
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/CopyText.css +1 -0
- package/dist/assets/Counter.css +1 -0
- package/dist/assets/DropdownSelect.css +1 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js +41 -37
- package/dist/components/Avatar/constants.d.ts +5 -0
- package/dist/components/Avatar/constants.js +3 -2
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Avatar/index.js +5 -4
- package/dist/components/Avatar/types.d.ts +3 -1
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/Chip.js +45 -36
- package/dist/components/Chip/constants.d.ts +5 -1
- package/dist/components/Chip/constants.js +3 -3
- package/dist/components/CopyText/CopyText.d.ts +3 -0
- package/dist/components/CopyText/CopyText.js +96 -0
- package/dist/components/CopyText/index.d.ts +2 -0
- package/dist/components/CopyText/index.js +4 -0
- package/dist/components/CopyText/types.d.ts +32 -0
- package/dist/components/DatePicker/DatePicker.d.ts +11 -0
- package/dist/components/DatePicker/DatePicker.js +96 -93
- 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/DatePicker/constants.d.ts +6 -0
- package/dist/components/DatePicker/constants.js +13 -12
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.js +3 -1
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +3 -0
- package/dist/components/DropdownSelect/DropdownSelect.js +115 -0
- package/dist/components/DropdownSelect/constants.d.ts +5 -0
- package/dist/components/DropdownSelect/constants.js +4 -0
- package/dist/components/DropdownSelect/index.d.ts +3 -0
- package/dist/components/DropdownSelect/index.js +6 -0
- package/dist/components/DropdownSelect/types.d.ts +56 -0
- package/dist/components/Input/Input.d.ts +5 -0
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/constants.d.ts +6 -0
- package/dist/components/Input/constants.js +4 -3
- 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/Pagination/Counter/Counter.d.ts +9 -0
- package/dist/components/Pagination/Counter/Counter.js +28 -0
- package/dist/components/Pagination/Pagination.d.ts +17 -0
- package/dist/components/Pagination/Pagination.js +167 -126
- package/dist/components/Pagination/constants.d.ts +6 -0
- package/dist/components/Pagination/constants.js +5 -3
- package/dist/components/Pagination/index.d.ts +1 -0
- package/dist/components/Pagination/index.js +4 -2
- package/dist/components/SelectSearch/SelectSearch.d.ts +2 -1
- package/dist/components/SelectSearch/SelectSearch.js +193 -187
- package/dist/components/SelectSearch/constants.d.ts +6 -0
- package/dist/components/SelectSearch/constants.js +7 -5
- package/dist/components/SelectSearch/index.d.ts +1 -1
- package/dist/components/SelectSearch/index.js +5 -4
- package/dist/components/SelectSearch/types.d.ts +6 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/TabTrail/TabTrail.d.ts +16 -0
- package/dist/components/TabTrail/TabTrail.js +257 -220
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.d.ts +8 -4
- package/dist/components/index.js +178 -166
- package/dist/index.js +203 -191
- package/dist/styles.module-D3nnIVCZ.js +31 -0
- package/package.json +1 -1
- package/dist/Input-BU_6U1CW.js +0 -227
- package/dist/styles.module-Cuqm31CO.js +0 -28
package/dist/Input-BU_6U1CW.js
DELETED
@@ -1,227 +0,0 @@
|
|
1
|
-
import { jsxs as B, jsx as s, Fragment as Z } from "react/jsx-runtime";
|
2
|
-
import { c as o } from "./index-DIxK0V-G.js";
|
3
|
-
import { memo as $, forwardRef as ee, useState as R, useRef as te, useEffect as z } from "react";
|
4
|
-
import { EInputVariant as ae } from "./components/Input/constants.js";
|
5
|
-
import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
|
6
|
-
import { Icon as le } from "./icons/Icon.js";
|
7
|
-
import { Button as re } from "./components/Button/Button.js";
|
8
|
-
import './assets/Input.css';const ne = "_label_1tx13_26", oe = "_input_1tx13_2", ce = "_focused_1tx13_99", ie = "_disabled_1tx13_105", de = "_clear_1tx13_147", ue = "_s_1tx13_198", _e = "_m_1tx13_213", me = "_l_1tx13_26", pe = "_success_1tx13_269", fe = "_alarm_1tx13_289", he = "_error_1tx13_309", e = {
|
9
|
-
"input-wrapper": "_input-wrapper_1tx13_2",
|
10
|
-
"required-mark": "_required-mark_1tx13_16",
|
11
|
-
label: ne,
|
12
|
-
"has-left-slot": "_has-left-slot_1tx13_45",
|
13
|
-
"has-right-slot": "_has-right-slot_1tx13_48",
|
14
|
-
"active-label": "_active-label_1tx13_53",
|
15
|
-
"label-text-wrapper": "_label-text-wrapper_1tx13_68",
|
16
|
-
input: oe,
|
17
|
-
focused: ce,
|
18
|
-
"has-label": "_has-label_1tx13_102",
|
19
|
-
disabled: ie,
|
20
|
-
"addon-icon": "_addon-icon_1tx13_111",
|
21
|
-
"left-slot": "_left-slot_1tx13_115",
|
22
|
-
"right-slot": "_right-slot_1tx13_116",
|
23
|
-
clear: de,
|
24
|
-
s: ue,
|
25
|
-
m: _e,
|
26
|
-
l: me,
|
27
|
-
"default-gray": "_default-gray_1tx13_242",
|
28
|
-
"default-white": "_default-white_1tx13_254",
|
29
|
-
success: pe,
|
30
|
-
alarm: fe,
|
31
|
-
error: he
|
32
|
-
}, L = (t) => {
|
33
|
-
var m, l;
|
34
|
-
if (!t)
|
35
|
-
return null;
|
36
|
-
switch (t.addonType) {
|
37
|
-
case "icon": {
|
38
|
-
const p = (m = t.addonContent) == null ? void 0 : m.includes("16px"), g = (l = t.addonContent) == null ? void 0 : l.includes("24px");
|
39
|
-
return /* @__PURE__ */ s(
|
40
|
-
le,
|
41
|
-
{
|
42
|
-
style: {
|
43
|
-
"--icon-size": o({
|
44
|
-
"16px": p,
|
45
|
-
"24px": g
|
46
|
-
})
|
47
|
-
},
|
48
|
-
className: e["addon-icon"],
|
49
|
-
iconName: t.addonContent
|
50
|
-
}
|
51
|
-
);
|
52
|
-
}
|
53
|
-
case "text":
|
54
|
-
return t.addonContent;
|
55
|
-
case "react-node":
|
56
|
-
return /* @__PURE__ */ s(Z, { children: t.addonContent });
|
57
|
-
default:
|
58
|
-
return null;
|
59
|
-
}
|
60
|
-
}, xe = $(
|
61
|
-
ee(
|
62
|
-
(t, m) => {
|
63
|
-
const {
|
64
|
-
value: l,
|
65
|
-
className: p,
|
66
|
-
wrapperClassName: g,
|
67
|
-
rightSlotClassName: j,
|
68
|
-
requiredMarkClassName: D,
|
69
|
-
variant: A = ae.DefaultGray,
|
70
|
-
type: E = "text",
|
71
|
-
autofocus: N,
|
72
|
-
readonly: c,
|
73
|
-
id: F,
|
74
|
-
onFocus: w,
|
75
|
-
onBlur: C,
|
76
|
-
label: u,
|
77
|
-
withClearButton: M,
|
78
|
-
disabled: a,
|
79
|
-
onChange: d,
|
80
|
-
rightAddon: O,
|
81
|
-
status: V,
|
82
|
-
leftAddon: S,
|
83
|
-
size: y = "m",
|
84
|
-
numbersOnly: T,
|
85
|
-
required: v,
|
86
|
-
maxLength: I,
|
87
|
-
autocomplete: G = "on",
|
88
|
-
...P
|
89
|
-
} = t, [_, k] = R(N), [f, h] = R(!!l), i = te(null), W = se(i, m);
|
90
|
-
z(() => {
|
91
|
-
N && k(!0);
|
92
|
-
}, [N]), z(() => {
|
93
|
-
h(!!l);
|
94
|
-
}, [l]);
|
95
|
-
const H = (r) => {
|
96
|
-
const n = r.currentTarget.value;
|
97
|
-
C == null || C(r), k(!1), h(!!n);
|
98
|
-
}, J = (r) => {
|
99
|
-
c || (k(!0), w == null || w(r));
|
100
|
-
}, K = () => {
|
101
|
-
i != null && i.current && (i.current.value = "", i.current.focus(), h(!1), d == null || d({
|
102
|
-
target: i.current
|
103
|
-
}));
|
104
|
-
}, Q = (r) => {
|
105
|
-
let n = r.target.value;
|
106
|
-
T && (n = n.replace(/\D/g, "")), I !== void 0 && (n = n.slice(0, I)), r.target.value = n, d == null || d(r), h(!!n);
|
107
|
-
}, x = L(S), b = L(O), U = {
|
108
|
-
[e.readonly]: a || c,
|
109
|
-
[e.focused]: _,
|
110
|
-
[e.disabled]: a || c,
|
111
|
-
[e["has-label"]]: !!u,
|
112
|
-
[e["has-left-slot"]]: !!x,
|
113
|
-
[e["has-right-slot"]]: !!b
|
114
|
-
}, q = _ || f || !!l, X = o(e.label, p, e[y], {
|
115
|
-
[e["active-label"]]: q,
|
116
|
-
[e.disabled]: a || c,
|
117
|
-
[e["has-left-slot"]]: !!x,
|
118
|
-
[e["has-right-slot"]]: !!b
|
119
|
-
}), Y = o(e.input, U, p, [
|
120
|
-
e[A],
|
121
|
-
e[V ?? ""],
|
122
|
-
e[y]
|
123
|
-
]);
|
124
|
-
return /* @__PURE__ */ B(
|
125
|
-
"div",
|
126
|
-
{
|
127
|
-
className: o(
|
128
|
-
e["input-wrapper"],
|
129
|
-
e[A],
|
130
|
-
e[V ?? ""],
|
131
|
-
e[y],
|
132
|
-
{
|
133
|
-
[e.disabled]: a || c,
|
134
|
-
[e.focused]: _
|
135
|
-
},
|
136
|
-
g
|
137
|
-
),
|
138
|
-
children: [
|
139
|
-
u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
|
140
|
-
/* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
|
141
|
-
v && (f || _) && /* @__PURE__ */ s(
|
142
|
-
"span",
|
143
|
-
{
|
144
|
-
className: e["required-mark"],
|
145
|
-
"data-testid": "required-mark"
|
146
|
-
}
|
147
|
-
)
|
148
|
-
] }),
|
149
|
-
x && /* @__PURE__ */ s(
|
150
|
-
"span",
|
151
|
-
{
|
152
|
-
className: o(e["left-slot"], {
|
153
|
-
[e.focused]: q,
|
154
|
-
[e["has-label"]]: !!u,
|
155
|
-
[e.disabled]: a
|
156
|
-
}),
|
157
|
-
children: x
|
158
|
-
}
|
159
|
-
),
|
160
|
-
/* @__PURE__ */ s(
|
161
|
-
"input",
|
162
|
-
{
|
163
|
-
ref: W,
|
164
|
-
type: E,
|
165
|
-
id: F,
|
166
|
-
className: Y,
|
167
|
-
onFocus: J,
|
168
|
-
onBlur: H,
|
169
|
-
readOnly: c,
|
170
|
-
value: l,
|
171
|
-
onChange: Q,
|
172
|
-
maxLength: I,
|
173
|
-
disabled: a,
|
174
|
-
required: v,
|
175
|
-
autoComplete: G,
|
176
|
-
...P
|
177
|
-
}
|
178
|
-
),
|
179
|
-
b && /* @__PURE__ */ s(
|
180
|
-
"span",
|
181
|
-
{
|
182
|
-
className: o(e["right-slot"], j, {
|
183
|
-
[e.focused]: q,
|
184
|
-
[e["has-label"]]: !!u,
|
185
|
-
[e.disabled]: a
|
186
|
-
}),
|
187
|
-
children: b
|
188
|
-
}
|
189
|
-
),
|
190
|
-
v && !f && !_ && /* @__PURE__ */ s(
|
191
|
-
"span",
|
192
|
-
{
|
193
|
-
className: o(
|
194
|
-
e["required-mark"],
|
195
|
-
D
|
196
|
-
),
|
197
|
-
"data-testid": "required-mark"
|
198
|
-
}
|
199
|
-
),
|
200
|
-
M && f && /* @__PURE__ */ s(
|
201
|
-
re,
|
202
|
-
{
|
203
|
-
tabIndex: -1,
|
204
|
-
className: o(e.clear, {
|
205
|
-
[e.disabled]: a
|
206
|
-
}),
|
207
|
-
isIconButton: !0,
|
208
|
-
iconName: "Close16px",
|
209
|
-
size: "m-s",
|
210
|
-
clear: !0,
|
211
|
-
disabled: a || c,
|
212
|
-
variant: "secondary-gray",
|
213
|
-
onClick: K,
|
214
|
-
"data-testid": "clear-button"
|
215
|
-
}
|
216
|
-
)
|
217
|
-
]
|
218
|
-
}
|
219
|
-
);
|
220
|
-
}
|
221
|
-
)
|
222
|
-
);
|
223
|
-
xe.displayName = "Input";
|
224
|
-
export {
|
225
|
-
xe as I,
|
226
|
-
e as c
|
227
|
-
};
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import './assets/styles.css';const o = "_wrapper_o2gm6_8", t = "_inputBorderControl_o2gm6_26", _ = "_editable_o2gm6_39", r = "_active_o2gm6_54", n = "_textError_o2gm6_57", e = "_input_o2gm6_3", p = "_button_o2gm6_80", c = "_h_o2gm6_126", a = "_b_o2gm6_80", g = "_d_o2gm6_15", m = "_m_o2gm6_148", i = "_a_o2gm6_54", u = "_prev_o2gm6_150", s = "_orange_o2gm6_164", d = "_current_o2gm6_181", b = "_monthGrid_o2gm6_186", l = {
|
2
|
-
"input-field-group-datePicker": "_input-field-group-datePicker_o2gm6_3",
|
3
|
-
wrapper: o,
|
4
|
-
"date-wrapper": "_date-wrapper_o2gm6_15",
|
5
|
-
"input-wrapper": "_input-wrapper_o2gm6_19",
|
6
|
-
"right-slot": "_right-slot_o2gm6_22",
|
7
|
-
inputBorderControl: t,
|
8
|
-
editable: _,
|
9
|
-
active: r,
|
10
|
-
textError: n,
|
11
|
-
input: e,
|
12
|
-
"button-wrapper": "_button-wrapper_o2gm6_80",
|
13
|
-
button: p,
|
14
|
-
"calendar-block": "_calendar-block_o2gm6_104",
|
15
|
-
h: c,
|
16
|
-
b: a,
|
17
|
-
d: g,
|
18
|
-
m,
|
19
|
-
a: i,
|
20
|
-
prev: u,
|
21
|
-
orange: s,
|
22
|
-
current: d,
|
23
|
-
monthGrid: b,
|
24
|
-
"icon-button": "_icon-button_o2gm6_191"
|
25
|
-
};
|
26
|
-
export {
|
27
|
-
l as c
|
28
|
-
};
|