@alfalab/core-components-calendar-range 7.8.15 → 7.8.16-snapshot-1393ffa
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/Component.js +4 -3
- package/Component.js.map +1 -0
- package/components/divider/Component.js +3 -4
- package/components/divider/Component.js.map +1 -0
- package/components/divider/index.css +11 -54
- package/components/divider/index.js +3 -2
- package/components/divider/index.js.map +1 -0
- package/components/divider/index.module.css.js +8 -0
- package/components/divider/index.module.css.js.map +1 -0
- package/cssm/Component.js +4 -3
- package/cssm/Component.js.map +1 -0
- package/cssm/components/divider/Component.js +1 -0
- package/cssm/components/divider/Component.js.map +1 -0
- package/cssm/components/divider/index.js +3 -2
- package/cssm/components/divider/index.js.map +1 -0
- package/cssm/components/divider/index.module.css +4 -46
- package/cssm/hooks.js +1 -0
- package/cssm/hooks.js.map +1 -0
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/shared/index.js +1 -0
- package/cssm/shared/index.js.map +1 -0
- package/{Component.d.ts → cssm/src/Component.d.ts} +3 -4
- package/{esm → cssm/src}/components/divider/Component.d.ts +4 -4
- package/cssm/src/components/divider/index.d.ts +1 -0
- package/cssm/{hooks.d.ts → src/hooks.d.ts} +3 -4
- package/cssm/src/index.d.ts +1 -0
- package/cssm/src/shared/index.d.ts +1 -0
- package/cssm/src/utils.d.ts +6 -0
- package/cssm/src/views/popover.d.ts +4 -0
- package/cssm/src/views/static.d.ts +9 -0
- package/cssm/utils.js +4 -3
- package/cssm/utils.js.map +1 -0
- package/cssm/views/index.module.css +3 -44
- package/cssm/views/popover.js +14 -13
- package/cssm/views/popover.js.map +1 -0
- package/cssm/views/static.js +17 -16
- package/cssm/views/static.js.map +1 -0
- package/esm/Component.js +1 -0
- package/esm/Component.js.map +1 -0
- package/esm/components/divider/Component.js +2 -3
- package/esm/components/divider/Component.js.map +1 -0
- package/esm/components/divider/index.css +11 -54
- package/esm/components/divider/index.js +1 -0
- package/esm/components/divider/index.js.map +1 -0
- package/esm/components/divider/index.module.css.js +6 -0
- package/esm/components/divider/index.module.css.js.map +1 -0
- package/esm/hooks.js +1 -0
- package/esm/hooks.js.map +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/{Component.d.ts → src/Component.d.ts} +3 -4
- package/{components → esm/src/components}/divider/Component.d.ts +4 -4
- package/esm/src/components/divider/index.d.ts +1 -0
- package/{hooks.d.ts → esm/src/hooks.d.ts} +3 -4
- package/esm/src/index.d.ts +1 -0
- package/esm/src/shared/index.d.ts +1 -0
- package/esm/src/utils.d.ts +6 -0
- package/esm/src/views/popover.d.ts +4 -0
- package/esm/src/views/static.d.ts +9 -0
- package/esm/utils.js +1 -0
- package/esm/utils.js.map +1 -0
- package/esm/views/index.css +10 -52
- package/esm/views/index.module.css.js +6 -0
- package/esm/views/index.module.css.js.map +1 -0
- package/esm/views/popover.js +2 -1
- package/esm/views/popover.js.map +1 -0
- package/esm/views/static.js +2 -1
- package/esm/views/static.js.map +1 -0
- package/hooks.js +1 -0
- package/hooks.js.map +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/modern/Component.js +1 -0
- package/modern/Component.js.map +1 -0
- package/modern/components/divider/Component.js +2 -3
- package/modern/components/divider/Component.js.map +1 -0
- package/modern/components/divider/index.css +11 -54
- package/modern/components/divider/index.js +1 -0
- package/modern/components/divider/index.js.map +1 -0
- package/modern/components/divider/index.module.css.js +6 -0
- package/modern/components/divider/index.module.css.js.map +1 -0
- package/modern/hooks.js +1 -0
- package/modern/hooks.js.map +1 -0
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/{Component.d.ts → src/Component.d.ts} +3 -4
- package/{cssm → modern/src}/components/divider/Component.d.ts +4 -4
- package/modern/src/components/divider/index.d.ts +1 -0
- package/{esm → modern/src}/hooks.d.ts +3 -4
- package/modern/src/index.d.ts +1 -0
- package/modern/src/shared/index.d.ts +1 -0
- package/modern/src/utils.d.ts +6 -0
- package/modern/src/views/popover.d.ts +4 -0
- package/modern/src/views/static.d.ts +9 -0
- package/modern/utils.js +1 -0
- package/modern/utils.js.map +1 -0
- package/modern/views/index.css +10 -52
- package/modern/views/index.module.css.js +6 -0
- package/modern/views/index.module.css.js.map +1 -0
- package/modern/views/popover.js +2 -1
- package/modern/views/popover.js.map +1 -0
- package/modern/views/static.js +2 -1
- package/modern/views/static.js.map +1 -0
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/divider/Component.js +1 -0
- package/moderncssm/components/divider/Component.js.map +1 -0
- package/moderncssm/components/divider/index.js +1 -0
- package/moderncssm/components/divider/index.js.map +1 -0
- package/moderncssm/components/divider/index.module.css +0 -25
- package/moderncssm/hooks.js +1 -0
- package/moderncssm/hooks.js.map +1 -0
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/{cssm → moderncssm/src}/Component.d.ts +3 -4
- package/{modern → moderncssm/src}/components/divider/Component.d.ts +4 -4
- package/moderncssm/src/components/divider/index.d.ts +1 -0
- package/{modern → moderncssm/src}/hooks.d.ts +3 -4
- package/moderncssm/src/index.d.ts +1 -0
- package/moderncssm/src/shared/index.d.ts +1 -0
- package/moderncssm/src/utils.d.ts +6 -0
- package/moderncssm/src/views/popover.d.ts +4 -0
- package/moderncssm/src/views/static.d.ts +9 -0
- package/moderncssm/utils.js +1 -0
- package/moderncssm/utils.js.map +1 -0
- package/moderncssm/views/index.module.css +0 -21
- package/moderncssm/views/popover.js +1 -0
- package/moderncssm/views/popover.js.map +1 -0
- package/moderncssm/views/static.js +1 -0
- package/moderncssm/views/static.js.map +1 -0
- package/package.json +7 -7
- package/shared/index.js +1 -0
- package/shared/index.js.map +1 -0
- package/src/Component.d.ts +93 -0
- package/src/components/divider/Component.d.ts +8 -0
- package/src/components/divider/index.d.ts +1 -0
- package/src/hooks.d.ts +27 -0
- package/src/index.d.ts +1 -0
- package/src/shared/index.d.ts +1 -0
- package/src/utils.d.ts +6 -0
- package/src/views/popover.d.ts +4 -0
- package/src/views/static.d.ts +9 -0
- package/utils.js +1 -0
- package/utils.js.map +1 -0
- package/views/index.css +10 -52
- package/views/index.module.css.js +8 -0
- package/views/index.module.css.js.map +1 -0
- package/views/popover.js +5 -4
- package/views/popover.js.map +1 -0
- package/views/static.js +8 -7
- package/views/static.js.map +1 -0
- package/components/divider/index.d.ts +0 -1
- package/cssm/components/divider/index.d.ts +0 -1
- package/cssm/index.d.ts +0 -1
- package/cssm/shared/index.d.ts +0 -1
- package/cssm/utils.d.ts +0 -7
- package/cssm/views/popover.d.ts +0 -5
- package/cssm/views/static.d.ts +0 -10
- package/esm/components/divider/index.d.ts +0 -1
- package/esm/index.d.ts +0 -1
- package/esm/index.module-e3567975.js +0 -4
- package/esm/shared/index.d.ts +0 -1
- package/esm/utils.d.ts +0 -7
- package/esm/views/popover.d.ts +0 -5
- package/esm/views/static.d.ts +0 -10
- package/index.d.ts +0 -1
- package/index.module-5deba801.js +0 -6
- package/modern/components/divider/index.d.ts +0 -1
- package/modern/index.d.ts +0 -1
- package/modern/index.module-0a32385a.js +0 -4
- package/modern/shared/index.d.ts +0 -1
- package/modern/utils.d.ts +0 -7
- package/modern/views/popover.d.ts +0 -5
- package/modern/views/static.d.ts +0 -10
- package/moderncssm/Component.d.ts +0 -94
- package/moderncssm/components/divider/Component.d.ts +0 -8
- package/moderncssm/components/divider/index.d.ts +0 -1
- package/moderncssm/hooks.d.ts +0 -28
- package/moderncssm/index.d.ts +0 -1
- package/moderncssm/shared/index.d.ts +0 -1
- package/moderncssm/utils.d.ts +0 -7
- package/moderncssm/views/popover.d.ts +0 -5
- package/moderncssm/views/static.d.ts +0 -10
- package/shared/index.d.ts +0 -1
- package/utils.d.ts +0 -7
- package/views/popover.d.ts +0 -5
- package/views/static.d.ts +0 -10
package/Component.js
CHANGED
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
7
|
+
var popover = require('./views/popover.js');
|
|
8
|
+
var _static = require('./views/static.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -13,8 +13,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
13
13
|
|
|
14
14
|
var CalendarRange = function (_a) {
|
|
15
15
|
var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = tslib.__rest(_a, ["calendarPosition"]);
|
|
16
|
-
var View = calendarPosition === 'popover' ?
|
|
16
|
+
var View = calendarPosition === 'popover' ? popover.CalendarRangePopover : _static.CalendarRangeStatic;
|
|
17
17
|
return React__default.default.createElement(View, tslib.__assign({}, restProps));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
exports.CalendarRange = CalendarRange;
|
|
21
|
+
//# sourceMappingURL=Component.js.map
|
package/Component.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Значение инпута (используется и для календаря)\n */\n valueFrom?: string;\n\n /**\n * Значение инпута (используется и для календаря)\n */\n valueTo?: string;\n\n /**\n * Месяц в календаре по умолчанию\n */\n defaultMonth?: number;\n\n /**\n * Минимальная дата, доступная для выбора (timestamp)\n */\n minDate?: number;\n\n /**\n * Максимальная дата, доступная для выбора (timestamp)\n */\n maxDate?: number;\n\n /**\n * Обработчик изменения даты от\n */\n onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n /**\n * Обработчик изменения даты до\n */\n onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n /**\n * Обработчик изменения\n */\n onChange?: (payload: {\n dateFrom: number | null;\n valueFrom: string;\n dateTo: number | null;\n valueTo: string;\n }) => void;\n\n /**\n * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n */\n onError?: (hasError: boolean) => void;\n\n /**\n * Список событий\n */\n events?: Array<Date | number>;\n\n /**\n * Список выходных\n */\n offDays?: Array<Date | number>;\n\n /**\n * Пропсы для инпута даты от\n */\n inputFromProps?: CalendarInputProps;\n\n /**\n * Пропсы для инпута даты до\n */\n inputToProps?: CalendarInputProps;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Определяет, как рендерить календарь — в поповере или снизу инпута\n */\n calendarPosition?: 'static' | 'popover';\n\n /**\n * calendarPosition = static\n * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n */\n defaultMonthPosition?: 'left' | 'right';\n\n /**\n * Возвращать невалидную дату для кастомной валидации\n */\n returnInvalidDates?: boolean;\n\n /**\n * Дополнительный класс для контейнера календаря\n */\n calendarContainerClassName?: string;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n calendarPosition = 'static',\n ...restProps\n}) => {\n const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AA8GO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}
|
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('classnames');
|
|
7
|
+
var index_module = require('./index.module.css.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
12
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
13
|
|
|
13
|
-
var styles = {"component":"calendar-range__component_1mvtc","outer":"calendar-range__outer_1mvtc","s":"calendar-range__s_1mvtc","m":"calendar-range__m_1mvtc","l":"calendar-range__l_1mvtc","xl":"calendar-range__xl_1mvtc"};
|
|
14
|
-
require('./index.css')
|
|
15
|
-
|
|
16
14
|
var Divider = function (_a) {
|
|
17
15
|
var _b;
|
|
18
16
|
var inputFromProps = _a.inputFromProps, inputToProps = _a.inputToProps;
|
|
@@ -21,7 +19,8 @@ var Divider = function (_a) {
|
|
|
21
19
|
(inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.label) &&
|
|
22
20
|
(inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.labelView) === 'outer';
|
|
23
21
|
var size = (inputFromProps === null || inputFromProps === void 0 ? void 0 : inputFromProps.size) || (inputToProps === null || inputToProps === void 0 ? void 0 : inputToProps.size) || 's';
|
|
24
|
-
return React__default.default.createElement("span", { className: cn__default.default(
|
|
22
|
+
return React__default.default.createElement("span", { className: cn__default.default(index_module.component, index_module[size], (_b = {}, _b[index_module.outer] = outer, _b)) });
|
|
25
23
|
};
|
|
26
24
|
|
|
27
25
|
exports.Divider = Divider;
|
|
26
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/divider/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { CalendarRangeProps } from '../../Component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n inputFromProps?: CalendarRangeProps['inputFromProps'];\n inputToProps?: CalendarRangeProps['inputToProps'];\n};\n\nexport const Divider: FC<Props> = ({ inputFromProps, inputToProps }) => {\n const outer =\n inputFromProps?.label &&\n inputFromProps?.labelView === 'outer' &&\n inputToProps?.label &&\n inputToProps?.labelView === 'outer';\n\n const size = inputFromProps?.size || inputToProps?.size || 's';\n\n return <span className={cn(styles.component, styles[size], { [styles.outer]: outer })} />;\n};\n"],"names":["React","cn","styles"],"mappings":";;;;;;;;;;;;;AAYO,IAAM,OAAO,GAAc,UAAC,EAAgC,EAAA;;QAA9B,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;IAC7D,IAAM,KAAK,GACP,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,KAAK;QACrB,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,MAAK,OAAO;AACrC,SAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAA;QACnB,CAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,SAAS,MAAK,OAAO;IAEvC,IAAM,IAAI,GAAG,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,IAAI,MAAI,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,IAAI,CAAA,IAAI,GAAG;IAE9D,OAAOA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA,EAAI,GAACA,YAAM,CAAC,KAAK,CAAG,GAAA,KAAK,EAAG,EAAA,EAAA,EAAA,CAAI;AAC7F;;;;"}
|
|
@@ -1,80 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
} /* deprecated */ :root {
|
|
4
|
-
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
7
3
|
} :root {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
/* Up */
|
|
12
|
-
|
|
13
|
-
/* Hard up */
|
|
14
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
-
|
|
16
|
-
/* новые значения, используйте их */
|
|
17
|
-
} :root { /* deprecated */ /* deprecated */
|
|
18
|
-
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
--gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
20
|
-
|
|
21
|
-
/* новые значения, используйте их */
|
|
22
|
-
|
|
23
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
24
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
4
|
+
--gap-xs: 8px;
|
|
5
|
+
--gap-xl: 24px;
|
|
25
6
|
--gap-0: 0px;
|
|
26
7
|
--gap-8: var(--gap-xs);
|
|
27
8
|
--gap-24: var(--gap-xl);
|
|
28
9
|
} :root {
|
|
29
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
30
10
|
--size-s-height: 48px;
|
|
31
11
|
--size-m-height: 56px;
|
|
32
12
|
--size-l-height: 64px;
|
|
33
13
|
--size-xl-height: 72px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Кнопки выбора месяцев и годов */
|
|
37
|
-
|
|
38
|
-
/* Шапка */
|
|
39
|
-
|
|
40
|
-
/* День */
|
|
41
|
-
|
|
42
|
-
/* today */
|
|
43
|
-
|
|
44
|
-
/* highlighted */
|
|
45
|
-
|
|
46
|
-
/* holidays */
|
|
47
|
-
|
|
48
|
-
/* range */
|
|
49
|
-
|
|
50
|
-
/* selected */
|
|
51
|
-
|
|
52
|
-
/* disabled */
|
|
53
|
-
|
|
54
|
-
/* marker */
|
|
55
|
-
} .calendar-range__component_1mvtc {
|
|
14
|
+
} .calendar-range__component_1xkwj {
|
|
56
15
|
display: flex;
|
|
57
16
|
align-items: center;
|
|
58
17
|
justify-content: center;
|
|
59
18
|
width: 16px;
|
|
60
19
|
margin: var(--gap-0) var(--gap-8)
|
|
61
|
-
} .calendar-
|
|
20
|
+
} .calendar-range__component_1xkwj:after {
|
|
62
21
|
content: '';
|
|
63
22
|
display: block;
|
|
64
23
|
width: 100%;
|
|
65
24
|
height: 1px;
|
|
66
25
|
background-color: var(--color-light-neutral-translucent-1300);
|
|
67
|
-
} .calendar-
|
|
26
|
+
} .calendar-range__outer_1xkwj {
|
|
68
27
|
position: relative;
|
|
69
|
-
|
|
70
|
-
/* FormControl .above height + margin-bottom */
|
|
71
28
|
top: var(--gap-24);
|
|
72
|
-
} .calendar-
|
|
29
|
+
} .calendar-range__s_1xkwj {
|
|
73
30
|
height: var(--size-s-height);
|
|
74
|
-
} .calendar-
|
|
31
|
+
} .calendar-range__m_1xkwj {
|
|
75
32
|
height: var(--size-m-height);
|
|
76
|
-
} .calendar-
|
|
33
|
+
} .calendar-range__l_1xkwj {
|
|
77
34
|
height: var(--size-l-height);
|
|
78
|
-
} .calendar-
|
|
35
|
+
} .calendar-range__xl_1xkwj {
|
|
79
36
|
height: var(--size-xl-height);
|
|
80
37
|
}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Divider =
|
|
9
|
+
exports.Divider = Component.Divider;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('./index.css');
|
|
4
|
+
|
|
5
|
+
var styles = {"component":"calendar-range__component_1xkwj","outer":"calendar-range__outer_1xkwj","s":"calendar-range__s_1xkwj","m":"calendar-range__m_1xkwj","l":"calendar-range__l_1xkwj","xl":"calendar-range__xl_1xkwj"};
|
|
6
|
+
|
|
7
|
+
module.exports = styles;
|
|
8
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/divider/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n.component {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n margin: var(--gap-0) var(--gap-8);\n\n &:after {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n background-color: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.outer {\n position: relative;\n\n /* FormControl .above height + margin-bottom */\n top: var(--gap-24);\n}\n\n.s {\n height: var(--size-s-height);\n}\n\n.m {\n height: var(--size-m-height);\n}\n\n.l {\n height: var(--size-l-height);\n}\n\n.xl {\n height: var(--size-xl-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,iCAAiC,CAAC,OAAO,CAAC,6BAA6B,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,GAAG,CAAC,yBAAyB,CAAC,IAAI,CAAC,0BAA0B,CAAC;;;;"}
|
package/cssm/Component.js
CHANGED
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
7
|
+
var popover = require('./views/popover.js');
|
|
8
|
+
var _static = require('./views/static.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -13,8 +13,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
13
13
|
|
|
14
14
|
var CalendarRange = function (_a) {
|
|
15
15
|
var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = tslib.__rest(_a, ["calendarPosition"]);
|
|
16
|
-
var View = calendarPosition === 'popover' ?
|
|
16
|
+
var View = calendarPosition === 'popover' ? popover.CalendarRangePopover : _static.CalendarRangeStatic;
|
|
17
17
|
return React__default.default.createElement(View, tslib.__assign({}, restProps));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
exports.CalendarRange = CalendarRange;
|
|
21
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { CalendarInputProps } from '@alfalab/core-components-calendar-input';\n\nimport { CalendarRangePopover } from './views/popover';\nimport { CalendarRangeStatic } from './views/static';\n\nexport type CalendarRangeProps = {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Значение инпута (используется и для календаря)\n */\n valueFrom?: string;\n\n /**\n * Значение инпута (используется и для календаря)\n */\n valueTo?: string;\n\n /**\n * Месяц в календаре по умолчанию\n */\n defaultMonth?: number;\n\n /**\n * Минимальная дата, доступная для выбора (timestamp)\n */\n minDate?: number;\n\n /**\n * Максимальная дата, доступная для выбора (timestamp)\n */\n maxDate?: number;\n\n /**\n * Обработчик изменения даты от\n */\n onDateFromChange?: (payload: { date: number | null; value: string }) => void;\n\n /**\n * Обработчик изменения даты до\n */\n onDateToChange?: (payload: { date: number | null; value: string }) => void;\n\n /**\n * Обработчик изменения\n */\n onChange?: (payload: {\n dateFrom: number | null;\n valueFrom: string;\n dateTo: number | null;\n valueTo: string;\n }) => void;\n\n /**\n * Коллбэк, срабатывающий при возникновении ошибок валидации дат внутри компонента.\n */\n onError?: (hasError: boolean) => void;\n\n /**\n * Список событий\n */\n events?: Array<Date | number>;\n\n /**\n * Список выходных\n */\n offDays?: Array<Date | number>;\n\n /**\n * Пропсы для инпута даты от\n */\n inputFromProps?: CalendarInputProps;\n\n /**\n * Пропсы для инпута даты до\n */\n inputToProps?: CalendarInputProps;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Определяет, как рендерить календарь — в поповере или снизу инпута\n */\n calendarPosition?: 'static' | 'popover';\n\n /**\n * calendarPosition = static\n * Отображать начальный месяц слева или справа (влияет только на начальный рендер)\n */\n defaultMonthPosition?: 'left' | 'right';\n\n /**\n * Возвращать невалидную дату для кастомной валидации\n */\n returnInvalidDates?: boolean;\n\n /**\n * Дополнительный класс для контейнера календаря\n */\n calendarContainerClassName?: string;\n};\n\nexport const CalendarRange: FC<CalendarRangeProps> = ({\n calendarPosition = 'static',\n ...restProps\n}) => {\n const View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;\n\n return <View {...restProps} />;\n};\n"],"names":["__rest","CalendarRangePopover","CalendarRangeStatic","React","__assign"],"mappings":";;;;;;;;;;;;;AA8GO,IAAM,aAAa,GAA2B,UAAC,EAGrD,EAAA;IAFG,IAAA,EAAA,GAAA,EAAA,CAAA,gBAA2B,EAA3B,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,SAAS,GAFsCA,YAAA,CAAA,EAAA,EAAA,CAAA,kBAAA,CAGrD,CADe;AAEZ,IAAA,IAAM,IAAI,GAAG,gBAAgB,KAAK,SAAS,GAAGC,4BAAoB,GAAGC,2BAAmB;AAExF,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAClC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../../src/components/divider/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { CalendarRangeProps } from '../../Component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n inputFromProps?: CalendarRangeProps['inputFromProps'];\n inputToProps?: CalendarRangeProps['inputToProps'];\n};\n\nexport const Divider: FC<Props> = ({ inputFromProps, inputToProps }) => {\n const outer =\n inputFromProps?.label &&\n inputFromProps?.labelView === 'outer' &&\n inputToProps?.label &&\n inputToProps?.labelView === 'outer';\n\n const size = inputFromProps?.size || inputToProps?.size || 's';\n\n return <span className={cn(styles.component, styles[size], { [styles.outer]: outer })} />;\n};\n"],"names":["React","cn","styles"],"mappings":";;;;;;;;;;;;;;AAYO,IAAM,OAAO,GAAc,UAAC,EAAgC,EAAA;;QAA9B,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;IAC7D,IAAM,KAAK,GACP,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,KAAK;QACrB,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,MAAK,OAAO;AACrC,SAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAA;QACnB,CAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,SAAS,MAAK,OAAO;IAEvC,IAAM,IAAI,GAAG,CAAA,cAAc,aAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,IAAI,MAAI,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,IAAI,CAAA,IAAI,GAAG;IAE9D,OAAOA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA,EAAI,GAACA,uBAAM,CAAC,KAAK,CAAG,GAAA,KAAK,EAAG,EAAA,EAAA,EAAA,CAAI;AAC7F;;;;"}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Component = require('./Component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Divider =
|
|
9
|
+
exports.Divider = Component.Divider;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,56 +1,16 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
6
3
|
} :root {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
-
--gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
-
|
|
20
|
-
/* новые значения, используйте их */
|
|
21
|
-
|
|
22
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
23
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
4
|
+
--gap-xs: 8px;
|
|
5
|
+
--gap-xl: 24px;
|
|
24
6
|
--gap-0: 0px;
|
|
25
7
|
--gap-8: var(--gap-xs);
|
|
26
8
|
--gap-24: var(--gap-xl);
|
|
27
9
|
} :root {
|
|
28
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
29
10
|
--size-s-height: 48px;
|
|
30
11
|
--size-m-height: 56px;
|
|
31
12
|
--size-l-height: 64px;
|
|
32
13
|
--size-xl-height: 72px;
|
|
33
|
-
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
34
|
-
|
|
35
|
-
/* Кнопки выбора месяцев и годов */
|
|
36
|
-
|
|
37
|
-
/* Шапка */
|
|
38
|
-
|
|
39
|
-
/* День */
|
|
40
|
-
|
|
41
|
-
/* today */
|
|
42
|
-
|
|
43
|
-
/* highlighted */
|
|
44
|
-
|
|
45
|
-
/* holidays */
|
|
46
|
-
|
|
47
|
-
/* range */
|
|
48
|
-
|
|
49
|
-
/* selected */
|
|
50
|
-
|
|
51
|
-
/* disabled */
|
|
52
|
-
|
|
53
|
-
/* marker */
|
|
54
14
|
} .component {
|
|
55
15
|
display: flex;
|
|
56
16
|
align-items: center;
|
|
@@ -65,8 +25,6 @@
|
|
|
65
25
|
background-color: var(--color-light-neutral-translucent-1300);
|
|
66
26
|
} .outer {
|
|
67
27
|
position: relative;
|
|
68
|
-
|
|
69
|
-
/* FormControl .above height + margin-bottom */
|
|
70
28
|
top: var(--gap-24);
|
|
71
29
|
} .s {
|
|
72
30
|
height: var(--size-s-height);
|
package/cssm/hooks.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../src/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport addMonths from 'date-fns/addMonths';\nimport isEqual from 'date-fns/isEqual';\nimport max from 'date-fns/max';\nimport min from 'date-fns/min';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport subMonths from 'date-fns/subMonths';\n\nexport function usePopoverViewMonthes({\n dateFrom,\n dateTo,\n defaultMonth,\n resetKey,\n}: {\n defaultMonth: number;\n dateFrom: number | null;\n dateTo: number | null;\n resetKey?: number;\n}) {\n const [monthFrom, setMonthFrom] = useState<number>();\n const [monthTo, setMonthTo] = useState<number>();\n\n const handleMonthFromChange = useCallback(\n (newMonthFrom: number) => {\n setMonthFrom(newMonthFrom);\n\n if (!dateTo) {\n setMonthTo(newMonthFrom);\n }\n },\n [dateTo],\n );\n\n const handleMonthToChange = useCallback(\n (newMonthTo: number) => {\n setMonthTo(newMonthTo);\n\n if (!dateFrom) {\n setMonthFrom(newMonthTo);\n }\n },\n [dateFrom],\n );\n\n useEffect(() => {\n setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);\n }, [defaultMonth, dateFrom, resetKey]);\n\n useEffect(() => {\n setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dateTo, resetKey]);\n\n return {\n monthFrom,\n monthTo,\n handleMonthFromChange,\n handleMonthToChange,\n };\n}\n\nexport function useStaticViewMonthes({\n selectedFrom,\n selectedTo,\n defaultMonth,\n defaultMonthPosition,\n}: {\n selectedFrom?: number;\n selectedTo?: number;\n defaultMonth: number;\n defaultMonthPosition?: 'left' | 'right';\n}) {\n /**\n * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.\n * Если обе даты не указаны, то используется дефолтный месяц\n */\n let initialMonthFrom = useMemo(\n () => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n /**\n * Правый месяц должен быть как минимум на 1 месяц больше левого\n */\n let initialMonthTo = useMemo(\n () =>\n max([\n selectedTo ? startOfMonth(selectedTo) : 0,\n addMonths(initialMonthFrom, 1),\n ]).getTime(),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n );\n\n if (defaultMonthPosition === 'right') {\n initialMonthTo = initialMonthFrom;\n initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();\n }\n\n const [monthFrom, setMonthFrom] = useState<number>(initialMonthFrom);\n const [monthTo, setMonthTo] = useState<number>(initialMonthTo);\n\n const handleMonthFromChange = useCallback(\n (newMonthFrom: number) => {\n setMonthFrom(newMonthFrom);\n\n if (monthTo && isEqual(newMonthFrom, monthTo)) {\n const nextMonth = addMonths(newMonthFrom, 1).getTime();\n\n setMonthTo(nextMonth);\n }\n },\n [monthTo],\n );\n\n const handleMonthToChange = useCallback(\n (newMonthTo: number) => {\n setMonthTo(newMonthTo);\n\n if (monthFrom && isEqual(newMonthTo, monthFrom)) {\n const prevMonth = subMonths(newMonthTo, 1).getTime();\n\n setMonthFrom(prevMonth);\n }\n },\n [monthFrom],\n );\n\n // eslint-disable-next-line complexity\n useEffect(() => {\n const selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;\n const selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;\n\n // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента\n const fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;\n const fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;\n const toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;\n const toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;\n const fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;\n const toMonthOnScreen = toMonthOnLeft || toMonthOnRight;\n\n if (fromMonthOnLeft && toMonthOnLeft) {\n setMonthTo(max([addMonths(selectedFromMonth as number, 1), monthTo]).getTime());\n\n return;\n }\n\n if (fromMonthOnRight && toMonthOnRight) {\n setMonthFrom(min([subMonths(selectedToMonth as number, 1), monthFrom]).getTime());\n\n return;\n }\n\n if (selectedFromMonth && selectedToMonth) {\n setMonthFrom(selectedFromMonth);\n setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());\n\n return;\n }\n\n if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {\n setMonthFrom(selectedFromMonth);\n setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());\n }\n\n if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {\n setMonthTo(selectedToMonth);\n setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectedFrom, selectedTo]);\n\n return {\n monthFrom,\n monthTo,\n handleMonthFromChange,\n handleMonthToChange,\n };\n}\n\nexport function useSelectionProps(from?: number, to?: number, highlighted?: number) {\n return useMemo(() => {\n if (from && to) {\n return {\n rangeComplete: true,\n selectedFrom: min([from, to]).getTime(),\n selectedTo: max([from, to]).getTime(),\n };\n }\n\n const dates = [from, to, highlighted].filter((date) => date !== undefined) as number[];\n\n return {\n rangeComplete: false,\n selectedFrom: from || dates.length === 2 ? min(dates).getTime() : undefined,\n selectedTo: to || dates.length === 2 ? max(dates).getTime() : undefined,\n };\n }, [from, highlighted, to]);\n}\n"],"names":["useState","useCallback","useEffect","startOfMonth","useMemo","max","addMonths","subMonths","isEqual","min"],"mappings":"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"}
|
package/cssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/cssm/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarInputProps } from
|
|
3
|
-
type CalendarRangeProps = {
|
|
2
|
+
import { CalendarInputProps } from '@alfalab/core-components-calendar-input';
|
|
3
|
+
export declare type CalendarRangeProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Дополнительный класс
|
|
6
6
|
*/
|
|
@@ -90,5 +90,4 @@ type CalendarRangeProps = {
|
|
|
90
90
|
*/
|
|
91
91
|
calendarContainerClassName?: string;
|
|
92
92
|
};
|
|
93
|
-
declare const CalendarRange: FC<CalendarRangeProps>;
|
|
94
|
-
export { CalendarRangeProps, CalendarRange };
|
|
93
|
+
export declare const CalendarRange: FC<CalendarRangeProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CalendarRangeProps } from
|
|
3
|
-
type Props = {
|
|
2
|
+
import { CalendarRangeProps } from '../../Component';
|
|
3
|
+
declare type Props = {
|
|
4
4
|
inputFromProps?: CalendarRangeProps['inputFromProps'];
|
|
5
5
|
inputToProps?: CalendarRangeProps['inputToProps'];
|
|
6
6
|
};
|
|
7
|
-
declare const Divider: FC<Props>;
|
|
8
|
-
export {
|
|
7
|
+
export declare const Divider: FC<Props>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }: {
|
|
1
|
+
export declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }: {
|
|
2
2
|
defaultMonth: number;
|
|
3
3
|
dateFrom: number | null;
|
|
4
4
|
dateTo: number | null;
|
|
@@ -9,7 +9,7 @@ declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKe
|
|
|
9
9
|
handleMonthFromChange: (newMonthFrom: number) => void;
|
|
10
10
|
handleMonthToChange: (newMonthTo: number) => void;
|
|
11
11
|
};
|
|
12
|
-
declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
|
|
12
|
+
export declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
|
|
13
13
|
selectedFrom?: number;
|
|
14
14
|
selectedTo?: number;
|
|
15
15
|
defaultMonth: number;
|
|
@@ -20,9 +20,8 @@ declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth,
|
|
|
20
20
|
handleMonthFromChange: (newMonthFrom: number) => void;
|
|
21
21
|
handleMonthToChange: (newMonthTo: number) => void;
|
|
22
22
|
};
|
|
23
|
-
declare function useSelectionProps(from?: number, to?: number, highlighted?: number): {
|
|
23
|
+
export declare function useSelectionProps(from?: number, to?: number, highlighted?: number): {
|
|
24
24
|
rangeComplete: boolean;
|
|
25
25
|
selectedFrom: number | undefined;
|
|
26
26
|
selectedTo: number | undefined;
|
|
27
27
|
};
|
|
28
|
-
export { usePopoverViewMonthes, useStaticViewMonthes, useSelectionProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getCalendarRangeTestIds } from '../utils';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { CalendarRangeProps } from '../Component';
|
|
3
|
+
export declare type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
|
|
4
|
+
/**
|
|
5
|
+
* Отображать начальный месяц слева или справа (влияет только на начальный рендер)
|
|
6
|
+
*/
|
|
7
|
+
defaultMonthPosition?: 'left' | 'right';
|
|
8
|
+
};
|
|
9
|
+
export declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
|
package/cssm/utils.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var cssm = require('@alfalab/core-components-shared/cssm');
|
|
6
6
|
|
|
7
7
|
var isDayButton = function (node) {
|
|
8
8
|
return node && node.tagName === 'BUTTON' && node.dataset.date;
|
|
@@ -10,10 +10,11 @@ var isDayButton = function (node) {
|
|
|
10
10
|
function getCalendarRangeTestIds(dataTestId) {
|
|
11
11
|
return {
|
|
12
12
|
component: dataTestId,
|
|
13
|
-
calendarContainerFrom:
|
|
14
|
-
calendarContainerTo:
|
|
13
|
+
calendarContainerFrom: cssm.getDataTestId(dataTestId, 'container-from'),
|
|
14
|
+
calendarContainerTo: cssm.getDataTestId(dataTestId, 'container-to'),
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
exports.getCalendarRangeTestIds = getCalendarRangeTestIds;
|
|
19
19
|
exports.isDayButton = isDayButton;
|
|
20
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport const isDayButton = (node: HTMLElement | null) =>\n node && node.tagName === 'BUTTON' && node.dataset.date;\n\nexport function getCalendarRangeTestIds(dataTestId: string) {\n return {\n component: dataTestId,\n calendarContainerFrom: getDataTestId(dataTestId, 'container-from'),\n calendarContainerTo: getDataTestId(dataTestId, 'container-to'),\n };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEO,IAAM,WAAW,GAAG,UAAC,IAAwB,EAAA;AAChD,IAAA,OAAA,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI;AAAtD;AAEE,SAAU,uBAAuB,CAAC,UAAkB,EAAA;IACtD,OAAO;AACH,QAAA,SAAS,EAAE,UAAU;AACrB,QAAA,qBAAqB,EAAEA,kBAAa,CAAC,UAAU,EAAE,gBAAgB,CAAC;AAClE,QAAA,mBAAmB,EAAEA,kBAAa,CAAC,UAAU,EAAE,cAAc,CAAC;KACjE;AACL;;;;;"}
|