@cashub/ui 0.43.2 → 0.43.4
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.
|
@@ -37,7 +37,9 @@ const DatetimePickerV3 = _ref => {
|
|
|
37
37
|
const handleOnBlur = () => {
|
|
38
38
|
onBlur();
|
|
39
39
|
};
|
|
40
|
-
const selectedDate =
|
|
40
|
+
const selectedDate = (0, _react.useMemo)(() => {
|
|
41
|
+
return selected ? new Date(Date.parse(selected)) : '';
|
|
42
|
+
}, [selected]);
|
|
41
43
|
const datePickerProps = {
|
|
42
44
|
dateFormat,
|
|
43
45
|
disabled,
|
|
@@ -49,17 +51,20 @@ const DatetimePickerV3 = _ref => {
|
|
|
49
51
|
shouldCloseOnSelect,
|
|
50
52
|
placeholderText
|
|
51
53
|
};
|
|
54
|
+
const handleSelectTime = (0, _react.useCallback)(value => {
|
|
55
|
+
if (selectedDate) {
|
|
56
|
+
const [hh, mm, ss] = value.split(':');
|
|
57
|
+
selectedDate.setHours(Number(hh) || 0, Number(mm) || 0, Number(ss) || 0);
|
|
58
|
+
onChange(selectedDate);
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
// NOTE: Adding onChange to the dependency list will cause a rerender loop
|
|
62
|
+
[selectedDate]);
|
|
52
63
|
if (showTimeInput) {
|
|
53
64
|
datePickerProps.showTimeInput = true;
|
|
54
65
|
datePickerProps.customTimeInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePickerV.default, {
|
|
55
66
|
selected: selected,
|
|
56
|
-
onSelect:
|
|
57
|
-
if (selectedDate) {
|
|
58
|
-
const [hh, mm, ss] = value.split(':');
|
|
59
|
-
selectedDate.setHours(Number(hh) || 0, Number(mm) || 0, Number(ss) || 0);
|
|
60
|
-
onChange(selectedDate);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
67
|
+
onSelect: handleSelectTime
|
|
63
68
|
});
|
|
64
69
|
}
|
|
65
70
|
if (onBlur) {
|
package/modal/StateModal.js
CHANGED
|
@@ -57,7 +57,8 @@ const ModalContent = _ref2 => {
|
|
|
57
57
|
onClose,
|
|
58
58
|
onConfirm,
|
|
59
59
|
onCancel,
|
|
60
|
-
allowDismiss = true
|
|
60
|
+
allowDismiss = true,
|
|
61
|
+
cancelButtonType = 'danger'
|
|
61
62
|
} = _ref2;
|
|
62
63
|
const refWrapper = (0, _react.useRef)(null);
|
|
63
64
|
const [id] = (0, _react.useState)((0, _lodash.default)('SD-'));
|
|
@@ -95,11 +96,14 @@ const ModalContent = _ref2 => {
|
|
|
95
96
|
})]
|
|
96
97
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
|
|
97
98
|
alignRight: true,
|
|
98
|
-
children: [showCancelButton === true && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
99
|
-
danger: true
|
|
99
|
+
children: [showCancelButton === true && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread(_objectSpread({}, cancelButtonType === 'danger' && {
|
|
100
|
+
danger: true
|
|
101
|
+
}), cancelButtonType === 'warning' && {
|
|
102
|
+
warning: true
|
|
103
|
+
}), {}, {
|
|
100
104
|
onClick: handleCancel,
|
|
101
105
|
children: cancelButtonText || 'Cancel'
|
|
102
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
106
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
103
107
|
success: true,
|
|
104
108
|
onClick: handleConfirm,
|
|
105
109
|
children: confirmButtonText || 'Confirm'
|