@activecollab/components 2.0.211 → 2.0.213
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/EditableContent/EditableContent.js +4 -2
- package/dist/cjs/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/cjs/components/EditableContent/Styles.js +8 -2
- package/dist/cjs/components/EditableContent/Styles.js.map +1 -1
- package/dist/cjs/components/EditableCurrency/EditableCurrency.js +3 -1
- package/dist/cjs/components/EditableCurrency/EditableCurrency.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/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/EditableContent/EditableContent.d.ts +1 -0
- package/dist/esm/components/EditableContent/EditableContent.d.ts.map +1 -1
- package/dist/esm/components/EditableContent/EditableContent.js +3 -1
- package/dist/esm/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/esm/components/EditableContent/Styles.d.ts.map +1 -1
- package/dist/esm/components/EditableContent/Styles.js +12 -2
- package/dist/esm/components/EditableContent/Styles.js.map +1 -1
- package/dist/esm/components/EditableCurrency/EditableCurrency.d.ts.map +1 -1
- package/dist/esm/components/EditableCurrency/EditableCurrency.js +2 -0
- package/dist/esm/components/EditableCurrency/EditableCurrency.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/index.js +229 -1568
- 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,26 +1,27 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
import { Placement } from "@popperjs/core";
|
|
3
|
+
import { Moment } from "moment";
|
|
3
4
|
export interface IDateStepperProps {
|
|
4
5
|
/** One of the possible steps for this component */
|
|
5
|
-
step: "daily" | "weekly" | "monthly" | "quarterly" | "yearly" | "
|
|
6
|
+
step: "daily" | "weekly" | "monthly" | "quarterly" | "yearly" | "range";
|
|
6
7
|
/** Callback function that will be called after the changed range */
|
|
7
8
|
onChange?: (from: Date, to: Date) => void;
|
|
8
9
|
/** Start date of the range */
|
|
9
|
-
from:
|
|
10
|
+
from: Moment | string;
|
|
10
11
|
/** End date of the range */
|
|
11
|
-
to:
|
|
12
|
+
to: Moment | string;
|
|
12
13
|
/** Callback function that will format the text label */
|
|
13
|
-
formatCallback?: (from: string |
|
|
14
|
+
formatCallback?: (from: string | Moment, to: string | Moment) => string;
|
|
14
15
|
/** Default month */
|
|
15
|
-
defaultMonth?:
|
|
16
|
+
defaultMonth?: Moment;
|
|
16
17
|
/** Callback function onBack */
|
|
17
18
|
onBack?: (from: Date, to: Date) => void;
|
|
18
19
|
/** Callback function onForward */
|
|
19
20
|
onForward?: (from: Date, to: Date) => void;
|
|
20
21
|
/** Min date */
|
|
21
|
-
minValue?:
|
|
22
|
+
minValue?: Moment;
|
|
22
23
|
/** Max fate */
|
|
23
|
-
maxValue?:
|
|
24
|
+
maxValue?: Moment;
|
|
24
25
|
/** html class */
|
|
25
26
|
className?: string;
|
|
26
27
|
/** Period for calculating week (isoWeek) */
|
|
@@ -33,6 +34,8 @@ export interface IDateStepperProps {
|
|
|
33
34
|
popperClassName?: string;
|
|
34
35
|
/** DatePicker menu position */
|
|
35
36
|
position?: Placement;
|
|
37
|
+
/** Enable year picker in DatePicker */
|
|
38
|
+
enableYearPicker?: boolean;
|
|
36
39
|
}
|
|
37
40
|
/**
|
|
38
41
|
* This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DateStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAchC,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,4BAA4B;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACxE,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AAEH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA6S7C,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useMemo, useState, useEffect } from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import moment from "moment";
|
|
4
|
-
import { StyledButton, StyledButtonGroup, StyledDiv,
|
|
5
|
-
import { DatePicker } from "../../DatePicker";
|
|
3
|
+
import moment from "moment-timezone";
|
|
4
|
+
import { StyledButton, StyledButtonGroup, StyledDiv, StyledSpan, StyledControl } from "./Styles";
|
|
5
|
+
import { DatePicker } from "../../DatePicker/DatePicker";
|
|
6
6
|
import { ArrowRightIcon } from "../../Icons";
|
|
7
7
|
import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
|
|
8
8
|
/**
|
|
@@ -23,16 +23,14 @@ export const DateStepper = _ref => {
|
|
|
23
23
|
maxValue,
|
|
24
24
|
className,
|
|
25
25
|
period = "week",
|
|
26
|
-
datePickerClass,
|
|
27
26
|
withDatePicker = true,
|
|
28
|
-
defaultMonth =
|
|
29
|
-
|
|
30
|
-
position = "bottom"
|
|
27
|
+
defaultMonth = moment(),
|
|
28
|
+
enableYearPicker,
|
|
29
|
+
position = "bottom",
|
|
30
|
+
popperClassName
|
|
31
31
|
} = _ref;
|
|
32
|
-
const [fromDate, setFromDate] = useState(moment(from));
|
|
33
|
-
const [toDate, setToDate] = useState(moment(to));
|
|
34
|
-
const [showDatePicker, setShowDatePicker] = useState(false);
|
|
35
|
-
const [month, setMonth] = useState(defaultMonth);
|
|
32
|
+
const [fromDate, setFromDate] = useState(moment.utc(from));
|
|
33
|
+
const [toDate, setToDate] = useState(moment.utc(to));
|
|
36
34
|
const getDatesByPeriod = useCallback(interval => {
|
|
37
35
|
const date = fromDate ? fromDate : moment();
|
|
38
36
|
if (step === "daily") {
|
|
@@ -55,70 +53,67 @@ export const DateStepper = _ref => {
|
|
|
55
53
|
}, [fromDate, period, step]);
|
|
56
54
|
const getDateFormatted = useMemo(() => {
|
|
57
55
|
if (formatCallback) {
|
|
58
|
-
return formatCallback(fromDate
|
|
56
|
+
return formatCallback(fromDate, toDate);
|
|
59
57
|
}
|
|
60
58
|
const actualYear = moment().year();
|
|
61
59
|
const showWeekOrCustomDateFormat = (start, end) => {
|
|
62
60
|
if (start.year() === actualYear && end.year() === actualYear) {
|
|
63
|
-
return start.format("MMM DD") + " - " + end.format("MMM DD");
|
|
61
|
+
return start.utc().format("MMM DD") + " - " + end.utc().format("MMM DD");
|
|
64
62
|
} else {
|
|
65
|
-
return start.format("MMM DD YYYY") + " - " + end.format("MMM DD YYYY");
|
|
63
|
+
return start.utc().format("MMM DD YYYY") + " - " + end.utc().format("MMM DD YYYY");
|
|
66
64
|
}
|
|
67
65
|
};
|
|
68
66
|
if (step === "daily") {
|
|
69
67
|
if (fromDate.year() === actualYear) {
|
|
70
|
-
return fromDate.format("MMM DD");
|
|
68
|
+
return fromDate.utc().format("MMM DD");
|
|
71
69
|
}
|
|
72
|
-
return fromDate.format("MMM DD YYYY");
|
|
70
|
+
return fromDate.utc().format("MMM DD YYYY");
|
|
73
71
|
} else if (step === "weekly") {
|
|
74
|
-
const startDate = fromDate.clone().startOf(period);
|
|
75
|
-
const endDate = startDate.clone().endOf(period);
|
|
72
|
+
const startDate = fromDate.clone().utc().startOf(period);
|
|
73
|
+
const endDate = startDate.clone().utc().endOf(period);
|
|
76
74
|
return showWeekOrCustomDateFormat(startDate, endDate);
|
|
77
75
|
} else if (step === "monthly") {
|
|
78
|
-
return fromDate.format("MMM YYYY");
|
|
76
|
+
return fromDate.utc().format("MMM YYYY");
|
|
79
77
|
} else if (step === "quarterly") {
|
|
80
|
-
return "Q" + fromDate.quarter() + "/" + fromDate.format("YYYY");
|
|
78
|
+
return "Q" + fromDate.utc().quarter() + "/" + fromDate.utc().format("YYYY");
|
|
81
79
|
} else if (step === "yearly") {
|
|
82
|
-
return fromDate.format("YYYY");
|
|
83
|
-
} else if (step === "
|
|
80
|
+
return fromDate.utc().format("YYYY");
|
|
81
|
+
} else if (step === "range") {
|
|
84
82
|
return showWeekOrCustomDateFormat(fromDate, toDate);
|
|
85
83
|
}
|
|
86
84
|
return "";
|
|
87
|
-
}, [fromDate,
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
onChange(newFrom.toDate(), newTo.toDate());
|
|
94
|
-
}
|
|
95
|
-
}, [onChange, getDatesByPeriod]);
|
|
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]);
|
|
96
91
|
const onDatePickerChange = useCallback(dates => {
|
|
97
|
-
const fromDateTemp = dates == null ? void 0 : dates.from;
|
|
98
|
-
const toDateTemp = dates == null ? void 0 : dates.to;
|
|
99
|
-
setFromDate(
|
|
100
|
-
setToDate(
|
|
101
|
-
if (onChange && fromDateTemp
|
|
102
|
-
onChange(fromDateTemp, toDateTemp);
|
|
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());
|
|
103
98
|
}
|
|
104
99
|
}, [onChange, setFromDate, setToDate]);
|
|
105
100
|
const isAfterMaxDate = useMemo(() => {
|
|
106
|
-
return maxValue
|
|
101
|
+
return moment.isMoment(maxValue) && moment(moment.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
|
|
107
102
|
}, [maxValue, toDate]);
|
|
108
103
|
const isBeforeMinDate = useMemo(() => {
|
|
109
|
-
return minValue
|
|
104
|
+
return moment.isMoment(minValue) && moment.utc(moment.utc(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
|
|
110
105
|
}, [minValue, toDate]);
|
|
111
106
|
useEffect(() => {
|
|
112
107
|
if (isBeforeMinDate) {
|
|
113
108
|
if (step === "daily") {
|
|
114
|
-
setFromDate(moment(minValue));
|
|
115
|
-
setToDate(moment(minValue));
|
|
109
|
+
setFromDate(moment.utc(minValue));
|
|
110
|
+
setToDate(moment.utc(minValue));
|
|
116
111
|
}
|
|
117
112
|
}
|
|
118
113
|
if (isAfterMaxDate) {
|
|
119
114
|
if (step === "daily") {
|
|
120
|
-
setFromDate(moment(maxValue));
|
|
121
|
-
setToDate(moment(maxValue));
|
|
115
|
+
setFromDate(moment.utc(maxValue));
|
|
116
|
+
setToDate(moment.utc(maxValue));
|
|
122
117
|
}
|
|
123
118
|
}
|
|
124
119
|
}, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);
|
|
@@ -126,41 +121,39 @@ export const DateStepper = _ref => {
|
|
|
126
121
|
if (isAfterMaxDate) {
|
|
127
122
|
return;
|
|
128
123
|
}
|
|
129
|
-
|
|
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
130
|
if (onForward) {
|
|
131
|
-
onForward(
|
|
131
|
+
onForward(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
|
|
132
132
|
}
|
|
133
|
-
}, [isAfterMaxDate,
|
|
133
|
+
}, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);
|
|
134
134
|
const onLeftClickHandler = useCallback(() => {
|
|
135
135
|
if (isBeforeMinDate) {
|
|
136
136
|
return;
|
|
137
137
|
}
|
|
138
|
-
|
|
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
|
+
}
|
|
139
144
|
if (onBack) {
|
|
140
|
-
onBack(
|
|
145
|
+
onBack(moment.utc(newFrom).toDate(), moment.utc(newTo).toDate());
|
|
141
146
|
}
|
|
142
|
-
}, [isBeforeMinDate,
|
|
147
|
+
}, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
|
|
143
148
|
const renderLeftRightButtons = useMemo(() => {
|
|
144
|
-
return step !== "
|
|
149
|
+
return step !== "range";
|
|
145
150
|
}, [step]);
|
|
146
|
-
const handleShow = useCallback(() => {
|
|
147
|
-
setShowDatePicker(!showDatePicker);
|
|
148
|
-
if (fromDate) {
|
|
149
|
-
setMonth(fromDate.toDate());
|
|
150
|
-
}
|
|
151
|
-
}, [setShowDatePicker, showDatePicker, fromDate]);
|
|
152
|
-
const closeMenu = useCallback(() => {
|
|
153
|
-
setShowDatePicker(false);
|
|
154
|
-
}, []);
|
|
155
|
-
const onMonthChange = useCallback(m => {
|
|
156
|
-
setMonth(m);
|
|
157
|
-
}, [setMonth]);
|
|
158
151
|
useEffect(() => {
|
|
159
|
-
setFromDate(moment(from));
|
|
160
|
-
setToDate(moment(to));
|
|
152
|
+
setFromDate(moment.utc(from));
|
|
153
|
+
setToDate(moment.utc(to));
|
|
161
154
|
}, [from, to]);
|
|
162
155
|
const dateStepperWidth = (fromDay, toDay, range) => {
|
|
163
|
-
if (fromDay.year() !== moment().year() || toDay.year() !== moment().year()) {
|
|
156
|
+
if (fromDay.utc().year() !== moment.utc().year() || toDay.utc().year() !== moment.utc().year()) {
|
|
164
157
|
switch (range) {
|
|
165
158
|
case "daily":
|
|
166
159
|
case "monthly":
|
|
@@ -190,21 +183,21 @@ export const DateStepper = _ref => {
|
|
|
190
183
|
};
|
|
191
184
|
};
|
|
192
185
|
const isDisabled = useCallback(day => {
|
|
193
|
-
const dayFormat = moment(day).format("YYYY-MM-DD");
|
|
194
|
-
const isBefore = maxValue
|
|
195
|
-
const isAfter = minValue
|
|
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);
|
|
196
189
|
return isBefore || isAfter;
|
|
197
190
|
}, [maxValue, minValue]);
|
|
198
|
-
const modifiers = useMemo(() => {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
}
|
|
207
|
-
}, [isDisabled]);
|
|
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]);
|
|
208
201
|
return /*#__PURE__*/React.createElement(StyledButtonGroup, {
|
|
209
202
|
className: classNames("c-date-stepper", className)
|
|
210
203
|
}, renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
|
|
@@ -214,32 +207,30 @@ export const DateStepper = _ref => {
|
|
|
214
207
|
disabled: isBeforeMinDate
|
|
215
208
|
}, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)) : null, /*#__PURE__*/React.createElement(StyledDiv, {
|
|
216
209
|
$isTargetable: step === "yearly" || !withDatePicker,
|
|
217
|
-
$isRounded: step === "
|
|
210
|
+
$isRounded: step === "range",
|
|
218
211
|
style: dateStepperWidth(fromDate, toDate, step)
|
|
219
|
-
}, withDatePicker ? /*#__PURE__*/React.createElement(
|
|
212
|
+
}, withDatePicker && step !== "yearly" ? /*#__PURE__*/React.createElement(DatePicker, {
|
|
213
|
+
month: defaultMonth,
|
|
220
214
|
target: /*#__PURE__*/React.createElement(StyledButton, {
|
|
221
215
|
type: "button"
|
|
222
|
-
},
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
position: position
|
|
228
|
-
}, /*#__PURE__*/React.createElement(DatePicker, {
|
|
229
|
-
month: month,
|
|
230
|
-
selectionMode: step,
|
|
231
|
-
className: datePickerClass,
|
|
232
|
-
selectedDays: {
|
|
233
|
-
from: fromDate.toDate(),
|
|
234
|
-
to: toDate.toDate()
|
|
216
|
+
}, getDateFormatted),
|
|
217
|
+
mode: datePickerMode,
|
|
218
|
+
selected: {
|
|
219
|
+
from: moment.utc(fromDate).unix(),
|
|
220
|
+
to: moment.utc(toDate).unix()
|
|
235
221
|
},
|
|
236
222
|
onChange: onDatePickerChange,
|
|
237
|
-
onMonthChange: onMonthChange,
|
|
238
223
|
firstDayOfWeek: period === "week" ? 0 : 1,
|
|
239
224
|
modifiers: modifiers,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
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, {
|
|
243
234
|
type: "button",
|
|
244
235
|
variant: "secondary",
|
|
245
236
|
onClick: onRightClickHandler,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","StyledControl","DatePicker","ArrowRightIcon","ArrowLeftIcon","DateStepper","_ref","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","day_disabled","nonWorkingDay","createElement","type","variant","onClick","disabled","$isTargetable","$isRounded","style","target","open","onOpen","onClose","selectionMode","selectedDays","firstDayOfWeek","dateRequired","fixedWeeks","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\n\nimport {\n StyledButton,\n StyledButtonGroup,\n StyledDiv,\n StyledMenu,\n StyledSpan,\n StyledControl,\n} from \"./Styles\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface IDateStepperProps {\n /** One of the possible steps for this component */\n step:\n | \"daily\"\n | \"weekly\"\n | \"monthly\"\n | \"quarterly\"\n | \"yearly\"\n | \"custom\"\n | string;\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: Date | string;\n /** End date of the range */\n to: Date | string;\n /** Callback function that will format the text label */\n formatCallback?: (from: string | Date, to: string | Date) => string;\n /** Default month */\n defaultMonth?: Date;\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?: Date;\n /** Max fate */\n maxValue?: Date;\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}\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 DateStepper: FC<IDateStepperProps> = ({\n step,\n formatCallback,\n onChange,\n from,\n to,\n onBack,\n onForward,\n minValue,\n maxValue,\n className,\n period = \"week\",\n datePickerClass,\n withDatePicker = true,\n defaultMonth = new Date(),\n popperClassName,\n position = \"bottom\",\n}) => {\n const [fromDate, setFromDate] = useState(moment(from));\n const [toDate, setToDate] = useState(moment(to));\n const [showDatePicker, setShowDatePicker] = useState(false);\n const [month, setMonth] = useState(defaultMonth);\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(), toDate.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 start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n } else {\n return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n }\n };\n\n if (step === \"daily\") {\n if (fromDate.year() === actualYear) {\n return fromDate.format(\"MMM DD\");\n }\n return fromDate.format(\"MMM DD YYYY\");\n } else if (step === \"weekly\") {\n const startDate = fromDate.clone().startOf(period);\n const endDate = startDate.clone().endOf(period);\n return showWeekOrCustomDateFormat(startDate, endDate);\n } else if (step === \"monthly\") {\n return fromDate.format(\"MMM YYYY\");\n } else if (step === \"quarterly\") {\n return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n } else if (step === \"yearly\") {\n return fromDate.format(\"YYYY\");\n } else if (step === \"custom\") {\n return showWeekOrCustomDateFormat(fromDate, toDate);\n }\n\n return \"\";\n }, [fromDate, step, toDate, formatCallback, period]);\n\n const onChangeCallback = useCallback(\n (amount: number) => {\n const [newFrom, newTo] = getDatesByPeriod(amount);\n setFromDate(moment(newFrom));\n setToDate(moment(newTo));\n\n if (onChange) {\n onChange(newFrom.toDate(), newTo.toDate());\n }\n },\n [onChange, getDatesByPeriod]\n );\n\n const onDatePickerChange = useCallback(\n (dates?: { from: Date; to: Date }) => {\n const fromDateTemp = dates?.from;\n const toDateTemp = dates?.to;\n\n setFromDate(moment(fromDateTemp));\n setToDate(moment(toDateTemp));\n\n if (\n onChange &&\n fromDateTemp instanceof Date &&\n toDateTemp instanceof Date\n ) {\n onChange(fromDateTemp, toDateTemp);\n }\n },\n [onChange, setFromDate, setToDate]\n );\n\n const isAfterMaxDate = useMemo(() => {\n return (\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [maxValue, toDate]);\n\n const isBeforeMinDate = useMemo(() => {\n return (\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n toDate.format(\"YYYY-MM-DD\")\n )\n );\n }, [minValue, toDate]);\n\n useEffect(() => {\n if (isBeforeMinDate) {\n if (step === \"daily\") {\n setFromDate(moment(minValue));\n setToDate(moment(minValue));\n }\n }\n if (isAfterMaxDate) {\n if (step === \"daily\") {\n setFromDate(moment(maxValue));\n setToDate(moment(maxValue));\n }\n }\n }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n const onRightClickHandler = useCallback(() => {\n if (isAfterMaxDate) {\n return;\n }\n\n onChangeCallback(1);\n\n if (onForward) {\n onForward(fromDate.toDate(), toDate.toDate());\n }\n }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n const onLeftClickHandler = useCallback(() => {\n if (isBeforeMinDate) {\n return;\n }\n\n onChangeCallback(-1);\n\n if (onBack) {\n onBack(fromDate.toDate(), toDate.toDate());\n }\n }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n const renderLeftRightButtons = useMemo(() => {\n return step !== \"custom\";\n }, [step]);\n\n const handleShow = useCallback(() => {\n setShowDatePicker(!showDatePicker);\n if (fromDate) {\n setMonth(fromDate.toDate());\n }\n }, [setShowDatePicker, showDatePicker, fromDate]);\n\n const closeMenu = useCallback(() => {\n setShowDatePicker(false);\n }, []);\n\n const onMonthChange = useCallback(\n (m: Date) => {\n setMonth(m);\n },\n [setMonth]\n );\n\n useEffect(() => {\n setFromDate(moment(from));\n setToDate(moment(to));\n }, [from, to]);\n\n const dateStepperWidth = (\n fromDay: Moment,\n toDay: Moment,\n range: string\n ): { minWidth: string } => {\n if (\n fromDay.year() !== moment().year() ||\n toDay.year() !== moment().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: Date): boolean => {\n const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n const isBefore =\n maxValue instanceof Date &&\n moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n const isAfter =\n minValue instanceof Date &&\n moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n return isBefore || isAfter;\n },\n [maxValue, minValue]\n );\n\n const modifiers = useMemo(() => {\n return {\n day_disabled: (day: Date): boolean => {\n return isDisabled(day);\n },\n nonWorkingDay: (day: Date): boolean => {\n return isDisabled(day);\n },\n };\n }, [isDisabled]);\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 === \"custom\"}\n style={dateStepperWidth(fromDate, toDate, step)}\n >\n {withDatePicker ? (\n <StyledMenu\n target={\n <StyledButton type=\"button\">\n <span>{getDateFormatted}</span>\n </StyledButton>\n }\n open={showDatePicker}\n onOpen={handleShow}\n onClose={closeMenu}\n popperClassName={popperClassName}\n position={position}\n >\n <DatePicker\n month={month}\n selectionMode={step}\n className={datePickerClass}\n selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n onChange={onDatePickerChange}\n onMonthChange={onMonthChange}\n firstDayOfWeek={period === \"week\" ? 0 : 1}\n modifiers={modifiers}\n dateRequired\n fixedWeeks\n />\n </StyledMenu>\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\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","StyledButton","StyledButtonGroup","StyledDiv","StyledSpan","StyledControl","DatePicker","ArrowRightIcon","ArrowLeftIcon","DateStepper","_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/DateStepper.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 { DatePicker, TimestampDateRange } from \"../../DatePicker/DatePicker\";\nimport { ArrowRightIcon } from \"../../Icons\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\n\nexport interface IDateStepperProps {\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 DateStepper: FC<IDateStepperProps> = ({\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 <DatePicker\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\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\n"],"mappings":"AAAA,cAAc,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ"}
|