@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/date-picker/date-picker.js

@@ -17,74 +17,71 @@ import useTextValueMapping from './hooks/use-text-value-mapping';
 import getExtraFooter from './utils/get-extra-footer';
 import getRanges from './utils/get-ranges';
 import usePopper from '../_utils/usePopper';
-
 var InternalDatePicker = function InternalDatePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps,
-      globalLocale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    globalLocale = _useContext.locale;
   var datePickerProps = getCompProps('DatePicker', userDefaultProps, props);
   var datePickerPrefixCls = getPrefixCls(prefixCls, 'date-picker', customPrefixcls);
   var id = datePickerProps.id,
-      style = datePickerProps.style,
-      className = datePickerProps.className,
-      dropdownClassName = datePickerProps.dropdownClassName,
-      popupStyle = datePickerProps.popupStyle,
-      popupRef = datePickerProps.popupRef,
-      locale = datePickerProps.locale,
-      inputReadOnly = datePickerProps.inputReadOnly,
-      allowClear = datePickerProps.allowClear,
-      autoFocus = datePickerProps.autoFocus,
-      _datePickerProps$pick = datePickerProps.picker,
-      picker = _datePickerProps$pick === void 0 ? 'date' : _datePickerProps$pick,
-      mode = datePickerProps.mode,
-      format = datePickerProps.format,
-      value = datePickerProps.value,
-      defaultValue = datePickerProps.defaultValue,
-      defaultPickerValue = datePickerProps.defaultPickerValue,
-      open = datePickerProps.open,
-      defaultOpen = datePickerProps.defaultOpen,
-      suffixIcon = datePickerProps.suffixIcon,
-      clearIcon = datePickerProps.clearIcon,
-      disabled = datePickerProps.disabled,
-      placeholder = datePickerProps.placeholder,
-      borderType = datePickerProps.borderType,
-      size = datePickerProps.size,
-      showToday = datePickerProps.showToday,
-      showTime = datePickerProps.showTime,
-      showNow = datePickerProps.showNow,
-      use12Hours = datePickerProps.use12Hours,
-      components = datePickerProps.components,
-      _datePickerProps$hour = datePickerProps.hourStep,
-      hourStep = _datePickerProps$hour === void 0 ? 1 : _datePickerProps$hour,
-      _datePickerProps$minu = datePickerProps.minuteStep,
-      minuteStep = _datePickerProps$minu === void 0 ? 1 : _datePickerProps$minu,
-      _datePickerProps$seco = datePickerProps.secondStep,
-      secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
-      disabledDate = datePickerProps.disabledDate,
-      disabledHours = datePickerProps.disabledHours,
-      disabledMinutes = datePickerProps.disabledMinutes,
-      disabledSeconds = datePickerProps.disabledSeconds,
-      getPopupContainer = datePickerProps.getPopupContainer,
-      panelRender = datePickerProps.panelRender,
-      renderExtraFooter = datePickerProps.renderExtraFooter,
-      onChange = datePickerProps.onChange,
-      onSelect = datePickerProps.onSelect,
-      onOpenChange = datePickerProps.onOpenChange,
-      onFocus = datePickerProps.onFocus,
-      onBlur = datePickerProps.onBlur,
-      onMouseDown = datePickerProps.onMouseDown,
-      onMouseUp = datePickerProps.onMouseUp,
-      onMouseEnter = datePickerProps.onMouseEnter,
-      onMouseLeave = datePickerProps.onMouseLeave,
-      onContextMenu = datePickerProps.onContextMenu,
-      onClick = datePickerProps.onClick,
-      _onOk = datePickerProps.onOk; // ref
-
+    style = datePickerProps.style,
+    className = datePickerProps.className,
+    dropdownClassName = datePickerProps.dropdownClassName,
+    popupStyle = datePickerProps.popupStyle,
+    popupRef = datePickerProps.popupRef,
+    locale = datePickerProps.locale,
+    inputReadOnly = datePickerProps.inputReadOnly,
+    allowClear = datePickerProps.allowClear,
+    autoFocus = datePickerProps.autoFocus,
+    _datePickerProps$pick = datePickerProps.picker,
+    picker = _datePickerProps$pick === void 0 ? 'date' : _datePickerProps$pick,
+    mode = datePickerProps.mode,
+    format = datePickerProps.format,
+    value = datePickerProps.value,
+    defaultValue = datePickerProps.defaultValue,
+    defaultPickerValue = datePickerProps.defaultPickerValue,
+    open = datePickerProps.open,
+    defaultOpen = datePickerProps.defaultOpen,
+    suffixIcon = datePickerProps.suffixIcon,
+    clearIcon = datePickerProps.clearIcon,
+    disabled = datePickerProps.disabled,
+    placeholder = datePickerProps.placeholder,
+    borderType = datePickerProps.borderType,
+    size = datePickerProps.size,
+    showToday = datePickerProps.showToday,
+    showTime = datePickerProps.showTime,
+    showNow = datePickerProps.showNow,
+    use12Hours = datePickerProps.use12Hours,
+    components = datePickerProps.components,
+    _datePickerProps$hour = datePickerProps.hourStep,
+    hourStep = _datePickerProps$hour === void 0 ? 1 : _datePickerProps$hour,
+    _datePickerProps$minu = datePickerProps.minuteStep,
+    minuteStep = _datePickerProps$minu === void 0 ? 1 : _datePickerProps$minu,
+    _datePickerProps$seco = datePickerProps.secondStep,
+    secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
+    disabledDate = datePickerProps.disabledDate,
+    disabledHours = datePickerProps.disabledHours,
+    disabledMinutes = datePickerProps.disabledMinutes,
+    disabledSeconds = datePickerProps.disabledSeconds,
+    getPopupContainer = datePickerProps.getPopupContainer,
+    panelRender = datePickerProps.panelRender,
+    renderExtraFooter = datePickerProps.renderExtraFooter,
+    onChange = datePickerProps.onChange,
+    onSelect = datePickerProps.onSelect,
+    onOpenChange = datePickerProps.onOpenChange,
+    onFocus = datePickerProps.onFocus,
+    onBlur = datePickerProps.onBlur,
+    onMouseDown = datePickerProps.onMouseDown,
+    onMouseUp = datePickerProps.onMouseUp,
+    onMouseEnter = datePickerProps.onMouseEnter,
+    onMouseLeave = datePickerProps.onMouseLeave,
+    onContextMenu = datePickerProps.onContextMenu,
+    onClick = datePickerProps.onClick,
+    _onOk = datePickerProps.onOk;
+  // ref
   var inputDivRefDefault = React.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
   var popperRefDefault = React.useRef(null);
