design-zystem 1.0.302 → 1.0.303
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +4 -2
- package/dist/index.mjs +4 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5302,10 +5302,11 @@ var Popover = ({
|
|
|
5302
5302
|
viewportPadding,
|
|
5303
5303
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
5304
5304
|
),
|
|
5305
|
-
left: align === "left" ? rect.left : rect.right
|
|
5305
|
+
left: align === "left" ? rect.left : rect.right,
|
|
5306
|
+
width: fullWidth ? rect.width : void 0
|
|
5306
5307
|
});
|
|
5307
5308
|
}
|
|
5308
|
-
}, [items.length, anchorRef, offsetY, align]);
|
|
5309
|
+
}, [items.length, anchorRef, offsetY, align, fullWidth]);
|
|
5309
5310
|
(0, import_react28.useEffect)(() => {
|
|
5310
5311
|
const handleClickOutside = (event) => {
|
|
5311
5312
|
var _a, _b;
|
|
@@ -5337,6 +5338,7 @@ var Popover = ({
|
|
|
5337
5338
|
top: menuPosition.top,
|
|
5338
5339
|
bottom: "auto",
|
|
5339
5340
|
left: menuPosition.left,
|
|
5341
|
+
width: menuPosition.width,
|
|
5340
5342
|
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
5341
5343
|
};
|
|
5342
5344
|
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
|
package/dist/index.mjs
CHANGED
|
@@ -5181,10 +5181,11 @@ var Popover = ({
|
|
|
5181
5181
|
viewportPadding,
|
|
5182
5182
|
Math.min(top, window.innerHeight - menuHeight - viewportPadding)
|
|
5183
5183
|
),
|
|
5184
|
-
left: align === "left" ? rect.left : rect.right
|
|
5184
|
+
left: align === "left" ? rect.left : rect.right,
|
|
5185
|
+
width: fullWidth ? rect.width : void 0
|
|
5185
5186
|
});
|
|
5186
5187
|
}
|
|
5187
|
-
}, [items.length, anchorRef, offsetY, align]);
|
|
5188
|
+
}, [items.length, anchorRef, offsetY, align, fullWidth]);
|
|
5188
5189
|
useEffect14(() => {
|
|
5189
5190
|
const handleClickOutside = (event) => {
|
|
5190
5191
|
var _a, _b;
|
|
@@ -5216,6 +5217,7 @@ var Popover = ({
|
|
|
5216
5217
|
top: menuPosition.top,
|
|
5217
5218
|
bottom: "auto",
|
|
5218
5219
|
left: menuPosition.left,
|
|
5220
|
+
width: menuPosition.width,
|
|
5219
5221
|
transform: align === "left" ? "none" : "translateX(-100%)"
|
|
5220
5222
|
};
|
|
5221
5223
|
return /* @__PURE__ */ jsxs26(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
|