@onesy/ui-react 1.0.194 → 1.0.196

package/DatePicker/DatePicker.js

@@ -145,7 +145,7 @@ const DatePicker = props__ => {
       color = 'primary',
       version: version_ = 'auto',
       size = 'regular',
-      value: value_,
+      value: valueProps,
       valueDefault,
       onChange,
       calendar: calendar_,
@@ -237,7 +237,7 @@ const DatePicker = props__ => {
     return sorted;
   };
   const [value, setValue] = _react.default.useState(() => {
-    const valueResult = (valueDefault !== undefined ? valueDefault : value_) || now && (range ? [new _date.OnesyDate(), new _date.OnesyDate()] : [new _date.OnesyDate()]);
+    const valueResult = (valueDefault !== undefined ? valueDefault : valueProps) || now && (range ? [new _date.OnesyDate(), new _date.OnesyDate()] : [new _date.OnesyDate()]);
     return onResolveValue(valueResult);
   });
   const [calendar, setCalendar] = _react.default.useState((calendarDefault !== undefined ? calendarDefault : calendar_) || new _date.OnesyDate());
@@ -294,22 +294,22 @@ const DatePicker = props__ => {
 
   // Value
   _react.default.useEffect(() => {
-    if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
-  }, [value_]);
+    if (valueProps !== undefined && valueProps !== value) onUpdateValue(valueProps);
+  }, [valueProps]);
 
   // Calendar
   _react.default.useEffect(() => {
     if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
   }, [calendar_]);
