@shoplflow/base 0.24.32 → 0.24.33

package/dist/index.js

@@ -1406,6 +1406,8 @@ var Button = forwardRef(
             Text_default,
             {
               lineClamp,
+              whiteSpace: "nowrap",
+              wordBreak: "keep-all",
               color: styleVar === "PRIMARY" ? "neutral0" : "neutral700",
               typography: sizeVar === "M" ? "body1_400" : "body2_400",
               children
@@ -2888,9 +2890,10 @@ var InputButton = forwardRef(
       "onClear",
       "width"
     ]);
-    const [text, setText] = useState("");
+    var _a2, _b2;
+    const [text, setText] = useState((_a2 = value != null ? value : defaultValue) != null ? _a2 : "");
     const [isHovered, setIsHovered] = useState(false);
-    const prevValue = useRef(value);
+    const prevValue = useRef((_b2 = value != null ? value : defaultValue) != null ? _b2 : "");
     const convertToString = useCallback((value2) => {
       if (typeof value2 !== "number") {
         return typeof value2 === "string" ? value2 : value2.join("");
@@ -2917,24 +2920,21 @@ var InputButton = forwardRef(
       setIsHovered(false);
     };
     useEffect(() => {
-      if (defaultValue) {
-        const convertString = convertToString(defaultValue);
-        setText(convertString);
+      if (prevValue.current === value) {
+        return;
       }
-    }, [convertToString, defaultValue]);
-    useEffect(() => {
-      if (!(value === void 0 || value === null)) {
-        if (prevValue.current === value) {
-          return;
-        }
+      if (value || value === "") {
         const convertString = convertToString(value);
         setText(convertString);
         prevValue.current = convertString;
       }
     }, [convertToString, value]);
     useEffect(() => {
-      onChange && onChange(convertToString(value != null ? value : ""));
-    }, [convertToString, onChange, value]);
+      if (prevValue.current === value) {
+        return;
+      }
+      onChange && onChange(convertToString(text));
+    }, [convertToString, onChange, value, text]);
     return /* @__PURE__ */ jsx(
       InputWrapper,
       {
@@ -2948,7 +2948,7 @@ var InputButton = forwardRef(
         maxHeight: "40px",
         width,
         children: /* @__PURE__ */ jsxs(StyledInputButton, { onClick: handleOnClick, disabled, children: [
-          /* @__PURE__ */ jsx(StyledInputButtonContent, __spreadValues({ className: "body1_400", defaultValue: text, ref }, rest)),
+          /* @__PURE__ */ jsx(StyledInputButtonContent, __spreadValues({ className: "body1_400", value: text, ref }, rest)),
           /* @__PURE__ */ jsxs(Stack_default.Horizontal, { align: "center", children: [
             text && /* @__PURE__ */ jsx(IconButton_default, { sizeVar: "S", onClick: handleOnClear, styleVar: "GHOST", disabled, children: /* @__PURE__ */ jsx(Icon_default, { iconSource: assetFunction("DeleteIcon"), color: "neutral350" }) }),
             rightSource