@activecollab/components 2.0.138 → 2.0.140

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.
Files changed (72) hide show
  1. package/dist/cjs/components/DatePicker/DatePickerV2.js +661 -0
  2. package/dist/cjs/components/DatePicker/DatePickerV2.js.map +1 -0
  3. package/dist/cjs/components/DatePicker/StylesV2.js +100 -0
  4. package/dist/cjs/components/DatePicker/StylesV2.js.map +1 -0
  5. package/dist/cjs/components/DatePicker/index.js +11 -0
  6. package/dist/cjs/components/DatePicker/index.js.map +1 -1
  7. package/dist/cjs/components/GlobalStyle.js +1 -1
  8. package/dist/cjs/components/GlobalStyle.js.map +1 -1
  9. package/dist/cjs/components/Icons/collection/SortSmall.js +47 -0
  10. package/dist/cjs/components/Icons/collection/SortSmall.js.map +1 -0
  11. package/dist/cjs/components/Icons/collection/index.js +7 -0
  12. package/dist/cjs/components/Icons/collection/index.js.map +1 -1
  13. package/dist/cjs/components/SelectDate/SelectDateV2.js +233 -0
  14. package/dist/cjs/components/SelectDate/SelectDateV2.js.map +1 -0
  15. package/dist/cjs/components/SelectDate/index.js +11 -0
  16. package/dist/cjs/components/SelectDate/index.js.map +1 -1
  17. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js +276 -0
  18. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js.map +1 -0
  19. package/dist/cjs/components/Steppers/DateStepper/Styles.js +2 -3
  20. package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
  21. package/dist/cjs/components/Steppers/DateStepper/index.js +11 -0
  22. package/dist/cjs/components/Steppers/DateStepper/index.js.map +1 -1
  23. package/dist/cjs/custom.d.js.map +1 -1
  24. package/dist/esm/components/DatePicker/DatePickerV2.d.ts +67 -0
  25. package/dist/esm/components/DatePicker/DatePickerV2.d.ts.map +1 -0
  26. package/dist/esm/components/DatePicker/DatePickerV2.js +574 -0
  27. package/dist/esm/components/DatePicker/DatePickerV2.js.map +1 -0
  28. package/dist/esm/components/DatePicker/StylesV2.d.ts +22 -0
  29. package/dist/esm/components/DatePicker/StylesV2.d.ts.map +1 -0
  30. package/dist/esm/components/DatePicker/StylesV2.js +93 -0
  31. package/dist/esm/components/DatePicker/StylesV2.js.map +1 -0
  32. package/dist/esm/components/DatePicker/index.d.ts +1 -0
  33. package/dist/esm/components/DatePicker/index.d.ts.map +1 -1
  34. package/dist/esm/components/DatePicker/index.js +1 -0
  35. package/dist/esm/components/DatePicker/index.js.map +1 -1
  36. package/dist/esm/components/GlobalStyle.d.ts.map +1 -1
  37. package/dist/esm/components/GlobalStyle.js +1 -1
  38. package/dist/esm/components/GlobalStyle.js.map +1 -1
  39. package/dist/esm/components/Icons/collection/SortSmall.d.ts +23 -0
  40. package/dist/esm/components/Icons/collection/SortSmall.d.ts.map +1 -0
  41. package/dist/esm/components/Icons/collection/SortSmall.js +39 -0
  42. package/dist/esm/components/Icons/collection/SortSmall.js.map +1 -0
  43. package/dist/esm/components/Icons/collection/index.d.ts +1 -0
  44. package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
  45. package/dist/esm/components/Icons/collection/index.js +1 -0
  46. package/dist/esm/components/Icons/collection/index.js.map +1 -1
  47. package/dist/esm/components/SelectDate/SelectDateV2.d.ts +100 -0
  48. package/dist/esm/components/SelectDate/SelectDateV2.d.ts.map +1 -0
  49. package/dist/esm/components/SelectDate/SelectDateV2.js +195 -0
  50. package/dist/esm/components/SelectDate/SelectDateV2.js.map +1 -0
  51. package/dist/esm/components/SelectDate/Styles.d.ts +1 -1
  52. package/dist/esm/components/SelectDate/index.d.ts +1 -0
  53. package/dist/esm/components/SelectDate/index.d.ts.map +1 -1
  54. package/dist/esm/components/SelectDate/index.js +1 -0
  55. package/dist/esm/components/SelectDate/index.js.map +1 -1
  56. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts +45 -0
  57. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts.map +1 -0
  58. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js +241 -0
  59. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js.map +1 -0
  60. package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
  61. package/dist/esm/components/Steppers/DateStepper/Styles.js +2 -3
  62. package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
  63. package/dist/esm/components/Steppers/DateStepper/index.d.ts +1 -0
  64. package/dist/esm/components/Steppers/DateStepper/index.d.ts.map +1 -1
  65. package/dist/esm/components/Steppers/DateStepper/index.js +1 -0
  66. package/dist/esm/components/Steppers/DateStepper/index.js.map +1 -1
  67. package/dist/esm/custom.d.js.map +1 -1
  68. package/dist/index.js +7078 -5836
  69. package/dist/index.js.map +1 -1
  70. package/dist/index.min.js +1 -1
  71. package/dist/index.min.js.map +1 -1
  72. package/package.json +2 -1
