mimir-ui-kit 1.38.9 → 1.38.11
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/MergedButton.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/DatePicker/DatePicker.js +2 -1
- 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/MergedButton/MergedButton.js +30 -27
- package/dist/components/Pagination/Pagination.js +124 -122
- package/dist/styles.module-BlOA4RBL.js +28 -0
- package/package.json +1 -1
- package/dist/styles.module-CPvzaOtD.js +0 -27
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._buttons_l320r_2{display:inline-flex}._merged-button_l320r_6{--button-height: var(--button-height-m);--button-space: var(--mimir-control-space-xs)}._merged-button_l320r_6:first-child{border-radius:0;border-top-left-radius:var(--mimir-control-radius);border-bottom-left-radius:var(--mimir-control-radius)}._merged-button_l320r_6:last-child{border-radius:0;border-top-right-radius:var(--mimir-control-radius);border-bottom-right-radius:var(--mimir-control-radius)}._merged-button_l320r_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_l320r_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_l320r_6._gray_l320r_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_l320r_6._white_l320r_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-hover: var(--white-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_l320r_6._transparent_l320r_44{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_l320r_6._is-icon_l320r_53{width:var(--button-height-m);padding:0}._merged-button_l320r_6._one-button_l320r_57{border-radius:var(--mimir-control-radius)}._merged-button_l320r_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_l320r_6:disabled:hover,._merged-button_l320r_6:disabled:active,._merged-button_l320r_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_15wir_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_15wir_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_15wir_3{gap:var(--mimir-space-xs)}}._container_15wir_3 ._pagination-button_15wir_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._container_15wir_3 ._pagination-button_15wir_18:active{background-color:var(--pagination-active)}._container_15wir_3 ._pagination-button_15wir_18:focus-visible,._container_15wir_3 ._pagination-button_15wir_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_15wir_3 ._pagination-button_15wir_18._is-active_15wir_37{background-color:var(--pagination-active)}._container_15wir_3 ._ellipsis_15wir_40{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
|
package/dist/assets/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-field-group-
|
|
1
|
+
._input-field-group-datePicker_1ogw2_3{display:flex;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8{--border-color: var(--citrine-100);position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15{position:relative;width:100%}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19{flex:1}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 ._right-slot_1ogw2_22{padding-top:0;order:2}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._inputBorderControl_1ogw2_26{border:transparent}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15:hover ._input-wrapper_1ogw2_19{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15._editable_1ogw2_39:before{display:none}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 svg{cursor:pointer}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8:has([data-error=true]){--border-color: var(--error-normal)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8._active_1ogw2_48{border-bottom:1px solid var(--border-color)}._input-field-group-datePicker_1ogw2_3 ._textError_1ogw2_51{font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);line-height:var(--mimir-size-text-m);text-align:left;color:var(--gos-znak-diplomatic-background-color)}._input_1ogw2_3{padding-right:var(--mimir-space-3xl)}[data-disabled=true] ._date-wrapper_1ogw2_15:before{cursor:auto}[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 label,[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1ogw2_74 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_1ogw2_74{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1ogw2_74{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1ogw2_98 ._h_1ogw2_120{display:flex;width:100%;color:var(--black-100)}._calendar-block_1ogw2_98 ._b_1ogw2_74{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_1ogw2_98 ._d_1ogw2_15{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_1ogw2_98 ._m_1ogw2_142,._calendar-block_1ogw2_98 ._a_1ogw2_48,._calendar-block_1ogw2_98 ._prev_1ogw2_144{width:auto;height:48px;overflow:hidden}._calendar-block_1ogw2_98 ._m_1ogw2_142{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_1ogw2_98 ._orange_1ogw2_158{color:var(--citrine-100)}._calendar-block_1ogw2_98 ._a_1ogw2_48{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98 ._a_1ogw2_48:hover{background:var(--black-10)}._calendar-block_1ogw2_98 ._a_1ogw2_48:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1ogw2_98 ._current_1ogw2_175{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98 ._monthGrid_1ogw2_180{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_1ogw2_185{display:flex}
|
|
@@ -4,7 +4,7 @@ import { memo as V, forwardRef as tt, useState as N, useEffect as T } from "reac
|
|
|
4
4
|
import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
|
|
5
5
|
import { DatePickerModal as rt } from "./DatePickerModal.js";
|
|
6
6
|
import { MonthPickerModal as ot } from "./MonthPickerModal.js";
|
|
7
|
-
import { c as e } from "../../styles.module-
|
|
7
|
+
import { c as e } from "../../styles.module-BlOA4RBL.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";
|
|
@@ -135,6 +135,7 @@ const dt = {
|
|
|
135
135
|
addonType: "react-node",
|
|
136
136
|
addonContent: /* @__PURE__ */ a(C, { isActive: D })
|
|
137
137
|
},
|
|
138
|
+
rightSlotClassName: e["right-slot"],
|
|
138
139
|
onFocus: () => {
|
|
139
140
|
j && !w && m(!0);
|
|
140
141
|
},
|
|
@@ -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-BlOA4RBL.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-BlOA4RBL.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-BlOA4RBL.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,45 +1,48 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { memo as
|
|
4
|
-
import { EMergedButtonVariantRound as
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { memo as l } from "react";
|
|
4
|
+
import { EMergedButtonVariantRound as u } from "./constants.js";
|
|
5
5
|
import { Button as g } from "../Button/Button.js";
|
|
6
|
-
import '../../assets/MergedButton.css';const
|
|
7
|
-
buttons:
|
|
8
|
-
"merged-button": "_merged-
|
|
6
|
+
import '../../assets/MergedButton.css';const p = "_buttons_l320r_2", d = "_gray_l320r_28", B = "_white_l320r_36", I = "_transparent_l320r_44", o = {
|
|
7
|
+
buttons: p,
|
|
8
|
+
"merged-button": "_merged-button_l320r_6",
|
|
9
9
|
gray: d,
|
|
10
|
-
white:
|
|
11
|
-
transparent:
|
|
12
|
-
"is-icon": "_is-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
white: B,
|
|
11
|
+
transparent: I,
|
|
12
|
+
"is-icon": "_is-icon_l320r_53",
|
|
13
|
+
"one-button": "_one-button_l320r_57"
|
|
14
|
+
}, f = l(({ buttons: r }) => /* @__PURE__ */ e("div", { className: o.buttons, children: r.map(
|
|
15
|
+
({
|
|
16
|
+
variant: s = u.White,
|
|
17
|
+
disabled: n,
|
|
18
|
+
className: c,
|
|
19
|
+
...t
|
|
20
|
+
}, i) => {
|
|
21
|
+
const a = {
|
|
16
22
|
...t,
|
|
17
23
|
isIconButton: t.isIconButton ?? !1,
|
|
18
24
|
iconName: t.isIconButton ? t.iconName : void 0,
|
|
19
25
|
leftIcon: t.isIconButton ? void 0 : t.leftIcon,
|
|
20
26
|
rightIcon: t.isIconButton ? void 0 : t.rightIcon
|
|
21
|
-
}, m =
|
|
22
|
-
o[
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
t.className
|
|
29
|
-
);
|
|
30
|
-
return /* @__PURE__ */ s(
|
|
27
|
+
}, m = _(o["merged-button"], c, {
|
|
28
|
+
[o[s]]: !n,
|
|
29
|
+
[o.disabled]: n,
|
|
30
|
+
[o["is-icon"]]: t.isIconButton,
|
|
31
|
+
[o["one-button"]]: r.length === 1
|
|
32
|
+
});
|
|
33
|
+
return /* @__PURE__ */ e(
|
|
31
34
|
g,
|
|
32
35
|
{
|
|
33
36
|
clear: !0,
|
|
34
37
|
disabled: n,
|
|
35
38
|
className: m,
|
|
36
|
-
...
|
|
39
|
+
...a
|
|
37
40
|
},
|
|
38
|
-
|
|
41
|
+
i
|
|
39
42
|
);
|
|
40
43
|
}
|
|
41
44
|
) }));
|
|
42
|
-
|
|
45
|
+
f.displayName = "MergedButton";
|
|
43
46
|
export {
|
|
44
|
-
|
|
47
|
+
f as MergedButton
|
|
45
48
|
};
|
|
@@ -1,167 +1,169 @@
|
|
|
1
|
-
import { jsxs as P, jsx as
|
|
1
|
+
import { jsxs as P, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as k } from "../../index-DIxK0V-G.js";
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { FIRST_PAGE_NUMBER as
|
|
5
|
-
import { useWindowSize as
|
|
6
|
-
import {
|
|
7
|
-
import '../../assets/Pagination.css';const
|
|
8
|
-
container:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
href: "#",
|
|
29
|
-
"aria-label": "Назад",
|
|
30
|
-
rel: "prev",
|
|
31
|
-
children: /* @__PURE__ */ e(v, { iconName: "ArrowLeft16px" })
|
|
32
|
-
}
|
|
33
|
-
)
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
}, M = ({
|
|
3
|
+
import { forwardRef as N, useState as w, useEffect as v } from "react";
|
|
4
|
+
import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
|
|
5
|
+
import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
|
|
6
|
+
import { MergedButton as _ } from "../MergedButton/MergedButton.js";
|
|
7
|
+
import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellipsis_15wir_40", C = {
|
|
8
|
+
container: x,
|
|
9
|
+
"pagination-button": "_pagination-button_15wir_18",
|
|
10
|
+
"is-active": "_is-active_15wir_37",
|
|
11
|
+
ellipsis: j
|
|
12
|
+
}, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
|
|
13
|
+
_,
|
|
14
|
+
{
|
|
15
|
+
buttons: [
|
|
16
|
+
{
|
|
17
|
+
isIconButton: !0,
|
|
18
|
+
variant: "white",
|
|
19
|
+
onClick: () => {
|
|
20
|
+
t !== u && (o(t - 1), n(t - 1));
|
|
21
|
+
},
|
|
22
|
+
iconName: "ArrowLeft16px",
|
|
23
|
+
disabled: t === u
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
}
|
|
27
|
+
), I = ({
|
|
37
28
|
currentPageNumber: t,
|
|
38
29
|
lastPageNumber: n,
|
|
39
|
-
onClick:
|
|
40
|
-
setCurrentPage:
|
|
30
|
+
onClick: o,
|
|
31
|
+
setCurrentPage: s
|
|
41
32
|
}) => {
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return /* @__PURE__ */ e(
|
|
46
|
-
"span",
|
|
33
|
+
const r = t >= n;
|
|
34
|
+
return /* @__PURE__ */ i(
|
|
35
|
+
_,
|
|
47
36
|
{
|
|
48
|
-
|
|
49
|
-
[s.disabled]: i
|
|
50
|
-
}),
|
|
51
|
-
children: /* @__PURE__ */ e(
|
|
52
|
-
"a",
|
|
37
|
+
buttons: [
|
|
53
38
|
{
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
isIconButton: !0,
|
|
40
|
+
variant: "white",
|
|
41
|
+
onClick: () => {
|
|
42
|
+
r || (s(t + 1), o(t + 1));
|
|
43
|
+
},
|
|
44
|
+
disabled: r,
|
|
45
|
+
iconName: "ArrowRight16px"
|
|
60
46
|
}
|
|
61
|
-
|
|
47
|
+
]
|
|
62
48
|
}
|
|
63
49
|
);
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
50
|
+
}, g = () => /* @__PURE__ */ i(
|
|
51
|
+
_,
|
|
52
|
+
{
|
|
53
|
+
buttons: [
|
|
54
|
+
{
|
|
55
|
+
children: "...",
|
|
56
|
+
variant: "gray",
|
|
57
|
+
className: C.ellipsis
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
), h = ({
|
|
70
62
|
currentPageNumber: t,
|
|
71
63
|
newPageNumber: n,
|
|
72
|
-
onClick:
|
|
73
|
-
setCurrentPage:
|
|
64
|
+
onClick: o,
|
|
65
|
+
setCurrentPage: s
|
|
74
66
|
}) => {
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
},
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
-
|
|
67
|
+
const r = t === n, a = () => {
|
|
68
|
+
s(n), o(n);
|
|
69
|
+
}, e = n < 10 ? `0${n}` : n;
|
|
70
|
+
return /* @__PURE__ */ i(
|
|
71
|
+
"button",
|
|
72
|
+
{
|
|
73
|
+
type: "button",
|
|
74
|
+
onClick: a,
|
|
75
|
+
className: k(C["pagination-button"], {
|
|
76
|
+
[C["is-active"]]: r
|
|
77
|
+
}),
|
|
78
|
+
children: e
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
}, R = ({
|
|
80
82
|
start: t,
|
|
81
83
|
end: n,
|
|
82
|
-
currentPageNumber:
|
|
83
|
-
onClick:
|
|
84
|
-
setCurrentPage:
|
|
84
|
+
currentPageNumber: o,
|
|
85
|
+
onClick: s,
|
|
86
|
+
setCurrentPage: r
|
|
85
87
|
}) => {
|
|
86
|
-
const
|
|
87
|
-
for (let
|
|
88
|
-
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
|
|
88
|
+
const a = [];
|
|
89
|
+
for (let e = t; e <= n; e++)
|
|
90
|
+
a.push(
|
|
91
|
+
/* @__PURE__ */ i(
|
|
92
|
+
h,
|
|
91
93
|
{
|
|
92
|
-
currentPageNumber:
|
|
93
|
-
setCurrentPage:
|
|
94
|
-
newPageNumber:
|
|
95
|
-
onClick:
|
|
94
|
+
currentPageNumber: o,
|
|
95
|
+
setCurrentPage: r,
|
|
96
|
+
newPageNumber: e,
|
|
97
|
+
onClick: s
|
|
96
98
|
},
|
|
97
|
-
|
|
99
|
+
e
|
|
98
100
|
)
|
|
99
101
|
);
|
|
100
|
-
return
|
|
101
|
-
},
|
|
102
|
+
return a;
|
|
103
|
+
}, T = N(
|
|
102
104
|
(t, n) => {
|
|
103
105
|
const {
|
|
104
|
-
rootClassName:
|
|
105
|
-
total:
|
|
106
|
-
perPage:
|
|
107
|
-
currentPageNumber:
|
|
108
|
-
onChange:
|
|
109
|
-
} = t, [c,
|
|
110
|
-
let p = 0,
|
|
111
|
-
return
|
|
112
|
-
|
|
113
|
-
}, [
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
)) : c >
|
|
106
|
+
rootClassName: o,
|
|
107
|
+
total: s,
|
|
108
|
+
perPage: r = A,
|
|
109
|
+
currentPageNumber: a = u,
|
|
110
|
+
onChange: e
|
|
111
|
+
} = t, [c, m] = w(a), l = Math.ceil(s / r), { width: b } = E(), d = b <= 650 ? 2 : 4;
|
|
112
|
+
let p = 0, f = 0;
|
|
113
|
+
return v(() => {
|
|
114
|
+
m(a);
|
|
115
|
+
}, [a]), c <= d ? (p = u, f = Math.min(
|
|
116
|
+
u + d,
|
|
117
|
+
l
|
|
118
|
+
)) : c > l - d ? (p = l - d, f = l) : (p = c - d / 2, f = c + d / 2), s <= r ? null : /* @__PURE__ */ P(
|
|
117
119
|
"nav",
|
|
118
120
|
{
|
|
119
121
|
"aria-label": "Постраничная навигация",
|
|
120
|
-
className: k(
|
|
122
|
+
className: k(C.container, o),
|
|
121
123
|
ref: n,
|
|
122
124
|
children: [
|
|
123
|
-
/* @__PURE__ */
|
|
124
|
-
|
|
125
|
+
/* @__PURE__ */ i(
|
|
126
|
+
B,
|
|
125
127
|
{
|
|
126
128
|
currentPageNumber: c,
|
|
127
|
-
onClick:
|
|
128
|
-
setCurrentPage:
|
|
129
|
+
onClick: e,
|
|
130
|
+
setCurrentPage: m
|
|
129
131
|
}
|
|
130
132
|
),
|
|
131
|
-
p >
|
|
132
|
-
|
|
133
|
+
p > u && /* @__PURE__ */ i(
|
|
134
|
+
h,
|
|
133
135
|
{
|
|
134
|
-
newPageNumber:
|
|
136
|
+
newPageNumber: u,
|
|
135
137
|
currentPageNumber: c,
|
|
136
|
-
onClick:
|
|
137
|
-
setCurrentPage:
|
|
138
|
+
onClick: e,
|
|
139
|
+
setCurrentPage: m
|
|
138
140
|
}
|
|
139
141
|
),
|
|
140
|
-
p >
|
|
141
|
-
|
|
142
|
+
p > u + 1 && /* @__PURE__ */ i(g, {}),
|
|
143
|
+
R({
|
|
142
144
|
start: p,
|
|
143
|
-
end:
|
|
145
|
+
end: f,
|
|
144
146
|
currentPageNumber: c,
|
|
145
|
-
setCurrentPage:
|
|
146
|
-
onClick:
|
|
147
|
+
setCurrentPage: m,
|
|
148
|
+
onClick: e
|
|
147
149
|
}),
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
150
|
+
f < l - 1 && /* @__PURE__ */ i(g, {}),
|
|
151
|
+
f < l && /* @__PURE__ */ i(
|
|
152
|
+
h,
|
|
151
153
|
{
|
|
152
|
-
newPageNumber:
|
|
154
|
+
newPageNumber: l,
|
|
153
155
|
currentPageNumber: c,
|
|
154
|
-
setCurrentPage:
|
|
155
|
-
onClick:
|
|
156
|
+
setCurrentPage: m,
|
|
157
|
+
onClick: e
|
|
156
158
|
}
|
|
157
159
|
),
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
|
|
160
|
+
/* @__PURE__ */ i(
|
|
161
|
+
I,
|
|
160
162
|
{
|
|
161
163
|
currentPageNumber: c,
|
|
162
|
-
setCurrentPage:
|
|
163
|
-
lastPageNumber:
|
|
164
|
-
onClick:
|
|
164
|
+
setCurrentPage: m,
|
|
165
|
+
lastPageNumber: l,
|
|
166
|
+
onClick: e
|
|
165
167
|
}
|
|
166
168
|
)
|
|
167
169
|
]
|
|
@@ -170,5 +172,5 @@ import '../../assets/Pagination.css';const E = "_container_18kj0_2", D = "_item_
|
|
|
170
172
|
}
|
|
171
173
|
);
|
|
172
174
|
export {
|
|
173
|
-
|
|
175
|
+
T as Pagination
|
|
174
176
|
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import './assets/styles.css';const o = "_wrapper_1ogw2_8", t = "_inputBorderControl_1ogw2_26", _ = "_editable_1ogw2_39", r = "_active_1ogw2_48", n = "_textError_1ogw2_51", e = "_input_1ogw2_3", p = "_button_1ogw2_74", c = "_h_1ogw2_120", w = "_b_1ogw2_74", a = "_d_1ogw2_15", g = "_m_1ogw2_142", i = "_a_1ogw2_48", u = "_prev_1ogw2_144", s = "_orange_1ogw2_158", d = "_current_1ogw2_175", b = "_monthGrid_1ogw2_180", l = {
|
|
2
|
+
"input-field-group-datePicker": "_input-field-group-datePicker_1ogw2_3",
|
|
3
|
+
wrapper: o,
|
|
4
|
+
"date-wrapper": "_date-wrapper_1ogw2_15",
|
|
5
|
+
"input-wrapper": "_input-wrapper_1ogw2_19",
|
|
6
|
+
"right-slot": "_right-slot_1ogw2_22",
|
|
7
|
+
inputBorderControl: t,
|
|
8
|
+
editable: _,
|
|
9
|
+
active: r,
|
|
10
|
+
textError: n,
|
|
11
|
+
input: e,
|
|
12
|
+
"button-wrapper": "_button-wrapper_1ogw2_74",
|
|
13
|
+
button: p,
|
|
14
|
+
"calendar-block": "_calendar-block_1ogw2_98",
|
|
15
|
+
h: c,
|
|
16
|
+
b: w,
|
|
17
|
+
d: a,
|
|
18
|
+
m: g,
|
|
19
|
+
a: i,
|
|
20
|
+
prev: u,
|
|
21
|
+
orange: s,
|
|
22
|
+
current: d,
|
|
23
|
+
monthGrid: b,
|
|
24
|
+
"icon-button": "_icon-button_1ogw2_185"
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
l as c
|
|
28
|
+
};
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import './assets/styles.css';const t = "_textError_97gw7_7", _ = "_input_97gw7_2", r = "_inputBorderControl_97gw7_28", n = "_editable_97gw7_41", o = "_wrapper_97gw7_64", e = "_active_97gw7_74", p = "_button_97gw7_58", c = "_h_97gw7_118", w = "_b_97gw7_58", a = "_d_97gw7_24", g = "_m_97gw7_140", i = "_a_97gw7_74", u = "_prev_97gw7_142", d = "_orange_97gw7_156", s = "_current_97gw7_173", b = "_monthGrid_97gw7_178", l = {
|
|
2
|
-
"input-field-group-datePicker": "_input-field-group-datePicker_97gw7_2",
|
|
3
|
-
textError: t,
|
|
4
|
-
input: _,
|
|
5
|
-
"input-wrapper": "_input-wrapper_97gw7_20",
|
|
6
|
-
"date-wrapper": "_date-wrapper_97gw7_24",
|
|
7
|
-
inputBorderControl: r,
|
|
8
|
-
editable: n,
|
|
9
|
-
"button-wrapper": "_button-wrapper_97gw7_58",
|
|
10
|
-
wrapper: o,
|
|
11
|
-
active: e,
|
|
12
|
-
button: p,
|
|
13
|
-
"calendar-block": "_calendar-block_97gw7_96",
|
|
14
|
-
h: c,
|
|
15
|
-
b: w,
|
|
16
|
-
d: a,
|
|
17
|
-
m: g,
|
|
18
|
-
a: i,
|
|
19
|
-
prev: u,
|
|
20
|
-
orange: d,
|
|
21
|
-
current: s,
|
|
22
|
-
monthGrid: b,
|
|
23
|
-
"icon-button": "_icon-button_97gw7_183"
|
|
24
|
-
};
|
|
25
|
-
export {
|
|
26
|
-
l as c
|
|
27
|
-
};
|