-  const onUpdate = valueNew_3 => {
+  const onUpdate = (valueNew_3, triggerOnChange = true) => {
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
-  const onUpdateCalendar = valueNew_4 => {
+  const onUpdateCalendar = (valueNew_4, triggerOnChange_0 = true) => {
     // Inner update
-    if (!props.hasOwnProperty('calendar')) setCalendar(valueNew_4);
-    if ((0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
+    if (!props.hasOwnProperty('calendar') || !triggerOnChange_0) setCalendar(valueNew_4);
+    if (triggerOnChange_0 && (0, _utils.is)('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
   };
 
   // Update only internally, without using onChange
@@ -350,10 +350,10 @@ const DatePicker = props__ => {
     const isValid = valueNew_8 && ((_valueNew_ = valueNew_8) === null || _valueNew_ === void 0 || (_valueNew_ = _valueNew_[0]) === null || _valueNew_ === void 0 ? void 0 : _valueNew_.valid);
     if (isValid) {
       // Update value
-      onUpdate(valueNew_8);
+      onUpdate(valueNew_8, false);
 
       // Update calendar
-      onUpdateCalendar(valueNew_8[0]);
+      onUpdateCalendar(valueNew_8[0], false);
 
       // Update input modal
       setInputModal(input);
@@ -362,10 +362,10 @@ const DatePicker = props__ => {
       valueNew_8 = [];
 
       // Update value
-      onUpdate(valueNew_8);
+      onUpdate(valueNew_8, false);
 
       // Update calendar
-      onUpdateCalendar(dateNow_0);
+      onUpdateCalendar(dateNow_0, false);
 
       // Update input
       setInput(valueToInput(valueNew_8));

package/DateTimePicker/DateTimePicker.js

@@ -220,10 +220,10 @@ const DateTimePicker = props__ => {
   _react.default.useEffect(() => {
     if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
   }, [value_]);
-  const onUpdate = valueNew_3 => {
+  const onUpdate = (valueNew_3, triggerOnChange = true) => {
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
   const onPickSwitch = () => {
     setTab(previous => previous === 'date' ? 'time' : 'date');
@@ -306,12 +306,12 @@ const DateTimePicker = props__ => {
     const isValid = valueNew_9 && ((_valueNew_ = valueNew_9) === null || _valueNew_ === void 0 || (_valueNew_ = _valueNew_[0]) === null || _valueNew_ === void 0 ? void 0 : _valueNew_.valid);
     if (isValid) {
       // Update value
-      onUpdate(valueNew_9);
+      onUpdate(valueNew_9, false);
     } else {
       valueNew_9 = [];
 
       // Update value
-      onUpdate(valueNew_9);
+      onUpdate(valueNew_9, false);
 
       // Update input
       setInput(valueToInput(valueNew_9));

package/TimePicker/TimePicker.js

@@ -406,12 +406,12 @@ const TimePicker = props__ => {
   _react.default.useEffect(() => {
     if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
   }, [value_]);
-  const onUpdate = valueNew__0 => {
+  const onUpdate = (valueNew__0, triggerOnChange = true) => {
     const valueNew_3 = resolve(valueNew__0);
 
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if ((0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && (0, _utils.is)('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
   const onUpdateSelecting = (valueNew__1, index_0) => {
     const valueNew_4 = [...selecting];
@@ -556,7 +556,7 @@ const TimePicker = props__ => {
     const valueNew_14 = inputToValue();
 
     // Update value
-    onUpdate(valueNew_14);
+    onUpdate(valueNew_14, false);
 
     // Update dayTime
     setDayTime(valueNew_14.map(item_7 => (0, _date.format)(item_7, 'a')));

package/esm/DatePicker/DatePicker.js

@@ -137,7 +137,7 @@ const DatePicker = props__ => {
       color = 'primary',
       version: version_ = 'auto',
       size = 'regular',
-      value: value_,
+      value: valueProps,
       valueDefault,
       onChange,
       calendar: calendar_,
@@ -229,7 +229,7 @@ const DatePicker = props__ => {
     return sorted;
   };
   const [value, setValue] = React.useState(() => {
-    const valueResult = (valueDefault !== undefined ? valueDefault : value_) || now && (range ? [new OnesyDate(), new OnesyDate()] : [new OnesyDate()]);
+    const valueResult = (valueDefault !== undefined ? valueDefault : valueProps) || now && (range ? [new OnesyDate(), new OnesyDate()] : [new OnesyDate()]);
     return onResolveValue(valueResult);
   });
   const [calendar, setCalendar] = React.useState((calendarDefault !== undefined ? calendarDefault : calendar_) || new OnesyDate());
@@ -286,22 +286,22 @@ const DatePicker = props__ => {
 
   // Value
   React.useEffect(() => {
-    if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
-  }, [value_]);
+    if (valueProps !== undefined && valueProps !== value) onUpdateValue(valueProps);
+  }, [valueProps]);
 
   // Calendar
   React.useEffect(() => {
     if (calendar_ !== undefined && calendar_ !== calendar) setCalendar(calendar_);
   }, [calendar_]);
-  const onUpdate = valueNew_3 => {
+  const onUpdate = (valueNew_3, triggerOnChange = true) => {
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
-  const onUpdateCalendar = valueNew_4 => {
+  const onUpdateCalendar = (valueNew_4, triggerOnChange_0 = true) => {
     // Inner update
-    if (!props.hasOwnProperty('calendar')) setCalendar(valueNew_4);
-    if (is('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
+    if (!props.hasOwnProperty('calendar') || !triggerOnChange_0) setCalendar(valueNew_4);
+    if (triggerOnChange_0 && is('function', onChangeCalendar)) onChangeCalendar(valueNew_4);
   };
 
   // Update only internally, without using onChange
@@ -341,10 +341,10 @@ const DatePicker = props__ => {
     const isValid = valueNew_8 && valueNew_8?.[0]?.valid;
     if (isValid) {
       // Update value
-      onUpdate(valueNew_8);
+      onUpdate(valueNew_8, false);
 
       // Update calendar
-      onUpdateCalendar(valueNew_8[0]);
+      onUpdateCalendar(valueNew_8[0], false);
 
       // Update input modal
       setInputModal(input);
@@ -353,10 +353,10 @@ const DatePicker = props__ => {
       valueNew_8 = [];
 
       // Update value
-      onUpdate(valueNew_8);
+      onUpdate(valueNew_8, false);
 
       // Update calendar
-      onUpdateCalendar(dateNow_0);
+      onUpdateCalendar(dateNow_0, false);
 
       // Update input
       setInput(valueToInput(valueNew_8));

package/esm/DateTimePicker/DateTimePicker.js

@@ -212,10 +212,10 @@ const DateTimePicker = props__ => {
   React.useEffect(() => {
     if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
   }, [value_]);
-  const onUpdate = valueNew_3 => {
+  const onUpdate = (valueNew_3, triggerOnChange = true) => {
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
   const onPickSwitch = () => {
     setTab(previous => previous === 'date' ? 'time' : 'date');
@@ -297,12 +297,12 @@ const DateTimePicker = props__ => {
     const isValid = valueNew_9 && valueNew_9?.[0]?.valid;
     if (isValid) {
       // Update value
-      onUpdate(valueNew_9);
+      onUpdate(valueNew_9, false);
     } else {
       valueNew_9 = [];
 
       // Update value
-      onUpdate(valueNew_9);
+      onUpdate(valueNew_9, false);
 
       // Update input
       setInput(valueToInput(valueNew_9));

package/esm/TimePicker/TimePicker.js

@@ -398,12 +398,12 @@ const TimePicker = props__ => {
   React.useEffect(() => {
     if (value_ !== undefined && value_ !== value) onUpdateValue(value_);
   }, [value_]);
-  const onUpdate = valueNew__0 => {
+  const onUpdate = (valueNew__0, triggerOnChange = true) => {
     const valueNew_3 = resolve(valueNew__0);
 
     // Inner update
-    if (!props.hasOwnProperty('value')) setValue(valueNew_3);
-    if (is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
+    if (!props.hasOwnProperty('value') || !triggerOnChange) setValue(valueNew_3);
+    if (triggerOnChange && is('function', onChange)) onChange(!range ? valueNew_3[0] : valueNew_3);
   };
   const onUpdateSelecting = (valueNew__1, index_0) => {
     const valueNew_4 = [...selecting];
@@ -548,7 +548,7 @@ const TimePicker = props__ => {
     const valueNew_14 = inputToValue();
 
     // Update value
-    onUpdate(valueNew_14);
+    onUpdate(valueNew_14, false);
 
     // Update dayTime
     setDayTime(valueNew_14.map(item_7 => formatDate(item_7, 'a')));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.193
+/** @license UiReact v1.0.195
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.193
+/** @license UiReact v1.0.195
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.194",
+  "version": "1.0.196",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",