@activecollab/components 2.0.212 → 2.0.214
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/DatePicker/DatePicker.js +678 -301
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/Styles.js +91 -37
- package/dist/cjs/components/DatePicker/Styles.js.map +1 -1
- package/dist/cjs/components/DatePicker/index.js +0 -11
- package/dist/cjs/components/DatePicker/index.js.map +1 -1
- package/dist/cjs/components/Display/DisplayHours.js +4 -6
- package/dist/cjs/components/Display/DisplayHours.js.map +1 -1
- package/dist/cjs/components/Display/types.js.map +1 -1
- package/dist/cjs/components/SelectDate/SelectDate.js +126 -280
- package/dist/cjs/components/SelectDate/SelectDate.js.map +1 -1
- package/dist/cjs/components/SelectDate/index.js +0 -11
- package/dist/cjs/components/SelectDate/index.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +94 -100
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/index.js +0 -11
- package/dist/cjs/components/Steppers/DateStepper/index.js.map +1 -1
- package/dist/cjs/components/index.js +0 -11
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/utils/currencyUtils.js +1 -20
- package/dist/cjs/utils/currencyUtils.js.map +1 -1
- package/dist/cjs/utils/currencyUtils.test.js +0 -5
- package/dist/cjs/utils/currencyUtils.test.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +64 -26
- package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +619 -278
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/Styles.d.ts +21 -9
- package/dist/esm/components/DatePicker/Styles.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/Styles.js +89 -30
- package/dist/esm/components/DatePicker/Styles.js.map +1 -1
- package/dist/esm/components/DatePicker/index.d.ts +0 -1
- package/dist/esm/components/DatePicker/index.d.ts.map +1 -1
- package/dist/esm/components/DatePicker/index.js +0 -1
- package/dist/esm/components/DatePicker/index.js.map +1 -1
- package/dist/esm/components/Display/DisplayHours.d.ts.map +1 -1
- package/dist/esm/components/Display/DisplayHours.js +4 -6
- package/dist/esm/components/Display/DisplayHours.js.map +1 -1
- package/dist/esm/components/Display/types.d.ts +1 -1
- package/dist/esm/components/Display/types.d.ts.map +1 -1
- package/dist/esm/components/Display/types.js.map +1 -1
- package/dist/esm/components/SelectDate/SelectDate.d.ts +20 -19
- package/dist/esm/components/SelectDate/SelectDate.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/SelectDate.js +124 -246
- package/dist/esm/components/SelectDate/SelectDate.js.map +1 -1
- package/dist/esm/components/SelectDate/index.d.ts +0 -1
- package/dist/esm/components/SelectDate/index.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/index.js +0 -1
- package/dist/esm/components/SelectDate/index.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +10 -7
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js +88 -97
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/index.d.ts +0 -1
- package/dist/esm/components/Steppers/DateStepper/index.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/index.js +0 -1
- package/dist/esm/components/Steppers/DateStepper/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/utils/currencyUtils.d.ts +0 -1
- package/dist/esm/utils/currencyUtils.d.ts.map +1 -1
- package/dist/esm/utils/currencyUtils.js +0 -10
- package/dist/esm/utils/currencyUtils.js.map +1 -1
- package/dist/esm/utils/currencyUtils.test.js +1 -6
- package/dist/esm/utils/currencyUtils.test.js.map +1 -1
- package/dist/index.js +218 -1581
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -3
- package/dist/cjs/components/DatePicker/CustomNavBarElement.js +0 -41
- package/dist/cjs/components/DatePicker/CustomNavBarElement.js.map +0 -1
- package/dist/cjs/components/DatePicker/DatePickerV2.js +0 -734
- package/dist/cjs/components/DatePicker/DatePickerV2.js.map +0 -1
- package/dist/cjs/components/DatePicker/StylesV2.js +0 -100
- package/dist/cjs/components/DatePicker/StylesV2.js.map +0 -1
- package/dist/cjs/components/Pickers/NavBarElement.js +0 -52
- package/dist/cjs/components/Pickers/NavBarElement.js.map +0 -1
- package/dist/cjs/components/Pickers/Styles.js +0 -76
- package/dist/cjs/components/Pickers/Styles.js.map +0 -1
- package/dist/cjs/components/Pickers/YearMonthPicker.js +0 -80
- package/dist/cjs/components/Pickers/YearMonthPicker.js.map +0 -1
- package/dist/cjs/components/Pickers/index.js +0 -28
- package/dist/cjs/components/Pickers/index.js.map +0 -1
- package/dist/cjs/components/SelectDate/DatePickerForm.js +0 -94
- package/dist/cjs/components/SelectDate/DatePickerForm.js.map +0 -1
- package/dist/cjs/components/SelectDate/SelectDateV2.js +0 -263
- package/dist/cjs/components/SelectDate/SelectDateV2.js.map +0 -1
- package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js +0 -276
- package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
- package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts +0 -12
- package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/CustomNavBarElement.js +0 -34
- package/dist/esm/components/DatePicker/CustomNavBarElement.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePickerV2.d.ts +0 -68
- package/dist/esm/components/DatePicker/DatePickerV2.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/DatePickerV2.js +0 -649
- package/dist/esm/components/DatePicker/DatePickerV2.js.map +0 -1
- package/dist/esm/components/DatePicker/StylesV2.d.ts +0 -22
- package/dist/esm/components/DatePicker/StylesV2.d.ts.map +0 -1
- package/dist/esm/components/DatePicker/StylesV2.js +0 -93
- package/dist/esm/components/DatePicker/StylesV2.js.map +0 -1
- package/dist/esm/components/Pickers/NavBarElement.d.ts +0 -9
- package/dist/esm/components/Pickers/NavBarElement.d.ts.map +0 -1
- package/dist/esm/components/Pickers/NavBarElement.js +0 -45
- package/dist/esm/components/Pickers/NavBarElement.js.map +0 -1
- package/dist/esm/components/Pickers/Styles.d.ts +0 -18
- package/dist/esm/components/Pickers/Styles.d.ts.map +0 -1
- package/dist/esm/components/Pickers/Styles.js +0 -56
- package/dist/esm/components/Pickers/Styles.js.map +0 -1
- package/dist/esm/components/Pickers/YearMonthPicker.d.ts +0 -17
- package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map +0 -1
- package/dist/esm/components/Pickers/YearMonthPicker.js +0 -59
- package/dist/esm/components/Pickers/YearMonthPicker.js.map +0 -1
- package/dist/esm/components/Pickers/index.d.ts +0 -3
- package/dist/esm/components/Pickers/index.d.ts.map +0 -1
- package/dist/esm/components/Pickers/index.js +0 -3
- package/dist/esm/components/Pickers/index.js.map +0 -1
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts +0 -39
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +0 -1
- package/dist/esm/components/SelectDate/DatePickerForm.js +0 -80
- package/dist/esm/components/SelectDate/DatePickerForm.js.map +0 -1
- package/dist/esm/components/SelectDate/SelectDateV2.d.ts +0 -102
- package/dist/esm/components/SelectDate/SelectDateV2.d.ts.map +0 -1
- package/dist/esm/components/SelectDate/SelectDateV2.js +0 -223
- package/dist/esm/components/SelectDate/SelectDateV2.js.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts +0 -45
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js +0 -241
- package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useMemo, useState, useEffect } from "react";
|
|
2
|
-
import classNames from "classnames";
|
|
3
|
-
import moment from "moment-timezone";
|
|
4
|
-
import { StyledButton, StyledButtonGroup, StyledDiv, StyledSpan, StyledControl } from "./Styles";
|
|
5
|
-
import { DatePickerV2 } from "../../DatePicker/DatePickerV2";
|
|
6
|
-
import { ArrowRightIcon } from "../../Icons";
|
|
7
|
-
import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
|
|
8
|
-
/**
|
|
9
|
-
* This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
|
|
10
|
-
* onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
export const DateStepperV2 = _ref => {
|
|
14
|
-
let {
|
|
15
|
-
step,
|
|
16
|
-
formatCallback,
|
|
17
|
-
onChange,
|
|
18
|
-
from,
|
|
19
|
-
to,
|
|
20
|
-
onBack,
|
|
21
|
-
onForward,
|
|
22
|
-
minValue,
|
|
23
|
-
maxValue,
|
|
24
|
-
className,
|
|
25
|
-
period = "week",
|
|
26
|
-
withDatePicker = true,
|
|
27
|
-
defaultMonth = moment(),
|
|
28
|
-
enableYearPicker,
|
|
29
|
-
position = "bottom",
|
|
30
|
-
popperClassName
|
|
31
|
-
} = _ref;
|
|
32
|
-
const [fromDate, setFromDate] = useState(moment.utc(from));
|
|
33
|
-
const [toDate, setToDate] = useState(moment.utc(to));
|
|
34
|
-
const getDatesByPeriod = useCallback(interval => {
|
|
35
|
-
const date = fromDate ? fromDate : moment();
|
|
36
|
-
if (step === "daily") {
|
|
37
|
-
date.add(interval, "days");
|
|
38
|
-
return [date, date.clone()];
|
|
39
|
-
} else if (step === "weekly") {
|
|
40
|
-
date.add(interval, "weeks");
|
|
41
|
-
return [date.clone().startOf(period), date.clone().endOf(period)];
|
|
42
|
-
} else if (step === "monthly") {
|
|
43
|
-
date.add(interval, "months");
|
|
44
|
-
return [date.clone().startOf("month"), date.clone().endOf("month")];
|
|
45
|
-
} else if (step === "quarterly") {
|
|
46
|
-
date.add(interval, "quarters");
|
|
47
|
-
return [date.clone().startOf("quarter"), date.clone().endOf("quarter")];
|
|
48
|
-
} else if (step === "yearly") {
|
|
49
|
-
date.add(interval, "years");
|
|
50
|
-
return [date.clone().startOf("year"), date.clone().endOf("year")];
|
|
51
|
-
}
|
|
52
|
-
return [date, date];
|
|
53
|
-
}, [fromDate, period, step]);
|
|
54
|
-
const getDateFormatted = useMemo(() => {
|
|
55
|
-
if (formatCallback) {
|
|
56
|
-
return formatCallback(fromDate, toDate);
|
|
57
|
-
}
|
|
58
|
-
const actualYear = moment().year();
|
|
59
|
-
const showWeekOrCustomDateFormat = (start, end) => {
|
|
60
|
-
if (start.year() === actualYear && end.year() === actualYear) {
|
|
61
|
-
return start.utc().format("MMM DD") + " - " + end.utc().format("MMM DD");
|
|
62
|
-
} else {
|
|
63
|
-
return start.utc().format("MMM DD YYYY") + " - " + end.utc().format("MMM DD YYYY");
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
if (step === "daily") {
|
|
67
|
-
if (fromDate.year() === actualYear) {
|
|
68
|
-
return fromDate.utc().format("MMM DD");
|
|
69
|
-
}
|
|
70
|
-
return fromDate.utc().format("MMM DD YYYY");
|
|
71
|
-
} else if (step === "weekly") {
|
|
72
|
-
const startDate = fromDate.clone().utc().startOf(period);
|
|
73
|
-
const endDate = startDate.clone().utc().endOf(period);
|
|
74
|
-
return showWeekOrCustomDateFormat(startDate, endDate);
|
|
75
|
-
} else if (step === "monthly") {
|
|
76
|
-
return fromDate.utc().format("MMM YYYY");
|
|
77
|
-
} else if (step === "quarterly") {
|
|
78
|
-
return "Q" + fromDate.utc().quarter() + "/" + fromDate.utc().format("YYYY");
|
|
79
|
-
} else if (step === "yearly") {
|
|
80
|
-
return fromDate.utc().format("YYYY");
|
|
81
|
-
} else if (step === "range") {
|
|
82
|
-
return showWeekOrCustomDateFormat(fromDate, toDate);
|
|
83
|
-
}
|
|
84
|
-
return "";
|
|
85
|
-
}, [fromDate, toDate, step, formatCallback, period]);
|
|
86
|
-
const datePickerMode = useMemo(() => {
|
|
87
|
-
if (step === "range") return "custom";
|
|
88
|
-
if (step === "yearly") return "custom";
|
|
89
|
-
return step;
|
|
90
|
-
}, [step]);
|
|
91
|
-
const onDatePickerChange = useCallback(dates => {
|
|
92
|
-
const fromDateTemp = moment.utc(Number(dates == null ? void 0 : dates.from) * 1000);
|
|
93
|
-
const toDateTemp = moment.utc(Number(dates == null ? void 0 : dates.to) * 1000);
|
|
94
|
-
setFromDate(fromDateTemp);
|
|
95
|
-
setToDate(toDateTemp);
|
|
96
|
-
if (onChange && moment.isMoment(fromDateTemp) && moment.isMoment(toDateTemp)) {
|
|
97
|
-
onChange(fromDateTemp.toDate(), toDateTemp.toDate());
|
|
98
|
-
}
|
|
99
|
-
}, [onChange, setFromDate, setToDate]);
|
|
100
|
-
const isAfterMaxDate = useMemo(() => {
|
|
101
|
-
return moment.isMoment(maxValue) && moment(moment.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
102
|
-
}, [maxValue, toDate]);
|
|
103
|
-
const isBeforeMinDate = useMemo(() => {
|
|
104
|
-
return moment.isMoment(minValue) && moment.utc(moment.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
105
|
-
}, [minValue, toDate]);
|
|
106
|
-
useEffect(() => {
|
|
107
|
-
if (isBeforeMinDate) {
|
|
108
|
-
if (step === "daily") {
|
|
109
|
-
setFromDate(moment.utc(minValue));
|
|
110
|
-
setToDate(moment.utc(minValue));
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
if (isAfterMaxDate) {
|
|
114
|
-
if (step === "daily") {
|
|
115
|
-
setFromDate(moment.utc(maxValue));
|
|
116
|
-
setToDate(moment.utc(maxValue));
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);
|
|
120
|
-
const onRightClickHandler = useCallback(() => {
|
|
121
|
-
if (isAfterMaxDate) {
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
const [newFrom, newTo] = getDatesByPeriod(1);
|
|
125
|
-
setFromDate(moment.utc(newFrom));
|
|
126
|
-
setToDate(moment.utc(newTo));
|
|
127
|
-
if (onChange) {
|
|
128
|
-
onChange(moment.utc(newFrom), moment.utc(newTo));
|
|
129
|
-
}
|
|
130
|
-
if (onForward) {
|
|
131
|
-
onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
|
|
132
|
-
}
|
|
133
|
-
}, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);
|
|
134
|
-
const onLeftClickHandler = useCallback(() => {
|
|
135
|
-
if (isBeforeMinDate) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
const [newFrom, newTo] = getDatesByPeriod(-1);
|
|
139
|
-
setFromDate(moment.utc(newFrom));
|
|
140
|
-
setToDate(moment.utc(newTo));
|
|
141
|
-
if (onChange) {
|
|
142
|
-
onChange(moment.utc(newFrom), moment.utc(newTo));
|
|
143
|
-
}
|
|
144
|
-
if (onBack) {
|
|
145
|
-
onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
|
|
146
|
-
}
|
|
147
|
-
}, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
|
|
148
|
-
const renderLeftRightButtons = useMemo(() => {
|
|
149
|
-
return step !== "range";
|
|
150
|
-
}, [step]);
|
|
151
|
-
useEffect(() => {
|
|
152
|
-
setFromDate(moment.utc(from));
|
|
153
|
-
setToDate(moment.utc(to));
|
|
154
|
-
}, [from, to]);
|
|
155
|
-
const dateStepperWidth = (fromDay, toDay, range) => {
|
|
156
|
-
if (fromDay.utc().year() !== moment.utc().year() || toDay.utc().year() !== moment.utc().year()) {
|
|
157
|
-
switch (range) {
|
|
158
|
-
case "daily":
|
|
159
|
-
case "monthly":
|
|
160
|
-
return {
|
|
161
|
-
minWidth: "122px"
|
|
162
|
-
};
|
|
163
|
-
case "weekly":
|
|
164
|
-
case "custom":
|
|
165
|
-
return {
|
|
166
|
-
minWidth: "232px"
|
|
167
|
-
};
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
switch (range) {
|
|
171
|
-
case "monthly":
|
|
172
|
-
return {
|
|
173
|
-
minWidth: "122px"
|
|
174
|
-
};
|
|
175
|
-
case "weekly":
|
|
176
|
-
case "custom":
|
|
177
|
-
return {
|
|
178
|
-
minWidth: "182px"
|
|
179
|
-
};
|
|
180
|
-
}
|
|
181
|
-
return {
|
|
182
|
-
minWidth: "102px"
|
|
183
|
-
};
|
|
184
|
-
};
|
|
185
|
-
const isDisabled = useCallback(day => {
|
|
186
|
-
const dayFormat = moment.utc(day).format("YYYY-MM-DD");
|
|
187
|
-
const isBefore = moment.isMoment(maxValue) && moment(moment.utc(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
|
|
188
|
-
const isAfter = moment.isMoment(minValue) && moment(moment.utc(minValue).format("YYYY-MM-DD")).isAfter(dayFormat);
|
|
189
|
-
return isBefore || isAfter;
|
|
190
|
-
}, [maxValue, minValue]);
|
|
191
|
-
const modifiers = useMemo(() => ({
|
|
192
|
-
disabled: day => ({
|
|
193
|
-
matched: isDisabled(day),
|
|
194
|
-
title: null
|
|
195
|
-
}),
|
|
196
|
-
nonWorkingDay: day => ({
|
|
197
|
-
matched: isDisabled(day),
|
|
198
|
-
title: null
|
|
199
|
-
})
|
|
200
|
-
}), [isDisabled]);
|
|
201
|
-
return /*#__PURE__*/React.createElement(StyledButtonGroup, {
|
|
202
|
-
className: classNames("c-date-stepper", className)
|
|
203
|
-
}, renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
|
|
204
|
-
type: "button",
|
|
205
|
-
variant: "secondary",
|
|
206
|
-
onClick: onLeftClickHandler,
|
|
207
|
-
disabled: isBeforeMinDate
|
|
208
|
-
}, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
|
|
209
|
-
$isTargetable: step === "yearly" || !withDatePicker,
|
|
210
|
-
$isRounded: step === "range",
|
|
211
|
-
style: dateStepperWidth(fromDate, toDate, step)
|
|
212
|
-
}, withDatePicker && step !== "yearly" ? /*#__PURE__*/React.createElement(DatePickerV2, {
|
|
213
|
-
month: defaultMonth,
|
|
214
|
-
target: /*#__PURE__*/React.createElement(StyledButton, {
|
|
215
|
-
type: "button"
|
|
216
|
-
}, getDateFormatted),
|
|
217
|
-
mode: datePickerMode,
|
|
218
|
-
selected: {
|
|
219
|
-
from: moment.utc(fromDate).unix(),
|
|
220
|
-
to: moment.utc(toDate).unix()
|
|
221
|
-
},
|
|
222
|
-
onChange: onDatePickerChange,
|
|
223
|
-
firstDayOfWeek: period === "week" ? 0 : 1,
|
|
224
|
-
modifiers: modifiers,
|
|
225
|
-
disabledDaysAfter: maxValue,
|
|
226
|
-
disabledDaysBefore: minValue,
|
|
227
|
-
disableYearPicker: !enableYearPicker,
|
|
228
|
-
popperClassName: popperClassName,
|
|
229
|
-
position: position,
|
|
230
|
-
key: datePickerMode,
|
|
231
|
-
instant: true,
|
|
232
|
-
required: true
|
|
233
|
-
}) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
|
|
234
|
-
type: "button",
|
|
235
|
-
variant: "secondary",
|
|
236
|
-
onClick: onRightClickHandler,
|
|
237
|
-
disabled: isAfterMaxDate
|
|
238
|
-
}, /*#__PURE__*/React.createElement(ArrowRightIcon, null)) : null);
|
|
239
|
-
};
|
|
240
|
-
DateStepperV2.displayName = "DateStepperV2";
|
|
241
|
-
//# sourceMappingURL=DateStepperV2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepperV2.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledSpan","StyledControl","DatePickerV2","ArrowRightIcon","ArrowLeftIcon","DateStepperV2","_ref","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","withDatePicker","defaultMonth","enableYearPicker","position","popperClassName","fromDate","setFromDate","utc","toDate","setToDate","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","newFrom","newTo","onLeftClickHandler","renderLeftRightButtons","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","type","variant","onClick","$isTargetable","$isRounded","style","month","target","mode","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepperV2.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport { Moment } from \"moment\";\nimport moment from \"moment-timezone\";\n\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledSpan,\n StyledControl,\n} from \"./Styles\";\nimport {\n DatePickerV2,\n TimestampDateRange,\n} from \"../../DatePicker/DatePickerV2\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface IDateStepperPropsV2 {\n /** One of the possible steps for this component */\n step: \"daily\" | \"weekly\" | \"monthly\" | \"quarterly\" | \"yearly\" | \"range\";\n /** Callback function that will be called after the changed range */\n onChange?: (from: Date, to: Date) => void;\n /** Start date of the range */\n from: Moment | string;\n /** End date of the range */\n to: Moment | string;\n /** Callback function that will format the text label */\n formatCallback?: (from: string | Moment, to: string | Moment) => string;\n /** Default month */\n defaultMonth?: Moment;\n /** Callback function onBack */\n onBack?: (from: Date, to: Date) => void;\n /** Callback function onForward */\n onForward?: (from: Date, to: Date) => void;\n /** Min date */\n minValue?: Moment;\n /** Max fate */\n maxValue?: Moment;\n /** html class */\n className?: string;\n /** Period for calculating week (isoWeek) */\n period?: \"week\" | \"isoWeek\";\n /** Classes for datePicker */\n datePickerClass?: string;\n /** Show datePicker in the middle button */\n withDatePicker?: boolean;\n /** Popper class name*/\n popperClassName?: string;\n /** DatePicker menu position */\n position?: Placement;\n /** Enable year picker in DatePicker */\n enableYearPicker?: boolean;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\n\nexport const DateStepperV2: FC<IDateStepperPropsV2> = ({\n step,\n formatCallback,\n onChange,\n from,\n to,\n onBack,\n onForward,\n minValue,\n maxValue,\n className,\n period = \"week\",\n withDatePicker = true,\n defaultMonth = moment(),\n enableYearPicker,\n position = \"bottom\",\n popperClassName,\n}) => {\n const [fromDate, setFromDate] = useState<Moment>(moment.utc(from));\n const [toDate, setToDate] = useState<Moment>(moment.utc(to));\n\n const getDatesByPeriod = useCallback(\n (interval: number): Moment[] => {\n const date = fromDate ? fromDate : moment();\n if (step === \"daily\") {\n date.add(interval, \"days\");\n return [date, date.clone()];\n } else if (step === \"weekly\") {\n date.add(interval, \"weeks\");\n return [date.clone().startOf(period), date.clone().endOf(period)];\n } else if (step === \"monthly\") {\n date.add(interval, \"months\");\n return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n } else if (step === \"quarterly\") {\n date.add(interval, \"quarters\");\n return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n } else if (step === \"yearly\") {\n date.add(interval, \"years\");\n return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n }\n return [date, date];\n },\n [fromDate, period, step]\n );\n\n const getDateFormatted = useMemo(() => {\n if (formatCallback) {\n return formatCallback(fromDate, toDate);\n }\n\n const actualYear = moment().year();\n\n const showWeekOrCustomDateFormat = (start, end): string => {\n if (start.year() === actualYear && end.year() === actualYear) {\n return (\n start.utc().format(\"MMM DD\") + \" - \" + end.utc().format(\"MMM DD\")\n );\n } else {\n return (\n start.utc().format(\"MMM DD YYYY\") +\n \" - \" +\n end.utc().format(\"MMM DD YYYY\")\n );\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.utc().format(\"MMM DD\");\n }\n return fromDate.utc().format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().utc().startOf(period);\n const endDate = startDate.clone().utc().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.utc().format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.utc().quarter()}/${fromDate.utc().format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.utc().format(\"YYYY\");\n } else if (step === \"range\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, toDate, step, formatCallback, period]);\n\n const datePickerMode = useMemo(() => {\n if (step === \"range\") return \"custom\";\n if (step === \"yearly\") return \"custom\";\n return step;\n }, [step]);\n\n const onDatePickerChange = useCallback(\n (dates?: TimestampDateRange) => {\n const fromDateTemp: Moment = moment.utc(Number(dates?.from) * 1000);\n const toDateTemp: Moment = moment.utc(Number(dates?.to) * 1000);\n\n setFromDate(fromDateTemp);\n setToDate(toDateTemp);\n\n if (\n onChange &&\n moment.isMoment(fromDateTemp) &&\n moment.isMoment(toDateTemp)\n ) {\n onChange(fromDateTemp.toDate(), toDateTemp.toDate());\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n moment.isMoment(maxValue) &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.utc().format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n moment.isMoment(minValue) &&\n moment\n .utc(moment.utc(minValue).format(\"YYYY-MM-DD\"))\n .isSameOrAfter(toDate.utc().format(\"YYYY-MM-DD\"))\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(minValue));\n setToDate(moment.utc(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment.utc(maxValue));\n setToDate(moment.utc(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom), moment.utc(newTo));\n }\n\n if (onForward) {\n onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n const [newFrom, newTo] = getDatesByPeriod(-1);\n setFromDate(moment.utc(newFrom));\n setToDate(moment.utc(newTo));\n\n if (onChange) {\n onChange(moment.utc(newFrom), moment.utc(newTo));\n }\n if (onBack) {\n onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());\n }\n }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"range\";\n }, [step]);\n\n useEffect(() => {\n setFromDate(moment.utc(from));\n setToDate(moment.utc(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.utc().year() !== moment.utc().year() ||\n toDay.utc().year() !== moment.utc().year()\n ) {\n switch (range) {\n case \"daily\":\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"232px\" };\n }\n }\n switch (range) {\n case \"monthly\":\n return { minWidth: \"122px\" };\n case \"weekly\":\n case \"custom\":\n return { minWidth: \"182px\" };\n }\n\n return { minWidth: \"102px\" };\n };\n const isDisabled = useCallback(\n (day: Moment): boolean => {\n const dayFormat = moment.utc(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n moment.isMoment(maxValue) &&\n moment(moment.utc(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n moment.isMoment(minValue) &&\n moment(moment.utc(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore || isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(\n () => ({\n disabled: (day: Moment) => ({ matched: isDisabled(day), title: null }),\n nonWorkingDay: (day: Moment) => ({\n matched: isDisabled(day),\n title: null,\n }),\n }),\n [isDisabled]\n );\n\n return (\n <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n {renderLeftRightButtons ? (\n <StyledControl\n type=\"button\"\n variant=\"secondary\"\n onClick={onLeftClickHandler}\n disabled={isBeforeMinDate}\n >\n <ArrowLeftIcon />\n </StyledControl>\n ) : null}\n <StyledDiv\n $isTargetable={step === \"yearly\" || !withDatePicker}\n $isRounded={step === \"range\"}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker && step !== \"yearly\" ? (\n <DatePickerV2\n month={defaultMonth}\n target={\n <StyledButton type=\"button\">{getDateFormatted}</StyledButton>\n }\n mode={datePickerMode}\n selected={{\n from: moment.utc(fromDate).unix(),\n to: moment.utc(toDate).unix(),\n }}\n onChange={onDatePickerChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n disabledDaysAfter={maxValue}\n disabledDaysBefore={minValue}\n disableYearPicker={!enableYearPicker}\n popperClassName={popperClassName}\n position={position}\n key={datePickerMode}\n instant\n required\n />\n ) : (\n <StyledSpan>{getDateFormatted}</StyledSpan>\n )}\n </StyledDiv>\n {renderLeftRightButtons ? (\n <StyledControl\n type=\"button\"\n variant=\"secondary\"\n onClick={onRightClickHandler}\n disabled={isAfterMaxDate}\n >\n <ArrowRightIcon />\n </StyledControl>\n ) : null}\n </StyledButtonGroup>\n );\n};\n\nDateStepperV2.displayName = \"DateStepperV2\";\n"],"mappings":"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"}
|