@shoplflow/base 0.24.32 → 0.24.34

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
@@ -1690,7 +1692,7 @@ var Popper = ({
   children
 }) => {
   const [isOpen, setIsOpen] = React2.useState(false);
-  const { refs, floatingStyles } = reactDom.useFloating({
+  const _a = reactDom.useFloating({
     strategy,
     placement,
     whileElementsMounted: react.autoUpdate,
@@ -1701,11 +1703,11 @@ var Popper = ({
       }, initialAutoPlacement)),
       ...middlewares != null ? middlewares : []
     ]
-  });
+  }), { refs, floatingStyles } = _a, floating = __objRest(_a, ["refs", "floatingStyles"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     PopperContext.Provider,
     {
-      value: __spreadProps(__spreadValues({}, refs), { floatingStyles: __spreadProps(__spreadValues({}, floatingStyles), { zIndex: 20002 }), isOpen, setIsOpen }),
+      value: __spreadProps(__spreadValues(__spreadValues({ isOpen, setIsOpen }, floating), refs), { floatingStyles: __spreadProps(__spreadValues({}, floatingStyles), { zIndex: 20002 }) }),
       children
     }
   );
@@ -2913,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("");
@@ -2942,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,
       {
@@ -2973,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