beesoft-components 0.2.21 → 0.2.23
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/build/index.cjs.js +29 -70
- package/build/index.js +29 -70
- package/build/index.min.js +4 -4
- package/build/index.min.js.gz +0 -0
- package/package.json +1 -1
- package/types/src/components/form/date-time/date-time-day-selector.component.d.ts +2 -1
- package/types/src/components/form/date-time/date-time-range-selector.component.d.ts +2 -1
- package/types/src/components/form/date-time/date-time-time-selector.component.d.ts +2 -1
- package/types/src/components/form/date-time/date-time.reducer.d.ts +2 -8
package/build/index.cjs.js
CHANGED
|
@@ -25788,13 +25788,10 @@ var DateTimeActionType;
|
|
|
25788
25788
|
DateTimeActionType[DateTimeActionType["SetSelectedDateRange"] = 7] = "SetSelectedDateRange";
|
|
25789
25789
|
DateTimeActionType[DateTimeActionType["SetSelectedStartDate"] = 8] = "SetSelectedStartDate";
|
|
25790
25790
|
DateTimeActionType[DateTimeActionType["SetSelectedEndDate"] = 9] = "SetSelectedEndDate";
|
|
25791
|
-
DateTimeActionType[DateTimeActionType["
|
|
25792
|
-
DateTimeActionType[DateTimeActionType["
|
|
25793
|
-
DateTimeActionType[DateTimeActionType["ClearDates"] = 12] = "ClearDates";
|
|
25794
|
-
DateTimeActionType[DateTimeActionType["InitializeDates"] = 13] = "InitializeDates";
|
|
25791
|
+
DateTimeActionType[DateTimeActionType["ClearDates"] = 10] = "ClearDates";
|
|
25792
|
+
DateTimeActionType[DateTimeActionType["InitializeDates"] = 11] = "InitializeDates";
|
|
25795
25793
|
})(DateTimeActionType || (DateTimeActionType = {}));
|
|
25796
25794
|
var reducer = function (state, action) {
|
|
25797
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
25798
25795
|
switch (action.type) {
|
|
25799
25796
|
case DateTimeActionType.DaySelector:
|
|
25800
25797
|
return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector, currentViewDate: action.viewDate || state.currentViewDate });
|
|
@@ -25809,38 +25806,26 @@ var reducer = function (state, action) {
|
|
|
25809
25806
|
case DateTimeActionType.SetViewDate:
|
|
25810
25807
|
return __assign(__assign({}, state), { currentViewDate: action.viewDate || new Date(), dateInitialized: true });
|
|
25811
25808
|
case DateTimeActionType.SetSelectedDate:
|
|
25812
|
-
return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate,
|
|
25813
|
-
? ((_a = state.originalSetDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== ((_b = action.selectedDate) === null || _b === void 0 ? void 0 : _b.getTime())
|
|
25814
|
-
: true });
|
|
25809
|
+
return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate });
|
|
25815
25810
|
case DateTimeActionType.SetSelectedDateRange:
|
|
25816
|
-
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate
|
|
25817
|
-
((_e = state.originalSetEndDate) === null || _e === void 0 ? void 0 : _e.getTime()) !== ((_f = action.selectedEndDate) === null || _f === void 0 ? void 0 : _f.getTime()) });
|
|
25811
|
+
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate });
|
|
25818
25812
|
case DateTimeActionType.SetSelectedStartDate:
|
|
25819
|
-
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined
|
|
25820
|
-
? ((_g = state.originalSetStartDate) === null || _g === void 0 ? void 0 : _g.getTime()) !== ((_h = action.selectedStartDate) === null || _h === void 0 ? void 0 : _h.getTime())
|
|
25821
|
-
: true });
|
|
25813
|
+
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined });
|
|
25822
25814
|
case DateTimeActionType.SetSelectedEndDate:
|
|
25823
|
-
return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate
|
|
25824
|
-
? ((_j = state.originalSetEndDate) === null || _j === void 0 ? void 0 : _j.getTime()) !== ((_k = action.selectedEndDate) === null || _k === void 0 ? void 0 : _k.getTime())
|
|
25825
|
-
: true });
|
|
25826
|
-
case DateTimeActionType.ResetSelectedDateChanged:
|
|
25827
|
-
return __assign(__assign({}, state), { originalSetDate: action.selectedDate || state.selectedDate, selectedDateChanged: false });
|
|
25828
|
-
case DateTimeActionType.ResetSelectedDateRangeChanged:
|
|
25829
|
-
return __assign(__assign({}, state), { originalSetStartDate: action.selectedStartDate || state.selectedStartDate, originalSetEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: false });
|
|
25815
|
+
return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate });
|
|
25830
25816
|
case DateTimeActionType.ClearDates:
|
|
25831
25817
|
return {
|
|
25832
25818
|
currentSelector: state.currentSelector,
|
|
25833
25819
|
currentViewDate: state.currentViewDate,
|
|
25834
|
-
selectedDateChanged: false,
|
|
25835
25820
|
dateInitialized: true,
|
|
25836
25821
|
};
|
|
25837
25822
|
case DateTimeActionType.InitializeDates:
|
|
25838
25823
|
var baseState = __assign(__assign({}, state), { currentViewDate: getInitialDate(action.initialDate), dateInitialized: true });
|
|
25839
25824
|
if (!Array.isArray(action.initialDate)) {
|
|
25840
|
-
return __assign(__assign({}, baseState), {
|
|
25825
|
+
return __assign(__assign({}, baseState), { selectedDate: action.initialDate });
|
|
25841
25826
|
}
|
|
25842
25827
|
else {
|
|
25843
|
-
return __assign(__assign({}, baseState), {
|
|
25828
|
+
return __assign(__assign({}, baseState), { selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
|
|
25844
25829
|
}
|
|
25845
25830
|
default:
|
|
25846
25831
|
return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector });
|
|
@@ -25922,19 +25907,12 @@ function DateTimeCalendar(_a) {
|
|
|
25922
25907
|
}, [locale]);
|
|
25923
25908
|
var onDateClicked = function (date) {
|
|
25924
25909
|
if (selectionMode === CalendarSelectionMode.Normal) {
|
|
25925
|
-
|
|
25926
|
-
|
|
25927
|
-
|
|
25928
|
-
|
|
25929
|
-
|
|
25930
|
-
|
|
25931
|
-
type: DateTimeActionType.SetViewDate,
|
|
25932
|
-
viewDate: date,
|
|
25933
|
-
});
|
|
25934
|
-
}
|
|
25935
|
-
if (onDateSelected) {
|
|
25936
|
-
onDateSelected(date);
|
|
25937
|
-
}
|
|
25910
|
+
dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher({
|
|
25911
|
+
type: DateTimeActionType.SetSelectedDate,
|
|
25912
|
+
selectedDate: date,
|
|
25913
|
+
viewDate: date,
|
|
25914
|
+
});
|
|
25915
|
+
onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(date);
|
|
25938
25916
|
}
|
|
25939
25917
|
else {
|
|
25940
25918
|
if (!onDateSelected)
|
|
@@ -26027,7 +26005,7 @@ function DateTimeScroller(_a) {
|
|
|
26027
26005
|
}
|
|
26028
26006
|
|
|
26029
26007
|
function DateTimeDaySelector(_a) {
|
|
26030
|
-
var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, dispatcher = _a.dispatcher;
|
|
26008
|
+
var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26031
26009
|
var movePreviousMonth = function () {
|
|
26032
26010
|
if (viewDate) {
|
|
26033
26011
|
dispatcher({
|
|
@@ -26064,7 +26042,7 @@ function DateTimeDaySelector(_a) {
|
|
|
26064
26042
|
return '';
|
|
26065
26043
|
};
|
|
26066
26044
|
return (jsxRuntime.jsxs("div", __assign({ className: "bsc-p-2 bc-dt-day-selector" }, { children: [jsxRuntime.jsx(DateTimeScroller, { title: getCurrentMonthYear(), scrollerType: DateScrollerType.Day, onTitleClicked: onMonthClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0),
|
|
26067
|
-
jsxRuntime.jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0),
|
|
26045
|
+
jsxRuntime.jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, onDateSelected: onChange, dispatcher: dispatcher }, void 0),
|
|
26068
26046
|
showTimeSelector && (jsxRuntime.jsx("div", __assign({ className: "bsc-w-full bsc-flex bsc-flex-row bsc-p-2 bsc-justify-center bc-dt-time-value-wrapper" }, { children: jsxRuntime.jsx("div", __assign({ className: "bsc-p-2 bsc-cursor-pointer hover:bsc-bg-gray-300 dark:hover:bsc-bg-white dark:hover:bsc-text-black dark:bsc-text-white bc-dt-time-value", onClick: onTimeClicked }, { children: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleTimeString(locale.code)) || getDefaultTime(locale) }), void 0) }), void 0))] }), void 0));
|
|
26069
26047
|
}
|
|
26070
26048
|
|
|
@@ -26110,7 +26088,7 @@ function DateTimeMonthSelector(_a) {
|
|
|
26110
26088
|
}
|
|
26111
26089
|
|
|
26112
26090
|
function DateTimeRangeSelector(_a) {
|
|
26113
|
-
var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, dispatcher = _a.dispatcher;
|
|
26091
|
+
var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26114
26092
|
var nextMonth = addMonths(viewDate, 1);
|
|
26115
26093
|
var onDateSelected = function (date, options) {
|
|
26116
26094
|
if (!options || !options.setEndDate) {
|
|
@@ -26124,6 +26102,7 @@ function DateTimeRangeSelector(_a) {
|
|
|
26124
26102
|
type: DateTimeActionType.SetSelectedEndDate,
|
|
26125
26103
|
selectedEndDate: date,
|
|
26126
26104
|
});
|
|
26105
|
+
selectedStartDate && (onChange === null || onChange === void 0 ? void 0 : onChange([selectedStartDate, date]));
|
|
26127
26106
|
}
|
|
26128
26107
|
};
|
|
26129
26108
|
var onMonthsClicked = function () {
|
|
@@ -26160,10 +26139,11 @@ function DateTimeRangeSelector(_a) {
|
|
|
26160
26139
|
}
|
|
26161
26140
|
|
|
26162
26141
|
function DateTimeTimeSelector(_a) {
|
|
26163
|
-
var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, dispatcher = _a.dispatcher;
|
|
26142
|
+
var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26164
26143
|
var hours = React.useRef(['12', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11']);
|
|
26165
26144
|
var minutes = React.useRef(generateNumberArray(0, 59, function (value) { return padNumber(value, 2, '0'); }));
|
|
26166
26145
|
var ampm = React.useRef(['AM', 'PM']);
|
|
26146
|
+
var savedViewDate = React.useRef(lodash.cloneDeep(viewDate));
|
|
26167
26147
|
var getMeridianHour = function (hour) { return (hour > 11 ? hour - 12 : hour); };
|
|
26168
26148
|
var _b = React.useState(getMeridianHour(viewDate.getHours())), currentHour = _b[0], setCurrentHour = _b[1];
|
|
26169
26149
|
var _c = React.useState(viewDate.getMinutes()), currentMinute = _c[0], setCurrentMinute = _c[1];
|
|
@@ -26208,15 +26188,13 @@ function DateTimeTimeSelector(_a) {
|
|
|
26208
26188
|
};
|
|
26209
26189
|
var setCurrentTime = function (hour, minute, meridian) {
|
|
26210
26190
|
var correctHour = meridian === 1 ? hour + 12 : hour;
|
|
26211
|
-
|
|
26191
|
+
savedViewDate.current.setHours(correctHour, minute);
|
|
26212
26192
|
dispatcher({
|
|
26213
26193
|
type: DateTimeActionType.SetSelectedDate,
|
|
26214
|
-
selectedDate:
|
|
26215
|
-
|
|
26216
|
-
dispatcher({
|
|
26217
|
-
type: DateTimeActionType.SetViewDate,
|
|
26218
|
-
viewDate: viewDate,
|
|
26194
|
+
selectedDate: savedViewDate.current,
|
|
26195
|
+
viewDate: savedViewDate.current,
|
|
26219
26196
|
});
|
|
26197
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(savedViewDate.current);
|
|
26220
26198
|
};
|
|
26221
26199
|
var onDateClicked = function () {
|
|
26222
26200
|
dispatcher({
|
|
@@ -26346,7 +26324,6 @@ function DateTime(_a) {
|
|
|
26346
26324
|
? DateTimeActionType.DaySelector
|
|
26347
26325
|
: DateTimeActionType.DateRangeSelector,
|
|
26348
26326
|
currentViewDate: new Date(),
|
|
26349
|
-
selectedDateChanged: false,
|
|
26350
26327
|
dateInitialized: false,
|
|
26351
26328
|
};
|
|
26352
26329
|
var _l = React.useReducer(reducer, initialState), state = _l[0], dispatcher = _l[1];
|
|
@@ -26361,13 +26338,10 @@ function DateTime(_a) {
|
|
|
26361
26338
|
: parseDateRange(dateString, loadedLocale.current);
|
|
26362
26339
|
if (inputDate) {
|
|
26363
26340
|
if (!Array.isArray(inputDate)) {
|
|
26364
|
-
dispatcher({
|
|
26365
|
-
type: DateTimeActionType.SetViewDate,
|
|
26366
|
-
viewDate: inputDate,
|
|
26367
|
-
});
|
|
26368
26341
|
dispatcher({
|
|
26369
26342
|
type: DateTimeActionType.SetSelectedDate,
|
|
26370
26343
|
selectedDate: inputDate,
|
|
26344
|
+
viewDate: inputDate,
|
|
26371
26345
|
});
|
|
26372
26346
|
}
|
|
26373
26347
|
else {
|
|
@@ -26399,7 +26373,7 @@ function DateTime(_a) {
|
|
|
26399
26373
|
type: DateTimeActionType.ClearDates,
|
|
26400
26374
|
});
|
|
26401
26375
|
setSelectorOpen(false);
|
|
26402
|
-
onChange
|
|
26376
|
+
onChange === null || onChange === void 0 ? void 0 : onChange();
|
|
26403
26377
|
};
|
|
26404
26378
|
var onInputElementCreated = function (element) {
|
|
26405
26379
|
if (!inputElementRef.current) {
|
|
@@ -26420,21 +26394,6 @@ function DateTime(_a) {
|
|
|
26420
26394
|
? DateTimeActionType.DaySelector
|
|
26421
26395
|
: DateTimeActionType.DateRangeSelector,
|
|
26422
26396
|
});
|
|
26423
|
-
if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
|
|
26424
|
-
onChange(state.selectedDate);
|
|
26425
|
-
dispatcher({
|
|
26426
|
-
type: DateTimeActionType.ResetSelectedDateChanged,
|
|
26427
|
-
selectedDate: state.selectedDate,
|
|
26428
|
-
});
|
|
26429
|
-
}
|
|
26430
|
-
else if (onChange && state.selectedStartDate && state.selectedEndDate && state.selectedDateChanged) {
|
|
26431
|
-
onChange([state.selectedStartDate, state.selectedEndDate]);
|
|
26432
|
-
dispatcher({
|
|
26433
|
-
type: DateTimeActionType.ResetSelectedDateRangeChanged,
|
|
26434
|
-
selectedStartDate: state.selectedStartDate,
|
|
26435
|
-
selectedEndDate: state.selectedEndDate,
|
|
26436
|
-
});
|
|
26437
|
-
}
|
|
26438
26397
|
};
|
|
26439
26398
|
var getDateTimeStyle = function () {
|
|
26440
26399
|
switch (dateFormat) {
|
|
@@ -26532,7 +26491,7 @@ function DateTime(_a) {
|
|
|
26532
26491
|
jsxRuntime.jsx(OverlayPanel, __assign({ visible: selectorOpen, target: dropDownTarget, shouldTargetCloseOverlay: false, shouldScrollCloseOverlay: true, shouldCheckZIndex: true, hidden: onDateTimeHidden, unmountWhenHidden: true }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [state.currentSelector === DateTimeActionType.DaySelector &&
|
|
26533
26492
|
canShowDateSelectors &&
|
|
26534
26493
|
state.dateInitialized &&
|
|
26535
|
-
loadedLocale.current && (jsxRuntime.jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0)),
|
|
26494
|
+
loadedLocale.current && (jsxRuntime.jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher, onChange: onChange }, void 0)),
|
|
26536
26495
|
state.currentSelector === DateTimeActionType.MonthSelector &&
|
|
26537
26496
|
canShowDateSelectors &&
|
|
26538
26497
|
state.dateInitialized &&
|
|
@@ -26544,11 +26503,11 @@ function DateTime(_a) {
|
|
|
26544
26503
|
state.currentSelector === DateTimeActionType.TimeSelector &&
|
|
26545
26504
|
canShowTimeSelector &&
|
|
26546
26505
|
state.dateInitialized &&
|
|
26547
|
-
loadedLocale.current && (jsxRuntime.jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
|
|
26506
|
+
loadedLocale.current && (jsxRuntime.jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, onChange: onChange, dispatcher: dispatcher }, void 0)),
|
|
26548
26507
|
state.currentSelector === DateTimeActionType.DateRangeSelector &&
|
|
26549
26508
|
canShowDateSelectors &&
|
|
26550
26509
|
state.dateInitialized &&
|
|
26551
|
-
loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
|
|
26510
|
+
loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, onChange: onChange, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
|
|
26552
26511
|
}
|
|
26553
26512
|
|
|
26554
26513
|
function styleInject(css, ref) {
|
package/build/index.js
CHANGED
|
@@ -25759,13 +25759,10 @@ var DateTimeActionType;
|
|
|
25759
25759
|
DateTimeActionType[DateTimeActionType["SetSelectedDateRange"] = 7] = "SetSelectedDateRange";
|
|
25760
25760
|
DateTimeActionType[DateTimeActionType["SetSelectedStartDate"] = 8] = "SetSelectedStartDate";
|
|
25761
25761
|
DateTimeActionType[DateTimeActionType["SetSelectedEndDate"] = 9] = "SetSelectedEndDate";
|
|
25762
|
-
DateTimeActionType[DateTimeActionType["
|
|
25763
|
-
DateTimeActionType[DateTimeActionType["
|
|
25764
|
-
DateTimeActionType[DateTimeActionType["ClearDates"] = 12] = "ClearDates";
|
|
25765
|
-
DateTimeActionType[DateTimeActionType["InitializeDates"] = 13] = "InitializeDates";
|
|
25762
|
+
DateTimeActionType[DateTimeActionType["ClearDates"] = 10] = "ClearDates";
|
|
25763
|
+
DateTimeActionType[DateTimeActionType["InitializeDates"] = 11] = "InitializeDates";
|
|
25766
25764
|
})(DateTimeActionType || (DateTimeActionType = {}));
|
|
25767
25765
|
var reducer = function (state, action) {
|
|
25768
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
25769
25766
|
switch (action.type) {
|
|
25770
25767
|
case DateTimeActionType.DaySelector:
|
|
25771
25768
|
return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector, currentViewDate: action.viewDate || state.currentViewDate });
|
|
@@ -25780,38 +25777,26 @@ var reducer = function (state, action) {
|
|
|
25780
25777
|
case DateTimeActionType.SetViewDate:
|
|
25781
25778
|
return __assign(__assign({}, state), { currentViewDate: action.viewDate || new Date(), dateInitialized: true });
|
|
25782
25779
|
case DateTimeActionType.SetSelectedDate:
|
|
25783
|
-
return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate,
|
|
25784
|
-
? ((_a = state.originalSetDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== ((_b = action.selectedDate) === null || _b === void 0 ? void 0 : _b.getTime())
|
|
25785
|
-
: true });
|
|
25780
|
+
return __assign(__assign({}, state), { selectedDate: action.selectedDate || state.selectedDate, currentViewDate: action.viewDate || state.currentViewDate });
|
|
25786
25781
|
case DateTimeActionType.SetSelectedDateRange:
|
|
25787
|
-
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate
|
|
25788
|
-
((_e = state.originalSetEndDate) === null || _e === void 0 ? void 0 : _e.getTime()) !== ((_f = action.selectedEndDate) === null || _f === void 0 ? void 0 : _f.getTime()) });
|
|
25782
|
+
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate || state.selectedStartDate, selectedEndDate: action.selectedEndDate || state.selectedEndDate });
|
|
25789
25783
|
case DateTimeActionType.SetSelectedStartDate:
|
|
25790
|
-
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined
|
|
25791
|
-
? ((_g = state.originalSetStartDate) === null || _g === void 0 ? void 0 : _g.getTime()) !== ((_h = action.selectedStartDate) === null || _h === void 0 ? void 0 : _h.getTime())
|
|
25792
|
-
: true });
|
|
25784
|
+
return __assign(__assign({}, state), { selectedStartDate: action.selectedStartDate, selectedEndDate: undefined });
|
|
25793
25785
|
case DateTimeActionType.SetSelectedEndDate:
|
|
25794
|
-
return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate
|
|
25795
|
-
? ((_j = state.originalSetEndDate) === null || _j === void 0 ? void 0 : _j.getTime()) !== ((_k = action.selectedEndDate) === null || _k === void 0 ? void 0 : _k.getTime())
|
|
25796
|
-
: true });
|
|
25797
|
-
case DateTimeActionType.ResetSelectedDateChanged:
|
|
25798
|
-
return __assign(__assign({}, state), { originalSetDate: action.selectedDate || state.selectedDate, selectedDateChanged: false });
|
|
25799
|
-
case DateTimeActionType.ResetSelectedDateRangeChanged:
|
|
25800
|
-
return __assign(__assign({}, state), { originalSetStartDate: action.selectedStartDate || state.selectedStartDate, originalSetEndDate: action.selectedEndDate || state.selectedEndDate, selectedDateChanged: false });
|
|
25786
|
+
return __assign(__assign({}, state), { selectedEndDate: action.selectedEndDate });
|
|
25801
25787
|
case DateTimeActionType.ClearDates:
|
|
25802
25788
|
return {
|
|
25803
25789
|
currentSelector: state.currentSelector,
|
|
25804
25790
|
currentViewDate: state.currentViewDate,
|
|
25805
|
-
selectedDateChanged: false,
|
|
25806
25791
|
dateInitialized: true,
|
|
25807
25792
|
};
|
|
25808
25793
|
case DateTimeActionType.InitializeDates:
|
|
25809
25794
|
var baseState = __assign(__assign({}, state), { currentViewDate: getInitialDate(action.initialDate), dateInitialized: true });
|
|
25810
25795
|
if (!Array.isArray(action.initialDate)) {
|
|
25811
|
-
return __assign(__assign({}, baseState), {
|
|
25796
|
+
return __assign(__assign({}, baseState), { selectedDate: action.initialDate });
|
|
25812
25797
|
}
|
|
25813
25798
|
else {
|
|
25814
|
-
return __assign(__assign({}, baseState), {
|
|
25799
|
+
return __assign(__assign({}, baseState), { selectedStartDate: action.initialDate[0], selectedEndDate: action.initialDate[1] });
|
|
25815
25800
|
}
|
|
25816
25801
|
default:
|
|
25817
25802
|
return __assign(__assign({}, state), { currentSelector: DateTimeActionType.DaySelector });
|
|
@@ -25893,19 +25878,12 @@ function DateTimeCalendar(_a) {
|
|
|
25893
25878
|
}, [locale]);
|
|
25894
25879
|
var onDateClicked = function (date) {
|
|
25895
25880
|
if (selectionMode === CalendarSelectionMode.Normal) {
|
|
25896
|
-
|
|
25897
|
-
|
|
25898
|
-
|
|
25899
|
-
|
|
25900
|
-
|
|
25901
|
-
|
|
25902
|
-
type: DateTimeActionType.SetViewDate,
|
|
25903
|
-
viewDate: date,
|
|
25904
|
-
});
|
|
25905
|
-
}
|
|
25906
|
-
if (onDateSelected) {
|
|
25907
|
-
onDateSelected(date);
|
|
25908
|
-
}
|
|
25881
|
+
dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher({
|
|
25882
|
+
type: DateTimeActionType.SetSelectedDate,
|
|
25883
|
+
selectedDate: date,
|
|
25884
|
+
viewDate: date,
|
|
25885
|
+
});
|
|
25886
|
+
onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(date);
|
|
25909
25887
|
}
|
|
25910
25888
|
else {
|
|
25911
25889
|
if (!onDateSelected)
|
|
@@ -25998,7 +25976,7 @@ function DateTimeScroller(_a) {
|
|
|
25998
25976
|
}
|
|
25999
25977
|
|
|
26000
25978
|
function DateTimeDaySelector(_a) {
|
|
26001
|
-
var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, dispatcher = _a.dispatcher;
|
|
25979
|
+
var selectedDate = _a.selectedDate, viewDate = _a.viewDate, locale = _a.locale, showTimeSelector = _a.showTimeSelector, selectableDate = _a.selectableDate, isValidDate = _a.isValidDate, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26002
25980
|
var movePreviousMonth = function () {
|
|
26003
25981
|
if (viewDate) {
|
|
26004
25982
|
dispatcher({
|
|
@@ -26035,7 +26013,7 @@ function DateTimeDaySelector(_a) {
|
|
|
26035
26013
|
return '';
|
|
26036
26014
|
};
|
|
26037
26015
|
return (jsxs("div", __assign({ className: "bsc-p-2 bc-dt-day-selector" }, { children: [jsx(DateTimeScroller, { title: getCurrentMonthYear(), scrollerType: DateScrollerType.Day, onTitleClicked: onMonthClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0),
|
|
26038
|
-
jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0),
|
|
26016
|
+
jsx(DateTimeCalendar, { viewDate: viewDate, selectedDate: selectedDate, locale: locale, selectableDate: selectableDate, isValidDate: isValidDate, onDateSelected: onChange, dispatcher: dispatcher }, void 0),
|
|
26039
26017
|
showTimeSelector && (jsx("div", __assign({ className: "bsc-w-full bsc-flex bsc-flex-row bsc-p-2 bsc-justify-center bc-dt-time-value-wrapper" }, { children: jsx("div", __assign({ className: "bsc-p-2 bsc-cursor-pointer hover:bsc-bg-gray-300 dark:hover:bsc-bg-white dark:hover:bsc-text-black dark:bsc-text-white bc-dt-time-value", onClick: onTimeClicked }, { children: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleTimeString(locale.code)) || getDefaultTime(locale) }), void 0) }), void 0))] }), void 0));
|
|
26040
26018
|
}
|
|
26041
26019
|
|
|
@@ -26081,7 +26059,7 @@ function DateTimeMonthSelector(_a) {
|
|
|
26081
26059
|
}
|
|
26082
26060
|
|
|
26083
26061
|
function DateTimeRangeSelector(_a) {
|
|
26084
|
-
var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, dispatcher = _a.dispatcher;
|
|
26062
|
+
var viewDate = _a.viewDate, selectedStartDate = _a.selectedStartDate, selectedEndDate = _a.selectedEndDate, locale = _a.locale, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26085
26063
|
var nextMonth = addMonths(viewDate, 1);
|
|
26086
26064
|
var onDateSelected = function (date, options) {
|
|
26087
26065
|
if (!options || !options.setEndDate) {
|
|
@@ -26095,6 +26073,7 @@ function DateTimeRangeSelector(_a) {
|
|
|
26095
26073
|
type: DateTimeActionType.SetSelectedEndDate,
|
|
26096
26074
|
selectedEndDate: date,
|
|
26097
26075
|
});
|
|
26076
|
+
selectedStartDate && (onChange === null || onChange === void 0 ? void 0 : onChange([selectedStartDate, date]));
|
|
26098
26077
|
}
|
|
26099
26078
|
};
|
|
26100
26079
|
var onMonthsClicked = function () {
|
|
@@ -26131,10 +26110,11 @@ function DateTimeRangeSelector(_a) {
|
|
|
26131
26110
|
}
|
|
26132
26111
|
|
|
26133
26112
|
function DateTimeTimeSelector(_a) {
|
|
26134
|
-
var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, dispatcher = _a.dispatcher;
|
|
26113
|
+
var viewDate = _a.viewDate, showDateSelector = _a.showDateSelector, locale = _a.locale, timeConstraints = _a.timeConstraints, onChange = _a.onChange, dispatcher = _a.dispatcher;
|
|
26135
26114
|
var hours = useRef(['12', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11']);
|
|
26136
26115
|
var minutes = useRef(generateNumberArray(0, 59, function (value) { return padNumber(value, 2, '0'); }));
|
|
26137
26116
|
var ampm = useRef(['AM', 'PM']);
|
|
26117
|
+
var savedViewDate = useRef(lodash.cloneDeep(viewDate));
|
|
26138
26118
|
var getMeridianHour = function (hour) { return (hour > 11 ? hour - 12 : hour); };
|
|
26139
26119
|
var _b = useState(getMeridianHour(viewDate.getHours())), currentHour = _b[0], setCurrentHour = _b[1];
|
|
26140
26120
|
var _c = useState(viewDate.getMinutes()), currentMinute = _c[0], setCurrentMinute = _c[1];
|
|
@@ -26179,15 +26159,13 @@ function DateTimeTimeSelector(_a) {
|
|
|
26179
26159
|
};
|
|
26180
26160
|
var setCurrentTime = function (hour, minute, meridian) {
|
|
26181
26161
|
var correctHour = meridian === 1 ? hour + 12 : hour;
|
|
26182
|
-
|
|
26162
|
+
savedViewDate.current.setHours(correctHour, minute);
|
|
26183
26163
|
dispatcher({
|
|
26184
26164
|
type: DateTimeActionType.SetSelectedDate,
|
|
26185
|
-
selectedDate:
|
|
26186
|
-
|
|
26187
|
-
dispatcher({
|
|
26188
|
-
type: DateTimeActionType.SetViewDate,
|
|
26189
|
-
viewDate: viewDate,
|
|
26165
|
+
selectedDate: savedViewDate.current,
|
|
26166
|
+
viewDate: savedViewDate.current,
|
|
26190
26167
|
});
|
|
26168
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(savedViewDate.current);
|
|
26191
26169
|
};
|
|
26192
26170
|
var onDateClicked = function () {
|
|
26193
26171
|
dispatcher({
|
|
@@ -26317,7 +26295,6 @@ function DateTime(_a) {
|
|
|
26317
26295
|
? DateTimeActionType.DaySelector
|
|
26318
26296
|
: DateTimeActionType.DateRangeSelector,
|
|
26319
26297
|
currentViewDate: new Date(),
|
|
26320
|
-
selectedDateChanged: false,
|
|
26321
26298
|
dateInitialized: false,
|
|
26322
26299
|
};
|
|
26323
26300
|
var _l = useReducer(reducer, initialState), state = _l[0], dispatcher = _l[1];
|
|
@@ -26332,13 +26309,10 @@ function DateTime(_a) {
|
|
|
26332
26309
|
: parseDateRange(dateString, loadedLocale.current);
|
|
26333
26310
|
if (inputDate) {
|
|
26334
26311
|
if (!Array.isArray(inputDate)) {
|
|
26335
|
-
dispatcher({
|
|
26336
|
-
type: DateTimeActionType.SetViewDate,
|
|
26337
|
-
viewDate: inputDate,
|
|
26338
|
-
});
|
|
26339
26312
|
dispatcher({
|
|
26340
26313
|
type: DateTimeActionType.SetSelectedDate,
|
|
26341
26314
|
selectedDate: inputDate,
|
|
26315
|
+
viewDate: inputDate,
|
|
26342
26316
|
});
|
|
26343
26317
|
}
|
|
26344
26318
|
else {
|
|
@@ -26370,7 +26344,7 @@ function DateTime(_a) {
|
|
|
26370
26344
|
type: DateTimeActionType.ClearDates,
|
|
26371
26345
|
});
|
|
26372
26346
|
setSelectorOpen(false);
|
|
26373
|
-
onChange
|
|
26347
|
+
onChange === null || onChange === void 0 ? void 0 : onChange();
|
|
26374
26348
|
};
|
|
26375
26349
|
var onInputElementCreated = function (element) {
|
|
26376
26350
|
if (!inputElementRef.current) {
|
|
@@ -26391,21 +26365,6 @@ function DateTime(_a) {
|
|
|
26391
26365
|
? DateTimeActionType.DaySelector
|
|
26392
26366
|
: DateTimeActionType.DateRangeSelector,
|
|
26393
26367
|
});
|
|
26394
|
-
if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
|
|
26395
|
-
onChange(state.selectedDate);
|
|
26396
|
-
dispatcher({
|
|
26397
|
-
type: DateTimeActionType.ResetSelectedDateChanged,
|
|
26398
|
-
selectedDate: state.selectedDate,
|
|
26399
|
-
});
|
|
26400
|
-
}
|
|
26401
|
-
else if (onChange && state.selectedStartDate && state.selectedEndDate && state.selectedDateChanged) {
|
|
26402
|
-
onChange([state.selectedStartDate, state.selectedEndDate]);
|
|
26403
|
-
dispatcher({
|
|
26404
|
-
type: DateTimeActionType.ResetSelectedDateRangeChanged,
|
|
26405
|
-
selectedStartDate: state.selectedStartDate,
|
|
26406
|
-
selectedEndDate: state.selectedEndDate,
|
|
26407
|
-
});
|
|
26408
|
-
}
|
|
26409
26368
|
};
|
|
26410
26369
|
var getDateTimeStyle = function () {
|
|
26411
26370
|
switch (dateFormat) {
|
|
@@ -26503,7 +26462,7 @@ function DateTime(_a) {
|
|
|
26503
26462
|
jsx(OverlayPanel, __assign({ visible: selectorOpen, target: dropDownTarget, shouldTargetCloseOverlay: false, shouldScrollCloseOverlay: true, shouldCheckZIndex: true, hidden: onDateTimeHidden, unmountWhenHidden: true }, { children: jsxs(Fragment$1, { children: [state.currentSelector === DateTimeActionType.DaySelector &&
|
|
26504
26463
|
canShowDateSelectors &&
|
|
26505
26464
|
state.dateInitialized &&
|
|
26506
|
-
loadedLocale.current && (jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher }, void 0)),
|
|
26465
|
+
loadedLocale.current && (jsx(DateTimeDaySelector, { selectedDate: state.selectedDate, viewDate: state.currentViewDate, locale: loadedLocale.current, showTimeSelector: dateSelection === DateSelectionType.DateTime, selectableDate: selectableDate, isValidDate: isValidDate, dispatcher: dispatcher, onChange: onChange }, void 0)),
|
|
26507
26466
|
state.currentSelector === DateTimeActionType.MonthSelector &&
|
|
26508
26467
|
canShowDateSelectors &&
|
|
26509
26468
|
state.dateInitialized &&
|
|
@@ -26515,11 +26474,11 @@ function DateTime(_a) {
|
|
|
26515
26474
|
state.currentSelector === DateTimeActionType.TimeSelector &&
|
|
26516
26475
|
canShowTimeSelector &&
|
|
26517
26476
|
state.dateInitialized &&
|
|
26518
|
-
loadedLocale.current && (jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
|
|
26477
|
+
loadedLocale.current && (jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, onChange: onChange, dispatcher: dispatcher }, void 0)),
|
|
26519
26478
|
state.currentSelector === DateTimeActionType.DateRangeSelector &&
|
|
26520
26479
|
canShowDateSelectors &&
|
|
26521
26480
|
state.dateInitialized &&
|
|
26522
|
-
loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
|
|
26481
|
+
loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, onChange: onChange, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
|
|
26523
26482
|
}
|
|
26524
26483
|
|
|
26525
26484
|
function styleInject(css, ref) {
|