@@ -92,31 +89,27 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var inputRef = React.useRef(null);
   var isHourStepValid = 24 % hourStep === 0;
   var isMinuteStepValid = 60 % minuteStep === 0;
-  var isSecondStepValid = 60 % secondStep === 0; // const hours = generateUnits(0, 23, hourStep, disabledHours && disabledHours())
+  var isSecondStepValid = 60 % secondStep === 0;
+  // const hours = generateUnits(0, 23, hourStep, disabledHours && disabledHours())
   // const minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour))
   // const seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute))
-
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-
   var datePickerLang = _extends({}, globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
-  }), locale || {}); // 原始数据
-
-
+  }), locale || {});
+  // 原始数据
   var _useMergedState = useMergedState(null, {
-    value: value,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      dateValue = _useMergedState2[0],
-      setDateValue = _useMergedState2[1]; // 选中的数据
-
-
+      value: value,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    dateValue = _useMergedState2[0],
+    setDateValue = _useMergedState2[1];
+  // 选中的数据
   var _React$useState = React.useState(dateValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedValue = _React$useState2[0],
-      setSelectedValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedValue = _React$useState2[0],
+    setSelectedValue = _React$useState2[1];
   var hours;
   var minutes;
   var seconds;
@@ -124,7 +117,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var minute;
   var second;
   var disabledTimePanel = false;
-
   if (picker === 'time' || picker === 'date' && showTime) {
     originHour = selectedValue ? getHours(selectedValue) : -1;
     minute = selectedValue ? getMinutes(selectedValue) : -1;
@@ -132,7 +124,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     hours = generateUnits(0, 23, hourStep, disabledHours && disabledHours());
     minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
     seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
-
     if (hours && !_findInstanceProperty(hours).call(hours, function (n) {
       return !n.disabled;
     }) || minutes && !_findInstanceProperty(minutes).call(minutes, function (n) {
@@ -143,119 +134,107 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       disabledTimePanel = true;
     }
   }
-
-  var _format = getDefaultFormat(format, picker, showTime && !disabledTimePanel, use12Hours); // 面板展示日期
-
-
+  var _format = getDefaultFormat(format, picker, showTime && !disabledTimePanel, use12Hours);
+  // 面板展示日期
   var _useState = useState(defaultPickerValue || dateValue || new Date()),
-      _useState2 = _slicedToArray(_useState, 2),
-      viewDate = _useState2[0],
-      setInnerViewDate = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    viewDate = _useState2[0],
+    setInnerViewDate = _useState2[1];
   var setViewDate = function setViewDate(date) {
     setInnerViewDate(date || new Date());
   };
-
   useEffect(function () {
     setViewDate(dateValue);
-  }, [dateValue]); // text
-
+  }, [dateValue]);
+  // text
   var valueText = useValueTexts(selectedValue, {
     format: _format
-  }); // input 展示
-
+  });
+  // input 展示
   var _useTextValueMapping = useTextValueMapping({
-    valueText: valueText,
-    onTextChange: function onTextChange(newText) {
-      if (newText === '') {
-        triggerChange(null);
-        setViewDate(null);
-      } else if (newText && newText.length === _format.length) {
-        var inputTempDate = parseDate(newText, _format);
-
-        if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
-          if (picker !== 'year') {
-            triggerChange(inputTempDate);
-            setViewDate(inputTempDate);
-          } else if (isValid(inputTempDate)) {
-            triggerChange(inputTempDate);
-            setViewDate(inputTempDate);
+      valueText: valueText,
+      onTextChange: function onTextChange(newText) {
+        if (newText === '') {
+          triggerChange(null);
+          setViewDate(null);
+        } else if (newText && newText.length === _format.length) {
+          var inputTempDate = parseDate(newText, _format);
+          if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
+            if (picker !== 'year') {
+              triggerChange(inputTempDate);
+              setViewDate(inputTempDate);
+            } else if (isValid(inputTempDate)) {
+              triggerChange(inputTempDate);
+              setViewDate(inputTempDate);
+            }
           }
         }
       }
-    }
-  }),
-      _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
-      text = _useTextValueMapping2[0],
-      triggerTextChange = _useTextValueMapping2[1],
-      resetText = _useTextValueMapping2[2];
-
+    }),
+    _useTextValueMapping2 = _slicedToArray(_useTextValueMapping, 3),
+    text = _useTextValueMapping2[0],
+    triggerTextChange = _useTextValueMapping2[1],
+    resetText = _useTextValueMapping2[2];
   var _useHoverValue = useHoverValue(text, {
-    format: _format
-  }),
-      _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
-      hoverValue = _useHoverValue2[0],
-      onEnter = _useHoverValue2[1],
-      onLeave = _useHoverValue2[2];
-
+      format: _format
+    }),
+    _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
+    hoverValue = _useHoverValue2[0],
+    onEnter = _useHoverValue2[1],
+    onLeave = _useHoverValue2[2];
   var _useMergedState3 = useMergedState(false, {
-    value: open,
-    defaultValue: defaultOpen,
-    postState: function postState(postOpen) {
-      return disabled ? false : postOpen;
-    },
-    onChange: function onChange(newOpen) {
-      if (onOpenChange) {
-        onOpenChange(newOpen);
-      } // if (!newOpen && operationRef.current && operationRef.current.onClose) {
-      //   operationRef.current.onClose()
-      // }
-
-    }
-  }),
-      _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-      openValue = _useMergedState4[0],
-      triggerInnerOpen = _useMergedState4[1]; // Save panel is changed from which panel
-
-
+      value: open,
+      defaultValue: defaultOpen,
+      postState: function postState(postOpen) {
+        return disabled ? false : postOpen;
+      },
+      onChange: function onChange(newOpen) {
+        if (onOpenChange) {
+          onOpenChange(newOpen);
+        }
+        // if (!newOpen && operationRef.current && operationRef.current.onClose) {
+        //   operationRef.current.onClose()
+        // }
+      }
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    openValue = _useMergedState4[0],
+    triggerInnerOpen = _useMergedState4[1];
+  // Save panel is changed from which panel
   var _useMergedState5 = useMergedState(function () {
-    if (picker === 'time') {
-      return 'time';
-    }
-
-    return getInternalNextMode('date', picker);
-  }, {
-    value: mode
-  }),
-      _useMergedState6 = _slicedToArray(_useMergedState5, 2),
-      mergedMode = _useMergedState6[0],
-      setInnerMode = _useMergedState6[1];
-
+      if (picker === 'time') {
+        return 'time';
+      }
+      return getInternalNextMode('date', picker);
+    }, {
+      value: mode
+    }),
+    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
+    mergedMode = _useMergedState6[0],
+    setInnerMode = _useMergedState6[1];
   var _useState3 = useState(undefined),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerPicker = _useState4[0],
