mimir-ui-kit 1.43.28 → 1.44.1

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.
Files changed (80) hide show
  1. package/dist/Input-IzZ6B9kw.js +232 -0
  2. package/dist/assets/Avatar.css +1 -1
  3. package/dist/assets/Chip.css +1 -1
  4. package/dist/assets/CopyText.css +1 -0
  5. package/dist/assets/Counter.css +1 -0
  6. package/dist/assets/DropdownSelect.css +1 -0
  7. package/dist/assets/Input.css +1 -1
  8. package/dist/assets/Pagination.css +1 -1
  9. package/dist/assets/SelectSearch.css +1 -1
  10. package/dist/assets/TabTrail.css +1 -1
  11. package/dist/assets/index.css +1 -1
  12. package/dist/assets/styles.css +1 -1
  13. package/dist/components/Avatar/Avatar.d.ts +1 -1
  14. package/dist/components/Avatar/Avatar.js +41 -37
  15. package/dist/components/Avatar/constants.d.ts +5 -0
  16. package/dist/components/Avatar/constants.js +3 -2
  17. package/dist/components/Avatar/index.d.ts +1 -0
  18. package/dist/components/Avatar/index.js +5 -4
  19. package/dist/components/Avatar/types.d.ts +3 -1
  20. package/dist/components/Chip/Chip.d.ts +5 -1
  21. package/dist/components/Chip/Chip.js +45 -36
  22. package/dist/components/Chip/constants.d.ts +5 -1
  23. package/dist/components/Chip/constants.js +3 -3
  24. package/dist/components/CopyText/CopyText.d.ts +3 -0
  25. package/dist/components/CopyText/CopyText.js +96 -0
  26. package/dist/components/CopyText/index.d.ts +2 -0
  27. package/dist/components/CopyText/index.js +4 -0
  28. package/dist/components/CopyText/types.d.ts +32 -0
  29. package/dist/components/DatePicker/DatePicker.d.ts +19 -0
  30. package/dist/components/DatePicker/DatePicker.js +149 -134
  31. package/dist/components/DatePicker/DatePickerModal.js +1 -1
  32. package/dist/components/DatePicker/MonthPickerModal.js +1 -1
  33. package/dist/components/DatePicker/YearPickerModal.js +1 -1
  34. package/dist/components/DatePicker/constants.d.ts +6 -0
  35. package/dist/components/DatePicker/constants.js +13 -12
  36. package/dist/components/DatePicker/index.d.ts +1 -0
  37. package/dist/components/DatePicker/index.js +3 -1
  38. package/dist/components/DropdownSelect/DropdownSelect.d.ts +3 -0
  39. package/dist/components/DropdownSelect/DropdownSelect.js +115 -0
  40. package/dist/components/DropdownSelect/constants.d.ts +5 -0
  41. package/dist/components/DropdownSelect/constants.js +4 -0
  42. package/dist/components/DropdownSelect/index.d.ts +3 -0
  43. package/dist/components/DropdownSelect/index.js +6 -0
  44. package/dist/components/DropdownSelect/types.d.ts +56 -0
  45. package/dist/components/Input/Input.d.ts +5 -0
  46. package/dist/components/Input/Input.js +1 -1
  47. package/dist/components/Input/constants.d.ts +6 -0
  48. package/dist/components/Input/constants.js +4 -3
  49. package/dist/components/Input/index.js +1 -1
  50. package/dist/components/InputPassword/InputPassword.js +1 -1
  51. package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
  52. package/dist/components/MultiSelectSearch/MultiSelectSearch.js +1 -1
  53. package/dist/components/MultiSelectSearch/utils.js +1 -1
  54. package/dist/components/OtpInput/OtpInput.js +1 -1
  55. package/dist/components/Pagination/Counter/Counter.d.ts +9 -0
  56. package/dist/components/Pagination/Counter/Counter.js +28 -0
  57. package/dist/components/Pagination/Pagination.d.ts +17 -0
  58. package/dist/components/Pagination/Pagination.js +167 -126
  59. package/dist/components/Pagination/constants.d.ts +6 -0
  60. package/dist/components/Pagination/constants.js +5 -3
  61. package/dist/components/Pagination/index.d.ts +1 -0
  62. package/dist/components/Pagination/index.js +4 -2
  63. package/dist/components/SelectSearch/SelectSearch.d.ts +2 -1
  64. package/dist/components/SelectSearch/SelectSearch.js +193 -187
  65. package/dist/components/SelectSearch/constants.d.ts +6 -0
  66. package/dist/components/SelectSearch/constants.js +7 -5
  67. package/dist/components/SelectSearch/index.d.ts +1 -1
  68. package/dist/components/SelectSearch/index.js +5 -4
  69. package/dist/components/SelectSearch/types.d.ts +6 -1
  70. package/dist/components/SelectSearch/utils.js +1 -1
  71. package/dist/components/TabTrail/TabTrail.d.ts +16 -0
  72. package/dist/components/TabTrail/TabTrail.js +257 -220
  73. package/dist/components/TextArea/TextArea.js +1 -1
  74. package/dist/components/index.d.ts +8 -4
  75. package/dist/components/index.js +178 -166
  76. package/dist/index.js +203 -191
  77. package/dist/styles.module-B3lX7mJq.js +31 -0
  78. package/package.json +1 -1
  79. package/dist/Input-BU_6U1CW.js +0 -227
  80. package/dist/styles.module-Cuqm31CO.js +0 -28
@@ -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
- };