@cashub/ui 0.6.1 → 0.6.2
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/chart/BarChart.js +2 -2
- package/chart/DoughnutChart.js +1 -1
- package/chart/LineChart.js +1 -1
- package/{utils/chart → chart/utils}/customTooltip.js +0 -0
- package/{utils/chart → chart/utils}/padEmptyChartBar.js +0 -0
- package/datetimePicker/DatetimePickerV2.js +11 -2
- package/dropdown/DropdownContent.js +4 -2
- package/package.json +1 -1
package/chart/BarChart.js
CHANGED
|
@@ -11,9 +11,9 @@ var _styledComponents = require("styled-components");
|
|
|
11
11
|
|
|
12
12
|
var _reactChartjs = require("react-chartjs-2");
|
|
13
13
|
|
|
14
|
-
var _customTooltip = _interopRequireDefault(require("
|
|
14
|
+
var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
|
|
15
15
|
|
|
16
|
-
var _padEmptyChartBar = _interopRequireDefault(require("
|
|
16
|
+
var _padEmptyChartBar = _interopRequireDefault(require("./utils/chart/padEmptyChartBar"));
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
|
package/chart/DoughnutChart.js
CHANGED
|
@@ -11,7 +11,7 @@ var _styledComponents = require("styled-components");
|
|
|
11
11
|
|
|
12
12
|
var _reactChartjs = require("react-chartjs-2");
|
|
13
13
|
|
|
14
|
-
var _customTooltip = _interopRequireDefault(require("
|
|
14
|
+
var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
package/chart/LineChart.js
CHANGED
|
@@ -11,7 +11,7 @@ var _styledComponents = require("styled-components");
|
|
|
11
11
|
|
|
12
12
|
var _reactChartjs = require("react-chartjs-2");
|
|
13
13
|
|
|
14
|
-
var _customTooltip = _interopRequireDefault(require("
|
|
14
|
+
var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
File without changes
|
|
File without changes
|
|
@@ -79,7 +79,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
79
79
|
maxDate = _ref.maxDate,
|
|
80
80
|
minDate = _ref.minDate,
|
|
81
81
|
onConfirm = _ref.onConfirm,
|
|
82
|
-
disabled = _ref.disabled
|
|
82
|
+
disabled = _ref.disabled,
|
|
83
|
+
onBlur = _ref.onBlur;
|
|
83
84
|
|
|
84
85
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
85
86
|
t = _useTranslation.t;
|
|
@@ -149,6 +150,10 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
149
150
|
};
|
|
150
151
|
|
|
151
152
|
var handleToggle = function handleToggle() {
|
|
153
|
+
if (displayPicker && onBlur) {
|
|
154
|
+
onBlur();
|
|
155
|
+
}
|
|
156
|
+
|
|
152
157
|
setDisplayPicker(!displayPicker);
|
|
153
158
|
update();
|
|
154
159
|
};
|
|
@@ -195,7 +200,11 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
|
|
|
195
200
|
onConfirm(inputValue);
|
|
196
201
|
setDisplayPicker(false);
|
|
197
202
|
setAccordionCurrentDisplayType(null);
|
|
198
|
-
|
|
203
|
+
|
|
204
|
+
if (displayPicker && onBlur) {
|
|
205
|
+
onBlur();
|
|
206
|
+
}
|
|
207
|
+
}, [confirmDate, inputValue, onConfirm, onBlur, displayPicker]);
|
|
199
208
|
var handleChangeDate = (0, _react.useCallback)(function (daysOfMonthForSelectedDate, firstWeekOfMonth, dayIndex, day) {
|
|
200
209
|
var date = new Date(selectedDate); // 先把日期設定成所有月分都有的日期，設定月份時才不會設定到非預期的date
|
|
201
210
|
|
|
@@ -11,6 +11,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
|
|
12
12
|
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
|
13
13
|
|
|
14
|
+
var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
|
|
15
|
+
|
|
14
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
17
|
|
|
16
18
|
var _templateObject;
|
|
@@ -85,10 +87,10 @@ var DropdownContent = function DropdownContent(_ref) {
|
|
|
85
87
|
}));
|
|
86
88
|
};
|
|
87
89
|
|
|
88
|
-
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n visibility: ", ";\n min-width: 160px;\n max-width: 320px;\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: var(--border-radius);\n padding: var(--spacing-s) 0;\n z-index: 20;\n margin: 0 !important;\n"])), function (_ref2) {
|
|
90
|
+
var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n visibility: ", ";\n min-width: 160px;\n max-width: 320px;\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: var(--border-radius);\n padding: var(--spacing-s) 0;\n z-index: 20;\n margin: 0 !important;\n max-height: min(320px, ((50vh - 36px) - 20px) - 36px);\n overflow-y: auto;\n overflow-x: visible;\n\n ", "\n"])), function (_ref2) {
|
|
89
91
|
var $display = _ref2.$display;
|
|
90
92
|
return $display === true ? 'visible' : 'hidden';
|
|
91
|
-
});
|
|
93
|
+
}, _scrollbar.default);
|
|
92
94
|
|
|
93
95
|
var _default = DropdownContent;
|
|
94
96
|
exports.default = _default;
|