@lanaco/lnc-react-ui 3.11.32 → 3.11.33

package/lib/index.esm.js

@@ -2964,7 +2964,7 @@ function useFirstMountState() {
     return isFirst.current;
 }
 
-var useUpdateEffect$1 = function (effect, deps) {
+var useUpdateEffect = function (effect, deps) {
     var isFirstMount = useFirstMountState();
     useEffect$1(function () {
         if (!isFirstMount) {
@@ -2972,7 +2972,7 @@ var useUpdateEffect$1 = function (effect, deps) {
         }
     }, deps);
 };
-var useUpdateEffect$2 = useUpdateEffect$1;
+var useUpdateEffect$1 = useUpdateEffect;
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -14099,7 +14099,7 @@ var ColorInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var validHexRegex = new RegExp(/^#[0-9A-F]{6}$/i);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     return setVal(value);
   }, [value]);
   var debouncedOnChange = useCallback(lodash_debounce(function (e, val) {
@@ -45433,10 +45433,10 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var handleFocus = function handleFocus(e) {
@@ -45600,7 +45600,7 @@ var StyledInput = newStyled.input(_templateObject5$4 || (_templateObject5$4 = _t
   return getDisabledStateCss(props.theme);
 });
 
-var _excluded$19 = ["wrapperRef", "disabled", "readOnly", "debounceTime", "placeholder", "prefix", "suffix", "value", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$19 = ["wrapperRef", "disabled", "readOnly", "debounceTime", "placeholder", "prefix", "suffix", "value", "defaultValue", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
@@ -45614,6 +45614,7 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     prefix = props.prefix,
     suffix = props.suffix,
     value = props.value,
+    defaultValue = props.defaultValue,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -45628,12 +45629,14 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     rest = _objectWithoutProperties$1(props, _excluded$19);
   var inputRef = useRef();
   var theme = useTheme$1();
-  var _useState = useState(value || ""),
+  var _useState = useState(value || defaultValue || ""),
     _useState2 = _slicedToArray$2(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  useUpdateEffect(function () {
-    return setInputValue(value);
+  useEffect$1(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
   }, [value]);
   var _useState3 = useState(true),
     _useState4 = _slicedToArray$2(_useState3, 2),
@@ -45656,10 +45659,10 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var toggleLocked = function toggleLocked() {
@@ -46069,7 +46072,7 @@ var RangeSliderInput = /*#__PURE__*/React__default.forwardRef(function (props, r
     _useState8 = _slicedToArray$2(_useState7, 2),
     inputValue = _useState8[0],
     setInputValue = _useState8[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setInputValue(value);
   }, [value]);
   useEffect$1(function () {
@@ -46495,10 +46498,10 @@ var TextAreaInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var handleFocus = function handleFocus(e) {
@@ -46658,10 +46661,10 @@ var TimeInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(e.target.value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SyledInput, _extends$4({
@@ -47046,7 +47049,7 @@ var DataView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       }
     };
   });
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setCurrentViewType(activeViewType);
   }, [activeViewType]);
   var _changeView = function _changeView(nextViewType) {
@@ -72274,7 +72277,7 @@ var Kanban = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     setItems(data);
     setContainers(Object.keys(data));
   });
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setItems(data);
     setContainers(Object.keys(data));
   }, [data]);
@@ -73457,10 +73460,10 @@ var Pagination = function Pagination(props) {
     _useState2 = _slicedToArray$2(_useState, 2),
     page = _useState2[0],
     setPage = _useState2[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setPage(currentPage);
   }, [currentPage]);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     onPageChange(page);
   }, [page]);
 
@@ -81871,10 +81874,10 @@ var TabItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     if (itemClick && !disabled) itemClick(index);
     if (onClick && !disabled) onClick(e);
   };
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsActive(active);
   }, [active]);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsActive(activeIndex == index);
   }, [activeIndex]);
   return /*#__PURE__*/React__default.createElement(Tab, _extends$4({
@@ -81973,7 +81976,7 @@ var Accordion = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray$2(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsExpanded(expanded);
   }, [expanded]);
   var onExpand = function onExpand(e) {

package/lib/index.js

@@ -3013,7 +3013,7 @@ function useFirstMountState() {
     return isFirst.current;
 }
 
-var useUpdateEffect$1 = function (effect, deps) {
+var useUpdateEffect = function (effect, deps) {
     var isFirstMount = useFirstMountState();
     React.useEffect(function () {
         if (!isFirstMount) {
@@ -3021,7 +3021,7 @@ var useUpdateEffect$1 = function (effect, deps) {
         }
     }, deps);
 };
-var useUpdateEffect$2 = useUpdateEffect$1;
+var useUpdateEffect$1 = useUpdateEffect;
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -14148,7 +14148,7 @@ var ColorInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
     isFocused = _useState4[0],
     setIsFocused = _useState4[1];
   var validHexRegex = new RegExp(/^#[0-9A-F]{6}$/i);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     return setVal(value);
   }, [value]);
   var debouncedOnChange = React.useCallback(lodash_debounce(function (e, val) {
@@ -45482,10 +45482,10 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var handleFocus = function handleFocus(e) {
@@ -45649,7 +45649,7 @@ var StyledInput = newStyled.input(_templateObject5$4 || (_templateObject5$4 = _t
   return getDisabledStateCss(props.theme);
 });
 
-var _excluded$19 = ["wrapperRef", "disabled", "readOnly", "debounceTime", "placeholder", "prefix", "suffix", "value", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$19 = ["wrapperRef", "disabled", "readOnly", "debounceTime", "placeholder", "prefix", "suffix", "value", "defaultValue", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
@@ -45663,6 +45663,7 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     prefix = props.prefix,
     suffix = props.suffix,
     value = props.value,
+    defaultValue = props.defaultValue,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -45677,12 +45678,14 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     rest = _objectWithoutProperties__default["default"](props, _excluded$19);
   var inputRef = React.useRef();
   var theme = useTheme$1();
-  var _useState = React.useState(value || ""),
+  var _useState = React.useState(value || defaultValue || ""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  useUpdateEffect(function () {
-    return setInputValue(value);
+  React.useEffect(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
   }, [value]);
   var _useState3 = React.useState(true),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -45705,10 +45708,10 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var toggleLocked = function toggleLocked() {
@@ -46118,7 +46121,7 @@ var RangeSliderInput = /*#__PURE__*/React__default["default"].forwardRef(functio
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     inputValue = _useState8[0],
     setInputValue = _useState8[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setInputValue(value);
   }, [value]);
   React.useEffect(function () {
@@ -46544,10 +46547,10 @@ var TextAreaInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var handleFocus = function handleFocus(e) {
@@ -46707,10 +46710,10 @@ var TimeInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     return handleChange(e, val);
   }, debounceTime), [onChange]);
   var handleChange = function handleChange(e, value) {
-    setInputValue(e.target.value);
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SyledInput, _extends__default$1["default"]({
@@ -47095,7 +47098,7 @@ var DataView = /*#__PURE__*/React__default["default"].forwardRef(function (props
       }
     };
   });
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setCurrentViewType(activeViewType);
   }, [activeViewType]);
   var _changeView = function _changeView(nextViewType) {
@@ -72323,7 +72326,7 @@ var Kanban = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     setItems(data);
     setContainers(Object.keys(data));
   });
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setItems(data);
     setContainers(Object.keys(data));
   }, [data]);
@@ -73506,10 +73509,10 @@ var Pagination = function Pagination(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     page = _useState2[0],
     setPage = _useState2[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setPage(currentPage);
   }, [currentPage]);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     onPageChange(page);
   }, [page]);
 
@@ -81920,10 +81923,10 @@ var TabItem = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     if (itemClick && !disabled) itemClick(index);
     if (onClick && !disabled) onClick(e);
   };
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsActive(active);
   }, [active]);
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsActive(activeIndex == index);
   }, [activeIndex]);
   return /*#__PURE__*/React__default["default"].createElement(Tab, _extends__default$1["default"]({
@@ -82022,7 +82025,7 @@ var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  useUpdateEffect$2(function () {
+  useUpdateEffect$1(function () {
     setIsExpanded(expanded);
   }, [expanded]);
   var onExpand = function onExpand(e) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.11.32",
+  "version": "3.11.33",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",