diginet-core-ui 1.4.36-beta.1 → 1.4.36-beta.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.
|
@@ -90,10 +90,10 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
90
90
|
const saveText = getGlobal(['save']);
|
|
91
91
|
const nowText = getGlobal(['now']);
|
|
92
92
|
|
|
93
|
-
/**
|
|
94
|
-
* onChange handler with condition base on min max
|
|
95
|
-
* @param {*} e
|
|
96
|
-
* @param {String} key one of ['hour', 'minute', 'second']
|
|
93
|
+
/**
|
|
94
|
+
* onChange handler with condition base on min max
|
|
95
|
+
* @param {*} e
|
|
96
|
+
* @param {String} key one of ['hour', 'minute', 'second']
|
|
97
97
|
*/
|
|
98
98
|
const onChangeHandler = (e, key) => {
|
|
99
99
|
var _e$target;
|
|
@@ -149,10 +149,10 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
151
|
|
|
152
|
-
/**
|
|
153
|
-
*
|
|
154
|
-
* @param {String} key
|
|
155
|
-
* @param {Number} value
|
|
152
|
+
/**
|
|
153
|
+
*
|
|
154
|
+
* @param {String} key
|
|
155
|
+
* @param {Number} value
|
|
156
156
|
*/
|
|
157
157
|
const setTimeAfterChange = (key, value) => {
|
|
158
158
|
setTimeValue({
|
|
@@ -161,14 +161,14 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
161
161
|
});
|
|
162
162
|
};
|
|
163
163
|
|
|
164
|
-
/**
|
|
165
|
-
*
|
|
166
|
-
* Arrow up hour input onClick in the following cases:
|
|
167
|
-
* (1): Increase current hour by 1
|
|
168
|
-
* (2): If current hour is equal to max hour value, set current hour equal to min hour
|
|
169
|
-
* (3): If current hour plus 1 is equal to max hour, set current minute equal to max minute if current minute greater than max minute value
|
|
170
|
-
* (4): If current hour plus 1 is equal to max hour, set current second equal to max second if current second greater than max second value
|
|
171
|
-
* (5): Set current minute, second to min minute, second if current hour is greater than max hour value and current minute, second is greater than min minute, second value
|
|
164
|
+
/**
|
|
165
|
+
*
|
|
166
|
+
* Arrow up hour input onClick in the following cases:
|
|
167
|
+
* (1): Increase current hour by 1
|
|
168
|
+
* (2): If current hour is equal to max hour value, set current hour equal to min hour
|
|
169
|
+
* (3): If current hour plus 1 is equal to max hour, set current minute equal to max minute if current minute greater than max minute value
|
|
170
|
+
* (4): If current hour plus 1 is equal to max hour, set current second equal to max second if current second greater than max second value
|
|
171
|
+
* (5): Set current minute, second to min minute, second if current hour is greater than max hour value and current minute, second is greater than min minute, second value
|
|
172
172
|
*/
|
|
173
173
|
const onIncreaseHour = () => {
|
|
174
174
|
if (maxHour === currentHour + 1 && maxMinute < currentMinute) {
|
|
@@ -209,15 +209,15 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
209
209
|
}
|
|
210
210
|
};
|
|
211
211
|
|
|
212
|
-
/**
|
|
213
|
-
*
|
|
214
|
-
* @constant {Number} minuteStep
|
|
215
|
-
* @constant {Number} lastMinute
|
|
216
|
-
* Arrow up minute input onClick in the following cases:
|
|
217
|
-
* (1): Increase current minute by minute step (default 1).
|
|
218
|
-
* (2): If current minute plus minute step is greater than lastMinute, set current minute equal to min minute.
|
|
219
|
-
* (3): If current second greater than max second value, set current second equal to max second.
|
|
220
|
-
* (4): (3) and current second is greater than max second value, set current second equal to max second.
|
|
212
|
+
/**
|
|
213
|
+
*
|
|
214
|
+
* @constant {Number} minuteStep
|
|
215
|
+
* @constant {Number} lastMinute
|
|
216
|
+
* Arrow up minute input onClick in the following cases:
|
|
217
|
+
* (1): Increase current minute by minute step (default 1).
|
|
218
|
+
* (2): If current minute plus minute step is greater than lastMinute, set current minute equal to min minute.
|
|
219
|
+
* (3): If current second greater than max second value, set current second equal to max second.
|
|
220
|
+
* (4): (3) and current second is greater than max second value, set current second equal to max second.
|
|
221
221
|
*/
|
|
222
222
|
const onIncreaseMinute = () => {
|
|
223
223
|
if (lastMinute < currentMinute + minuteStep) {
|
|
@@ -244,11 +244,11 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
244
244
|
}
|
|
245
245
|
};
|
|
246
246
|
|
|
247
|
-
/**
|
|
248
|
-
*
|
|
249
|
-
* Arrow up second input onClick in the following cases:
|
|
250
|
-
* (1): Increase current second by 1
|
|
251
|
-
* (2): If current second plus 1 equal to max second value, set current second to min second
|
|
247
|
+
/**
|
|
248
|
+
*
|
|
249
|
+
* Arrow up second input onClick in the following cases:
|
|
250
|
+
* (1): Increase current second by 1
|
|
251
|
+
* (2): If current second plus 1 equal to max second value, set current second to min second
|
|
252
252
|
*/
|
|
253
253
|
const onIncreaseSecond = () => {
|
|
254
254
|
if (lastSecond < currentSecond + 1) {
|
|
@@ -260,15 +260,15 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
260
260
|
}
|
|
261
261
|
};
|
|
262
262
|
|
|
263
|
-
/**
|
|
264
|
-
*
|
|
265
|
-
* Arrow down hour input onClick in the following cases:
|
|
266
|
-
* (1): Decrease current hour by 1
|
|
267
|
-
* (2): If current hour is equal to min hour value, set current hour equal to max hour
|
|
268
|
-
* (3): (2) and current minute is greater than max minute value, set minute to max minute value
|
|
269
|
-
* (4): (3) and current second is greater than min second value, set second to max second value
|
|
270
|
-
* (5): If current hour minus 1 is equal to min hour and current minute greater than min minute value, set current minute equal to min minute
|
|
271
|
-
* (6): (5) and current second is greater than min second value, set current second equal to min second
|
|
263
|
+
/**
|
|
264
|
+
*
|
|
265
|
+
* Arrow down hour input onClick in the following cases:
|
|
266
|
+
* (1): Decrease current hour by 1
|
|
267
|
+
* (2): If current hour is equal to min hour value, set current hour equal to max hour
|
|
268
|
+
* (3): (2) and current minute is greater than max minute value, set minute to max minute value
|
|
269
|
+
* (4): (3) and current second is greater than min second value, set second to max second value
|
|
270
|
+
* (5): If current hour minus 1 is equal to min hour and current minute greater than min minute value, set current minute equal to min minute
|
|
271
|
+
* (6): (5) and current second is greater than min second value, set current second equal to min second
|
|
272
272
|
*/
|
|
273
273
|
const onDecreaseHour = () => {
|
|
274
274
|
if (minHour === currentHour - 1 && minMinute > currentMinute) {
|
|
@@ -319,15 +319,15 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
319
319
|
}
|
|
320
320
|
};
|
|
321
321
|
|
|
322
|
-
/**
|
|
323
|
-
*
|
|
324
|
-
* @constant {Number} minuteStep
|
|
325
|
-
* @constant {Number} startMinute
|
|
326
|
-
* @constant {Number} lastMinute
|
|
327
|
-
* Arrow down minute input onClick in the following cases:
|
|
328
|
-
* (1): Decrease current minute by @minuteStep
|
|
329
|
-
* (2): If current minute minus @minuteStep is smaller than @startMinute , set current minute to @lastMinute - @lastMinute % @minuteStep
|
|
330
|
-
* (3): (2) and current second is greater than max second, set current second to max second
|
|
322
|
+
/**
|
|
323
|
+
*
|
|
324
|
+
* @constant {Number} minuteStep
|
|
325
|
+
* @constant {Number} startMinute
|
|
326
|
+
* @constant {Number} lastMinute
|
|
327
|
+
* Arrow down minute input onClick in the following cases:
|
|
328
|
+
* (1): Decrease current minute by @minuteStep
|
|
329
|
+
* (2): If current minute minus @minuteStep is smaller than @startMinute , set current minute to @lastMinute - @lastMinute % @minuteStep
|
|
330
|
+
* (3): (2) and current second is greater than max second, set current second to max second
|
|
331
331
|
*/
|
|
332
332
|
const onDecreaseMinute = () => {
|
|
333
333
|
if (startMinute > currentMinute - minuteStep) {
|
|
@@ -348,13 +348,13 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
348
348
|
}
|
|
349
349
|
};
|
|
350
350
|
|
|
351
|
-
/**
|
|
352
|
-
*
|
|
353
|
-
* @constant {Number} startSecond
|
|
354
|
-
* @constant {Number} lastSecond
|
|
355
|
-
* Arrow down second input onClick in the following cases:
|
|
356
|
-
* (1): Decrease current second by 1
|
|
357
|
-
* (2): If current second minus 1 is smaller than start second, set current second to last second
|
|
351
|
+
/**
|
|
352
|
+
*
|
|
353
|
+
* @constant {Number} startSecond
|
|
354
|
+
* @constant {Number} lastSecond
|
|
355
|
+
* Arrow down second input onClick in the following cases:
|
|
356
|
+
* (1): Decrease current second by 1
|
|
357
|
+
* (2): If current second minus 1 is smaller than start second, set current second to last second
|
|
358
358
|
*/
|
|
359
359
|
const onDecreaseSecond = () => {
|
|
360
360
|
if (startSecond >= currentSecond - 1) {
|
|
@@ -366,30 +366,30 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
366
366
|
}
|
|
367
367
|
};
|
|
368
368
|
|
|
369
|
-
/**
|
|
370
|
-
*
|
|
371
|
-
* onClose Popover Timepicker when click Save button
|
|
369
|
+
/**
|
|
370
|
+
*
|
|
371
|
+
* onClose Popover Timepicker when click Save button
|
|
372
372
|
*/
|
|
373
373
|
const onCloseTimePicker = () => {
|
|
374
374
|
timePickerRef.current.close();
|
|
375
375
|
setCurrentInputFocus(null);
|
|
376
376
|
};
|
|
377
377
|
|
|
378
|
-
/**
|
|
379
|
-
*
|
|
380
|
-
* Format value using date().format() in utils
|
|
381
|
-
* @param {Date} value
|
|
382
|
-
* @param {String} outputFormat
|
|
383
|
-
* @returns
|
|
378
|
+
/**
|
|
379
|
+
*
|
|
380
|
+
* Format value using date().format() in utils
|
|
381
|
+
* @param {Date} value
|
|
382
|
+
* @param {String} outputFormat
|
|
383
|
+
* @returns
|
|
384
384
|
*/
|
|
385
385
|
const formatTime = (value, outputFormat) => {
|
|
386
386
|
return mode12h ? date(value).format(`hh${outputFormat.slice(2)} A`) : date(value).format(outputFormat);
|
|
387
387
|
};
|
|
388
388
|
|
|
389
|
-
/**
|
|
390
|
-
*
|
|
391
|
-
* Button Save onClick
|
|
392
|
-
* @param {Boolean} now
|
|
389
|
+
/**
|
|
390
|
+
*
|
|
391
|
+
* Button Save onClick
|
|
392
|
+
* @param {Boolean} now
|
|
393
393
|
*/
|
|
394
394
|
const onSelectTime = (now = false) => {
|
|
395
395
|
let displayTimeValue = '00:00:00';
|
|
@@ -443,7 +443,7 @@ const TimePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
|
|
|
443
443
|
const valueMinute = Number(value.slice(3, 5)) || '00';
|
|
444
444
|
const valueSecond = Number(value.slice(6, 8)) || '00';
|
|
445
445
|
const valueTime = new Date(new Date().getFullYear(), 0, 1, valueHour, valueMinute, valueSecond);
|
|
446
|
-
displayTimeValue = formatTime(valueTime, displayFormat).slice(0, -3).concat(returnFormat === 'HH:mm:ss' ? ` ${value.slice(10, 12)}` : ` ${value.slice(6, 8)}`);
|
|
446
|
+
displayTimeValue = mode12h ? formatTime(valueTime, displayFormat).slice(0, -3).concat(returnFormat === 'HH:mm:ss' ? ` ${value.slice(10, 12)}` : ` ${value.slice(6, 8)}`) : formatTime(valueTime, displayFormat).concat(returnFormat === 'HH:mm:ss' ? ` ${value.slice(10, 12)}` : ` ${value.slice(6, 8)}`);
|
|
447
447
|
if (!mode12h) {
|
|
448
448
|
setTimeValue({
|
|
449
449
|
hour: value.slice(0, 2),
|
package/icons/basic.js
CHANGED
|
@@ -4016,6 +4016,64 @@ export const MoneyHistory = /*#__PURE__*/memo(({
|
|
|
4016
4016
|
fill: fillColor(color)
|
|
4017
4017
|
}));
|
|
4018
4018
|
});
|
|
4019
|
+
export const MoneyList = /*#__PURE__*/memo(({
|
|
4020
|
+
width,
|
|
4021
|
+
height,
|
|
4022
|
+
color = 'system/rest',
|
|
4023
|
+
viewBox = false
|
|
4024
|
+
}) => {
|
|
4025
|
+
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
4026
|
+
width: width || 24,
|
|
4027
|
+
height: height || 24,
|
|
4028
|
+
viewBox: "0 0 24 24",
|
|
4029
|
+
fill: "none"
|
|
4030
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
4031
|
+
fillRule: "evenodd",
|
|
4032
|
+
clipRule: "evenodd",
|
|
4033
|
+
d: "M14 7H21V9H14V7Z",
|
|
4034
|
+
fill: fillColor(color)
|
|
4035
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4036
|
+
fillRule: "evenodd",
|
|
4037
|
+
clipRule: "evenodd",
|
|
4038
|
+
d: "M14 11H21V13H14V11Z",
|
|
4039
|
+
fill: fillColor(color)
|
|
4040
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4041
|
+
fillRule: "evenodd",
|
|
4042
|
+
clipRule: "evenodd",
|
|
4043
|
+
d: "M14 15H21V17H14V15Z",
|
|
4044
|
+
fill: fillColor(color)
|
|
4045
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4046
|
+
fillRule: "evenodd",
|
|
4047
|
+
clipRule: "evenodd",
|
|
4048
|
+
d: "M7.90099 10.8966C5.94059 10.3448 5.58416 9.88506 5.58416 9.24138C5.58416 8.41379 6.38614 7.86207 7.63366 7.86207C8.88119 7.86207 9.50495 8.41379 9.50495 9.42529V9.6092H11.8218V9.33333C11.7327 7.67816 10.7525 6.29885 9.14851 5.83908V4H6.11881V5.93103C4.24752 6.3908 3.17822 7.67816 3.17822 9.24138C3.17822 11.7241 5.49505 12.6437 7.27723 13.0115C9.32673 13.5632 9.59406 14.2069 9.59406 14.8506C9.59406 15.1264 9.41584 16.1379 7.54455 16.1379C6.11881 16.1379 5.31683 15.5862 5.22772 14.4828V14.2989H3V14.5747C3.08911 16.3218 4.24752 17.6092 6.11881 18.069V20H9.05941V18.069C10.9307 17.6092 12 16.4138 12 14.7586C12 12.3678 9.95049 11.4483 7.90099 10.8966Z",
|
|
4049
|
+
fill: fillColor(color)
|
|
4050
|
+
})) : /*#__PURE__*/React.createElement("svg", {
|
|
4051
|
+
width: width || 18,
|
|
4052
|
+
height: height || 16,
|
|
4053
|
+
viewBox: "0 0 18 16",
|
|
4054
|
+
fill: "none"
|
|
4055
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
4056
|
+
fillRule: "evenodd",
|
|
4057
|
+
clipRule: "evenodd",
|
|
4058
|
+
d: "M11 3H18V5H11V3Z",
|
|
4059
|
+
fill: fillColor(color)
|
|
4060
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4061
|
+
fillRule: "evenodd",
|
|
4062
|
+
clipRule: "evenodd",
|
|
4063
|
+
d: "M11 7H18V9H11V7Z",
|
|
4064
|
+
fill: fillColor(color)
|
|
4065
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4066
|
+
fillRule: "evenodd",
|
|
4067
|
+
clipRule: "evenodd",
|
|
4068
|
+
d: "M11 11H18V13H11V11Z",
|
|
4069
|
+
fill: fillColor(color)
|
|
4070
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
4071
|
+
fillRule: "evenodd",
|
|
4072
|
+
clipRule: "evenodd",
|
|
4073
|
+
d: "M4.90099 6.89655C2.94059 6.34483 2.58416 5.88506 2.58416 5.24138C2.58416 4.41379 3.38614 3.86207 4.63366 3.86207C5.88119 3.86207 6.50495 4.41379 6.50495 5.42529V5.6092H8.82178V5.33333C8.73267 3.67816 7.75247 2.29885 6.14851 1.83908V0H3.11881V1.93103C1.24752 2.3908 0.178218 3.67816 0.178218 5.24138C0.178218 7.72414 2.49505 8.64368 4.27723 9.01149C6.32673 9.56322 6.59406 10.2069 6.59406 10.8506C6.59406 11.1264 6.41584 12.1379 4.54455 12.1379C3.11881 12.1379 2.31683 11.5862 2.22772 10.4828V10.2989H0V10.5747C0.0891089 12.3218 1.24752 13.6092 3.11881 14.069V16H6.05941V14.069C7.93069 13.6092 9 12.4138 9 10.7586C9 8.36782 6.95049 7.44828 4.90099 6.89655Z",
|
|
4074
|
+
fill: fillColor(color)
|
|
4075
|
+
}));
|
|
4076
|
+
});
|
|
4019
4077
|
export const More = /*#__PURE__*/memo(({
|
|
4020
4078
|
width,
|
|
4021
4079
|
height,
|