-      setInnerPicker = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    innerPicker = _useState4[0],
+    setInnerPicker = _useState4[1];
   useEffect(function () {
     setInnerMode(picker);
   }, [picker]);
   useEffect(function () {
     if (!openValue) {
       setSelectedValue(dateValue);
-
       if (valueText !== text) {
         resetText();
       }
     } else {
       setInnerPicker(undefined);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [openValue, valueText]);
   useEffect(function () {
     if (!openValue) {
       resetText();
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [picker]);
   useEffect(function () {
     setSelectedValue(dateValue);
@@ -264,28 +243,22 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     setViewDate(selectedValue || newDate());
     triggerOpen(false);
   });
-
   var triggerChange = function triggerChange(newValue) {
     if (onSelect) {
       onSelect(newValue);
     }
-
     if (onChange && !isEqual(dateValue, newValue)) {
       onChange(newValue, newValue ? formatDate(newValue, _format) : '');
     }
-
     setSelectedValue(newValue);
     setDateValue(newValue);
   };
-
   var triggerOpen = function triggerOpen(newOpen) {
     if (disabled && newOpen) {
       return;
     }
-
     triggerInnerOpen(newOpen);
   };
-
   var onContextSelect = function onContextSelect(date, type) {
     if (type === 'inner') {
       setViewDate(date);
@@ -300,7 +273,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       }
     }
   };
-
   var onNow = function onNow() {
     var now = newDate();
     var lowerBoundTime = getLowerBoundTime(getHours(now), getMinutes(now), getSeconds(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
@@ -309,14 +281,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       minute: lowerBoundTime[1],
       second: lowerBoundTime[2]
     });
-
     if (disabledDate && disabledDate(adjustedNow) || disabledTimePanel) {
       return;
     }
-
     onContextSelect(adjustedNow, 'submit');
   };
-
   var extraFooter = getExtraFooter(datePickerPrefixCls, mergedMode, renderExtraFooter);
   var rangesNode = getRanges({
     prefixCls: datePickerPrefixCls,
@@ -329,7 +298,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     onOk: function onOk() {
       if (selectedValue) {
         onContextSelect(selectedValue, 'submit');
-
         if (_onOk) {
           _onOk(selectedValue);
         }
@@ -337,13 +305,10 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
   });
   var todayNode;
-
   if (showToday && mergedMode === 'date' && picker === 'date' && !showTime) {
     var now = newDate();
     var todayCls = "".concat(datePickerPrefixCls, "-today-btn");
-
     var _disabled = disabledDate && disabledDate(now);
-
     todayNode = /*#__PURE__*/React.createElement("div", {
       className: classnames(todayCls, _disabled && "".concat(datePickerPrefixCls, "-btn-disabled")),
       "aria-disabled": _disabled,
@@ -354,20 +319,16 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       }
     }, datePickerLang.today);
   }
-
   var panelProps = _extends(_extends({}, datePickerProps), {
     format: _format,
     onChange: setSelectedValue
-  }); // 渲染日期选择表盘
-
-
+  });
+  // 渲染日期选择表盘
   var renderPanel = function renderPanel() {
     var panelNode = /*#__PURE__*/React.createElement(Panel, _extends({}, panelProps));
-
     if (panelRender) {
       panelNode = panelRender(panelNode);
     }
-
     return /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         hours: hours,
@@ -393,7 +354,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       className: "".concat(datePickerPrefixCls, "-footer")
     }, extraFooter, rangesNode, todayNode) : null);
   };
