mimir-ui-kit 1.43.4 → 1.43.6
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/components/DatePicker/DatePicker.js +199 -135
- package/dist/components/DatePicker/DatePickerModal.d.ts +2 -1
- package/dist/components/DatePicker/DatePickerModal.js +75 -74
- package/dist/components/DatePicker/MonthPickerModal.d.ts +3 -1
- package/dist/components/DatePicker/MonthPickerModal.js +74 -72
- package/dist/components/DatePicker/YearPickerModal.d.ts +3 -1
- package/dist/components/DatePicker/YearPickerModal.js +73 -63
- package/dist/components/InputPassword/InputPassword.d.ts +5 -2
- package/dist/components/InputPassword/InputPassword.js +46 -35
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/64px/AdvancePaymentDiscount64px.js +59 -0
- package/dist/icons/components/64px/AtsVendors64px.js +37 -0
- package/dist/icons/components/64px/ButtonOn64px.js +31 -0
- package/dist/icons/components/64px/BuyoutAuto64px.js +45 -0
- package/dist/icons/components/64px/CarAssistance64px.js +44 -0
- package/dist/icons/components/64px/CarDelivery64px.js +37 -0
- package/dist/icons/components/64px/CarSearchReturn64px.js +45 -0
- package/dist/icons/components/64px/CarService64px.js +37 -0
- package/dist/icons/components/64px/Case64px.js +33 -0
- package/dist/icons/components/64px/CoatOfArms64px.js +149 -0
- package/dist/icons/components/64px/CoffeeCup64px.js +44 -0
- package/dist/icons/components/64px/Cup64px.js +38 -0
- package/dist/icons/components/64px/ExpertAdvice64px.js +40 -0
- package/dist/icons/components/64px/Fines64px.js +88 -0
- package/dist/icons/components/64px/Fuel64px.js +38 -0
- package/dist/icons/components/64px/GazprombankIcon24px.js +21 -0
- package/dist/icons/components/64px/Kasko64px.js +44 -0
- package/dist/icons/components/64px/LegalSupport64px.js +58 -0
- package/dist/icons/components/64px/Microphone64px.js +37 -0
- package/dist/icons/components/64px/Money64px.js +60 -0
- package/dist/icons/components/64px/PaymentSchedule64px.js +39 -0
- package/dist/icons/components/64px/PersonalManager64px.js +100 -0
- package/dist/icons/components/64px/PreApproval64px.js +44 -0
- package/dist/icons/components/64px/Questions64px.js +37 -0
- package/dist/icons/components/64px/SupportGeography64px.js +51 -0
- package/dist/icons/components/64px/Timer64px.js +45 -0
- package/dist/icons/components/64px/Twogis64px.js +51 -0
- package/dist/icons/components/64px/Vehicles64px.js +45 -0
- package/dist/icons/components/64px/Workplace64px.js +38 -0
- package/dist/icons/components/index.js +593 -564
- package/dist/{index-__gOemjc.js → index-C2dQUuc9.js} +497 -323
- package/package.json +1 -1
@@ -1,12 +1,14 @@
|
|
1
1
|
type TProps = {
|
2
2
|
date: Date;
|
3
|
+
selectedDate?: Date;
|
3
4
|
before?: Date;
|
4
5
|
onChangeValue: (date: Date) => void;
|
5
6
|
onChangeType?: (type: 'years') => void;
|
7
|
+
onChangeMonth?: (year: number, month: number) => void;
|
6
8
|
disableFuture?: boolean;
|
7
9
|
disablePast?: boolean;
|
8
10
|
disabledDate?: (date: Date) => boolean;
|
9
11
|
validRange?: [Date, Date];
|
10
12
|
};
|
11
|
-
export declare const MonthPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
|
13
|
+
export declare const MonthPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeMonth, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
|
12
14
|
export {};
|
@@ -1,126 +1,128 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c as
|
3
|
-
import { useState as
|
1
|
+
import { jsxs as w, jsx as f } from "react/jsx-runtime";
|
2
|
+
import { c as R } from "../../index-DIxK0V-G.js";
|
3
|
+
import { useState as _ } from "react";
|
4
4
|
import { months as C } from "./constants.js";
|
5
|
-
import { useDatePickerPosition as
|
5
|
+
import { useDatePickerPosition as L } from "./hooks.js";
|
6
6
|
import { c } from "../../styles.module-Cuqm31CO.js";
|
7
|
-
import { Icon as
|
8
|
-
import { formating as
|
9
|
-
import { Button as
|
10
|
-
const
|
11
|
-
date:
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
7
|
+
import { Icon as b } from "../../icons/Icon.js";
|
8
|
+
import { formating as F } from "../../utils/index.js";
|
9
|
+
import { Button as H } from "../Button/Button.js";
|
10
|
+
const Z = ({
|
11
|
+
date: P,
|
12
|
+
selectedDate: D,
|
13
|
+
onChangeValue: A,
|
14
|
+
before: m,
|
15
|
+
onChangeType: y,
|
16
|
+
onChangeMonth: g,
|
17
|
+
disableFuture: G = !1,
|
18
|
+
disablePast: I = !1,
|
17
19
|
disabledDate: u,
|
18
|
-
validRange:
|
20
|
+
validRange: M
|
19
21
|
}) => {
|
20
|
-
const
|
21
|
-
y:
|
22
|
-
d:
|
23
|
-
m:
|
24
|
-
},
|
25
|
-
y:
|
26
|
-
d:
|
27
|
-
m:
|
28
|
-
}, [t,
|
29
|
-
|
30
|
-
},
|
31
|
-
|
32
|
-
},
|
33
|
-
const i = /* @__PURE__ */ new Date(),
|
34
|
-
if (
|
35
|
-
const [
|
36
|
-
|
37
|
-
const
|
38
|
-
|
39
|
-
const
|
40
|
-
if (
|
22
|
+
const N = L(), d = new Date(P), p = D ? new Date(D) : d, h = {
|
23
|
+
y: p.getFullYear(),
|
24
|
+
d: p.getDate(),
|
25
|
+
m: p.getMonth() + 1
|
26
|
+
}, k = {
|
27
|
+
y: d.getFullYear(),
|
28
|
+
d: d.getDate(),
|
29
|
+
m: d.getMonth() + 1
|
30
|
+
}, [t, x] = _(k.y), O = () => {
|
31
|
+
x(t + 1);
|
32
|
+
}, S = () => {
|
33
|
+
x(t - 1);
|
34
|
+
}, Y = (e) => {
|
35
|
+
const i = /* @__PURE__ */ new Date(), n = i.getFullYear(), l = i.getMonth() + 1;
|
36
|
+
if (M) {
|
37
|
+
const [r, a] = M, o = new Date(t, e - 1, 1), s = new Date(t, e, 0);
|
38
|
+
o.setHours(0, 0, 0, 0), s.setHours(23, 59, 59, 999);
|
39
|
+
const v = new Date(r), B = new Date(a);
|
40
|
+
v.setHours(0, 0, 0, 0), B.setHours(23, 59, 59, 999);
|
41
|
+
const j = s < v, z = o > B;
|
42
|
+
if (j || z)
|
41
43
|
return !0;
|
42
44
|
}
|
43
|
-
if (
|
44
|
-
const
|
45
|
-
if (
|
45
|
+
if (m) {
|
46
|
+
const r = m.getFullYear(), a = m.getMonth() + 1;
|
47
|
+
if (r > t || r === t && a > e)
|
46
48
|
return !0;
|
47
49
|
}
|
48
|
-
if (
|
50
|
+
if (G && (t > n || t === n && e > l) || I && (t < n || t === n && e < l))
|
49
51
|
return !0;
|
50
52
|
if (u) {
|
51
|
-
const
|
52
|
-
for (const
|
53
|
-
const
|
54
|
-
if (!u(
|
53
|
+
const r = new Date(t, e, 0).getDate(), a = [1, Math.ceil(r / 2), r];
|
54
|
+
for (const o of a) {
|
55
|
+
const s = new Date(t, e - 1, o);
|
56
|
+
if (!u(s)) return !1;
|
55
57
|
}
|
56
|
-
for (let
|
57
|
-
if (
|
58
|
-
const
|
59
|
-
if (!u(
|
58
|
+
for (let o = 2; o < r; o += 3) {
|
59
|
+
if (a.includes(o)) continue;
|
60
|
+
const s = new Date(t, e - 1, o);
|
61
|
+
if (!u(s)) return !1;
|
60
62
|
}
|
61
|
-
for (let
|
62
|
-
if (
|
63
|
-
const
|
64
|
-
if (!u(
|
63
|
+
for (let o = 1; o <= r; o++) {
|
64
|
+
if (a.includes(o) || (o - 2) % 3 === 0) continue;
|
65
|
+
const s = new Date(t, e - 1, o);
|
66
|
+
if (!u(s)) return !1;
|
65
67
|
}
|
66
68
|
return !0;
|
67
69
|
}
|
68
70
|
return !1;
|
69
|
-
},
|
70
|
-
|
71
|
+
}, $ = (e) => {
|
72
|
+
Y(e) || (g ? g(t, e) : A(
|
71
73
|
/* @__PURE__ */ new Date(
|
72
|
-
`${t}-${
|
74
|
+
`${t}-${F.Number(2, e)}-${F.Number(2, k.d)}`
|
73
75
|
)
|
74
|
-
);
|
76
|
+
));
|
75
77
|
};
|
76
|
-
return /* @__PURE__ */
|
77
|
-
/* @__PURE__ */
|
78
|
+
return /* @__PURE__ */ w("div", { className: c["calendar-block"], ref: N, children: [
|
79
|
+
/* @__PURE__ */ w("div", { className: c.h, children: [
|
78
80
|
/* @__PURE__ */ f(
|
79
|
-
|
81
|
+
H,
|
80
82
|
{
|
81
83
|
isIconButton: !0,
|
82
84
|
iconName: "DropdownArrowLeft16px",
|
83
|
-
onClick:
|
85
|
+
onClick: S,
|
84
86
|
variant: "secondary-gray",
|
85
87
|
size: "l"
|
86
88
|
}
|
87
89
|
),
|
88
|
-
/* @__PURE__ */
|
90
|
+
/* @__PURE__ */ w(
|
89
91
|
"button",
|
90
92
|
{
|
91
93
|
type: "button",
|
92
|
-
onClick: () =>
|
94
|
+
onClick: () => y == null ? void 0 : y("years"),
|
93
95
|
className: c.d,
|
94
96
|
"data-testid": "year-button",
|
95
97
|
children: [
|
96
98
|
t.toString(),
|
97
|
-
/* @__PURE__ */ f(
|
99
|
+
/* @__PURE__ */ f(b, { iconName: "DropdownArrowBottom16px" })
|
98
100
|
]
|
99
101
|
}
|
100
102
|
),
|
101
103
|
/* @__PURE__ */ f(
|
102
|
-
|
104
|
+
H,
|
103
105
|
{
|
104
106
|
isIconButton: !0,
|
105
107
|
iconName: "DropdownArrowRight16px",
|
106
|
-
onClick:
|
108
|
+
onClick: O,
|
107
109
|
variant: "secondary-gray",
|
108
110
|
size: "l"
|
109
111
|
}
|
110
112
|
)
|
111
113
|
] }),
|
112
|
-
/* @__PURE__ */ f("div", { className: c.monthGrid, "data-testid": "month-picker", children: C.map((
|
113
|
-
const
|
114
|
+
/* @__PURE__ */ f("div", { className: c.monthGrid, "data-testid": "month-picker", children: C.map((e, i) => {
|
115
|
+
const n = i + 1, l = Y(n);
|
114
116
|
return /* @__PURE__ */ f(
|
115
117
|
"button",
|
116
118
|
{
|
117
119
|
type: "button",
|
118
|
-
onClick: () =>
|
120
|
+
onClick: () => $(n),
|
119
121
|
disabled: l,
|
120
|
-
className:
|
121
|
-
[c.current]: h.y === t && h.m ===
|
122
|
+
className: R(l ? c.m : c.a, {
|
123
|
+
[c.current]: D && h.y === t && h.m === n
|
122
124
|
}),
|
123
|
-
children:
|
125
|
+
children: e
|
124
126
|
},
|
125
127
|
i
|
126
128
|
);
|
@@ -128,5 +130,5 @@ const W = ({
|
|
128
130
|
] });
|
129
131
|
};
|
130
132
|
export {
|
131
|
-
|
133
|
+
Z as MonthPickerModal
|
132
134
|
};
|
@@ -1,12 +1,14 @@
|
|
1
1
|
type TProps = {
|
2
2
|
date: Date;
|
3
|
+
selectedDate?: Date;
|
3
4
|
before?: Date;
|
4
5
|
onChangeValue: (date: Date) => void;
|
5
6
|
onChangeType?: (type: 'years') => void;
|
7
|
+
onChangeYear?: (year: number) => void;
|
6
8
|
disableFuture?: boolean;
|
7
9
|
disablePast?: boolean;
|
8
10
|
disabledDate?: (date: Date) => boolean;
|
9
11
|
validRange?: [Date, Date];
|
10
12
|
};
|
11
|
-
export declare const YearPickerModal: ({ date, onChangeValue, before, onChangeType, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
|
13
|
+
export declare const YearPickerModal: ({ date, selectedDate, onChangeValue, before, onChangeType, onChangeYear, disableFuture, disablePast, disabledDate, validRange }: TProps) => import("react/jsx-runtime").JSX.Element;
|
12
14
|
export {};
|
@@ -1,62 +1,72 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c as
|
3
|
-
import { useState as
|
4
|
-
import { useDatePickerPosition as
|
5
|
-
import { c as
|
6
|
-
import { formating as
|
7
|
-
import { Button as
|
8
|
-
const
|
9
|
-
date:
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
1
|
+
import { jsxs as b, jsx as c } from "react/jsx-runtime";
|
2
|
+
import { c as $ } from "../../index-DIxK0V-G.js";
|
3
|
+
import { useState as j } from "react";
|
4
|
+
import { useDatePickerPosition as z } from "./hooks.js";
|
5
|
+
import { c as n } from "../../styles.module-Cuqm31CO.js";
|
6
|
+
import { formating as F } from "../../utils/index.js";
|
7
|
+
import { Button as P } from "../Button/Button.js";
|
8
|
+
const p = 15, I = 7, W = ({
|
9
|
+
date: v,
|
10
|
+
selectedDate: u,
|
11
|
+
onChangeValue: E,
|
12
|
+
before: Y,
|
13
|
+
onChangeType: d,
|
14
|
+
onChangeYear: N,
|
15
|
+
disableFuture: S = !1,
|
16
|
+
disablePast: _ = !1,
|
17
|
+
disabledDate: o,
|
18
|
+
validRange: k
|
17
19
|
}) => {
|
18
|
-
const
|
19
|
-
y:
|
20
|
-
d:
|
21
|
-
m:
|
22
|
-
},
|
23
|
-
y:
|
24
|
-
d:
|
25
|
-
m:
|
26
|
-
}, [
|
27
|
-
(t) => t +
|
28
|
-
),
|
29
|
-
|
20
|
+
const y = z(), i = new Date(v), l = u ? new Date(u) : i, G = {
|
21
|
+
y: l.getFullYear(),
|
22
|
+
d: l.getDate(),
|
23
|
+
m: l.getMonth() + 1
|
24
|
+
}, e = {
|
25
|
+
y: i.getFullYear(),
|
26
|
+
d: i.getDate(),
|
27
|
+
m: i.getMonth() + 1
|
28
|
+
}, [D, h] = j(e.y), M = D - I, Q = Array.from(Array(p).keys()).map(
|
29
|
+
(t) => t + M
|
30
|
+
), B = () => {
|
31
|
+
h(D + p);
|
30
32
|
}, H = () => {
|
31
|
-
|
33
|
+
h(D - p);
|
32
34
|
}, g = (t) => {
|
33
|
-
const
|
34
|
-
if (
|
35
|
-
const [
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
35
|
+
const s = (/* @__PURE__ */ new Date()).getFullYear();
|
36
|
+
if (k) {
|
37
|
+
const [a, w] = k;
|
38
|
+
let r;
|
39
|
+
if (e.m && e.d)
|
40
|
+
r = new Date(t, e.m - 1, e.d);
|
41
|
+
else {
|
42
|
+
const A = /* @__PURE__ */ new Date();
|
43
|
+
r = new Date(t, A.getMonth(), A.getDate());
|
44
|
+
}
|
45
|
+
r.setHours(0, 0, 0, 0);
|
46
|
+
const m = new Date(a), f = new Date(w);
|
47
|
+
if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), r < m || r > f)
|
48
|
+
return !0;
|
41
49
|
}
|
42
|
-
if (
|
50
|
+
if (Y && Y.getFullYear() > t || S && t > s || _ && t < s)
|
43
51
|
return !0;
|
44
|
-
if (
|
45
|
-
const
|
46
|
-
|
52
|
+
if (o) {
|
53
|
+
const a = new Date(t, e.m - 1, e.d);
|
54
|
+
if (!o(a)) return !1;
|
55
|
+
const w = new Date(t, 2, 15), r = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
|
56
|
+
return o(w) && o(r) && o(m) && o(f);
|
47
57
|
}
|
48
58
|
return !1;
|
49
|
-
},
|
50
|
-
g(t) ||
|
59
|
+
}, R = (t) => {
|
60
|
+
g(t) || (N ? N(t) : E(
|
51
61
|
/* @__PURE__ */ new Date(
|
52
|
-
`${t}-${
|
62
|
+
`${t}-${F.Number(2, e.m)}-${F.Number(2, e.d)}`
|
53
63
|
)
|
54
|
-
);
|
64
|
+
));
|
55
65
|
};
|
56
|
-
return /* @__PURE__ */
|
57
|
-
/* @__PURE__ */
|
58
|
-
/* @__PURE__ */
|
59
|
-
|
66
|
+
return /* @__PURE__ */ b("div", { className: n["calendar-block"], ref: y, children: [
|
67
|
+
/* @__PURE__ */ b("div", { className: n.h, children: [
|
68
|
+
/* @__PURE__ */ c(
|
69
|
+
P,
|
60
70
|
{
|
61
71
|
isIconButton: !0,
|
62
72
|
iconName: "DropdownArrowLeft16px",
|
@@ -65,39 +75,39 @@ const D = 15, z = 7, W = ({
|
|
65
75
|
size: "l"
|
66
76
|
}
|
67
77
|
),
|
68
|
-
/* @__PURE__ */
|
78
|
+
/* @__PURE__ */ c(
|
69
79
|
"button",
|
70
80
|
{
|
71
81
|
type: "button",
|
72
|
-
onClick: () =>
|
73
|
-
className:
|
82
|
+
onClick: () => d == null ? void 0 : d("years"),
|
83
|
+
className: n.d
|
74
84
|
}
|
75
85
|
),
|
76
|
-
/* @__PURE__ */
|
77
|
-
|
86
|
+
/* @__PURE__ */ c(
|
87
|
+
P,
|
78
88
|
{
|
79
89
|
isIconButton: !0,
|
80
90
|
iconName: "DropdownArrowRight16px",
|
81
|
-
onClick:
|
91
|
+
onClick: B,
|
82
92
|
variant: "secondary-gray",
|
83
93
|
size: "l"
|
84
94
|
}
|
85
95
|
)
|
86
96
|
] }),
|
87
|
-
/* @__PURE__ */
|
88
|
-
const
|
89
|
-
return /* @__PURE__ */
|
97
|
+
/* @__PURE__ */ c("div", { className: n.monthGrid, "data-testid": "year-picker", children: Q.map((t, x) => {
|
98
|
+
const s = g(t);
|
99
|
+
return /* @__PURE__ */ c(
|
90
100
|
"button",
|
91
101
|
{
|
92
102
|
type: "button",
|
93
|
-
onClick: () =>
|
94
|
-
disabled:
|
95
|
-
className:
|
96
|
-
[
|
103
|
+
onClick: () => R(t),
|
104
|
+
disabled: s,
|
105
|
+
className: $(s ? n.m : n.a, {
|
106
|
+
[n.current]: u && G.y === t
|
97
107
|
}),
|
98
108
|
children: t
|
99
109
|
},
|
100
|
-
|
110
|
+
x
|
101
111
|
);
|
102
112
|
}) })
|
103
113
|
] });
|
@@ -1,4 +1,7 @@
|
|
1
1
|
import { TInputProps } from '../Input';
|
2
2
|
|
3
|
-
export
|
4
|
-
|
3
|
+
export interface TProps extends TInputProps {
|
4
|
+
/** Показывать пароль при удержании кнопки */
|
5
|
+
showOnHold?: boolean;
|
6
|
+
}
|
7
|
+
export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLInputElement>>>;
|
@@ -1,47 +1,58 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c } from "../../index-DIxK0V-G.js";
|
3
|
-
import { memo as
|
4
|
-
import { Icon as
|
5
|
-
import { Button as
|
6
|
-
import { I as
|
7
|
-
import '../../assets/InputPassword.css';const
|
8
|
-
input:
|
9
|
-
wrapper:
|
1
|
+
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
2
|
+
import { c as l } from "../../index-DIxK0V-G.js";
|
3
|
+
import { memo as d, forwardRef as b, useState as f, useCallback as r } from "react";
|
4
|
+
import { Icon as x } from "../../icons/Icon.js";
|
5
|
+
import { Button as N } from "../Button/Button.js";
|
6
|
+
import { I as h } from "../../Input-BU_6U1CW.js";
|
7
|
+
import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrapper_7b9x2_6", I = "_button_7b9x2_17", v = "_icon_7b9x2_33", C = "_show_7b9x2_38", e = {
|
8
|
+
input: M,
|
9
|
+
wrapper: y,
|
10
10
|
"input-wrapper": "_input-wrapper_7b9x2_13",
|
11
11
|
"button-wrapper": "_button-wrapper_7b9x2_17",
|
12
|
-
button:
|
13
|
-
icon:
|
14
|
-
show:
|
15
|
-
},
|
16
|
-
|
17
|
-
({ size:
|
18
|
-
const [
|
19
|
-
|
20
|
-
|
21
|
-
|
12
|
+
button: I,
|
13
|
+
icon: v,
|
14
|
+
show: C
|
15
|
+
}, P = d(
|
16
|
+
b(
|
17
|
+
({ size: p, showOnHold: t = !1, ...n }, i) => {
|
18
|
+
const [s, a] = f(!1), c = r(() => {
|
19
|
+
t || a(!s);
|
20
|
+
}, [t, s]), u = r(() => {
|
21
|
+
t && a(!0);
|
22
|
+
}, [t]), m = r(() => {
|
23
|
+
t && a(!1);
|
24
|
+
}, [t]), w = r(() => {
|
25
|
+
t && a(!1);
|
26
|
+
}, [t]);
|
27
|
+
return /* @__PURE__ */ _("div", { className: e.wrapper, "data-testid": "input-password-wrapper", children: [
|
28
|
+
/* @__PURE__ */ o(
|
29
|
+
h,
|
22
30
|
{
|
23
|
-
ref:
|
24
|
-
className:
|
25
|
-
wrapperClassName:
|
26
|
-
size:
|
27
|
-
type:
|
31
|
+
ref: i,
|
32
|
+
className: e.input,
|
33
|
+
wrapperClassName: e["input-wrapper"],
|
34
|
+
size: p,
|
35
|
+
type: s ? "text" : "password",
|
28
36
|
"data-testid": "password-input",
|
29
|
-
...
|
37
|
+
...n
|
30
38
|
}
|
31
39
|
),
|
32
|
-
/* @__PURE__ */
|
33
|
-
|
40
|
+
/* @__PURE__ */ o("div", { className: e["button-wrapper"], children: /* @__PURE__ */ o(
|
41
|
+
N,
|
34
42
|
{
|
35
43
|
clear: !0,
|
36
44
|
type: "button",
|
37
|
-
className:
|
38
|
-
onClick:
|
45
|
+
className: e.button,
|
46
|
+
onClick: c,
|
47
|
+
onMouseDown: u,
|
48
|
+
onMouseUp: m,
|
49
|
+
onMouseLeave: w,
|
39
50
|
"data-testid": "eye-icon",
|
40
|
-
children: /* @__PURE__ */
|
41
|
-
|
51
|
+
children: /* @__PURE__ */ o(
|
52
|
+
x,
|
42
53
|
{
|
43
|
-
className:
|
44
|
-
[
|
54
|
+
className: l(e.icon, {
|
55
|
+
[e.show]: s
|
45
56
|
}),
|
46
57
|
iconName: "Eye24px"
|
47
58
|
}
|
@@ -52,7 +63,7 @@ import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrappe
|
|
52
63
|
}
|
53
64
|
)
|
54
65
|
);
|
55
|
-
|
66
|
+
P.displayName = "InputPassword";
|
56
67
|
export {
|
57
|
-
|
68
|
+
P as InputPassword
|
58
69
|
};
|
package/dist/icons/Icon.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
2
2
|
import { Suspense as s } from "react";
|
3
|
-
import { i as e } from "../index-
|
3
|
+
import { i as e } from "../index-C2dQUuc9.js";
|
4
4
|
const p = ({ iconName: o, ...n }) => {
|
5
5
|
const r = e[o];
|
6
6
|
return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;
|
@@ -0,0 +1,59 @@
|
|
1
|
+
import { jsxs as d, jsx as l } from "react/jsx-runtime";
|
2
|
+
const c = (e) => /* @__PURE__ */ d(
|
3
|
+
"svg",
|
4
|
+
{
|
5
|
+
...e,
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
7
|
+
width: 64,
|
8
|
+
height: 64,
|
9
|
+
fill: "none",
|
10
|
+
children: [
|
11
|
+
/* @__PURE__ */ l(
|
12
|
+
"path",
|
13
|
+
{
|
14
|
+
fill: "#FF7900",
|
15
|
+
d: "M35.555 41.474a.702.702 0 1 0 0-1.404.702.702 0 0 0 0 1.404"
|
16
|
+
}
|
17
|
+
),
|
18
|
+
/* @__PURE__ */ l(
|
19
|
+
"path",
|
20
|
+
{
|
21
|
+
fill: "#FF7900",
|
22
|
+
fillRule: "evenodd",
|
23
|
+
d: "M38.152 14.098a3.373 3.373 0 1 0 0 6.746 3.373 3.373 0 0 0 0-6.746m-4.348 3.373a4.348 4.348 0 1 1 8.696 0 4.348 4.348 0 0 1-8.696 0M29.66 10.666c.27 0 .488.218.488.488v7.299a.488.488 0 1 1-.975 0v-7.3c0-.269.219-.487.488-.487M25.661 10.666c.27 0 .488.218.488.488v4.351a.488.488 0 1 1-.975 0v-4.351c0-.27.218-.488.487-.488",
|
24
|
+
clipRule: "evenodd"
|
25
|
+
}
|
26
|
+
),
|
27
|
+
/* @__PURE__ */ l(
|
28
|
+
"path",
|
29
|
+
{
|
30
|
+
fill: "#4D4D4D",
|
31
|
+
fillRule: "evenodd",
|
32
|
+
d: "M18.009 29.33a2.807 2.807 0 0 0-2.812 2.812v17.406a2.807 2.807 0 0 0 2.812 2.811h28.215a2.807 2.807 0 0 0 2.81-2.81V32.141a2.807 2.807 0 0 0-2.81-2.811zm-3.787 2.812a3.78 3.78 0 0 1 3.787-3.787h28.215a3.78 3.78 0 0 1 3.786 3.787v17.406a3.78 3.78 0 0 1-3.786 3.786H18.009a3.78 3.78 0 0 1-3.787-3.786z",
|
33
|
+
clipRule: "evenodd"
|
34
|
+
}
|
35
|
+
),
|
36
|
+
/* @__PURE__ */ l(
|
37
|
+
"path",
|
38
|
+
{
|
39
|
+
fill: "#4D4D4D",
|
40
|
+
fillRule: "evenodd",
|
41
|
+
d: "M17.87 29.33c-1.416 0-2.601 1.186-2.601 2.601V49.76c0 1.415 1.185 2.6 2.6 2.6h24.566c1.408 0 2.6-1.178 2.6-2.67V31.93c0-1.415-1.185-2.6-2.6-2.6zm-3.576 2.601c0-1.954 1.622-3.576 3.575-3.576h24.566c1.953 0 3.575 1.622 3.575 3.576v17.757c0 2.017-1.614 3.646-3.575 3.646H17.869c-1.953 0-3.575-1.622-3.575-3.575z",
|
42
|
+
clipRule: "evenodd"
|
43
|
+
}
|
44
|
+
),
|
45
|
+
/* @__PURE__ */ l(
|
46
|
+
"path",
|
47
|
+
{
|
48
|
+
fill: "#4D4D4D",
|
49
|
+
fillRule: "evenodd",
|
50
|
+
d: "M35.556 37.753c-1.633 0-3.022 1.332-3.022 3.021 0 1.632 1.332 3.022 3.022 3.022h13.479v-6.044zm-3.997 3.021c0-2.24 1.838-3.997 3.997-3.997H50.01v7.994H35.556c-2.241 0-3.997-1.839-3.997-3.997M25.517 21.399a3.373 3.373 0 1 0 0 6.745 3.373 3.373 0 0 0 0-6.745m-4.348 3.373a4.348 4.348 0 1 1 8.696 0 4.348 4.348 0 0 1-8.696 0",
|
51
|
+
clipRule: "evenodd"
|
52
|
+
}
|
53
|
+
)
|
54
|
+
]
|
55
|
+
}
|
56
|
+
);
|
57
|
+
export {
|
58
|
+
c as default
|
59
|
+
};
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { jsxs as h, jsx as l } from "react/jsx-runtime";
|
2
|
+
const t = (a) => /* @__PURE__ */ h(
|
3
|
+
"svg",
|
4
|
+
{
|
5
|
+
...a,
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
7
|
+
width: 64,
|
8
|
+
height: 64,
|
9
|
+
fill: "none",
|
10
|
+
children: [
|
11
|
+
/* @__PURE__ */ l(
|
12
|
+
"path",
|
13
|
+
{
|
14
|
+
fill: "#4D4D4D",
|
15
|
+
d: "M62 42.873h-8.214v-.945h7.26l-.092-8.34-1.69-8.733c-.359-1.865-2.484-3.78-3.738-3.789h-11.97l.067 12.79-40.678.033.025 7.989 2.209.041-.017.946-3.137-.059L2 32.944l40.67-.033-.068-12.79h12.924c1.84.017 4.24 2.35 4.667 4.55L61.9 33.53l.1 9.335z"
|
16
|
+
}
|
17
|
+
),
|
18
|
+
/* @__PURE__ */ l(
|
19
|
+
"path",
|
20
|
+
{
|
21
|
+
fill: "#4D4D4D",
|
22
|
+
d: "M61.422 34.014H54.28a2.635 2.635 0 0 1-2.635-2.635v-4.232a2.635 2.635 0 0 1 2.635-2.635h5.478v.945H54.28a1.69 1.69 0 0 0-1.69 1.69v4.232c0 .937.761 1.69 1.69 1.69h7.143zM42.77 41.92H25.959v.945H42.77zM48.61 45.458a4.091 4.091 0 1 1 .002-8.182 4.091 4.091 0 0 1-.001 8.182m0-7.235a3.15 3.15 0 0 0-3.145 3.145 3.15 3.15 0 0 0 3.146 3.145 3.15 3.15 0 0 0 3.145-3.145 3.15 3.15 0 0 0-3.145-3.145M20.228 45.458a4.091 4.091 0 1 1 .001-8.182 4.091 4.091 0 0 1-.001 8.182m0-7.235a3.15 3.15 0 0 0-3.145 3.145 3.15 3.15 0 0 0 3.145 3.145 3.15 3.15 0 0 0 3.145-3.145 3.15 3.15 0 0 0-3.145-3.145M10.76 45.458a4.091 4.091 0 1 1 0-8.182 4.091 4.091 0 0 1 0 8.182m0-7.235a3.15 3.15 0 0 0-3.146 3.145 3.15 3.15 0 0 0 3.145 3.145 3.15 3.15 0 0 0 3.145-3.145 3.15 3.15 0 0 0-3.145-3.145M26.658 30.878h-11.05v-.945h11.05zm9.126-.092-.05-.945.635-.034c.41-.016.72-.15.92-.393.268-.31.377-.82.31-1.439-.218-2.024-1.221-2.442-3.296-2.877-1.02-.21-1.823-.343-2.51-.46-2.25-.377-3.278-.552-5.905-2.384-1.94-1.355-3.471-2.309-5.52-2.309h-4.626c-2.384 0-3.756 1.104-5.839 2.769l-.284.226c-.318.26-.678.552-1.196.619l-4.283.577a.907.907 0 0 0-.795.912v3.546c0 .61.11.661.87.77l2.292.318-.134.937-2.292-.318c-.71-.1-1.69-.234-1.69-1.707v-3.546c0-.945.678-1.723 1.615-1.849l4.283-.577c.25-.034.46-.2.728-.418l.284-.226C11.451 20.246 13.007 19 15.725 19h4.626c2.317 0 4.048 1.079 6.056 2.484 2.46 1.715 3.287 1.857 5.52 2.234.695.117 1.514.25 2.543.468 2.117.435 3.756.987 4.049 3.697.092.887-.084 1.631-.527 2.15-.377.435-.928.686-1.59.72l-.635.033z"
|
23
|
+
}
|
24
|
+
),
|
25
|
+
/* @__PURE__ */ l(
|
26
|
+
"path",
|
27
|
+
{
|
28
|
+
fill: "#FF7900",
|
29
|
+
d: "M31.264 32.878a3.266 3.266 0 0 1-3.262-3.262 3.266 3.266 0 0 1 3.262-3.262 3.266 3.266 0 0 1 3.262 3.262 3.266 3.266 0 0 1-3.262 3.262m0-5.57a2.317 2.317 0 1 0 0 4.633 2.317 2.317 0 0 0 0-4.634M10.947 32.878a3.266 3.266 0 0 1-3.262-3.262 3.266 3.266 0 0 1 3.262-3.262 3.266 3.266 0 0 1 3.262 3.262 3.266 3.266 0 0 1-3.262 3.262m0-5.57a2.317 2.317 0 1 0 0 4.633 2.317 2.317 0 0 0 0-4.634"
|
30
|
+
}
|
31
|
+
)
|
32
|
+
]
|
33
|
+
}
|
34
|
+
);
|
35
|
+
export {
|
36
|
+
t as default
|
37
|
+
};
|