@indico-data/design-system 2.32.1 → 2.33.0
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/lib/index.d.ts +4 -1
- package/lib/index.esm.js +3 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/src/components/floatUI/FloatUI.d.ts +1 -1
- package/lib/src/components/floatUI/types.d.ts +3 -0
- package/package.json +1 -1
- package/src/components/floatUI/FloatUI.stories.tsx +11 -0
- package/src/components/floatUI/FloatUI.tsx +7 -1
- package/src/components/floatUI/types.ts +3 -0
package/lib/index.js
CHANGED
|
@@ -22062,7 +22062,7 @@ const defaultOptions$1 = {
|
|
|
22062
22062
|
placement: 'bottom-start',
|
|
22063
22063
|
middleware: [offset$4(5), flip$4(), shift$2()],
|
|
22064
22064
|
};
|
|
22065
|
-
function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, floatingOptions = defaultOptions$1, }) {
|
|
22065
|
+
function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, }) {
|
|
22066
22066
|
const [internalIsOpen, setInternalIsOpen] = React$1.useState(false);
|
|
22067
22067
|
// Determine whether the component is controlled or uncontrolled
|
|
22068
22068
|
const isControlled = controlledIsOpen !== undefined && controlledSetIsOpen !== undefined;
|
|
@@ -22089,7 +22089,8 @@ function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: con
|
|
|
22089
22089
|
top: y !== null && y !== void 0 ? y : 0,
|
|
22090
22090
|
left: x !== null && x !== void 0 ? x : 0,
|
|
22091
22091
|
}, role: "dialog", "aria-label": ariaLabel, className: "floatui-container", children: jsxRuntime.jsx("div", { ref: floatUIContentRef, className: "floatui-content", children: content }) }));
|
|
22092
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: referenceElementRef, onClick: () => setIsOpen(!isOpen), children: trigger }), isOpen &&
|
|
22092
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: referenceElementRef, onClick: () => setIsOpen(!isOpen), children: trigger }), isOpen &&
|
|
22093
|
+
(isPortal ? (jsxRuntime.jsx(FloatingPortal, { id: portalOptions === null || portalOptions === void 0 ? void 0 : portalOptions.rootId, children: tooltipContent })) : (tooltipContent))] }));
|
|
22093
22094
|
}
|
|
22094
22095
|
|
|
22095
22096
|
function Menu({ children }) {
|