-
   var inputProps = {
     inputRef: inputRef,
     panelDivRef: popperRef,
@@ -453,7 +413,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     getPopupContainer: getPopupContainer
   });
 };
-
 var DatePicker = /*#__PURE__*/React.forwardRef(InternalDatePicker);
 DatePicker.displayName = 'DatePicker';
 export default DatePicker;

package/es/date-picker/hooks/use-hover-value.js

@@ -4,43 +4,35 @@ import { useState, useEffect, useRef } from 'react';
 import useValueTexts from './use-value-texts';
 export default function useHoverValue(valueText, _ref) {
   var format = _ref.format;
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      internalSetValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    internalSetValue = _useState2[1];
   var ref = useRef();
-
   function setValue(val) {
     var immediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     isNumber(ref.current) && cancelAnimationFrame(ref.current);
-
     if (immediately) {
       internalSetValue(val);
       return;
     }
-
     ref.current = requestAnimationFrame(function () {
       internalSetValue(val);
     });
   }
-
   var valueTexts = useValueTexts(value, {
     format: format
   });
-
   function onEnter(date) {
     setValue(date);
   }
-
   function onLeave() {
     var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     setValue(null, immediately);
   }
-
   useEffect(function () {
-    onLeave(true); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onLeave(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [valueText]);
   useEffect(function () {
     return function () {

package/es/date-picker/hooks/use-picker-input.js

@@ -4,26 +4,23 @@ import { useState, useEffect, useRef } from 'react';
 import KeyCode from '../../_utils/KeyCode';
 export default function usePickerInput(_ref) {
   var preventBlurRef = _ref.preventBlurRef,
-      open = _ref.open,
-      value = _ref.value,
-      isClickOutside = _ref.isClickOutside,
-      triggerOpen = _ref.triggerOpen,
-      blurToCancel = _ref.blurToCancel,
-      onSubmit = _ref.onSubmit,
-      onCancel = _ref.onCancel,
-      _onFocus = _ref.onFocus,
-      _onBlur = _ref.onBlur;
-
+    open = _ref.open,
+    value = _ref.value,
+    isClickOutside = _ref.isClickOutside,
+    triggerOpen = _ref.triggerOpen,
+    blurToCancel = _ref.blurToCancel,
+    onSubmit = _ref.onSubmit,
+    onCancel = _ref.onCancel,
+    _onFocus = _ref.onFocus,
+    _onBlur = _ref.onBlur;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      typing = _useState2[0],
-      setTyping = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    typing = _useState2[0],
+    setTyping = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
   var valueChangedRef = useRef(false);
   var inputProps = {
     onMouseDown: function onMouseDown() {
@@ -32,10 +29,8 @@ export default function usePickerInput(_ref) {
     },
     onKeyDown: function onKeyDown(e) {
       var _context;
-
       setTyping(true);
       triggerOpen(true);
-
       switch (e.which) {
         case KeyCode.ENTER:
           {
@@ -44,21 +39,17 @@ export default function usePickerInput(_ref) {
             } else if (onSubmit() !== false) {
               setTyping(true);
             }
-
             e.preventDefault();
             return;
           }
-
         case KeyCode.TAB:
           {
             if (typing && open && !e.shiftKey) {
               setTyping(false);
               e.preventDefault();
             }
-
             return;
           }
-
         case KeyCode.ESC:
           {
             setTyping(true);
@@ -66,7 +57,6 @@ export default function usePickerInput(_ref) {
             return;
           }
       }
-
       if (!open && !_includesInstanceProperty(_context = [KeyCode.SHIFT]).call(_context, e.which)) {
         triggerOpen(true);
       }
@@ -74,7 +64,6 @@ export default function usePickerInput(_ref) {
     onFocus: function onFocus(e) {
       setTyping(true);
       setFocused(true);
-
       if (_onFocus) {
         _onFocus(e);
       }
@@ -84,7 +73,6 @@ export default function usePickerInput(_ref) {
         // preventBlurRef.current = false
         return;
       }
-
       if (blurToCancel) {
         setTimeout(function () {
           if (isClickOutside(document.activeElement)) {
@@ -94,15 +82,13 @@ export default function usePickerInput(_ref) {
       } else if (open) {
         triggerOpen(false);
       }
-
       setFocused(false);
-
       if (_onBlur) {
         _onBlur(e);
       }
     }
-  }; // check if value changed
-
+  };
+  // check if value changed
   useEffect(function () {
     valueChangedRef.current = false;
   }, [open]);