@@ -0,0 +1,276 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DateStepperV2 = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
+ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
10
+ var _Styles = require("./Styles");
11
+ var _DatePickerV = require("../../DatePicker/DatePickerV2");
12
+ var _Icons = require("../../Icons");
13
+ var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
19
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
20
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
+ /**
24
+ * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
25
+ * onChange and onBack and onForward it will return "from: Date" and "to: Date" as function arguments
26
+ */
27
+
28
+ var DateStepperV2 = exports.DateStepperV2 = function DateStepperV2(_ref) {
29
+ var step = _ref.step,
30
+ formatCallback = _ref.formatCallback,
31
+ onChange = _ref.onChange,
32
+ from = _ref.from,
33
+ to = _ref.to,
34
+ onBack = _ref.onBack,
35
+ onForward = _ref.onForward,
36
+ minValue = _ref.minValue,
37
+ maxValue = _ref.maxValue,
38
+ className = _ref.className,
39
+ _ref$period = _ref.period,
40
+ period = _ref$period === void 0 ? "week" : _ref$period,
41
+ _ref$withDatePicker = _ref.withDatePicker,
42
+ withDatePicker = _ref$withDatePicker === void 0 ? true : _ref$withDatePicker,
43
+ _ref$defaultMonth = _ref.defaultMonth,
44
+ defaultMonth = _ref$defaultMonth === void 0 ? (0, _momentTimezone.default)() : _ref$defaultMonth,
45
+ enableYearPicker = _ref.enableYearPicker,
46
+ _ref$position = _ref.position,
47
+ position = _ref$position === void 0 ? "bottom" : _ref$position,
48
+ popperClassName = _ref.popperClassName;
49
+ var _useState = (0, _react.useState)(_momentTimezone.default.utc(from)),
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ fromDate = _useState2[0],
52
+ setFromDate = _useState2[1];
53
+ var _useState3 = (0, _react.useState)(_momentTimezone.default.utc(to)),
54
+ _useState4 = _slicedToArray(_useState3, 2),
55
+ toDate = _useState4[0],
56
+ setToDate = _useState4[1];
57
+ var getDatesByPeriod = (0, _react.useCallback)(function (interval) {
58
+ var date = fromDate ? fromDate : (0, _momentTimezone.default)();
59
+ if (step === "daily") {
60
+ date.add(interval, "days");
61
+ return [date, date.clone()];
62
+ } else if (step === "weekly") {
63
+ date.add(interval, "weeks");
64
+ return [date.clone().startOf(period), date.clone().endOf(period)];
65
+ } else if (step === "monthly") {
66
+ date.add(interval, "months");
67
+ return [date.clone().startOf("month"), date.clone().endOf("month")];
68
+ } else if (step === "quarterly") {
69
+ date.add(interval, "quarters");
70
+ return [date.clone().startOf("quarter"), date.clone().endOf("quarter")];
71
+ } else if (step === "yearly") {
72
+ date.add(interval, "years");
73
+ return [date.clone().startOf("year"), date.clone().endOf("year")];
74
+ }
75
+ return [date, date];
76
+ }, [fromDate, period, step]);
77
+ var getDateFormatted = (0, _react.useMemo)(function () {
78
+ if (formatCallback) {
79
+ return formatCallback(fromDate, toDate);
80
+ }
81
+ var actualYear = (0, _momentTimezone.default)().year();
82
+ var showWeekOrCustomDateFormat = function showWeekOrCustomDateFormat(start, end) {
83
+ if (start.year() === actualYear && end.year() === actualYear) {
84
+ return start.utc().format("MMM DD") + " - " + end.utc().format("MMM DD");
85
+ } else {
86
+ return start.utc().format("MMM DD YYYY") + " - " + end.utc().format("MMM DD YYYY");
87
+ }
88
+ };
89
+ if (step === "daily") {
90
+ if (fromDate.year() === actualYear) {
91
+ return fromDate.utc().format("MMM DD");
92
+ }
93
+ return fromDate.utc().format("MMM DD YYYY");
94
+ } else if (step === "weekly") {
95
+ var startDate = fromDate.clone().utc().startOf(period);
96
+ var endDate = startDate.clone().utc().endOf(period);
97
+ return showWeekOrCustomDateFormat(startDate, endDate);
98
+ } else if (step === "monthly") {
99
+ return fromDate.utc().format("MMM YYYY");
100
+ } else if (step === "quarterly") {
101
+ return "Q".concat(fromDate.utc().quarter(), "/").concat(fromDate.utc().format("YYYY"));
102
+ } else if (step === "yearly") {
103
+ return fromDate.utc().format("YYYY");
104
+ } else if (step === "range") {
105
+ return showWeekOrCustomDateFormat(fromDate, toDate);
106
+ }
107
+ return "";
108
+ }, [fromDate, toDate, step, formatCallback, period]);
109
+ var datePickerMode = (0, _react.useMemo)(function () {
110
+ if (step === "range") return "custom";
111
+ if (step === "yearly") return "custom";
112
+ return step;
113
+ }, [step]);
114
+ var onDatePickerChange = (0, _react.useCallback)(function (dates) {
115
+ var fromDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.from) * 1000);
116
+ var toDateTemp = _momentTimezone.default.utc(Number(dates === null || dates === void 0 ? void 0 : dates.to) * 1000);
117
+ setFromDate(fromDateTemp);
118
+ setToDate(toDateTemp);
119
+ if (onChange && _momentTimezone.default.isMoment(fromDateTemp) && _momentTimezone.default.isMoment(toDateTemp)) {
120
+ onChange(fromDateTemp.toDate(), toDateTemp.toDate());
121
+ }
122
+ }, [onChange, setFromDate, setToDate]);
123
+ var isAfterMaxDate = (0, _react.useMemo)(function () {
124
+ return _momentTimezone.default.isMoment(maxValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isSameOrBefore(toDate.utc().format("YYYY-MM-DD"));
125
+ }, [maxValue, toDate]);
126
+ var isBeforeMinDate = (0, _react.useMemo)(function () {
127
+ return _momentTimezone.default.isMoment(minValue) && _momentTimezone.default.utc((0, _momentTimezone.default)(minValue).format("YYYY-MM-DD")).isSameOrAfter(toDate.utc().format("YYYY-MM-DD"));
128
+ }, [minValue, toDate]);
129
+ (0, _react.useEffect)(function () {
130
+ if (isBeforeMinDate) {
131
+ if (step === "daily") {
132
+ setFromDate(_momentTimezone.default.utc(minValue));
133
+ setToDate(_momentTimezone.default.utc(minValue));
134
+ }
135
+ }
136
+ if (isAfterMaxDate) {
137
+ if (step === "daily") {
138
+ setFromDate(_momentTimezone.default.utc(maxValue));
139
+ setToDate(_momentTimezone.default.utc(maxValue));
140
+ }
141
+ }
142
+ }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);
143
+ var onRightClickHandler = (0, _react.useCallback)(function () {
144
+ if (isAfterMaxDate) {
145
+ return;
146
+ }
147
+ var _getDatesByPeriod = getDatesByPeriod(1),
148
+ _getDatesByPeriod2 = _slicedToArray(_getDatesByPeriod, 2),
149
+ newFrom = _getDatesByPeriod2[0],
150
+ newTo = _getDatesByPeriod2[1];
151
+ setFromDate(_momentTimezone.default.utc(newFrom));
152
+ setToDate(_momentTimezone.default.utc(newTo));
153
+ if (onChange) {
154
+ onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
155
+ }
156
+ if (onForward) {
157
+ onForward(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
158
+ }
159
+ }, [isAfterMaxDate, getDatesByPeriod, onChange, onForward]);
160
+ var onLeftClickHandler = (0, _react.useCallback)(function () {
161
+ if (isBeforeMinDate) {
162
+ return;
163
+ }
164
+ var _getDatesByPeriod3 = getDatesByPeriod(-1),
165
+ _getDatesByPeriod4 = _slicedToArray(_getDatesByPeriod3, 2),
166
+ newFrom = _getDatesByPeriod4[0],
167
+ newTo = _getDatesByPeriod4[1];
168
+ setFromDate(_momentTimezone.default.utc(newFrom));
169
+ setToDate(_momentTimezone.default.utc(newTo));
170
+ if (onChange) {
171
+ onChange(_momentTimezone.default.utc(newFrom), _momentTimezone.default.utc(newTo));
172
+ }
173
+ if (onBack) {
174
+ onBack(_momentTimezone.default.utc(newFrom).toDate(), _momentTimezone.default.utc(newTo).toDate());
175
+ }
176
+ }, [isBeforeMinDate, getDatesByPeriod, onChange, onBack]);
177
+ var renderLeftRightButtons = (0, _react.useMemo)(function () {
178
+ return step !== "range";
179
+ }, [step]);
180
+ (0, _react.useEffect)(function () {
181
+ setFromDate(_momentTimezone.default.utc(from));
182
+ setToDate(_momentTimezone.default.utc(to));
183
+ }, [from, to]);
184
+ var dateStepperWidth = function dateStepperWidth(fromDay, toDay, range) {
185
+ if (fromDay.utc().year() !== _momentTimezone.default.utc().year() || toDay.utc().year() !== _momentTimezone.default.utc().year()) {
186
+ switch (range) {
187
+ case "daily":
188
+ case "monthly":
189
+ return {
190
+ minWidth: "122px"
191
+ };
192
+ case "weekly":
193
+ case "custom":
194
+ return {
195
+ minWidth: "232px"
196
+ };
197
+ }
198
+ }
199
+ switch (range) {
200
+ case "monthly":
201
+ return {
202
+ minWidth: "122px"
203
+ };
204
+ case "weekly":
205
+ case "custom":
206
+ return {
207
+ minWidth: "182px"
208
+ };
209
+ }
210
+ return {
211
+ minWidth: "102px"
212
+ };
213
+ };
214
+ var isDisabled = (0, _react.useCallback)(function (day) {
215
+ var dayFormat = _momentTimezone.default.utc(day).format("YYYY-MM-DD");
216
+ var isBefore = _momentTimezone.default.isMoment(maxValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(maxValue).format("YYYY-MM-DD")).isBefore(dayFormat);
217
+ var isAfter = _momentTimezone.default.isMoment(minValue) && (0, _momentTimezone.default)(_momentTimezone.default.utc(minValue).format("YYYY-MM-DD")).isAfter(dayFormat);
218
+ return isBefore || isAfter;
219
+ }, [maxValue, minValue]);
220
+ var modifiers = (0, _react.useMemo)(function () {
221
+ return {
222
+ disabled: function disabled(day) {
223
+ return {
224
+ matched: isDisabled(day),
225
+ title: null
226
+ };
227
+ },
228
+ nonWorkingDay: function nonWorkingDay(day) {
229
+ return {
230
+ matched: isDisabled(day),
231
+ title: null
232
+ };
233
+ }
234
+ };
235
+ }, [isDisabled]);
236
+ return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, {
237
+ className: (0, _classnames.default)("c-date-stepper", className)
238
+ }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
239
+ type: "button",
240
+ variant: "secondary",
241
+ onClick: onLeftClickHandler,
242
+ disabled: isBeforeMinDate
243
+ }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, {
244
+ $isTargetable: step === "yearly" || !withDatePicker,
245
+ $isRounded: step === "range",
246
+ style: dateStepperWidth(fromDate, toDate, step)
247
+ }, withDatePicker && step !== "yearly" ? /*#__PURE__*/_react.default.createElement(_DatePickerV.DatePickerV2, {
248
+ month: defaultMonth,
249
+ target: /*#__PURE__*/_react.default.createElement(_Styles.StyledButton, {
250
+ type: "button"
251
+ }, getDateFormatted),
252
+ mode: datePickerMode,
253
+ selected: {
254
+ from: _momentTimezone.default.utc(fromDate).unix(),
255
+ to: _momentTimezone.default.utc(toDate).unix()
256
+ },
257
+ onChange: onDatePickerChange,
258
+ firstDayOfWeek: period === "week" ? 0 : 1,
259
+ modifiers: modifiers,
260
+ disabledDaysAfter: maxValue,
261
+ disabledDaysBefore: minValue,
262
+ disableYearPicker: !enableYearPicker,
263
+ popperClassName: popperClassName,
264
+ position: position,
265
+ key: datePickerMode,
266
+ instant: true,
267
+ required: true
268
+ }) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
269
+ type: "button",
270
+ variant: "secondary",
271
+ onClick: onRightClickHandler,
272
+ disabled: isAfterMaxDate
273
+ }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null)) : null);
274
+ };
275
+ DateStepperV2.displayName = "DateStepperV2";
276
+ //# sourceMappingURL=DateStepperV2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateStepperV2.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_momentTimezone","_Styles","_DatePickerV","_Icons","_ArrowLeft","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","DateStepperV2","exports","_ref","step","formatCallback","onChange","to","onBack","onForward","minValue","maxValue","className","_ref$period","period","_ref$withDatePicker","withDatePicker","_ref$defaultMonth","defaultMonth","moment","enableYearPicker","_ref$position","position","popperClassName","_useState","useState","utc","_useState2","fromDate","setFromDate","_useState3","_useState4","toDate","setToDate","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","concat","quarter","datePickerMode","onDatePickerChange","dates","fromDateTemp","Number","toDateTemp","isMoment","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","_getDatesByPeriod","_getDatesByPeriod2","newFrom","newTo","onLeftClickHandler","_getDatesByPeriod3","_getDatesByPeriod4","renderLeftRightButtons","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","matched","title","nonWorkingDay","createElement","StyledButtonGroup","classNames","StyledControl","type","variant","onClick","StyledDiv","$isTargetable","$isRounded","style","DatePickerV2","month","target","StyledButton","mode","selected","unix","firstDayOfWeek","disabledDaysAfter","disabledDaysBefore","disableYearPicker","key","instant","required","StyledSpan","ArrowRightIcon","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(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: Date): 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: Date) => ({ matched: isDisabled(day), title: null }),\n nonWorkingDay: (day: Date) => ({ matched: isDisabled(day), title: null }),\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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"}
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledControl = exports.StyledButtonGroup = exports.StyledButton = void 0;
7
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
8
  var _BoxSizingStyle = require("../../BoxSizingStyle");
