@lanaco/lnc-react-ui 3.11.31 → 3.11.32

package/lib/index.js

@@ -3013,7 +3013,7 @@ function useFirstMountState() {
     return isFirst.current;
 }
 
-var useUpdateEffect = function (effect, deps) {
+var useUpdateEffect$1 = function (effect, deps) {
     var isFirstMount = useFirstMountState();
     React.useEffect(function () {
         if (!isFirstMount) {
@@ -3021,7 +3021,7 @@ var useUpdateEffect = function (effect, deps) {
         }
     }, deps);
 };
-var useUpdateEffect$1 = useUpdateEffect;
+var useUpdateEffect$2 = useUpdateEffect$1;
 
 /******************************************************************************
 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$1(function () {
+  useUpdateEffect$2(function () {
     return setVal(value);
   }, [value]);
   var debouncedOnChange = React.useCallback(lodash_debounce(function (e, val) {
@@ -43347,7 +43347,7 @@ var StyledInput$2 = newStyled.input(_templateObject4$a || (_templateObject4$a =
   return getDisabledStateCss(props.theme);
 });
 
-var _excluded$1e = ["disabled", "readOnly", "debounceTime", "type", "placeholder", "tabIndex", "prefix", "suffix", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$1e = ["disabled", "readOnly", "defaultValue", "value", "debounceTime", "type", "placeholder", "tabIndex", "prefix", "suffix", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
@@ -43355,6 +43355,8 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
   //
   var disabled = props.disabled,
     readOnly = props.readOnly,
+    defaultValue = props.defaultValue,
+    value = props.value,
     _props$debounceTime = props.debounceTime,
     debounceTime = _props$debounceTime === void 0 ? 180 : _props$debounceTime,
     _props$type = props.type,
@@ -43376,14 +43378,19 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     color = _props$color === void 0 ? "primary" : _props$color,
     rest = _objectWithoutProperties__default["default"](props, _excluded$1e);
   var theme = useTheme$1();
-  // const [inputValue, setInputValue] = useState(value);
-  var _useState = React.useState(false),
+  var _useState = React.useState(value || defaultValue || ""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    focused = _useState2[0],
-    setFocused = _useState2[1];
-
-  // useUpdateEffect(() => setInputValue(value), [value]);
-
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
+  React.useEffect(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
+  }, [value]);
   var debouncedOnChange = React.useCallback(lodash.exports.debounce(function (e, val) {
     return handleChange(e, val);
   }, debounceTime), [onChange]);
@@ -43391,11 +43398,11 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     if (onChange) onChange === null || onChange === void 0 ? void 0 : onChange(e, value);
   };
   var onValueChange = function onValueChange(e) {
-    // if (value || value === "") setInputValue(e.target.value);
+    // if (value || value === "") 
+    setInputValue(e.target.value);
     debouncedOnChange(e, e.target.value);
   };
   var handleFocus = function handleFocus(e) {
-    console.log("focus", e);
     setFocused(true);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
@@ -43432,8 +43439,8 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: onValueChange,
-    tabIndex: tabIndex
-    // value={inputValue}
+    tabIndex: tabIndex,
+    value: inputValue
   }, rest)), suffix && /*#__PURE__*/React__default["default"].createElement(StyledSuffix$3, {
     theme: theme,
     color: color,
@@ -45424,7 +45431,7 @@ var StyledInput$1 = newStyled.input(_templateObject4$8 || (_templateObject4$8 =
   return getDisabledStateCss(props.theme);
 });
 
-var _excluded$1a = ["disabled", "readOnly", "debounceTime", "step", "min", "max", "prefix", "suffix", "placeholder", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$1a = ["disabled", "readOnly", "debounceTime", "step", "min", "max", "prefix", "suffix", "placeholder", "value", "defaultValue", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
@@ -45443,6 +45450,8 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     prefix = props.prefix,
     suffix = props.suffix,
     placeholder = props.placeholder,
+    value = props.value,
+    defaultValue = props.defaultValue,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -45456,14 +45465,24 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     color = _props$color === void 0 ? "primary" : _props$color,
     rest = _objectWithoutProperties__default["default"](props, _excluded$1a);
   var theme = useTheme$1();
-  var _useState = React.useState(false),
+  var _useState = React.useState(value || defaultValue || ""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    focused = _useState2[0],
-    setFocused = _useState2[1];
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
+  useEffect(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
+  }, [value]);
   var debouncedOnChange = React.useCallback(lodash.exports.debounce(function (e, val) {
     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) {
@@ -45504,9 +45523,8 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     readOnly: readOnly,
     step: step,
     min: min,
-    max: max
-    // value={inputValue}
-    ,
+    max: max,
+    value: inputValue,
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: onValueChange
@@ -45631,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", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$19 = ["wrapperRef", "disabled", "readOnly", "debounceTime", "placeholder", "prefix", "suffix", "value", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
@@ -45644,6 +45662,7 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     placeholder = props.placeholder,
     prefix = props.prefix,
     suffix = props.suffix,
+    value = props.value,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -45658,14 +45677,21 @@ 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(true),
+  var _useState = React.useState(value || ""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    locked = _useState2[0],
-    setLocked = _useState2[1];
-  var _useState3 = React.useState(false),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useUpdateEffect(function () {
+    return setInputValue(value);
+  }, [value]);
+  var _useState3 = React.useState(true),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
+    locked = _useState4[0],
+    setLocked = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    focused = _useState6[0],
+    setFocused = _useState6[1];
   React.useEffect(function () {
     var _inputRef$current;
     var inputValue = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || "";
@@ -45679,6 +45705,7 @@ 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) {
@@ -45725,7 +45752,8 @@ var PasswordInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     focused: focused,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    onChange: onValueChange
+    onChange: onValueChange,
+    value: inputValue
   }, rest)), /*#__PURE__*/React__default["default"].createElement(StyledLockIcon, {
     theme: theme,
     color: color,
@@ -46090,7 +46118,7 @@ var RangeSliderInput = /*#__PURE__*/React__default["default"].forwardRef(functio
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     inputValue = _useState8[0],
     setInputValue = _useState8[1];
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setInputValue(value);
   }, [value]);
   React.useEffect(function () {
@@ -46454,13 +46482,15 @@ var index$2 = /* #__PURE__ */React.forwardRef(TextareaAutosize);
 
 var ReactTextareaAutosize = index$2;
 
-var _excluded$15 = ["disabled", "readOnly", "debounceTime", "type", "collapseOnBlur", "minRows", "maxRows", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
+var _excluded$15 = ["disabled", "readOnly", "value", "defaultValue", "debounceTime", "type", "collapseOnBlur", "minRows", "maxRows", "onChange", "onBlur", "onFocus", "className", "style", "size", "color"];
 
 //===================================================
 
 var TextAreaInput = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var disabled = props.disabled,
     readOnly = props.readOnly,
+    value = props.value,
+    defaultValue = props.defaultValue,
     _props$debounceTime = props.debounceTime,
     debounceTime = _props$debounceTime === void 0 ? 180 : _props$debounceTime;
     props.type;
@@ -46481,19 +46511,28 @@ var TextAreaInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     _props$color = props.color,
     color = _props$color === void 0 ? "primary" : _props$color,
     rest = _objectWithoutProperties__default["default"](props, _excluded$15);
-  var theme = useTheme$1();
-  var _useState = React.useState(false),
+  var _useState = React.useState(value || defaultValue || ""),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    focused = _useState2[0],
-    setFocused = _useState2[1];
-  var _useState3 = React.useState(minRows),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var theme = useTheme$1();
+  var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    innerMinRows = _useState4[0],
-    setInnerMinRows = _useState4[1];
-  var _useState5 = React.useState(collapseOnBlur ? minRows : maxRows),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
+  var _useState5 = React.useState(minRows),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    innerMaxRows = _useState6[0],
-    setInnerMaxRows = _useState6[1];
+    innerMinRows = _useState6[0],
+    setInnerMinRows = _useState6[1];
+  var _useState7 = React.useState(collapseOnBlur ? minRows : maxRows),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    innerMaxRows = _useState8[0],
+    setInnerMaxRows = _useState8[1];
+  React.useEffect(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
+  }, [value]);
   React.useEffect(function () {
     setInnerMinRows(minRows);
     if (collapseOnBlur && focused === false) setInnerMaxRows(minRows);
@@ -46505,6 +46544,7 @@ 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) {
@@ -46536,9 +46576,8 @@ var TextAreaInput = /*#__PURE__*/React__default["default"].forwardRef(function (
     collapseOnBlur: collapseOnBlur
   }, /*#__PURE__*/React__default["default"].createElement(ReactTextareaAutosize, _extends__default$1["default"]({
     ref: ref,
-    disabled: disabled
-    // value={inputValue}
-    ,
+    disabled: disabled,
+    value: inputValue,
     readOnly: readOnly,
     minRows: innerMinRows,
     maxRows: innerMaxRows,
@@ -46608,7 +46647,7 @@ TextAreaInput.propTypes = {
   color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "gray"])
 };
 
-var _excluded$14 = ["disabled", "readOnly", "debounceTime", "onChange", "className", "style", "size", "color"];
+var _excluded$14 = ["disabled", "readOnly", "defaultValue", "value", "debounceTime", "onChange", "className", "style", "size", "color"];
 var _templateObject$1d;
 var standardCssFields$1 = function standardCssFields(_ref) {
   var theme = _ref.theme,
@@ -46640,6 +46679,8 @@ var SyledInput = newStyled.input(_templateObject$1d || (_templateObject$1d = _ta
 var TimeInput = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var disabled = props.disabled,
     readOnly = props.readOnly,
+    defaultValue = props.defaultValue,
+    value = props.value,
     _props$debounceTime = props.debounceTime,
     debounceTime = _props$debounceTime === void 0 ? 180 : _props$debounceTime,
     onChange = props.onChange,
@@ -46653,10 +46694,20 @@ var TimeInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     color = _props$color === void 0 ? "primary" : _props$color,
     rest = _objectWithoutProperties__default["default"](props, _excluded$14);
   var theme = useTheme$1();
+  var _useState = React.useState(value || defaultValue || ""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useEffect(function () {
+    if (value !== null && value !== undefined) {
+      setInputValue(value);
+    }
+  }, [value]);
   var debouncedOnChange = React.useCallback(lodash.exports.debounce(function (e, val) {
     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) {
@@ -46672,7 +46723,8 @@ var TimeInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     color: color,
     size: size,
     className: className,
-    style: style
+    style: style,
+    value: inputValue
   }, rest)));
 });
 
@@ -47043,7 +47095,7 @@ var DataView = /*#__PURE__*/React__default["default"].forwardRef(function (props
       }
     };
   });
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setCurrentViewType(activeViewType);
   }, [activeViewType]);
   var _changeView = function _changeView(nextViewType) {
@@ -72271,7 +72323,7 @@ var Kanban = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     setItems(data);
     setContainers(Object.keys(data));
   });
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setItems(data);
     setContainers(Object.keys(data));
   }, [data]);
@@ -73454,10 +73506,10 @@ var Pagination = function Pagination(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     page = _useState2[0],
     setPage = _useState2[1];
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setPage(currentPage);
   }, [currentPage]);
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     onPageChange(page);
   }, [page]);
 
@@ -81868,10 +81920,10 @@ var TabItem = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     if (itemClick && !disabled) itemClick(index);
     if (onClick && !disabled) onClick(e);
   };
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setIsActive(active);
   }, [active]);
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(function () {
     setIsActive(activeIndex == index);
   }, [activeIndex]);
   return /*#__PURE__*/React__default["default"].createElement(Tab, _extends__default$1["default"]({
@@ -81970,7 +82022,7 @@ var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  useUpdateEffect$1(function () {
+  useUpdateEffect$2(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.31",
+  "version": "3.11.32",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",