@shoplflow/base 0.24.31 → 0.24.33

package/dist/index.cjs

@@ -1431,6 +1431,8 @@ var Button = React2.forwardRef(
             exports.Text,
             {
               lineClamp,
+              whiteSpace: "nowrap",
+              wordBreak: "keep-all",
               color: styleVar === "PRIMARY" ? "neutral0" : "neutral700",
               typography: sizeVar === "M" ? "body1_400" : "body2_400",
               children
@@ -1726,7 +1728,10 @@ exports.PopperPortal = React2.forwardRef(
     const { floatingStyles, setFloating, isOpen } = usePopper();
     const animation = initialAnimation != null ? initialAnimation : fadeInOut;
     const refs = useMergeRefs(ref, setFloating);
-    return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+    if (!isOpen) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
         initial: animation.initial,
@@ -2910,9 +2915,10 @@ var InputButton = React2.forwardRef(
       "onClear",
       "width"
     ]);
-    const [text, setText] = React2.useState("");
+    var _a2, _b2;
+    const [text, setText] = React2.useState((_a2 = value != null ? value : defaultValue) != null ? _a2 : "");
     const [isHovered, setIsHovered] = React2.useState(false);
-    const prevValue = React2.useRef(value);
+    const prevValue = React2.useRef((_b2 = value != null ? value : defaultValue) != null ? _b2 : "");
     const convertToString = React2.useCallback((value2) => {
       if (typeof value2 !== "number") {
         return typeof value2 === "string" ? value2 : value2.join("");
@@ -2939,24 +2945,21 @@ var InputButton = React2.forwardRef(
       setIsHovered(false);
     };
     React2.useEffect(() => {
-      if (defaultValue) {
-        const convertString = convertToString(defaultValue);
-        setText(convertString);
+      if (prevValue.current === value) {
+        return;
       }
-    }, [convertToString, defaultValue]);
-    React2.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]);
     React2.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__ */ jsxRuntime.jsx(
       InputWrapper,
       {
@@ -2970,7 +2973,7 @@ var InputButton = React2.forwardRef(
         maxHeight: "40px",
         width,
         children: /* @__PURE__ */ jsxRuntime.jsxs(StyledInputButton, { onClick: handleOnClick, disabled, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StyledInputButtonContent, __spreadValues({ className: "body1_400", defaultValue: text, ref }, rest)),
+          /* @__PURE__ */ jsxRuntime.jsx(StyledInputButtonContent, __spreadValues({ className: "body1_400", value: text, ref }, rest)),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Horizontal, { align: "center", children: [
             text && /* @__PURE__ */ jsxRuntime.jsx(exports.IconButton, { sizeVar: "S", onClick: handleOnClear, styleVar: "GHOST", disabled, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { iconSource: assetFunction("DeleteIcon"), color: "neutral350" }) }),
             rightSource