@alphakits/ui 2.4.3 → 2.4.4
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/calendar/components/months-table/component.js +22 -23
- package/dist/calendar/components/months-table/index.css +1 -1
- package/dist/calendar/components/months-table/index.module.css.js +4 -6
- package/dist/calendar/components/select-button/index.css +1 -1
- package/dist/calendar/index.css +1 -1
- package/dist/calendar-input/component.js +124 -121
- package/dist/checkbox-lists/mock.data.d.ts +81 -0
- package/dist/checkbox-lists/mock.data.js +207 -0
- package/dist/collapsable-row/fixtures.data.d.ts +99 -0
- package/dist/collapsable-row/fixtures.data.js +196 -0
- package/dist/confirm-popup/component.d.ts +21 -0
- package/dist/confirm-popup/component.js +119 -0
- package/dist/confirm-popup/index.css +1 -0
- package/dist/confirm-popup/index.d.ts +1 -0
- package/dist/confirm-popup/index.js +6 -0
- package/dist/confirm-popup/index.module.css.js +17 -0
- package/dist/form/component.js +16 -16
- package/dist/form/templates/filters-form/index.js +17 -17
- package/dist/form/templates/rest-form/form.js +75 -69
- package/dist/index.d.ts +1 -0
- package/dist/index.js +290 -286
- package/dist/modal/components/modals/modal.js +45 -42
- package/dist/popover/component.js +72 -55
- package/dist/radio-groups/mock.data.d.ts +9 -0
- package/dist/radio-groups/mock.data.js +82 -0
- package/dist/theme-provider/default-themes.d.ts +4 -0
- package/dist/theme-provider/default-themes.js +4 -0
- package/dist/toast-plate/index.css +1 -1
- package/package.json +9 -27
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback as
|
|
3
|
-
import { FlexColumns as
|
|
4
|
-
import { isSameMonth as
|
|
5
|
-
import { capitalize as
|
|
6
|
-
import { monthName as
|
|
7
|
-
import { SelectButton as
|
|
8
|
-
import
|
|
9
|
-
const
|
|
10
|
-
selectedMonth:
|
|
11
|
-
months:
|
|
12
|
-
getMonthProps:
|
|
13
|
-
selectedLocale:
|
|
2
|
+
import { useCallback as s, createElement as n } from "react";
|
|
3
|
+
import { FlexColumns as f } from "../../../flex-columns/component.js";
|
|
4
|
+
import { isSameMonth as p, isThisMonth as u } from "../../../utils/date/index.js";
|
|
5
|
+
import { capitalize as c } from "../../../utils/string.js";
|
|
6
|
+
import { monthName as d } from "../../utils.js";
|
|
7
|
+
import { SelectButton as b } from "../select-button/component.js";
|
|
8
|
+
import g from "./index.module.css.js";
|
|
9
|
+
const M = ({
|
|
10
|
+
selectedMonth: r,
|
|
11
|
+
months: t = [],
|
|
12
|
+
getMonthProps: o,
|
|
13
|
+
selectedLocale: m,
|
|
14
14
|
shortNames: i
|
|
15
15
|
}) => {
|
|
16
|
-
const
|
|
17
|
-
(
|
|
18
|
-
[
|
|
16
|
+
const a = s(
|
|
17
|
+
(e) => r && p(r, e.date) ? "selected" : u(e.date) ? "outlined" : "default",
|
|
18
|
+
[r]
|
|
19
19
|
);
|
|
20
|
-
return /* @__PURE__ */ l(
|
|
21
|
-
|
|
20
|
+
return /* @__PURE__ */ l(f, { columns: 3, gc: 0, gr: 8, className: g.monthsTable, children: t.map((e) => /* @__PURE__ */ n(
|
|
21
|
+
b,
|
|
22
22
|
{
|
|
23
|
-
...
|
|
24
|
-
key:
|
|
25
|
-
|
|
26
|
-
view: s(t)
|
|
23
|
+
...o(e),
|
|
24
|
+
key: e.date.getMonth(),
|
|
25
|
+
view: a(e)
|
|
27
26
|
},
|
|
28
|
-
d(
|
|
27
|
+
c(d(e.date, m, i))
|
|
29
28
|
)) });
|
|
30
29
|
};
|
|
31
30
|
export {
|
|
32
|
-
|
|
31
|
+
M as MonthsTable
|
|
33
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.monthsTable_Eq4J{width:
|
|
1
|
+
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.monthsTable_Eq4J{width:224px;margin:0 auto;box-sizing:border-box}.monthsTable_Eq4J>*{min-width:0!important}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import * as __css from './index.css';
|
|
2
2
|
export const __cssModule = __css;
|
|
3
|
-
const
|
|
4
|
-
monthsTable:
|
|
5
|
-
button: o
|
|
3
|
+
const s = "monthsTable_Eq4J", t = {
|
|
4
|
+
monthsTable: s
|
|
6
5
|
};
|
|
7
6
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
t as monthsTable
|
|
7
|
+
t as default,
|
|
8
|
+
s as monthsTable
|
|
11
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.button_baxa{font-weight:700;font-size:13px;line-height:20px;height:40px;position:relative;padding:0;background-color:transparent;border-radius:4px}.button_baxa:not(.disabled_KuR4):hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.button_baxa>*{flex-grow:
|
|
1
|
+
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.button_baxa{font-weight:700;font-size:13px;line-height:20px;box-sizing:border-box;width:100%;min-width:0;height:40px;position:relative;padding:0;background-color:transparent;border-radius:4px;justify-content:center;text-align:center}.button_baxa:not(.disabled_KuR4):hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.button_baxa>*{flex-grow:0}.filled_bjlb{background-color:var(--color-bg-tertiary)}.filled_bjlb:not(.disabled_KuR4):hover{background-color:color-mix(in srgb,var(--color-bg-tertiary) 93%,black)}.outlined_uO-j{border:1px solid var(--calendar-selector-button-outline-border-color)}.selected_iwjD{background-color:var(--calendar-selected-background);color:var(--calendar-highlighted-color)}.selected_iwjD:not(.disabled_KuR4):hover{background-color:var(--calendar-selected-background);color:var(--calendar-highlighted-color)}
|
package/dist/calendar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.container_3PFv{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--gap-xs);box-sizing:border-box;flex-grow:1;overflow:hidden}
|
|
1
|
+
:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.component_SJQw{width:var(--calendar-width);box-sizing:border-box;outline:none}.container_3PFv{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--gap-xs);box-sizing:border-box;flex-grow:1;overflow:hidden}
|
|
@@ -1,178 +1,181 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { Calendar as
|
|
6
|
-
import { dateInLimits as
|
|
7
|
-
import { MaskedInput as
|
|
8
|
-
import { Popover as
|
|
9
|
-
import { formatDate as
|
|
1
|
+
import { jsx as c, jsxs as q } from "react/jsx-runtime";
|
|
2
|
+
import ye from "classnames";
|
|
3
|
+
import Re, { forwardRef as Te, useState as C, useEffect as z, useRef as d, useCallback as n } from "react";
|
|
4
|
+
import k from "react-merge-refs";
|
|
5
|
+
import { Calendar as ge } from "../calendar/component.js";
|
|
6
|
+
import { dateInLimits as we } from "../calendar/utils.js";
|
|
7
|
+
import { MaskedInput as De } from "../masked-input/component.js";
|
|
8
|
+
import { Popover as Ie } from "../popover/component.js";
|
|
9
|
+
import { formatDate as G } from "../utils/format-date/index.js";
|
|
10
10
|
import "../toast-notifier/component.js";
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
const
|
|
11
|
+
import u from "./index.module.css.js";
|
|
12
|
+
import { isCompleteDateInput as A, parseDateString as E, DATE_MASK as Ne, SUPPORTS_INPUT_TYPE_DATE as Ce, NATIVE_DATE_FORMAT as ke } from "./utils.js";
|
|
13
|
+
const xe = Te(
|
|
14
14
|
({
|
|
15
|
-
block:
|
|
16
|
-
className:
|
|
17
|
-
inputClassName:
|
|
18
|
-
defaultOpen:
|
|
19
|
-
defaultMonth:
|
|
20
|
-
defaultValue:
|
|
21
|
-
calendarPosition:
|
|
22
|
-
value:
|
|
23
|
-
dataTestId:
|
|
24
|
-
minDate:
|
|
25
|
-
required:
|
|
26
|
-
maxDate:
|
|
27
|
-
calendarProps:
|
|
28
|
-
preventFlip:
|
|
29
|
-
mobileMode:
|
|
30
|
-
wrapperRef:
|
|
31
|
-
disabled:
|
|
32
|
-
onChange:
|
|
33
|
-
onInputChange:
|
|
34
|
-
onCalendarChange:
|
|
35
|
-
readOnly:
|
|
36
|
-
...
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
|
|
15
|
+
block: J = !1,
|
|
16
|
+
className: Q,
|
|
17
|
+
inputClassName: X,
|
|
18
|
+
defaultOpen: M = !1,
|
|
19
|
+
defaultMonth: V,
|
|
20
|
+
defaultValue: f = "",
|
|
21
|
+
calendarPosition: S = "popover",
|
|
22
|
+
value: l,
|
|
23
|
+
dataTestId: Z,
|
|
24
|
+
minDate: m,
|
|
25
|
+
required: $,
|
|
26
|
+
maxDate: h,
|
|
27
|
+
calendarProps: _ = {},
|
|
28
|
+
preventFlip: ee,
|
|
29
|
+
mobileMode: K = "popover",
|
|
30
|
+
wrapperRef: te = null,
|
|
31
|
+
disabled: P,
|
|
32
|
+
onChange: v,
|
|
33
|
+
onInputChange: y,
|
|
34
|
+
onCalendarChange: R,
|
|
35
|
+
readOnly: b,
|
|
36
|
+
...ne
|
|
37
|
+
}, j) => {
|
|
38
|
+
const oe = l && l.includes("-") ? l.split("-").reverse().join(".") : l, T = l === void 0, F = Ce && K === "native", U = K === "input", re = S === "static" && !U, ae = S === "popover" && !F && !U, [i, a] = C(!1), [se, ce] = C(f), p = T ? se : oe ?? "", [g, w] = C(p);
|
|
39
|
+
z(() => {
|
|
40
|
+
w(p);
|
|
41
|
+
}, [p]);
|
|
42
|
+
const D = g && A(g) ? g : p, I = D && A(D) ? E(D).getTime() : void 0, x = we(I, m, h), N = P || b, B = d(null), O = d(null), le = d(null), r = d(null), ie = n((e) => {
|
|
40
43
|
e.key === "Escape" && a(!1);
|
|
41
|
-
}, []),
|
|
44
|
+
}, []), pe = n(() => {
|
|
42
45
|
i || a(!0);
|
|
43
|
-
}, [i]),
|
|
46
|
+
}, [i]), ue = n(
|
|
44
47
|
(e) => {
|
|
45
|
-
a(!0), !i && e.target.tagName !== "INPUT" &&
|
|
48
|
+
a(!0), !i && e.target.tagName !== "INPUT" && r.current && r.current.focus();
|
|
46
49
|
},
|
|
47
50
|
[i]
|
|
48
|
-
),
|
|
49
|
-
|
|
50
|
-
}, []),
|
|
51
|
-
["ArrowDown", "ArrowUp"].includes(e.key) &&
|
|
52
|
-
}, []),
|
|
53
|
-
(e,
|
|
54
|
-
|
|
55
|
-
date:
|
|
56
|
-
value:
|
|
51
|
+
), de = n((e) => {
|
|
52
|
+
r.current && r.current.contains(e.relatedTarget) === !1 && a(!1);
|
|
53
|
+
}, []), fe = n((e) => {
|
|
54
|
+
["ArrowDown", "ArrowUp"].includes(e.key) && r.current && (e.preventDefault(), r.current.focus());
|
|
55
|
+
}, []), s = n(
|
|
56
|
+
(e, t, o, Y = "input", ve = !0) => {
|
|
57
|
+
Y === "input" && e && y && y(e, { value: t, date: o }), Y === "calendar" && R && R(o.getTime()), ve && (T && ce(t), v && v(e, {
|
|
58
|
+
date: o,
|
|
59
|
+
value: t ? t.split(".").reverse().join("-") : ""
|
|
57
60
|
}));
|
|
58
61
|
},
|
|
59
|
-
[
|
|
60
|
-
),
|
|
62
|
+
[R, v, y, T]
|
|
63
|
+
), me = n(
|
|
61
64
|
(e) => {
|
|
62
|
-
const
|
|
63
|
-
|
|
65
|
+
const t = e.target.value, o = E(t);
|
|
66
|
+
w(t), s(e, t, o, "input", A(t));
|
|
64
67
|
},
|
|
65
|
-
[
|
|
66
|
-
),
|
|
68
|
+
[s]
|
|
69
|
+
), he = n(
|
|
67
70
|
(e) => {
|
|
68
|
-
const
|
|
69
|
-
|
|
71
|
+
const t = E(e.target.value, ke), o = e.target.value === "" ? "" : G(t, { format: "dd.MM.yyyy" });
|
|
72
|
+
w(o), s(e, o, t);
|
|
70
73
|
},
|
|
71
|
-
[
|
|
72
|
-
),
|
|
74
|
+
[s]
|
|
75
|
+
), W = n(
|
|
73
76
|
(e) => {
|
|
74
|
-
|
|
77
|
+
s(
|
|
75
78
|
null,
|
|
76
|
-
|
|
79
|
+
G(e, { format: "dd.MM.yyyy" }),
|
|
77
80
|
new Date(e),
|
|
78
81
|
"calendar"
|
|
79
82
|
), a(!1);
|
|
80
83
|
},
|
|
81
|
-
[
|
|
82
|
-
),
|
|
84
|
+
[s]
|
|
85
|
+
), H = n((e) => {
|
|
83
86
|
e.preventDefault();
|
|
84
87
|
}, []);
|
|
85
|
-
|
|
86
|
-
a(
|
|
87
|
-
}, [
|
|
88
|
-
const
|
|
88
|
+
z(() => {
|
|
89
|
+
a(M);
|
|
90
|
+
}, [M]);
|
|
91
|
+
const L = n(
|
|
89
92
|
() => (
|
|
90
93
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
|
|
94
|
+
/* @__PURE__ */ c("div", { onMouseDown: H, children: /* @__PURE__ */ c(
|
|
95
|
+
ge,
|
|
93
96
|
{
|
|
94
|
-
...
|
|
95
|
-
ref:
|
|
96
|
-
defaultMonth:
|
|
97
|
-
value:
|
|
98
|
-
onChange:
|
|
99
|
-
minDate:
|
|
100
|
-
maxDate:
|
|
97
|
+
..._,
|
|
98
|
+
ref: r,
|
|
99
|
+
defaultMonth: V,
|
|
100
|
+
value: x ? I : void 0,
|
|
101
|
+
onChange: W,
|
|
102
|
+
minDate: m,
|
|
103
|
+
maxDate: h
|
|
101
104
|
}
|
|
102
105
|
) })
|
|
103
106
|
),
|
|
104
107
|
[
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
C,
|
|
108
|
-
F,
|
|
109
|
-
U,
|
|
108
|
+
_,
|
|
109
|
+
I,
|
|
110
110
|
V,
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
W,
|
|
112
|
+
H,
|
|
113
|
+
x,
|
|
114
|
+
h,
|
|
115
|
+
m
|
|
113
116
|
]
|
|
114
117
|
);
|
|
115
118
|
return (
|
|
116
119
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
117
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ q(
|
|
118
121
|
"div",
|
|
119
122
|
{
|
|
120
|
-
ref:
|
|
121
|
-
className:
|
|
122
|
-
[
|
|
123
|
+
ref: le,
|
|
124
|
+
className: ye(u.component, Q, {
|
|
125
|
+
[u.block]: J
|
|
123
126
|
}),
|
|
124
127
|
tabIndex: -1,
|
|
125
|
-
onKeyDown:
|
|
126
|
-
onClick:
|
|
127
|
-
onFocus:
|
|
128
|
-
onBlur:
|
|
129
|
-
"data-test-id":
|
|
128
|
+
onKeyDown: N ? void 0 : ie,
|
|
129
|
+
onClick: N ? void 0 : pe,
|
|
130
|
+
onFocus: N ? void 0 : ue,
|
|
131
|
+
onBlur: de,
|
|
132
|
+
"data-test-id": Z,
|
|
130
133
|
children: [
|
|
131
|
-
/* @__PURE__ */
|
|
132
|
-
|
|
134
|
+
/* @__PURE__ */ c(
|
|
135
|
+
De,
|
|
133
136
|
{
|
|
134
|
-
...
|
|
135
|
-
ref:
|
|
136
|
-
wrapperRef:
|
|
137
|
-
className:
|
|
138
|
-
value:
|
|
139
|
-
required:
|
|
140
|
-
defaultValue:
|
|
141
|
-
disabled:
|
|
142
|
-
readOnly:
|
|
143
|
-
mask:
|
|
144
|
-
rightAddons: /* @__PURE__ */
|
|
145
|
-
/* @__PURE__ */
|
|
146
|
-
|
|
137
|
+
...ne,
|
|
138
|
+
ref: k([j, B]),
|
|
139
|
+
wrapperRef: k([te, O]),
|
|
140
|
+
className: X,
|
|
141
|
+
value: p,
|
|
142
|
+
required: $,
|
|
143
|
+
defaultValue: f,
|
|
144
|
+
disabled: P,
|
|
145
|
+
readOnly: b,
|
|
146
|
+
mask: Ne,
|
|
147
|
+
rightAddons: /* @__PURE__ */ q(Re.Fragment, { children: [
|
|
148
|
+
/* @__PURE__ */ c("span", { className: u.calendarIcon }),
|
|
149
|
+
F && /* @__PURE__ */ c(
|
|
147
150
|
"input",
|
|
148
151
|
{
|
|
149
152
|
type: "date",
|
|
150
|
-
ref:
|
|
151
|
-
defaultValue:
|
|
152
|
-
onChange:
|
|
153
|
-
className:
|
|
153
|
+
ref: k([j, B]),
|
|
154
|
+
defaultValue: f,
|
|
155
|
+
onChange: he,
|
|
156
|
+
className: u.nativeInput
|
|
154
157
|
}
|
|
155
158
|
)
|
|
156
159
|
] }),
|
|
157
|
-
onKeyDown:
|
|
158
|
-
onChange:
|
|
160
|
+
onKeyDown: fe,
|
|
161
|
+
onChange: me,
|
|
159
162
|
block: !0,
|
|
160
163
|
inputMode: "numeric",
|
|
161
164
|
pattern: "[0-9\\.]*"
|
|
162
165
|
}
|
|
163
166
|
),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
+
re && L(),
|
|
168
|
+
ae && /* @__PURE__ */ c(
|
|
169
|
+
Ie,
|
|
167
170
|
{
|
|
168
171
|
open: i,
|
|
169
|
-
anchorElement:
|
|
170
|
-
popperClassName:
|
|
172
|
+
anchorElement: O.current,
|
|
173
|
+
popperClassName: u.calendarContainer,
|
|
171
174
|
position: "bottom-start",
|
|
172
175
|
offset: [0, 8],
|
|
173
176
|
withTransition: !1,
|
|
174
|
-
preventFlip:
|
|
175
|
-
children:
|
|
177
|
+
preventFlip: ee,
|
|
178
|
+
children: L()
|
|
176
179
|
}
|
|
177
180
|
)
|
|
178
181
|
]
|
|
@@ -182,5 +185,5 @@ const be = fe(
|
|
|
182
185
|
}
|
|
183
186
|
);
|
|
184
187
|
export {
|
|
185
|
-
|
|
188
|
+
xe as CalendarInput
|
|
186
189
|
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export declare const locations: {
|
|
2
|
+
title: string;
|
|
3
|
+
address: string;
|
|
4
|
+
phone: string;
|
|
5
|
+
howToFind: string;
|
|
6
|
+
disinfection: string;
|
|
7
|
+
wifi: boolean;
|
|
8
|
+
wardrobe: boolean;
|
|
9
|
+
freeParking: boolean;
|
|
10
|
+
parking: boolean;
|
|
11
|
+
ventilation: boolean;
|
|
12
|
+
waitingAreaSize: number;
|
|
13
|
+
neededEmployees: number;
|
|
14
|
+
sortPosition: number;
|
|
15
|
+
id: number;
|
|
16
|
+
createdAt: string;
|
|
17
|
+
profile: string;
|
|
18
|
+
}[];
|
|
19
|
+
export declare const questrooms: ({
|
|
20
|
+
title: string;
|
|
21
|
+
video: string;
|
|
22
|
+
photo: string;
|
|
23
|
+
photos: string[];
|
|
24
|
+
time: number;
|
|
25
|
+
break: number;
|
|
26
|
+
type: string;
|
|
27
|
+
minAge: number;
|
|
28
|
+
difficult: number;
|
|
29
|
+
fear: number;
|
|
30
|
+
teaser: string;
|
|
31
|
+
legend: string;
|
|
32
|
+
importantInformation: string;
|
|
33
|
+
hasActors: boolean;
|
|
34
|
+
neededModerators: number;
|
|
35
|
+
schedulePeriod: number;
|
|
36
|
+
languages: string[];
|
|
37
|
+
defaultLanguage: string;
|
|
38
|
+
minDaysForFreeCanceling: number;
|
|
39
|
+
awailableForNavigator: boolean;
|
|
40
|
+
awailableForWidgets: boolean;
|
|
41
|
+
ticketSystem: boolean;
|
|
42
|
+
questroomIds: never[];
|
|
43
|
+
walletId: string;
|
|
44
|
+
locationId: number;
|
|
45
|
+
sortPosition: number;
|
|
46
|
+
id: number;
|
|
47
|
+
uid: string;
|
|
48
|
+
createdAt: string;
|
|
49
|
+
profile: string;
|
|
50
|
+
} | {
|
|
51
|
+
title: string;
|
|
52
|
+
video: string;
|
|
53
|
+
photo: string;
|
|
54
|
+
photos: string[];
|
|
55
|
+
time: number;
|
|
56
|
+
break: number;
|
|
57
|
+
type: string;
|
|
58
|
+
minAge: number;
|
|
59
|
+
difficult: number;
|
|
60
|
+
fear: number;
|
|
61
|
+
teaser: string;
|
|
62
|
+
legend: string;
|
|
63
|
+
importantInformation: string;
|
|
64
|
+
hasActors: boolean;
|
|
65
|
+
neededModerators: number;
|
|
66
|
+
schedulePeriod: number;
|
|
67
|
+
languages: string[];
|
|
68
|
+
defaultLanguage: string;
|
|
69
|
+
minDaysForFreeCanceling: number;
|
|
70
|
+
awailableForNavigator: boolean;
|
|
71
|
+
awailableForWidgets: boolean;
|
|
72
|
+
ticketSystem: boolean;
|
|
73
|
+
questroomIds: never[];
|
|
74
|
+
walletId: string;
|
|
75
|
+
locationId: number;
|
|
76
|
+
sortPosition: number;
|
|
77
|
+
id: number;
|
|
78
|
+
uid: number;
|
|
79
|
+
createdAt: string;
|
|
80
|
+
profile: string;
|
|
81
|
+
})[];
|