@cashub/ui 0.8.2 → 0.9.1
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/Tab/Tab.js +1 -1
- package/Tab/TabPanel.js +1 -1
- package/Tab/TabTab.js +1 -1
- package/Tab/{TabContext.js → subComponent/TabContext.js} +0 -0
- package/chart/index.js +20 -0
- package/chart/utils/index.js +23 -0
- package/cropper/{CropperHandler.js → CropperModalHandler.js} +3 -3
- package/cropper/index.js +3 -3
- package/{partial/modal → cropper/subComponent}/CropImageModal.js +4 -4
- package/datetimePicker/DatePicker.js +1 -1
- package/datetimePicker/DatePickerV2.js +14 -16
- package/datetimePicker/DatetimePicker.js +1 -1
- package/datetimePicker/DatetimePickerV2.js +14 -16
- package/datetimePicker/TimePicker.js +6 -6
- package/datetimePicker/accordion/Month.js +10 -10
- package/datetimePicker/accordion/Year.js +10 -12
- package/datetimePicker/{Accordion.js → subComponent/Accordion.js} +4 -6
- package/datetimePicker/{CustomTimeInput.js → subComponent/CustomTimeInput.js} +0 -0
- package/datetimePicker/{DateTimePickerContext.js → subComponent/DateTimePickerContext.js} +0 -0
- package/datetimePicker/utils/GMTDate.js +1 -5
- package/dropdown/Dropdown.js +1 -1
- package/dropdown/DropdownContent.js +1 -1
- package/dropdown/DropdownItem.js +1 -1
- package/dropdown/DropdownToggle.js +1 -1
- package/dropdown/{DropdownContext.js → subComponent/DropdownContext.js} +0 -0
- package/dropzone/FileDropzone.js +3 -5
- package/dropzone/ImageDropzone.js +1 -1
- package/dropzone/{Message.js → subComponent/Message.js} +0 -0
- package/geolocation/ReverseGeolocation.js +1 -1
- package/geolocation/{MapSearchBoxControl.js → subComponent/MapSearchBoxControl.js} +1 -1
- package/iconbox/ApplicationIconBox.js +2 -2
- package/iconbox/IconBox.js +2 -2
- package/iconbox/IconBoxV2.js +2 -2
- package/iconbox/{IconBoxFigure.js → subComponent/IconBoxFigure.js} +0 -0
- package/iconbox/{IconBoxImage.js → subComponent/IconBoxImage.js} +0 -0
- package/image/UploadImage.js +2 -2
- package/package.json +2 -2
- package/select/InputSelect.js +16 -16
- package/select/Select.js +21 -21
- package/select/{ListBox.js → subComponent/ListBox.js} +0 -0
- package/select/{Option.js → subComponent/Option.js} +0 -0
- package/select/{OptionGroup.js → subComponent/OptionGroup.js} +0 -0
- package/select/{Options.js → subComponent/Options.js} +1 -1
- package/select/{SearchBox.js → subComponent/SearchBox.js} +1 -1
- package/select/{SelectedMultiple.js → subComponent/SelectedMultiple.js} +0 -0
- package/select/{SelectedSingle.js → subComponent/SelectedSingle.js} +0 -0
- package/table/ImageBox.js +1 -1
- package/table/Table.js +5 -5
- package/table/{Logo.js → subComponent/Logo.js} +1 -1
- package/table/{TableFooter.js → subComponent/TableFooter.js} +0 -0
- package/table/{TableFooterInfo.js → subComponent/TableFooterInfo.js} +0 -0
- package/table/{TableFooterPager.js → subComponent/TableFooterPager.js} +0 -0
- package/table/{TableHeadCell.js → subComponent/TableHeadCell.js} +0 -0
- package/table/{TableSort.js → subComponent/TableSort.js} +0 -0
- package/utils/aria/keycode.js +0 -16
- package/utils/array/generateRange.js +0 -19
- package/utils/format/datetimeFormat.js +0 -70
- package/utils/image/resize.js +0 -49
package/Tab/Tab.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _TabContext = _interopRequireDefault(require("./TabContext"));
|
|
8
|
+
var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
|
|
9
9
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
|
package/Tab/TabPanel.js
CHANGED
|
@@ -9,7 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
12
|
-
var _TabContext = _interopRequireDefault(require("./TabContext"));
|
|
12
|
+
var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
package/Tab/TabTab.js
CHANGED
|
@@ -9,7 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
12
|
-
var _TabContext = _interopRequireDefault(require("./TabContext"));
|
|
12
|
+
var _TabContext = _interopRequireDefault(require("./subComponent/TabContext"));
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
File without changes
|
package/chart/index.js
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
BarChart: true,
|
|
8
|
+
DoughnutChart: true,
|
|
9
|
+
LineChart: true,
|
|
10
|
+
SingleBarChart: true
|
|
11
|
+
};
|
|
6
12
|
Object.defineProperty(exports, "BarChart", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
@@ -36,4 +42,18 @@ var _LineChart = _interopRequireDefault(require("./LineChart"));
|
|
|
36
42
|
|
|
37
43
|
var _SingleBarChart = _interopRequireDefault(require("./SingleBarChart"));
|
|
38
44
|
|
|
45
|
+
var _utils = require("./utils");
|
|
46
|
+
|
|
47
|
+
Object.keys(_utils).forEach(function (key) {
|
|
48
|
+
if (key === "default" || key === "__esModule") return;
|
|
49
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
50
|
+
if (key in exports && exports[key] === _utils[key]) return;
|
|
51
|
+
Object.defineProperty(exports, key, {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function get() {
|
|
54
|
+
return _utils[key];
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
|
|
39
59
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "customTooltip", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _customTooltip.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "padEmptyChartBar", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _padEmptyChartBar.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
var _customTooltip = _interopRequireDefault(require("./customTooltip"));
|
|
20
|
+
|
|
21
|
+
var _padEmptyChartBar = _interopRequireDefault(require("./padEmptyChartBar"));
|
|
22
|
+
|
|
23
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -7,13 +7,13 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _TitleModal = _interopRequireDefault(require("../modal/TitleModal"));
|
|
9
9
|
|
|
10
|
-
var _CropImageModal = _interopRequireDefault(require("
|
|
10
|
+
var _CropImageModal = _interopRequireDefault(require("./subComponent/CropImageModal"));
|
|
11
11
|
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var CropperModalHandler = function CropperModalHandler(_ref) {
|
|
17
17
|
var src = _ref.src,
|
|
18
18
|
file = _ref.file,
|
|
19
19
|
width = _ref.width,
|
|
@@ -40,5 +40,5 @@ var CropperHandler = function CropperHandler(_ref) {
|
|
|
40
40
|
});
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
var _default =
|
|
43
|
+
var _default = CropperModalHandler;
|
|
44
44
|
exports.default = _default;
|
package/cropper/index.js
CHANGED
|
@@ -9,15 +9,15 @@ Object.defineProperty(exports, "Cropper", {
|
|
|
9
9
|
return _Cropper.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "CropperModalHandler", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return
|
|
15
|
+
return _CropperModalHandler.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
|
|
19
19
|
var _Cropper = _interopRequireDefault(require("./Cropper"));
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _CropperModalHandler = _interopRequireDefault(require("./CropperModalHandler"));
|
|
22
22
|
|
|
23
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -9,7 +9,9 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
var _reactI18next = require("react-i18next");
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _utils = require("@cashub/utils");
|
|
13
|
+
|
|
14
|
+
var _Cropper = _interopRequireDefault(require("../Cropper"));
|
|
13
15
|
|
|
14
16
|
var _Button = _interopRequireDefault(require("../../button/Button"));
|
|
15
17
|
|
|
@@ -17,8 +19,6 @@ var _ButtonGroup = _interopRequireDefault(require("../../button/ButtonGroup"));
|
|
|
17
19
|
|
|
18
20
|
var _TitleModal = _interopRequireDefault(require("../../modal/TitleModal"));
|
|
19
21
|
|
|
20
|
-
var _Cropper = _interopRequireDefault(require("../../cropper/Cropper"));
|
|
21
|
-
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -75,7 +75,7 @@ var CropImageModal = function CropImageModal(_ref) {
|
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
(0, _react.useEffect)(function () {
|
|
78
|
-
(0,
|
|
78
|
+
(0, _utils.resizeImage)(src, mime, width > height ? width : height, 'cover', function (resizedImageUrl) {
|
|
79
79
|
setResizedImage(resizedImageUrl);
|
|
80
80
|
});
|
|
81
81
|
}, [src, mime, height, width]);
|
|
@@ -21,7 +21,7 @@ var _utils = require("@cashub/utils");
|
|
|
21
21
|
|
|
22
22
|
var _Button = _interopRequireDefault(require("../button/Button"));
|
|
23
23
|
|
|
24
|
-
var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
24
|
+
var _Accordion = _interopRequireDefault(require("./subComponent/Accordion"));
|
|
25
25
|
|
|
26
26
|
var _Input = _interopRequireDefault(require("../form/Input"));
|
|
27
27
|
|
|
@@ -23,13 +23,11 @@ var _Button = _interopRequireDefault(require("../button/Button"));
|
|
|
23
23
|
|
|
24
24
|
var _Input = _interopRequireDefault(require("../form/Input"));
|
|
25
25
|
|
|
26
|
-
var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
|
|
27
|
-
|
|
28
26
|
var _Month = _interopRequireDefault(require("./accordion/Month"));
|
|
29
27
|
|
|
30
28
|
var _Year = _interopRequireDefault(require("./accordion/Year"));
|
|
31
29
|
|
|
32
|
-
var _DateTimePickerContext = _interopRequireDefault(require("./DateTimePickerContext"));
|
|
30
|
+
var _DateTimePickerContext = _interopRequireDefault(require("./subComponent/DateTimePickerContext"));
|
|
33
31
|
|
|
34
32
|
var _GMTDate = _interopRequireDefault(require("./utils/GMTDate"));
|
|
35
33
|
|
|
@@ -87,17 +85,17 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
87
85
|
toggleElement = _useState2[0],
|
|
88
86
|
setToggleElement = _useState2[1];
|
|
89
87
|
|
|
90
|
-
var _useState3 = (0, _react.useState)(selected ? (0,
|
|
88
|
+
var _useState3 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
|
|
91
89
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
92
90
|
inputValue = _useState4[0],
|
|
93
91
|
setInputValue = _useState4[1];
|
|
94
92
|
|
|
95
|
-
var _useState5 = (0, _react.useState)(selected ? (0,
|
|
93
|
+
var _useState5 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)((0, _GMTDate.default)(selected)) : (0, _utils.datetimeTFormat)((0, _GMTDate.default)(new Date()))),
|
|
96
94
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
97
95
|
selectedDate = _useState6[0],
|
|
98
96
|
setSelectedDate = _useState6[1];
|
|
99
97
|
|
|
100
|
-
var _useState7 = (0, _react.useState)(selected ? (0,
|
|
98
|
+
var _useState7 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
|
|
101
99
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
102
100
|
confirmDate = _useState8[0],
|
|
103
101
|
setConfirmDate = _useState8[1];
|
|
@@ -161,7 +159,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
161
159
|
date.setFullYear(date.getFullYear() + 1);
|
|
162
160
|
}
|
|
163
161
|
|
|
164
|
-
setSelectedDate((0,
|
|
162
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
165
163
|
setAccordionCurrentDisplayType(null);
|
|
166
164
|
};
|
|
167
165
|
|
|
@@ -174,7 +172,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
174
172
|
date.setMonth(date.getMonth() >= 11 ? 0 : date.getMonth() + 1);
|
|
175
173
|
}
|
|
176
174
|
|
|
177
|
-
setSelectedDate((0,
|
|
175
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
178
176
|
setAccordionCurrentDisplayType(null);
|
|
179
177
|
};
|
|
180
178
|
|
|
@@ -210,8 +208,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
210
208
|
}
|
|
211
209
|
|
|
212
210
|
date.setDate(day);
|
|
213
|
-
setSelectedDate((0,
|
|
214
|
-
setConfirmDate((0,
|
|
211
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
212
|
+
setConfirmDate((0, _utils.datetimeTFormat)(date));
|
|
215
213
|
} else if (fixedYear) {
|
|
216
214
|
if (dayIndex < firstWeekOfMonth) {
|
|
217
215
|
if (selectedMonth === 0) {
|
|
@@ -228,8 +226,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
228
226
|
}
|
|
229
227
|
|
|
230
228
|
date.setDate(day);
|
|
231
|
-
setSelectedDate((0,
|
|
232
|
-
setConfirmDate((0,
|
|
229
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
230
|
+
setConfirmDate((0, _utils.datetimeTFormat)(date));
|
|
233
231
|
}
|
|
234
232
|
}, [fixedYear, selectedDate]);
|
|
235
233
|
var handleDisabled = (0, _react.useCallback)(function (firstWeekOfMonth, lastWeekOfMonth, daysOfMonthForSelectedDate, dayIndex, day) {
|
|
@@ -273,8 +271,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
273
271
|
if (year.length === 1) year = "000".concat(year);
|
|
274
272
|
if (year.length === 2) year = "00".concat(year);
|
|
275
273
|
if (year.length === 3) year = "0".concat(year);
|
|
276
|
-
var compareMinDateDate = (0, _utils.formatDate)((0,
|
|
277
|
-
var compareMaxDateDate = (0, _utils.formatDate)((0,
|
|
274
|
+
var compareMinDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
|
|
275
|
+
var compareMaxDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
|
|
278
276
|
|
|
279
277
|
if (minDate && !maxDate && minDate > compareMinDateDate) {
|
|
280
278
|
return true;
|
|
@@ -368,8 +366,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
|
|
|
368
366
|
}, []);
|
|
369
367
|
(0, _react.useEffect)(function () {
|
|
370
368
|
if (!selected) return;
|
|
371
|
-
setSelectedDate((0,
|
|
372
|
-
setConfirmDate((0,
|
|
369
|
+
setSelectedDate((0, _utils.datetimeTFormat)(selected));
|
|
370
|
+
setConfirmDate((0, _utils.datetimeTFormat)(selected));
|
|
373
371
|
}, [selected]);
|
|
374
372
|
(0, _react.useEffect)(function () {
|
|
375
373
|
if (!confirmDate) return;
|
|
@@ -13,7 +13,7 @@ var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
|
|
|
13
13
|
|
|
14
14
|
require("react-datepicker/dist/react-datepicker.css");
|
|
15
15
|
|
|
16
|
-
var _CustomTimeInput = _interopRequireDefault(require("./CustomTimeInput"));
|
|
16
|
+
var _CustomTimeInput = _interopRequireDefault(require("./subComponent/CustomTimeInput"));
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
|
|
@@ -19,9 +19,7 @@ var _hooks = require("@cashub/hooks");
|
|
|
19
19
|
|
|
20
20
|
var _utils = require("@cashub/utils");
|
|
21
21
|
|
|
22
|
-
var _DateTimePickerContext = _interopRequireDefault(require("./DateTimePickerContext"));
|
|
23
|
-
|
|
24
|
-
var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
|
|
22
|
+
var _DateTimePickerContext = _interopRequireDefault(require("./subComponent/DateTimePickerContext"));
|
|
25
23
|
|
|
26
24
|
var _Button = _interopRequireDefault(require("../button/Button"));
|
|
27
25
|
|
|
@@ -90,17 +88,17 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
90
88
|
toggleElement = _useState2[0],
|
|
91
89
|
setToggleElement = _useState2[1];
|
|
92
90
|
|
|
93
|
-
var _useState3 = (0, _react.useState)(selected ? (0,
|
|
91
|
+
var _useState3 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
|
|
94
92
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
95
93
|
inputValue = _useState4[0],
|
|
96
94
|
setInputValue = _useState4[1];
|
|
97
95
|
|
|
98
|
-
var _useState5 = (0, _react.useState)(selected ? (0,
|
|
96
|
+
var _useState5 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)((0, _GMTDate.default)(selected)) : (0, _utils.datetimeTFormat)((0, _GMTDate.default)(new Date()))),
|
|
99
97
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
100
98
|
selectedDate = _useState6[0],
|
|
101
99
|
setSelectedDate = _useState6[1];
|
|
102
100
|
|
|
103
|
-
var _useState7 = (0, _react.useState)(selected ? (0,
|
|
101
|
+
var _useState7 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
|
|
104
102
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
105
103
|
confirmDate = _useState8[0],
|
|
106
104
|
setConfirmDate = _useState8[1];
|
|
@@ -116,7 +114,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
116
114
|
setContentElement = _useState12[1];
|
|
117
115
|
|
|
118
116
|
var _useState13 = (0, _react.useState)(function () {
|
|
119
|
-
var date = new Date((0,
|
|
117
|
+
var date = new Date((0, _utils.datetimeTFormat)(selected ? selected : (0, _utils.formatDate)(new Date())));
|
|
120
118
|
if (!selected) date.setHours(0, 0, 0, 0);
|
|
121
119
|
return "".concat(date.getHours(), ":").concat(date.getMinutes(), ":").concat(date.getSeconds());
|
|
122
120
|
}),
|
|
@@ -177,7 +175,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
177
175
|
date.setFullYear(date.getFullYear() + 1);
|
|
178
176
|
}
|
|
179
177
|
|
|
180
|
-
setSelectedDate((0,
|
|
178
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
181
179
|
setAccordionCurrentDisplayType(null);
|
|
182
180
|
};
|
|
183
181
|
|
|
@@ -190,7 +188,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
190
188
|
date.setMonth(date.getMonth() >= 11 ? 0 : date.getMonth() + 1);
|
|
191
189
|
}
|
|
192
190
|
|
|
193
|
-
setSelectedDate((0,
|
|
191
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
194
192
|
setAccordionCurrentDisplayType(null);
|
|
195
193
|
};
|
|
196
194
|
|
|
@@ -230,8 +228,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
230
228
|
}
|
|
231
229
|
|
|
232
230
|
date.setDate(day);
|
|
233
|
-
setSelectedDate((0,
|
|
234
|
-
setConfirmDate((0,
|
|
231
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
232
|
+
setConfirmDate((0, _utils.datetimeTFormat)(date));
|
|
235
233
|
} else if (fixedYear) {
|
|
236
234
|
if (dayIndex < firstWeekOfMonth) {
|
|
237
235
|
if (selectedMonth === 0) {
|
|
@@ -248,8 +246,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
248
246
|
}
|
|
249
247
|
|
|
250
248
|
date.setDate(day);
|
|
251
|
-
setSelectedDate((0,
|
|
252
|
-
setConfirmDate((0,
|
|
249
|
+
setSelectedDate((0, _utils.datetimeTFormat)(date));
|
|
250
|
+
setConfirmDate((0, _utils.datetimeTFormat)(date));
|
|
253
251
|
}
|
|
254
252
|
}, [fixedYear, selectedDate]);
|
|
255
253
|
var handleDisabled = (0, _react.useCallback)(function (firstWeekOfMonth, lastWeekOfMonth, daysOfMonthForSelectedDate, dayIndex, day) {
|
|
@@ -293,8 +291,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
293
291
|
if (year.length === 2) year = "00".concat(year);
|
|
294
292
|
if (year.length === 3) year = "0".concat(year);
|
|
295
293
|
if (month.toString().length === 1) month = "0".concat(month);else month = month.toString();
|
|
296
|
-
var compareMinDateDate = (0, _utils.formatDate)((0,
|
|
297
|
-
var compareMaxDateDate = (0, _utils.formatDate)((0,
|
|
294
|
+
var compareMinDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
|
|
295
|
+
var compareMaxDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
|
|
298
296
|
|
|
299
297
|
if (minDate && !maxDate && minDate > compareMinDateDate) {
|
|
300
298
|
return true;
|
|
@@ -388,7 +386,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
388
386
|
}, []);
|
|
389
387
|
(0, _react.useEffect)(function () {
|
|
390
388
|
if (!selected) return;
|
|
391
|
-
var date = (0,
|
|
389
|
+
var date = (0, _utils.datetimeTFormat)(selected);
|
|
392
390
|
|
|
393
391
|
var _date$split = date.split('T'),
|
|
394
392
|
_date$split2 = _slicedToArray(_date$split, 2),
|
|
@@ -15,12 +15,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
15
15
|
|
|
16
16
|
var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
|
|
17
17
|
|
|
18
|
+
var _utils = require("@cashub/utils");
|
|
19
|
+
|
|
18
20
|
var _hooks = require("./hooks");
|
|
19
21
|
|
|
20
22
|
var _pad = _interopRequireDefault(require("./utils/pad"));
|
|
21
23
|
|
|
22
|
-
var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
|
|
23
|
-
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
25
|
|
|
26
26
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
@@ -270,15 +270,15 @@ var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
|
|
|
270
270
|
var key = event.keyCode;
|
|
271
271
|
|
|
272
272
|
switch (key) {
|
|
273
|
-
case
|
|
273
|
+
case _utils.KEY_CODE.UP:
|
|
274
274
|
increase();
|
|
275
275
|
break;
|
|
276
276
|
|
|
277
|
-
case
|
|
277
|
+
case _utils.KEY_CODE.DOWN:
|
|
278
278
|
decrease();
|
|
279
279
|
break;
|
|
280
280
|
|
|
281
|
-
case
|
|
281
|
+
case _utils.KEY_CODE.HOME:
|
|
282
282
|
setState(function (previous) {
|
|
283
283
|
var newState = _objectSpread({}, previous);
|
|
284
284
|
|
|
@@ -287,7 +287,7 @@ var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
|
|
|
287
287
|
});
|
|
288
288
|
break;
|
|
289
289
|
|
|
290
|
-
case
|
|
290
|
+
case _utils.KEY_CODE.END:
|
|
291
291
|
setState(function (previous) {
|
|
292
292
|
var newState = _objectSpread({}, previous);
|
|
293
293
|
|
|
@@ -15,9 +15,9 @@ var _md = require("react-icons/md");
|
|
|
15
15
|
|
|
16
16
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _utils = require("@cashub/utils");
|
|
19
19
|
|
|
20
|
-
var _DateTimePickerContext = _interopRequireDefault(require("../DateTimePickerContext"));
|
|
20
|
+
var _DateTimePickerContext = _interopRequireDefault(require("../subComponent/DateTimePickerContext"));
|
|
21
21
|
|
|
22
22
|
var _constant = require("../provider/constant");
|
|
23
23
|
|
|
@@ -51,7 +51,7 @@ var Month = function Month(_ref) {
|
|
|
51
51
|
var date = new Date(selectedDate);
|
|
52
52
|
date.setDate(1);
|
|
53
53
|
date.setMonth(month);
|
|
54
|
-
return (0,
|
|
54
|
+
return (0, _utils.datetimeTFormat)(date);
|
|
55
55
|
});
|
|
56
56
|
setAccordionCurrentDisplayType(null);
|
|
57
57
|
}, [setAccordionCurrentDisplayType, setSelectedDate, selectedDate]);
|
|
@@ -60,23 +60,23 @@ var Month = function Month(_ref) {
|
|
|
60
60
|
var maxDayDate;
|
|
61
61
|
|
|
62
62
|
if (minDate) {
|
|
63
|
-
minDayDate = new Date((0,
|
|
63
|
+
minDayDate = new Date((0, _utils.datetimeTFormat)(minDate));
|
|
64
64
|
minDayDate.setMonth(month);
|
|
65
65
|
minDayDate.setFullYear(new Date(selectedDate).getFullYear());
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
if (maxDate) {
|
|
69
|
-
maxDayDate = maxDate && new Date((0,
|
|
69
|
+
maxDayDate = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
|
|
70
70
|
maxDayDate.setFullYear(new Date(selectedDate).getFullYear());
|
|
71
71
|
maxDayDate.setMonth(month);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
if (minDate !== undefined && maxDate !== undefined) {
|
|
75
|
-
return new Date((0,
|
|
75
|
+
return new Date((0, _utils.datetimeTFormat)(minDate)) <= minDayDate && maxDayDate <= new Date((0, _utils.datetimeTFormat)(maxDate)) ? false : true;
|
|
76
76
|
} else if (minDate) {
|
|
77
|
-
return (0,
|
|
77
|
+
return (0, _utils.datetimeTFormat)(minDate) <= (0, _utils.datetimeTFormat)(minDayDate) ? false : true;
|
|
78
78
|
} else if (maxDate) {
|
|
79
|
-
return (0,
|
|
79
|
+
return (0, _utils.datetimeTFormat)(maxDayDate) <= (0, _utils.datetimeTFormat)(maxDate) ? false : true;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
return false;
|
|
@@ -96,8 +96,8 @@ var Month = function Month(_ref) {
|
|
|
96
96
|
return false;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
var minDate1st = minDate && new Date((0,
|
|
100
|
-
var maxDate1st = maxDate && new Date((0,
|
|
99
|
+
var minDate1st = minDate && new Date((0, _utils.datetimeTFormat)(minDate));
|
|
100
|
+
var maxDate1st = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
|
|
101
101
|
|
|
102
102
|
if (minDate && !maxDate) {
|
|
103
103
|
minDate1st.setDate(1);
|
|
@@ -15,13 +15,11 @@ var _md = require("react-icons/md");
|
|
|
15
15
|
|
|
16
16
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _utils = require("@cashub/utils");
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _generateRange = _interopRequireDefault(require("../../utils/array/generateRange"));
|
|
20
|
+
var _DateTimePickerContext = _interopRequireDefault(require("../subComponent/DateTimePickerContext"));
|
|
23
21
|
|
|
24
|
-
var
|
|
22
|
+
var _scrollbar = _interopRequireDefault(require("../../styles/mixin/scrollbar"));
|
|
25
23
|
|
|
26
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
25
|
|
|
@@ -76,12 +74,12 @@ var Year = function Year(_ref) {
|
|
|
76
74
|
yearArr = _useState2[0],
|
|
77
75
|
setYearArr = _useState2[1];
|
|
78
76
|
|
|
79
|
-
var minYear = minDate ? new Date((0,
|
|
80
|
-
var maxYear = maxDate ? new Date((0,
|
|
77
|
+
var minYear = minDate ? new Date((0, _utils.datetimeTFormat)(minDate)).getFullYear() : 1;
|
|
78
|
+
var maxYear = maxDate ? new Date((0, _utils.datetimeTFormat)(maxDate)).getFullYear() : null;
|
|
81
79
|
var handleChangeYear = (0, _react.useCallback)(function (year) {
|
|
82
80
|
var data = new Date(selectedDate);
|
|
83
81
|
data.setFullYear(year);
|
|
84
|
-
setSelectedDate((0,
|
|
82
|
+
setSelectedDate((0, _utils.datetimeTFormat)(data));
|
|
85
83
|
setAccordionCurrentDisplayType(null);
|
|
86
84
|
}, [selectedDate, setAccordionCurrentDisplayType, setSelectedDate]);
|
|
87
85
|
var handleYearItemDisable = (0, _react.useCallback)(function (year) {
|
|
@@ -130,7 +128,7 @@ var Year = function Year(_ref) {
|
|
|
130
128
|
if (!fixedYear) {
|
|
131
129
|
var start = data.getFullYear() - 16 > 0 ? data.getFullYear() - 16 : 1;
|
|
132
130
|
var end = data.getFullYear() + 16;
|
|
133
|
-
var yearRange = (0,
|
|
131
|
+
var yearRange = (0, _utils.generateRange)(start, end);
|
|
134
132
|
setYearArr(yearRange);
|
|
135
133
|
}
|
|
136
134
|
}, [fixedYear, selectedDate]);
|
|
@@ -143,7 +141,7 @@ var Year = function Year(_ref) {
|
|
|
143
141
|
setTimeout(function () {
|
|
144
142
|
setYearArr(function (previousParams) {
|
|
145
143
|
body.addEventListener('scroll', scroll);
|
|
146
|
-
var addYearRange = (0,
|
|
144
|
+
var addYearRange = (0, _utils.generateRange)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
|
|
147
145
|
return [].concat(_toConsumableArray(previousParams), _toConsumableArray(addYearRange));
|
|
148
146
|
});
|
|
149
147
|
}, 400);
|
|
@@ -154,7 +152,7 @@ var Year = function Year(_ref) {
|
|
|
154
152
|
body.addEventListener('scroll', scroll);
|
|
155
153
|
|
|
156
154
|
if (previousParams[0] - 15 <= 0) {
|
|
157
|
-
var addYearRange = (0,
|
|
155
|
+
var addYearRange = (0, _utils.generateRange)(previousParams[0] - (previousParams[0] - 1), previousParams[0] - 1);
|
|
158
156
|
return [].concat(_toConsumableArray(addYearRange), _toConsumableArray(previousParams));
|
|
159
157
|
} else {
|
|
160
158
|
setTimeout(function () {
|
|
@@ -163,7 +161,7 @@ var Year = function Year(_ref) {
|
|
|
163
161
|
});
|
|
164
162
|
}, 400);
|
|
165
163
|
|
|
166
|
-
var _addYearRange = (0,
|
|
164
|
+
var _addYearRange = (0, _utils.generateRange)(previousParams[0] - 15, previousParams[0] - 1);
|
|
167
165
|
|
|
168
166
|
return [].concat(_toConsumableArray(_addYearRange), _toConsumableArray(previousParams));
|
|
169
167
|
}
|
|
@@ -17,9 +17,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
17
17
|
|
|
18
18
|
var _utils = require("@cashub/utils");
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
|
|
20
|
+
var _scrollbar = _interopRequireDefault(require("../../styles/mixin/scrollbar"));
|
|
23
21
|
|
|
24
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
23
|
|
|
@@ -228,7 +226,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
228
226
|
if (!fixedYear) {
|
|
229
227
|
var start = selectedYear - 16 ? selectedYear - 16 : 1;
|
|
230
228
|
var end = selectedYear + 16;
|
|
231
|
-
var yearRange = (0,
|
|
229
|
+
var yearRange = (0, _utils.generateRange)(start, end);
|
|
232
230
|
setYearArr(yearRange);
|
|
233
231
|
}
|
|
234
232
|
}, [fixedYear, selectedYear]);
|
|
@@ -246,7 +244,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
246
244
|
setTimeout(function () {
|
|
247
245
|
setYearArr(function (previousParams) {
|
|
248
246
|
body.addEventListener('scroll', scroll);
|
|
249
|
-
var addYearRange = (0,
|
|
247
|
+
var addYearRange = (0, _utils.generateRange)(previousParams[0] - 15, previousParams[0] - 1);
|
|
250
248
|
return [].concat(_toConsumableArray(addYearRange), _toConsumableArray(previousParams));
|
|
251
249
|
});
|
|
252
250
|
}, 400);
|
|
@@ -255,7 +253,7 @@ var Accordion = function Accordion(_ref) {
|
|
|
255
253
|
setTimeout(function () {
|
|
256
254
|
setYearArr(function (previousParams) {
|
|
257
255
|
body.addEventListener('scroll', scroll);
|
|
258
|
-
var addYearRange = (0,
|
|
256
|
+
var addYearRange = (0, _utils.generateRange)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
|
|
259
257
|
return [].concat(_toConsumableArray(previousParams), _toConsumableArray(addYearRange));
|
|
260
258
|
});
|
|
261
259
|
}, 400);
|
|
File without changes
|
|
File without changes
|
|
@@ -7,13 +7,9 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _utils = require("@cashub/utils");
|
|
9
9
|
|
|
10
|
-
var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
var GMTDate = function GMTDate(date) {
|
|
15
11
|
if (!date) return;
|
|
16
|
-
var newDate = new Date((0,
|
|
12
|
+
var newDate = new Date((0, _utils.datetimeTFormat)(date));
|
|
17
13
|
newDate.setTime(newDate.getTime() + newDate.getTimezoneOffset() * 60 * 1000);
|
|
18
14
|
newDate = (0, _utils.formatDate)(newDate);
|
|
19
15
|
return newDate;
|
package/dropdown/Dropdown.js
CHANGED
|
@@ -11,7 +11,7 @@ var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-cl
|
|
|
11
11
|
|
|
12
12
|
var _hooks = require("@cashub/hooks");
|
|
13
13
|
|
|
14
|
-
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
14
|
+
var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
@@ -9,7 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
12
|
-
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
12
|
+
var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
|
|
13
13
|
|
|
14
14
|
var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
|
|
15
15
|
|
package/dropdown/DropdownItem.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
|
|
10
|
-
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
10
|
+
var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|