9
- var _BreakPoints = require("../../BreakPoints");
10
9
  var _ButtonGroup = require("../../ButtonGroup");
11
10
  var _FontStyle = require("../../FontStyle");
12
11
  var _IconButton = require("../../IconButton");
@@ -53,7 +52,7 @@ var StyledSpan = exports.StyledSpan = _styledComponents.default.span.withConfig(
53
52
  var StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
54
53
  displayName: "Styles__StyledDiv",
55
54
  componentId: "sc-1v8h7mt-4"
56
- })(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;display:none;", "{display:block;}svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
55
+ })(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;display:block;@media (max-width:768px){display:none;}svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
57
56
  return props.$isTargetable && (0, _styledComponents.css)(["", ""], {
58
57
  "pointerEvents": "none"
59
58
  });
@@ -76,7 +75,7 @@ var StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
76
75
  "textDecorationLine": "none",
77
76
  "WebkitFontSmoothing": "antialiased",
78
77
  "MozOsxFontSmoothing": "grayscale"
79
- }, _BreakPoints.screen.md);
78
+ });
80
79
  var StyledControl = exports.StyledControl = (0, _styledComponents.default)(_IconButton.IconButton).withConfig({
81
80
  displayName: "Styles__StyledControl",
82
81
  componentId: "sc-1v8h7mt-5"
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_ButtonGroup","_FontStyle","_IconButton","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n display: none;\n\n ${screen.md} {\n display: block;\n }\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nexport const StyledControl = styled(IconButton)`\n border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_ButtonGroup","_FontStyle","_IconButton","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledButton","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","StyledControl","IconButton"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { IconButton } from \"../../IconButton\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n line-height: 1;\n transition: all 0.3s ease;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button:hover {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n display: block;\n\n @media (max-width: 768px) {\n display: none;\n }\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nexport const StyledControl = styled(IconButton)`\n border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAkC,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE3B,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kVACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAEM,IAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,IAAAP,yBAAM,EAACQ,UAAI,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAEM,IAAMK,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,yBAAM,EAACU,wBAAW,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAChDC,oBAAS,EACTC,8BAAc,CAMjB;AAEM,IAAMK,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAGX,yBAAM,CAACY,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAGpC;AAOM,IAAMS,SAAS,GAAAd,OAAA,CAAAc,SAAA,GAAGb,yBAAM,CAACc,GAAG,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wjBAC/B,UAACW,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,CA2CF;AAEM,IAAME,aAAa,GAAApB,OAAA,CAAAoB,aAAA,GAAG,IAAAnB,yBAAM,EAACoB,sBAAU,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAE9C;AAEDK,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AACnDQ,UAAU,CAACR,WAAW,GAAG,YAAY;AACrCU,SAAS,CAACV,WAAW,GAAG,WAAW;AACnCI,UAAU,CAACJ,WAAW,GAAG,YAAY;AACrCL,YAAY,CAACK,WAAW,GAAG,cAAc;AACzCgB,aAAa,CAAChB,WAAW,GAAG,eAAe"}
@@ -14,4 +14,15 @@ Object.keys(_DateStepper).forEach(function (key) {
14
14
  }
15
15
  });
16
16
  });
