labsense-ui-kit 1.3.49 → 1.3.50

package/dist/index.js

@@ -8957,6 +8957,7 @@ var TextField = function TextField(_ref25) {
     selectedPeriod = _useState7[0],
     setSelectedPeriod = _useState7[1];
   var timePickerRef = React.useRef(null);
+  var pendingChangeRef = React.useRef(null);
   React.useEffect(function () {
     setIsDisabled(disabled);
   }, [disabled]);
@@ -8964,7 +8965,19 @@ var TextField = function TextField(_ref25) {
     dropdownStyle = _useState8[0],
     setDropdownStyle = _useState8[1];
   React.useEffect(function () {
-    if (!showDropdown) return;
+    if (!showDropdown) {
+      if (pendingChangeRef.current && onChange) {
+        var syntheticEvent = {
+          target: {
+            value: pendingChangeRef.current,
+            name: name
+          }
+        };
+        onChange(syntheticEvent);
+        pendingChangeRef.current = null;
+      }
+      return;
+    }
     var closeDropdown = function closeDropdown(event) {
       if (event && event instanceof MouseEvent && timePickerRef.current && timePickerRef.current.contains(event.target)) {
         return;
@@ -8985,7 +8998,10 @@ var TextField = function TextField(_ref25) {
       window.removeEventListener('scroll', handleScroll, true);
       window.removeEventListener('resize', closeDropdown);
     };
-  }, [showDropdown]);
+  }, [showDropdown, onChange, name]);
+  React.useEffect(function () {
+    setTimeValue(inputValue);
+  }, [inputValue]);
   React.useEffect(function () {
     if (inputValue && (type === 'time-24hr' || type === 'time-12hr')) {
       var parts = inputValue.split(':');
@@ -9069,13 +9085,7 @@ var TextField = function TextField(_ref25) {
       formatted = hour24.toString().padStart(2, '0') + ":" + m.toString().padStart(2, '0');
     }
     setTimeValue(formatted);
-    var syntheticEvent = {
-      target: {
-        value: formatted,
-        name: name
-      }
-    };
-    onChange === null || onChange === void 0 ? void 0 : onChange(syntheticEvent);
+    pendingChangeRef.current = formatted;
   };
   var toggleDropdown = function toggleDropdown() {
     if (isDisabled) return;
@@ -9137,24 +9147,36 @@ var TextField = function TextField(_ref25) {
       return React__default.createElement(SliderItem, {
         key: h,
         "$selected": selectedHour === h,
-        onClick: function onClick() {
-          return handleTimeChange(h, undefined, undefined);
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleTimeChange(h, undefined, undefined);
         }
       }, h.toString().padStart(2, '0'));
     }))), React__default.createElement(SliderColumn, null, React__default.createElement(SliderLabel, null, "Minutes"), React__default.createElement(SliderWrapper, null, minutes.map(function (m) {
       return React__default.createElement(SliderItem, {
         key: m,
         "$selected": selectedMinute === m,
-        onClick: function onClick() {
-          return handleTimeChange(undefined, m, undefined);
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleTimeChange(undefined, m, undefined);
         }
       }, m.toString().padStart(2, '0'));
     }))), type === 'time-12hr' && React__default.createElement(SliderColumn, null, React__default.createElement(SliderLabel, null, "Period"), React__default.createElement(SliderWrapper, null, ['AM', 'PM'].map(function (period) {
       return React__default.createElement(SliderItem, {
         key: period,
         "$selected": selectedPeriod === period,
-        onClick: function onClick() {
-          return handleTimeChange(undefined, undefined, period);
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleTimeChange(undefined, undefined, period);
         }
       }, period);
     }))))));