@salutejs/plasma-new-hope 0.260.0-canary.1756.13158751564.0 → 0.260.0-canary.1757.13160270615.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js +3 -4
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Calendar/store/types.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/emotion/cjs/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/emotion/cjs/components/Calendar/store/reducer.js +3 -4
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
- package/emotion/es/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/emotion/es/components/Calendar/store/reducer.js +3 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
- package/es/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/es/components/Calendar/hooks/useCalendarDateChange.js.map +1 -1
- package/es/components/Calendar/store/reducer.js +3 -4
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Calendar/store/types.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/styled-components/cjs/components/Calendar/store/reducer.js +3 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
- package/styled-components/es/components/Calendar/hooks/useCalendarDateChange.js +0 -1
- package/styled-components/es/components/Calendar/store/reducer.js +3 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -2
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -2
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -0
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +13 -1
- package/types/components/Calendar/hooks/useCalendarDateChange.d.ts.map +1 -1
- package/types/components/Calendar/store/types.d.ts +0 -1
- package/types/components/Calendar/store/types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
|
|
100
100
|
isDouble={isDouble}
|
101
101
|
date={date}
|
102
102
|
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
103
|
-
min={min}
|
104
|
-
max={max}
|
105
103
|
includeEdgeDates={includeEdgeDates}
|
106
104
|
locale={locale}
|
107
105
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
106
|
+
{...(min && { min: new Date(min) })}
|
107
|
+
{...(max && { max: new Date(max) })}
|
108
108
|
/>
|
109
109
|
);
|
110
110
|
};
|
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
146
146
|
<CalendarDouble
|
147
147
|
size={size}
|
148
148
|
value={value}
|
149
|
-
min={min}
|
150
|
-
max={max}
|
151
149
|
includeEdgeDates={includeEdgeDates}
|
152
150
|
type={type}
|
153
151
|
locale={locale}
|
154
152
|
onChangeValue={handleOnChange}
|
153
|
+
{...(min && { min: new Date(min) })}
|
154
|
+
{...(max && { max: new Date(max) })}
|
155
155
|
{...rest}
|
156
156
|
/>
|
157
157
|
) : (
|
158
158
|
<CalendarBase
|
159
159
|
size={size}
|
160
160
|
value={value}
|
161
|
-
min={min}
|
162
|
-
max={max}
|
163
161
|
includeEdgeDates={includeEdgeDates}
|
164
162
|
type={type}
|
165
163
|
locale={locale}
|
166
164
|
onChangeValue={handleOnChange}
|
165
|
+
{...(min && { min: new Date(min) })}
|
166
|
+
{...(max && { max: new Date(max) })}
|
167
167
|
{...rest}
|
168
168
|
/>
|
169
169
|
);
|
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
233
233
|
<CalendarBaseRange
|
234
234
|
size={size}
|
235
235
|
value={values}
|
236
|
-
min={min}
|
237
|
-
max={max}
|
238
236
|
includeEdgeDates={includeEdgeDates}
|
239
237
|
type={type}
|
240
238
|
onChangeValue={handleOnChange}
|
241
239
|
locale={locale}
|
240
|
+
{...(min && { min: new Date(min) })}
|
241
|
+
{...(max && { max: new Date(max) })}
|
242
242
|
{...rest}
|
243
243
|
/>
|
244
244
|
) : (
|
245
245
|
<CalendarDoubleRange
|
246
246
|
size={size}
|
247
247
|
value={values}
|
248
|
-
min={min}
|
249
|
-
max={max}
|
250
248
|
includeEdgeDates={includeEdgeDates}
|
251
249
|
type={type}
|
252
250
|
onChangeValue={handleOnChange}
|
253
251
|
locale={locale}
|
252
|
+
{...(min && { min: new Date(min) })}
|
253
|
+
{...(max && { max: new Date(max) })}
|
254
254
|
{...rest}
|
255
255
|
/>
|
256
256
|
);
|
@@ -80,6 +80,8 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
+
min,
|
84
|
+
max,
|
83
85
|
...rest
|
84
86
|
}: StoryPropsDefault) => {
|
85
87
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -103,6 +105,8 @@ const StoryDefault = ({
|
|
103
105
|
lang={lang}
|
104
106
|
format={format}
|
105
107
|
onCommitDate={() => setIsOpen(false)}
|
108
|
+
{...(min && { min: new Date(min) })}
|
109
|
+
{...(max && { max: new Date(max) })}
|
106
110
|
{...rest}
|
107
111
|
/>
|
108
112
|
);
|
@@ -188,6 +192,8 @@ const StoryRange = ({
|
|
188
192
|
secondValueSuccess,
|
189
193
|
size,
|
190
194
|
lang,
|
195
|
+
min,
|
196
|
+
max,
|
191
197
|
...rest
|
192
198
|
}: StoryPropsRange) => {
|
193
199
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -240,6 +246,8 @@ const StoryRange = ({
|
|
240
246
|
onChangeSecondValue(e, currentValue);
|
241
247
|
}}
|
242
248
|
lang={lang}
|
249
|
+
{...(min && { min: new Date(min) })}
|
250
|
+
{...(max && { max: new Date(max) })}
|
243
251
|
{...dividerIconProps}
|
244
252
|
{...rest}
|
245
253
|
/>
|
@@ -306,6 +314,8 @@ const StoryDeferred = ({
|
|
306
314
|
valueError,
|
307
315
|
valueSuccess,
|
308
316
|
size,
|
317
|
+
min,
|
318
|
+
max,
|
309
319
|
...rest
|
310
320
|
}: StoryPropsDefault) => {
|
311
321
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -338,6 +348,8 @@ const StoryDeferred = ({
|
|
338
348
|
onChangeValue(e, currentValue);
|
339
349
|
}}
|
340
350
|
onCommitDate={() => setIsOpen(false)}
|
351
|
+
{...(min && { min: new Date(min) })}
|
352
|
+
{...(max && { max: new Date(max) })}
|
341
353
|
{...rest}
|
342
354
|
/>
|
343
355
|
</>
|
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
|
|
100
100
|
isDouble={isDouble}
|
101
101
|
date={date}
|
102
102
|
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
103
|
-
min={min}
|
104
|
-
max={max}
|
105
103
|
includeEdgeDates={includeEdgeDates}
|
106
104
|
locale={locale}
|
107
105
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
106
|
+
{...(min && { min: new Date(min) })}
|
107
|
+
{...(max && { max: new Date(max) })}
|
108
108
|
/>
|
109
109
|
);
|
110
110
|
};
|
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
146
146
|
<CalendarDouble
|
147
147
|
size={size}
|
148
148
|
value={value}
|
149
|
-
min={min}
|
150
|
-
max={max}
|
151
149
|
includeEdgeDates={includeEdgeDates}
|
152
150
|
type={type}
|
153
151
|
locale={locale}
|
154
152
|
onChangeValue={handleOnChange}
|
153
|
+
{...(min && { min: new Date(min) })}
|
154
|
+
{...(max && { max: new Date(max) })}
|
155
155
|
{...rest}
|
156
156
|
/>
|
157
157
|
) : (
|
158
158
|
<CalendarBase
|
159
159
|
size={size}
|
160
160
|
value={value}
|
161
|
-
min={min}
|
162
|
-
max={max}
|
163
161
|
includeEdgeDates={includeEdgeDates}
|
164
162
|
type={type}
|
165
163
|
locale={locale}
|
166
164
|
onChangeValue={handleOnChange}
|
165
|
+
{...(min && { min: new Date(min) })}
|
166
|
+
{...(max && { max: new Date(max) })}
|
167
167
|
{...rest}
|
168
168
|
/>
|
169
169
|
);
|
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
233
233
|
<CalendarBaseRange
|
234
234
|
size={size}
|
235
235
|
value={values}
|
236
|
-
min={min}
|
237
|
-
max={max}
|
238
236
|
includeEdgeDates={includeEdgeDates}
|
239
237
|
type={type}
|
240
238
|
onChangeValue={handleOnChange}
|
241
239
|
locale={locale}
|
240
|
+
{...(min && { min: new Date(min) })}
|
241
|
+
{...(max && { max: new Date(max) })}
|
242
242
|
{...rest}
|
243
243
|
/>
|
244
244
|
) : (
|
245
245
|
<CalendarDoubleRange
|
246
246
|
size={size}
|
247
247
|
value={values}
|
248
|
-
min={min}
|
249
|
-
max={max}
|
250
248
|
includeEdgeDates={includeEdgeDates}
|
251
249
|
type={type}
|
252
250
|
onChangeValue={handleOnChange}
|
253
251
|
locale={locale}
|
252
|
+
{...(min && { min: new Date(min) })}
|
253
|
+
{...(max && { max: new Date(max) })}
|
254
254
|
{...rest}
|
255
255
|
/>
|
256
256
|
);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
4
|
+
import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconButton } from '../IconButton/IconButton';
|
@@ -80,6 +80,8 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
+
min,
|
84
|
+
max,
|
83
85
|
...rest
|
84
86
|
}: StoryPropsDefault) => {
|
85
87
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -103,6 +105,8 @@ const StoryDefault = ({
|
|
103
105
|
lang={lang}
|
104
106
|
format={format}
|
105
107
|
onCommitDate={() => setIsOpen(false)}
|
108
|
+
{...(min && { min: new Date(min) })}
|
109
|
+
{...(max && { max: new Date(max) })}
|
106
110
|
{...rest}
|
107
111
|
/>
|
108
112
|
);
|
@@ -188,6 +192,8 @@ const StoryRange = ({
|
|
188
192
|
secondValueSuccess,
|
189
193
|
size,
|
190
194
|
lang,
|
195
|
+
min,
|
196
|
+
max,
|
191
197
|
...rest
|
192
198
|
}: StoryPropsRange) => {
|
193
199
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -240,6 +246,8 @@ const StoryRange = ({
|
|
240
246
|
onChangeSecondValue(e, currentValue);
|
241
247
|
}}
|
242
248
|
lang={lang}
|
249
|
+
{...(min && { min: new Date(min) })}
|
250
|
+
{...(max && { max: new Date(max) })}
|
243
251
|
{...dividerIconProps}
|
244
252
|
{...rest}
|
245
253
|
/>
|
@@ -306,6 +314,8 @@ const StoryDeferred = ({
|
|
306
314
|
valueError,
|
307
315
|
valueSuccess,
|
308
316
|
size,
|
317
|
+
min,
|
318
|
+
max,
|
309
319
|
...rest
|
310
320
|
}: StoryPropsDefault) => {
|
311
321
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -338,6 +348,8 @@ const StoryDeferred = ({
|
|
338
348
|
onChangeValue(e, currentValue);
|
339
349
|
}}
|
340
350
|
onCommitDate={() => setIsOpen(false)}
|
351
|
+
{...(min && { min: new Date(min) })}
|
352
|
+
{...(max && { max: new Date(max) })}
|
341
353
|
{...rest}
|
342
354
|
/>
|
343
355
|
</>
|
@@ -134,7 +134,6 @@ export var reducer = function reducer(state, action) {
|
|
134
134
|
var _action$payload3 = action.payload,
|
135
135
|
calendarState = _action$payload3.calendarState,
|
136
136
|
_monthIndex2 = _action$payload3.monthIndex,
|
137
|
-
_year2 = _action$payload3.year,
|
138
137
|
size = _action$payload3.size;
|
139
138
|
return _objectSpread(_objectSpread({}, state), {}, {
|
140
139
|
size: size,
|
@@ -142,7 +141,7 @@ export var reducer = function reducer(state, action) {
|
|
142
141
|
date: {
|
143
142
|
day: state.date.day,
|
144
143
|
monthIndex: _monthIndex2,
|
145
|
-
year:
|
144
|
+
year: state.date.year
|
146
145
|
}
|
147
146
|
});
|
148
147
|
}
|
@@ -150,7 +149,7 @@ export var reducer = function reducer(state, action) {
|
|
150
149
|
{
|
151
150
|
var _action$payload4 = action.payload,
|
152
151
|
_calendarState = _action$payload4.calendarState,
|
153
|
-
|
152
|
+
_year2 = _action$payload4.year,
|
154
153
|
_size = _action$payload4.size;
|
155
154
|
return _objectSpread(_objectSpread({}, state), {}, {
|
156
155
|
size: _size,
|
@@ -158,7 +157,7 @@ export var reducer = function reducer(state, action) {
|
|
158
157
|
date: {
|
159
158
|
day: state.date.day,
|
160
159
|
monthIndex: state.date.monthIndex,
|
161
|
-
year:
|
160
|
+
year: _year2
|
162
161
|
}
|
163
162
|
});
|
164
163
|
}
|
@@ -35,13 +35,15 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
35
35
|
onSetSelected = _ref.onSetSelected,
|
36
36
|
onKeyDown = _ref.onKeyDown,
|
37
37
|
locale = _ref.locale;
|
38
|
+
var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
|
39
|
+
var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
|
38
40
|
var _useMonths = useMonths({
|
39
41
|
date: currentDate,
|
40
42
|
value: value,
|
41
43
|
eventList: eventList,
|
42
44
|
disabledList: disabledList,
|
43
|
-
min:
|
44
|
-
max:
|
45
|
+
min: minDate,
|
46
|
+
max: maxDate,
|
45
47
|
locale: locale
|
46
48
|
}),
|
47
49
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
@@ -34,13 +34,15 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
34
34
|
onHoverQuarter = _ref.onHoverQuarter,
|
35
35
|
onSetSelected = _ref.onSetSelected,
|
36
36
|
onKeyDown = _ref.onKeyDown;
|
37
|
+
var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
|
38
|
+
var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
|
37
39
|
var _useQuarters = useQuarters({
|
38
40
|
date: currentDate,
|
39
41
|
value: value,
|
40
42
|
eventList: eventList,
|
41
43
|
disabledList: disabledList,
|
42
|
-
min:
|
43
|
-
max:
|
44
|
+
min: minDate,
|
45
|
+
max: maxDate
|
44
46
|
}),
|
45
47
|
_useQuarters2 = _slicedToArray(_useQuarters, 2),
|
46
48
|
quarters = _useQuarters2[0],
|
@@ -35,14 +35,16 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
35
35
|
onHoverYear = _ref.onHoverYear,
|
36
36
|
onSetSelected = _ref.onSetSelected,
|
37
37
|
onKeyDown = _ref.onKeyDown;
|
38
|
+
var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
|
39
|
+
var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
|
38
40
|
var _useYears = useYears({
|
39
41
|
date: currentDate,
|
40
42
|
value: value,
|
41
43
|
startYear: startYear,
|
42
44
|
eventList: eventList,
|
43
45
|
disabledList: disabledList,
|
44
|
-
min:
|
45
|
-
max:
|
46
|
+
min: minDate,
|
47
|
+
max: maxDate
|
46
48
|
}),
|
47
49
|
_useYears2 = _slicedToArray(_useYears, 2),
|
48
50
|
years = _useYears2[0],
|
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
|
|
100
100
|
isDouble={isDouble}
|
101
101
|
date={date}
|
102
102
|
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
103
|
-
min={min}
|
104
|
-
max={max}
|
105
103
|
includeEdgeDates={includeEdgeDates}
|
106
104
|
locale={locale}
|
107
105
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
106
|
+
{...(min && { min: new Date(min) })}
|
107
|
+
{...(max && { max: new Date(max) })}
|
108
108
|
/>
|
109
109
|
);
|
110
110
|
};
|
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
146
146
|
<CalendarDouble
|
147
147
|
size={size}
|
148
148
|
value={value}
|
149
|
-
min={min}
|
150
|
-
max={max}
|
151
149
|
includeEdgeDates={includeEdgeDates}
|
152
150
|
type={type}
|
153
151
|
locale={locale}
|
154
152
|
onChangeValue={handleOnChange}
|
153
|
+
{...(min && { min: new Date(min) })}
|
154
|
+
{...(max && { max: new Date(max) })}
|
155
155
|
{...rest}
|
156
156
|
/>
|
157
157
|
) : (
|
158
158
|
<CalendarBase
|
159
159
|
size={size}
|
160
160
|
value={value}
|
161
|
-
min={min}
|
162
|
-
max={max}
|
163
161
|
includeEdgeDates={includeEdgeDates}
|
164
162
|
type={type}
|
165
163
|
locale={locale}
|
166
164
|
onChangeValue={handleOnChange}
|
165
|
+
{...(min && { min: new Date(min) })}
|
166
|
+
{...(max && { max: new Date(max) })}
|
167
167
|
{...rest}
|
168
168
|
/>
|
169
169
|
);
|
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
233
233
|
<CalendarBaseRange
|
234
234
|
size={size}
|
235
235
|
value={values}
|
236
|
-
min={min}
|
237
|
-
max={max}
|
238
236
|
includeEdgeDates={includeEdgeDates}
|
239
237
|
type={type}
|
240
238
|
onChangeValue={handleOnChange}
|
241
239
|
locale={locale}
|
240
|
+
{...(min && { min: new Date(min) })}
|
241
|
+
{...(max && { max: new Date(max) })}
|
242
242
|
{...rest}
|
243
243
|
/>
|
244
244
|
) : (
|
245
245
|
<CalendarDoubleRange
|
246
246
|
size={size}
|
247
247
|
value={values}
|
248
|
-
min={min}
|
249
|
-
max={max}
|
250
248
|
includeEdgeDates={includeEdgeDates}
|
251
249
|
type={type}
|
252
250
|
onChangeValue={handleOnChange}
|
253
251
|
locale={locale}
|
252
|
+
{...(min && { min: new Date(min) })}
|
253
|
+
{...(max && { max: new Date(max) })}
|
254
254
|
{...rest}
|
255
255
|
/>
|
256
256
|
);
|
@@ -80,6 +80,8 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
+
min,
|
84
|
+
max,
|
83
85
|
...rest
|
84
86
|
}: StoryPropsDefault) => {
|
85
87
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -103,6 +105,8 @@ const StoryDefault = ({
|
|
103
105
|
lang={lang}
|
104
106
|
format={format}
|
105
107
|
onCommitDate={() => setIsOpen(false)}
|
108
|
+
{...(min && { min: new Date(min) })}
|
109
|
+
{...(max && { max: new Date(max) })}
|
106
110
|
{...rest}
|
107
111
|
/>
|
108
112
|
);
|
@@ -188,6 +192,8 @@ const StoryRange = ({
|
|
188
192
|
secondValueSuccess,
|
189
193
|
size,
|
190
194
|
lang,
|
195
|
+
min,
|
196
|
+
max,
|
191
197
|
...rest
|
192
198
|
}: StoryPropsRange) => {
|
193
199
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -240,6 +246,8 @@ const StoryRange = ({
|
|
240
246
|
onChangeSecondValue(e, currentValue);
|
241
247
|
}}
|
242
248
|
lang={lang}
|
249
|
+
{...(min && { min: new Date(min) })}
|
250
|
+
{...(max && { max: new Date(max) })}
|
243
251
|
{...dividerIconProps}
|
244
252
|
{...rest}
|
245
253
|
/>
|
@@ -306,6 +314,8 @@ const StoryDeferred = ({
|
|
306
314
|
valueError,
|
307
315
|
valueSuccess,
|
308
316
|
size,
|
317
|
+
min,
|
318
|
+
max,
|
309
319
|
...rest
|
310
320
|
}: StoryPropsDefault) => {
|
311
321
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -338,6 +348,8 @@ const StoryDeferred = ({
|
|
338
348
|
onChangeValue(e, currentValue);
|
339
349
|
}}
|
340
350
|
onCommitDate={() => setIsOpen(false)}
|
351
|
+
{...(min && { min: new Date(min) })}
|
352
|
+
{...(max && { max: new Date(max) })}
|
341
353
|
{...rest}
|
342
354
|
/>
|
343
355
|
</>
|
@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
|
|
100
100
|
isDouble={isDouble}
|
101
101
|
date={date}
|
102
102
|
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
103
|
-
min={min}
|
104
|
-
max={max}
|
105
103
|
includeEdgeDates={includeEdgeDates}
|
106
104
|
locale={locale}
|
107
105
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
106
|
+
{...(min && { min: new Date(min) })}
|
107
|
+
{...(max && { max: new Date(max) })}
|
108
108
|
/>
|
109
109
|
);
|
110
110
|
};
|
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
146
146
|
<CalendarDouble
|
147
147
|
size={size}
|
148
148
|
value={value}
|
149
|
-
min={min}
|
150
|
-
max={max}
|
151
149
|
includeEdgeDates={includeEdgeDates}
|
152
150
|
type={type}
|
153
151
|
locale={locale}
|
154
152
|
onChangeValue={handleOnChange}
|
153
|
+
{...(min && { min: new Date(min) })}
|
154
|
+
{...(max && { max: new Date(max) })}
|
155
155
|
{...rest}
|
156
156
|
/>
|
157
157
|
) : (
|
158
158
|
<CalendarBase
|
159
159
|
size={size}
|
160
160
|
value={value}
|
161
|
-
min={min}
|
162
|
-
max={max}
|
163
161
|
includeEdgeDates={includeEdgeDates}
|
164
162
|
type={type}
|
165
163
|
locale={locale}
|
166
164
|
onChangeValue={handleOnChange}
|
165
|
+
{...(min && { min: new Date(min) })}
|
166
|
+
{...(max && { max: new Date(max) })}
|
167
167
|
{...rest}
|
168
168
|
/>
|
169
169
|
);
|
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
233
233
|
<CalendarBaseRange
|
234
234
|
size={size}
|
235
235
|
value={values}
|
236
|
-
min={min}
|
237
|
-
max={max}
|
238
236
|
includeEdgeDates={includeEdgeDates}
|
239
237
|
type={type}
|
240
238
|
onChangeValue={handleOnChange}
|
241
239
|
locale={locale}
|
240
|
+
{...(min && { min: new Date(min) })}
|
241
|
+
{...(max && { max: new Date(max) })}
|
242
242
|
{...rest}
|
243
243
|
/>
|
244
244
|
) : (
|
245
245
|
<CalendarDoubleRange
|
246
246
|
size={size}
|
247
247
|
value={values}
|
248
|
-
min={min}
|
249
|
-
max={max}
|
250
248
|
includeEdgeDates={includeEdgeDates}
|
251
249
|
type={type}
|
252
250
|
onChangeValue={handleOnChange}
|
253
251
|
locale={locale}
|
252
|
+
{...(min && { min: new Date(min) })}
|
253
|
+
{...(max && { max: new Date(max) })}
|
254
254
|
{...rest}
|
255
255
|
/>
|
256
256
|
);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
4
|
+
import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconButton } from '../IconButton/IconButton';
|
@@ -80,6 +80,8 @@ const StoryDefault = ({
|
|
80
80
|
size,
|
81
81
|
lang,
|
82
82
|
format,
|
83
|
+
min,
|
84
|
+
max,
|
83
85
|
...rest
|
84
86
|
}: StoryPropsDefault) => {
|
85
87
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -103,6 +105,8 @@ const StoryDefault = ({
|
|
103
105
|
lang={lang}
|
104
106
|
format={format}
|
105
107
|
onCommitDate={() => setIsOpen(false)}
|
108
|
+
{...(min && { min: new Date(min) })}
|
109
|
+
{...(max && { max: new Date(max) })}
|
106
110
|
{...rest}
|
107
111
|
/>
|
108
112
|
);
|
@@ -188,6 +192,8 @@ const StoryRange = ({
|
|
188
192
|
secondValueSuccess,
|
189
193
|
size,
|
190
194
|
lang,
|
195
|
+
min,
|
196
|
+
max,
|
191
197
|
...rest
|
192
198
|
}: StoryPropsRange) => {
|
193
199
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -240,6 +246,8 @@ const StoryRange = ({
|
|
240
246
|
onChangeSecondValue(e, currentValue);
|
241
247
|
}}
|
242
248
|
lang={lang}
|
249
|
+
{...(min && { min: new Date(min) })}
|
250
|
+
{...(max && { max: new Date(max) })}
|
243
251
|
{...dividerIconProps}
|
244
252
|
{...rest}
|
245
253
|
/>
|
@@ -306,6 +314,8 @@ const StoryDeferred = ({
|
|
306
314
|
valueError,
|
307
315
|
valueSuccess,
|
308
316
|
size,
|
317
|
+
min,
|
318
|
+
max,
|
309
319
|
...rest
|
310
320
|
}: StoryPropsDefault) => {
|
311
321
|
const [isOpen, setIsOpen] = useState(false);
|
@@ -338,6 +348,8 @@ const StoryDeferred = ({
|
|
338
348
|
onChangeValue(e, currentValue);
|
339
349
|
}}
|
340
350
|
onCommitDate={() => setIsOpen(false)}
|
351
|
+
{...(min && { min: new Date(min) })}
|
352
|
+
{...(max && { max: new Date(max) })}
|
341
353
|
{...rest}
|
342
354
|
/>
|
343
355
|
</>
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCalendarDateChange.js","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { DateObject } from '../Calendar.types';\nimport { ActionType, CalendarState, CalendarStateType } from '../store/types';\nimport { sizeMap } from '../store/reducer';\n\nimport type { UseCalendarDateChangeArgs } from './types';\n\nexport const useCalendarDateChange = ({\n type,\n onChangeValue,\n onSelectIndexes,\n dispatch,\n}: UseCalendarDateChangeArgs) => {\n const handleOnChangeDay = useCallback(\n (newDate: DateObject, coord: number[]) => {\n const newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);\n onChangeValue?.(newDay);\n\n onSelectIndexes(coord);\n },\n [onChangeValue, onSelectIndexes],\n );\n\n const handleOnChangeQuarter = useCallback(\n (newDate: DateObject, coord: number[], quarterName: string) => {\n const newQuarterDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n const endQuarter = new Date(newQuarterDate);\n\n endQuarter.setMonth(newQuarterDate.getMonth() + 3);\n endQuarter.setDate(0);\n\n onChangeValue?.(newQuarterDate, {\n name: quarterName,\n fullValue: [newQuarterDate, endQuarter],\n });\n\n onSelectIndexes(coord);\n },\n [onChangeValue, onSelectIndexes, type],\n );\n\n const handleOnChangeMonth = useCallback(\n (newDate: DateObject, coord: number[]) => {\n if (type === CalendarState.Months) {\n const newMonthDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n onChangeValue?.(newMonthDate);\n onSelectIndexes(coord);\n\n return;\n }\n\n dispatch({\n type: ActionType.UPDATE_MONTH,\n payload: {\n calendarState: CalendarState.Days,\n monthIndex: newDate.monthIndex,\n
|
1
|
+
{"version":3,"file":"useCalendarDateChange.js","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { DateObject } from '../Calendar.types';\nimport { ActionType, CalendarState, CalendarStateType } from '../store/types';\nimport { sizeMap } from '../store/reducer';\n\nimport type { UseCalendarDateChangeArgs } from './types';\n\nexport const useCalendarDateChange = ({\n type,\n onChangeValue,\n onSelectIndexes,\n dispatch,\n}: UseCalendarDateChangeArgs) => {\n const handleOnChangeDay = useCallback(\n (newDate: DateObject, coord: number[]) => {\n const newDay = new Date(newDate.year, newDate.monthIndex, newDate.day);\n onChangeValue?.(newDay);\n\n onSelectIndexes(coord);\n },\n [onChangeValue, onSelectIndexes],\n );\n\n const handleOnChangeQuarter = useCallback(\n (newDate: DateObject, coord: number[], quarterName: string) => {\n const newQuarterDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n const endQuarter = new Date(newQuarterDate);\n\n endQuarter.setMonth(newQuarterDate.getMonth() + 3);\n endQuarter.setDate(0);\n\n onChangeValue?.(newQuarterDate, {\n name: quarterName,\n fullValue: [newQuarterDate, endQuarter],\n });\n\n onSelectIndexes(coord);\n },\n [onChangeValue, onSelectIndexes, type],\n );\n\n const handleOnChangeMonth = useCallback(\n (newDate: DateObject, coord: number[]) => {\n if (type === CalendarState.Months) {\n const newMonthDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n onChangeValue?.(newMonthDate);\n onSelectIndexes(coord);\n\n return;\n }\n\n dispatch({\n type: ActionType.UPDATE_MONTH,\n payload: {\n calendarState: CalendarState.Days,\n monthIndex: newDate.monthIndex,\n size: sizeMap.Days.double,\n },\n });\n },\n [onChangeValue, onSelectIndexes, type],\n );\n\n const handleOnChangeYear = useCallback(\n (newDate: DateObject, coord: number[]) => {\n if (type === CalendarState.Years) {\n const newYearDate = new Date(newDate.year, newDate.monthIndex, newDate.day);\n onChangeValue?.(newYearDate);\n onSelectIndexes(coord);\n\n return;\n }\n\n if (type === CalendarState.Quarters) {\n dispatch({\n type: ActionType.UPDATE_YEAR,\n payload: {\n calendarState: CalendarState.Quarters,\n year: newDate.year,\n size: sizeMap.Quarters.double,\n },\n });\n\n return;\n }\n\n dispatch({\n type: ActionType.UPDATE_YEAR,\n payload: {\n calendarState: CalendarState.Months,\n year: newDate.year,\n size: sizeMap.Months.double,\n },\n });\n },\n [onChangeValue, onSelectIndexes, type],\n );\n\n const handleUpdateCalendarState = useCallback((newCalendarState: CalendarStateType, newSize: [number, number]) => {\n dispatch({\n type: ActionType.UPDATE_CALENDAR_STATE,\n payload: { calendarState: newCalendarState, size: newSize },\n });\n }, []);\n\n return {\n handleOnChangeDay,\n handleOnChangeMonth,\n handleOnChangeQuarter,\n handleOnChangeYear,\n handleUpdateCalendarState,\n };\n};\n"],"names":["useCalendarDateChange","_ref","type","onChangeValue","onSelectIndexes","dispatch","handleOnChangeDay","useCallback","newDate","coord","newDay","Date","year","monthIndex","day","handleOnChangeQuarter","quarterName","newQuarterDate","endQuarter","setMonth","getMonth","setDate","name","fullValue","handleOnChangeMonth","CalendarState","Months","newMonthDate","ActionType","UPDATE_MONTH","payload","calendarState","Days","size","sizeMap","handleOnChangeYear","Years","newYearDate","Quarters","UPDATE_YEAR","handleUpdateCalendarState","newCalendarState","newSize","UPDATE_CALENDAR_STATE"],"mappings":"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"}
|