17
+ var _DateStepperV = require("./DateStepperV2");
18
+ Object.keys(_DateStepperV).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _DateStepperV[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function get() {
24
+ return _DateStepperV[key];
25
+ }
26
+ });
27
+ });
17
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_DateStepper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_DateStepper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DateStepperV"],"sources":["../../../../../src/components/Steppers/DateStepper/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\nexport * from \"./DateStepperV2\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"custom.d.js","names":[],"sources":["../../src/custom.d.ts"],"sourcesContent":["// https://webpack.js.org/guides/typescript/#importing-other-assets\n\ndeclare module \"*.svg\" {\n const content: unknown;\n export default content;\n}\n\ndeclare module \"*.png\" {\n const content: string;\n export default content;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"custom.d.js","names":[],"sources":["../../src/custom.d.ts"],"sourcesContent":["// https://webpack.js.org/guides/typescript/#importing-other-assets\n\ndeclare module \"*.svg\" {\n const content: unknown;\n export default content;\n}\n\ndeclare module \"*.png\" {\n const content: string;\n export default content;\n}\n\ndeclare module \"moment-timezone\" {\n import moment from \"moment-timezone\";\n export = moment;\n}\n"],"mappings":""}
@@ -0,0 +1,67 @@
1
+ import React, { CSSProperties } from "react";
2
+ import { Moment } from "moment";
3
+ import { Placement } from "../Popper";
4
+ import { ElementWithRef } from "../Select";
5
+ export type ChangeMode = "daily" | "weekly" | "monthly" | "quarterly" | "custom";
6
+ export interface DateRange {
7
+ from: Moment;
8
+ to: Moment | null;
9
+ }
10
+ export interface TimestampDateRange {
11
+ from: number;
12
+ to: number | null;
13
+ }
14
+ export interface DatePickerProps {
15
+ selected?: TimestampDateRange;
16
+ onChange?: (range?: TimestampDateRange) => void;
17
+ onSave?: (range?: TimestampDateRange) => void;
18
+ onClear?: () => void;
19
+ onClose?: () => void;
20
+ instant?: boolean;
21
+ target?: ElementWithRef<Element>;
22
+ mode: ChangeMode;
23
+ saveLabel?: string;
24
+ cancelLabel?: string;
25
+ clearLabel?: string;
26
+ disabledDaysBefore?: Moment;
27
+ disabledDaysAfter?: Moment;
28
+ disabled?: number[];
29
+ modifiers?: {
30
+ [key: string]: (day: Date) => {
31
+ matched: boolean;
32
+ title: string | null;
33
+ };
34
+ };
35
+ disableAnimations?: boolean;
36
+ firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
37
+ forceClose?: boolean;
38
+ required?: boolean;
39
+ month?: Moment | number;
40
+ disableYearPicker?: boolean;
41
+ position?: Placement;
42
+ /** Popper class name*/
43
+ popperClassName?: string;
44
+ backgroundElementClass?: string;
45
+ /** Menu classes */
46
+ menuClassName?: string;
47
+ enableConfirmModal?: boolean;
48
+ /** Modal header text */
49
+ modalHeaderText?: string;
50
+ /** Modal cancel button text */
51
+ modalCancelBtnText?: string;
52
+ /** Modal discard button text */
53
+ modalDiscardBtnText?: string;
54
+ /** Modal discard message text */
55
+ modalDiscardMessage?: string;
56
+ /** Popper Tooltip style */
57
+ popperTooltipStyle?: CSSProperties;
58
+ /** Popper Tooltip class name*/
59
+ popperTooltipClassName?: string;
60
+ open?: boolean;
61
+ onCalendarToggle?: (value: boolean) => void;
62
+ /** Called when day is clicked */
63
+ onDayClick?: (day: Moment, modifiers: string[]) => void;
64
+ showControls?: boolean;
65
+ }
66
+ export declare const DatePickerV2: React.FC<DatePickerProps>;
67
+ //# sourceMappingURL=DatePickerV2.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePickerV2.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePickerV2.tsx"],"names":[],"mappings":"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"}