@onesy/ui-react 1.0.193 → 1.0.195
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/Calendar/Calendar.js +1 -1
- package/CalendarMonth/CalendarMonth.js +1 -1
- package/DatePicker/DatePicker.js +9 -9
- package/DateTimePicker/DateTimePicker.js +5 -5
- package/TimePicker/TimePicker.js +4 -4
- package/esm/Calendar/Calendar.js +1 -1
- package/esm/CalendarMonth/CalendarMonth.js +1 -1
- package/esm/DatePicker/DatePicker.js +9 -9
- package/esm/DateTimePicker/DateTimePicker.js +5 -5
- package/esm/TimePicker/TimePicker.js +4 -4
- package/esm/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
package/Calendar/Calendar.js
CHANGED
|
@@ -169,7 +169,7 @@ const Calendar = props__ => {
|
|
|
169
169
|
const PaginationItem = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.PaginationItem) || _PaginationItem.default;
|
|
170
170
|
const {
|
|
171
171
|
ref,
|
|
172
|
-
tonal
|
|
172
|
+
tonal,
|
|
173
173
|
color = 'default',
|
|
174
174
|
version = 'regular',
|
|
175
175
|
size = 'regular',
|
|
@@ -216,7 +216,7 @@ const CalendarMonth = props__ => {
|
|
|
216
216
|
const Transitions = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Transitions) || _Transitions.default;
|
|
217
217
|
const Transition = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Transition) || _Transition.default;
|
|
218
218
|
const {
|
|
219
|
-
tonal
|
|
219
|
+
tonal,
|
|
220
220
|
color = 'primary',
|
|
221
221
|
size = 'regular',
|
|
222
222
|
value: value_,
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -141,7 +141,7 @@ const DatePicker = props__ => {
|
|
|
141
141
|
const ClickListener = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
|
|
142
142
|
const {
|
|
143
143
|
ref,
|
|
144
|
-
tonal
|
|
144
|
+
tonal,
|
|
145
145
|
color = 'primary',
|
|
146
146
|
version: version_ = 'auto',
|
|
147
147
|
size = 'regular',
|
|
@@ -301,15 +301,15 @@ const DatePicker = props__ => {
|
|
|
301
301
|
_react.default.useEffect(() => {
|
|
302
302
|
if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
|
|
303
303
|
}, [calendar_]);
|
|
304
|
-
const onUpdate = valueNew_3 => {
|
|
304
|
+
const onUpdate = (valueNew_3, triggerOnChange = true) => {
|
|
305
305
|
// Inner update
|
|
306
306
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
307
|
-
if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
307
|
+
if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
308
308
|
};
|
|
309
|
-
const onUpdateCalendar = valueNew_4 => {
|
|
309
|
+
const onUpdateCalendar = (valueNew_4, triggerOnChange_0 = true) => {
|
|
310
310
|
// Inner update
|
|
311
311
|
if (!props.hasOwnProperty('calendar')) setCalendar(valueNew_4);
|
|
312
|
-
if ((0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
|
|
312
|
+
if (triggerOnChange_0 && (0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
|
|
313
313
|
};
|
|
314
314
|
|
|
315
315
|
// Update only internally, without using onChange
|
|
@@ -350,10 +350,10 @@ const DatePicker = props__ => {
|
|
|
350
350
|
const isValid = valueNew_8 && ((_valueNew_ = valueNew_8) === null || _valueNew_ === void 0 || (_valueNew_ = _valueNew_[0]) === null || _valueNew_ === void 0 ? void 0 : _valueNew_.valid);
|
|
351
351
|
if (isValid) {
|
|
352
352
|
// Update value
|
|
353
|
-
onUpdate(valueNew_8);
|
|
353
|
+
onUpdate(valueNew_8, false);
|
|
354
354
|
|
|
355
355
|
// Update calendar
|
|
356
|
-
onUpdateCalendar(valueNew_8[0]);
|
|
356
|
+
onUpdateCalendar(valueNew_8[0], false);
|
|
357
357
|
|
|
358
358
|
// Update input modal
|
|
359
359
|
setInputModal(input);
|
|
@@ -362,10 +362,10 @@ const DatePicker = props__ => {
|
|
|
362
362
|
valueNew_8 = [];
|
|
363
363
|
|
|
364
364
|
// Update value
|
|
365
|
-
onUpdate(valueNew_8);
|
|
365
|
+
onUpdate(valueNew_8, false);
|
|
366
366
|
|
|
367
367
|
// Update calendar
|
|
368
|
-
onUpdateCalendar(dateNow_0);
|
|
368
|
+
onUpdateCalendar(dateNow_0, false);
|
|
369
369
|
|
|
370
370
|
// Update input
|
|
371
371
|
setInput(valueToInput(valueNew_8));
|
|
@@ -75,7 +75,7 @@ const DateTimePicker = props__ => {
|
|
|
75
75
|
const ClickListener = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
|
|
76
76
|
const {
|
|
77
77
|
ref,
|
|
78
|
-
tonal
|
|
78
|
+
tonal,
|
|
79
79
|
color = 'primary',
|
|
80
80
|
version: version_ = 'auto',
|
|
81
81
|
value: value_,
|
|
@@ -220,10 +220,10 @@ const DateTimePicker = props__ => {
|
|
|
220
220
|
_react.default.useEffect(() => {
|
|
221
221
|
if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
|
|
222
222
|
}, [value_]);
|
|
223
|
-
const onUpdate = valueNew_3 => {
|
|
223
|
+
const onUpdate = (valueNew_3, triggerOnChange = true) => {
|
|
224
224
|
// Inner update
|
|
225
225
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
226
|
-
if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
226
|
+
if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
227
227
|
};
|
|
228
228
|
const onPickSwitch = () => {
|
|
229
229
|
setTab(previous => previous === 'date' ? 'time' : 'date');
|
|
@@ -306,12 +306,12 @@ const DateTimePicker = props__ => {
|
|
|
306
306
|
const isValid = valueNew_9 && ((_valueNew_ = valueNew_9) === null || _valueNew_ === void 0 || (_valueNew_ = _valueNew_[0]) === null || _valueNew_ === void 0 ? void 0 : _valueNew_.valid);
|
|
307
307
|
if (isValid) {
|
|
308
308
|
// Update value
|
|
309
|
-
onUpdate(valueNew_9);
|
|
309
|
+
onUpdate(valueNew_9, false);
|
|
310
310
|
} else {
|
|
311
311
|
valueNew_9 = [];
|
|
312
312
|
|
|
313
313
|
// Update value
|
|
314
|
-
onUpdate(valueNew_9);
|
|
314
|
+
onUpdate(valueNew_9, false);
|
|
315
315
|
|
|
316
316
|
// Update input
|
|
317
317
|
setInput(valueToInput(valueNew_9));
|
package/TimePicker/TimePicker.js
CHANGED
|
@@ -236,7 +236,7 @@ const TimePicker = props__ => {
|
|
|
236
236
|
const Tabs = (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Tabs) || _Tabs.default;
|
|
237
237
|
const {
|
|
238
238
|
ref,
|
|
239
|
-
tonal
|
|
239
|
+
tonal,
|
|
240
240
|
color = 'primary',
|
|
241
241
|
version: version_ = 'auto',
|
|
242
242
|
value: value_,
|
|
@@ -406,12 +406,12 @@ const TimePicker = props__ => {
|
|
|
406
406
|
_react.default.useEffect(() => {
|
|
407
407
|
if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
|
|
408
408
|
}, [value_]);
|
|
409
|
-
const onUpdate = valueNew__0 => {
|
|
409
|
+
const onUpdate = (valueNew__0, triggerOnChange = true) => {
|
|
410
410
|
const valueNew_3 = resolve(valueNew__0);
|
|
411
411
|
|
|
412
412
|
// Inner update
|
|
413
413
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
414
|
-
if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
414
|
+
if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
415
415
|
};
|
|
416
416
|
const onUpdateSelecting = (valueNew__1, index_0) => {
|
|
417
417
|
const valueNew_4 = [...selecting];
|
|
@@ -556,7 +556,7 @@ const TimePicker = props__ => {
|
|
|
556
556
|
const valueNew_14 = inputToValue();
|
|
557
557
|
|
|
558
558
|
// Update value
|
|
559
|
-
onUpdate(valueNew_14);
|
|
559
|
+
onUpdate(valueNew_14, false);
|
|
560
560
|
|
|
561
561
|
// Update dayTime
|
|
562
562
|
setDayTime(valueNew_14.map(item_7 => (0, _date.format)(item_7, 'a')));
|
package/esm/Calendar/Calendar.js
CHANGED
|
@@ -208,7 +208,7 @@ const CalendarMonth = props__ => {
|
|
|
208
208
|
const Transitions = theme?.elements?.Transitions || TransitionsElement;
|
|
209
209
|
const Transition = theme?.elements?.Transition || TransitionElement;
|
|
210
210
|
const {
|
|
211
|
-
tonal
|
|
211
|
+
tonal,
|
|
212
212
|
color = 'primary',
|
|
213
213
|
size = 'regular',
|
|
214
214
|
value: value_,
|
|
@@ -133,7 +133,7 @@ const DatePicker = props__ => {
|
|
|
133
133
|
const ClickListener = theme?.elements?.ClickListener || ClickListenerElement;
|
|
134
134
|
const {
|
|
135
135
|
ref,
|
|
136
|
-
tonal
|
|
136
|
+
tonal,
|
|
137
137
|
color = 'primary',
|
|
138
138
|
version: version_ = 'auto',
|
|
139
139
|
size = 'regular',
|
|
@@ -293,15 +293,15 @@ const DatePicker = props__ => {
|
|
|
293
293
|
React.useEffect(() => {
|
|
294
294
|
if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
|
|
295
295
|
}, [calendar_]);
|
|
296
|
-
const onUpdate = valueNew_3 => {
|
|
296
|
+
const onUpdate = (valueNew_3, triggerOnChange = true) => {
|
|
297
297
|
// Inner update
|
|
298
298
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
299
|
-
if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
299
|
+
if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
300
300
|
};
|
|
301
|
-
const onUpdateCalendar = valueNew_4 => {
|
|
301
|
+
const onUpdateCalendar = (valueNew_4, triggerOnChange_0 = true) => {
|
|
302
302
|
// Inner update
|
|
303
303
|
if (!props.hasOwnProperty('calendar')) setCalendar(valueNew_4);
|
|
304
|
-
if (is('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
|
|
304
|
+
if (triggerOnChange_0 && is('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
|
|
305
305
|
};
|
|
306
306
|
|
|
307
307
|
// Update only internally, without using onChange
|
|
@@ -341,10 +341,10 @@ const DatePicker = props__ => {
|
|
|
341
341
|
const isValid = valueNew_8 && valueNew_8?.[0]?.valid;
|
|
342
342
|
if (isValid) {
|
|
343
343
|
// Update value
|
|
344
|
-
onUpdate(valueNew_8);
|
|
344
|
+
onUpdate(valueNew_8, false);
|
|
345
345
|
|
|
346
346
|
// Update calendar
|
|
347
|
-
onUpdateCalendar(valueNew_8[0]);
|
|
347
|
+
onUpdateCalendar(valueNew_8[0], false);
|
|
348
348
|
|
|
349
349
|
// Update input modal
|
|
350
350
|
setInputModal(input);
|
|
@@ -353,10 +353,10 @@ const DatePicker = props__ => {
|
|
|
353
353
|
valueNew_8 = [];
|
|
354
354
|
|
|
355
355
|
// Update value
|
|
356
|
-
onUpdate(valueNew_8);
|
|
356
|
+
onUpdate(valueNew_8, false);
|
|
357
357
|
|
|
358
358
|
// Update calendar
|
|
359
|
-
onUpdateCalendar(dateNow_0);
|
|
359
|
+
onUpdateCalendar(dateNow_0, false);
|
|
360
360
|
|
|
361
361
|
// Update input
|
|
362
362
|
setInput(valueToInput(valueNew_8));
|
|
@@ -67,7 +67,7 @@ const DateTimePicker = props__ => {
|
|
|
67
67
|
const ClickListener = theme?.elements?.ClickListener || ClickListenerElement;
|
|
68
68
|
const {
|
|
69
69
|
ref,
|
|
70
|
-
tonal
|
|
70
|
+
tonal,
|
|
71
71
|
color = 'primary',
|
|
72
72
|
version: version_ = 'auto',
|
|
73
73
|
value: value_,
|
|
@@ -212,10 +212,10 @@ const DateTimePicker = props__ => {
|
|
|
212
212
|
React.useEffect(() => {
|
|
213
213
|
if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
|
|
214
214
|
}, [value_]);
|
|
215
|
-
const onUpdate = valueNew_3 => {
|
|
215
|
+
const onUpdate = (valueNew_3, triggerOnChange = true) => {
|
|
216
216
|
// Inner update
|
|
217
217
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
218
|
-
if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
218
|
+
if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
219
219
|
};
|
|
220
220
|
const onPickSwitch = () => {
|
|
221
221
|
setTab(previous => previous === 'date' ? 'time' : 'date');
|
|
@@ -297,12 +297,12 @@ const DateTimePicker = props__ => {
|
|
|
297
297
|
const isValid = valueNew_9 && valueNew_9?.[0]?.valid;
|
|
298
298
|
if (isValid) {
|
|
299
299
|
// Update value
|
|
300
|
-
onUpdate(valueNew_9);
|
|
300
|
+
onUpdate(valueNew_9, false);
|
|
301
301
|
} else {
|
|
302
302
|
valueNew_9 = [];
|
|
303
303
|
|
|
304
304
|
// Update value
|
|
305
|
-
onUpdate(valueNew_9);
|
|
305
|
+
onUpdate(valueNew_9, false);
|
|
306
306
|
|
|
307
307
|
// Update input
|
|
308
308
|
setInput(valueToInput(valueNew_9));
|
|
@@ -228,7 +228,7 @@ const TimePicker = props__ => {
|
|
|
228
228
|
const Tabs = theme?.elements?.Tabs || TabsElement;
|
|
229
229
|
const {
|
|
230
230
|
ref,
|
|
231
|
-
tonal
|
|
231
|
+
tonal,
|
|
232
232
|
color = 'primary',
|
|
233
233
|
version: version_ = 'auto',
|
|
234
234
|
value: value_,
|
|
@@ -398,12 +398,12 @@ const TimePicker = props__ => {
|
|
|
398
398
|
React.useEffect(() => {
|
|
399
399
|
if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
|
|
400
400
|
}, [value_]);
|
|
401
|
-
const onUpdate = valueNew__0 => {
|
|
401
|
+
const onUpdate = (valueNew__0, triggerOnChange = true) => {
|
|
402
402
|
const valueNew_3 = resolve(valueNew__0);
|
|
403
403
|
|
|
404
404
|
// Inner update
|
|
405
405
|
if (!props.hasOwnProperty('value')) setValue(valueNew_3);
|
|
406
|
-
if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
406
|
+
if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
|
|
407
407
|
};
|
|
408
408
|
const onUpdateSelecting = (valueNew__1, index_0) => {
|
|
409
409
|
const valueNew_4 = [...selecting];
|
|
@@ -548,7 +548,7 @@ const TimePicker = props__ => {
|
|
|
548
548
|
const valueNew_14 = inputToValue();
|
|
549
549
|
|
|
550
550
|
// Update value
|
|
551
|
-
onUpdate(valueNew_14);
|
|
551
|
+
onUpdate(valueNew_14, false);
|
|
552
552
|
|
|
553
553
|
// Update dayTime
|
|
554
554
|
setDayTime(valueNew_14.map(item_7 => formatDate(item_7, 'a')));
|
package/esm/index.js
CHANGED
package/index.js
CHANGED