@wix/design-system 1.158.0 → 1.159.0

package/dist/esm/PopoverNext/PopoverNext.story.js

@@ -1,46 +1,36 @@
-import React from 'react';
+import React, { useState } from 'react';
 import Box from '../Box';
 import PopoverNext from './PopoverNext';
 import DatePickerNext from './components/DatePickerNext/DatePickerNext';
 import DatePicker from '../DatePicker';
 import { Popover } from '..';
+import { APPEND_TO } from './PopoverNext.constants';
 export default {
     title: 'PopoverNext',
     component: PopoverNext,
 };
-const commonProps = {
-    dataHook: 'popover',
-    children: [
-        React.createElement(PopoverNext.Trigger, null,
-            React.createElement("button", null, "Popover trigger")),
-        React.createElement(PopoverNext.Content, null,
-            React.createElement(Box, { padding: "10px" }, "Content")),
-    ],
-};
-const ScrollableContent = (props) => {
-    return (React.createElement("div", { style: {
-            marginTop: '100px',
-            overflow: 'hidden',
-            position: 'relative',
-            border: '1px solid black',
-        } },
-        React.createElement("div", { "data-hook": "scrollable", style: {
-                overflow: 'auto',
-                height: '100px',
-            } },
-            React.createElement("div", { style: { padding: '25px 25px 150px' } },
-                React.createElement(Box, { width: "250px", overflow: "hidden", border: "solid 1px black", padding: "50px" },
-                    React.createElement(PopoverNext, { ...props }))))));
-};
 const Template = () => {
-    return (React.createElement(Box, { gap: 5, padding: 50, direction: "vertical", align: "center" },
-        React.createElement(PopoverNext, null,
+    const [shownOld, setShownOld] = useState(false);
+    const [open, setOpen] = useState(false);
+    const common = {
+        showDelay: 500,
+        hideDelay: 1000,
+        timeout: 2000,
+    };
+    return (React.createElement(Box, { gap: 8, padding: 50, direction: "vertical", align: "center" },
+        React.createElement(Popover, { shown: shownOld, onClick: () => setShownOld(true), onClickOutside: () => setShownOld(false), ...common },
+            React.createElement(Popover.Element, null,
+                React.createElement("button", null, "Native button with old")),
+            React.createElement(Popover.Content, null,
+                React.createElement(Box, { padding: "10px" }, "Content"))),
+        React.createElement(PopoverNext, { ...common, open: open, onOpenChange: (open, _) => setOpen(open) },
             React.createElement(PopoverNext.Trigger, null,
-                React.createElement("button", null, "Native button")),
+                React.createElement("button", null, "Native button with new")),
             React.createElement(PopoverNext.Content, null,
                 React.createElement(Box, { padding: "10px" }, "Content")))));
 };
 const ComparisionTemplate = () => {
+    const [open, setOpen] = useState(false);
     const common = {
         dynamicWidth: true,
         // minWidth: 300,
@@ -50,7 +40,7 @@ const ComparisionTemplate = () => {
     const content = 'VEry super long content oh so long';
     const random = (React.createElement("div", { style: { minWidth: '400px', height: '10px', background: 'red' } }));
     return (React.createElement(Box, { gap: 15, padding: 50, direction: "vertical", align: "center" },
-        React.createElement(PopoverNext, { open: true, ...common },
+        React.createElement(PopoverNext, { open: open, onOpenChange: setOpen, ...common },
             React.createElement(PopoverNext.Trigger, null,
                 React.createElement("button", null, "Native button with next")),
             React.createElement(PopoverNext.Content, null,
@@ -71,11 +61,11 @@ const commonDatePickerProps = {
         appendTo: 'parent',
         dynamicWidth: true,
         // excludeClass: 'excludeClass',
-        // flip: true,
+        // flip: false,
         // fixed: false,
+        // placement: 'top',
         // hideDelay: 0,
         // moveArrowTo: 0,
-        // moveBy: { x: 0, y: 0 },
         // onMouseEnter: () => {},
         // onMouseLeave: () => {},
         // placement: 'top',
@@ -83,7 +73,7 @@ const commonDatePickerProps = {
         // timeout: 0,
         // maxWidth: 0,
         // minWidth: 0,
-        width: undefined,
+        // width: undefined,
         zIndex: 1000,
     },
 };
@@ -91,13 +81,87 @@ const commonDatePickerProps = {
 const DatePickersTemplate = () => (React.createElement(Box, { gap: 2, paddingTop: 50, paddingLeft: 50 },
     React.createElement(DatePicker, { placeholderText: "old", ...commonDatePickerProps }),
     React.createElement(DatePickerNext, { placeholderText: "new", ...commonDatePickerProps })));
-const ScrollableTemplate = () => (React.createElement(ScrollableContent, { ...commonProps, appendTo: "window" }));
-export const Basic = Template.bind({});
+const ScrollableContent = () => {
+    const sameProps = {
+        placement: 'top',
+        fixed: false,
+        flip: false,
+        appendTo: APPEND_TO.scrollParent,
+    };
+    return (React.createElement("div", { "data-hook": "parent-of-scrollable", style: {
+            marginTop: '100px',
+            position: 'relative',
+            border: '1px solid black',
+        } },
+        React.createElement("div", { "data-hook": "scrollable", style: {
+                overflow: 'auto',
+                position: 'relative',
+                height: '200px',
+                border: '1px solid green',
+            } },
+            React.createElement("div", { style: { padding: '25px 25px 150px' } },
+                React.createElement(Box, { width: "350px", border: "solid 1px red", padding: "60px", height: 160, gap: 8 },
+                    React.createElement(Popover, { shown: true, showArrow: true, ...sameProps },
+                        React.createElement(Popover.Element, null,
+                            React.createElement("button", null, "I am an plain Button")),
+                        React.createElement(Popover.Content, null,
+                            React.createElement(Box, { padding: "12px 24px", width: 140 }, "Old popover Content"))),
+                    React.createElement(PopoverNext, { ...sameProps, open: true },
+                        React.createElement(PopoverNext.Trigger, null,
+                            React.createElement("button", null, "Popover trigger")),
+                        React.createElement(PopoverNext.Content, null,
+                            React.createElement(Box, { padding: "12px 24px", width: 140 }, "New popover Content"))))))));
+};
+const ScrollableTemplate = () => (React.createElement(ScrollableContent, null));
+const ScrollableWrapper = ({ children, height }) => {
+    return (React.createElement("div", { style: {
+            overflow: 'hidden',
+            position: 'relative',
+            border: '1px solid black',
+        } },
+        React.createElement("div", { "data-hook": "scrollable", style: {
+                overflow: 'auto',
+                height,
+            } },
+            React.createElement("div", { style: { padding: '15px 25px 25px' } },
+                React.createElement(Box, { width: "150px", overflow: "hidden", border: "solid 1px black", padding: "30px" }, children)))));
+};
+const ScrollableContainer = () => {
+    const HEIGHT = '50px';
+    const commonProps = {
+        placement: 'bottom',
+        fixed: true,
+        flip: true,
+        appendTo: 'scrollParent',
+        dataHook: 'popover',
+    };
+    return (React.createElement(Box, { gap: 3, direction: "vertical" },
+        React.createElement(ScrollableWrapper, { height: HEIGHT },
+            React.createElement(PopoverNext, { ...commonProps, open: true, onOpenChange: () => { }, focusManagerEnabled: false },
+                React.createElement(PopoverNext.Trigger, null,
+                    React.createElement("button", null, "Popover trigger")),
+                React.createElement(PopoverNext.Content, null,
+                    React.createElement(Box, { padding: "30px", backgroundColor: "pink", borderRadius: "inherit" }, "Content")))),
+        React.createElement(ScrollableWrapper, { height: HEIGHT },
+            React.createElement(Popover, { ...commonProps, shown: true, onShow: () => { } },
+                React.createElement(Popover.Element, null,
+                    React.createElement("button", null, "Popover trigger")),
+                React.createElement(Popover.Content, null,
+                    React.createElement(Box, { padding: "30px", backgroundColor: "pink", borderRadius: "inherit" }, "Content"))))));
+};
+const ScrollableScrollParentTemplate = () => React.createElement(ScrollableContainer, null);
+export const Basic = {
+    render: () => React.createElement(Template, null),
+};
 Basic.args = {};
-export const Comparision = ComparisionTemplate.bind({});
+export const Comparision = {
+    render: () => React.createElement(ComparisionTemplate, null),
+};
 Comparision.args = {};
 export const DatePickers = DatePickersTemplate.bind({});
 DatePickers.args = {};
 export const Scrollable = ScrollableTemplate.bind({});
 Scrollable.args = {};
+export const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});
+ScrollableScrollParent.args = {};
 //# sourceMappingURL=PopoverNext.story.js.map

package/dist/esm/PopoverNext/PopoverNext.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverNext.story.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopoverNext.story.js","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"names":[],"mappings":"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"}

package/dist/esm/PopoverNext/components/Content/Content.js

@@ -5,17 +5,18 @@ import { usePopoverNextContext } from '../../hooks/usePopoverNextContext';
 import { st, classes } from './Content.st.css.js';
 import { APPEND_TO } from '../../PopoverNext.constants';
 const Content = forwardRef(function Content({ style, ...props }, propRef) {
-    const { dataHook, focusManagerEnabled, context: floatingContext, appendTo, portalRoot, zIndex, ...context } = usePopoverNextContext();
+    const { dataHook, focusManagerEnabled, context, appendTo, portalRoot, zIndex, popoverStyles, interactions, open, } = usePopoverNextContext();
     const ref = mergeRefs(context.refs.setFloating, propRef);
-    if (!floatingContext.open)
+    if (!open) {
         return null;
-    const content = (React.createElement(FloatingFocusManager, { context: floatingContext, disabled: !focusManagerEnabled },
-        React.createElement("div", { ref: ref, "data-hook": `${dataHook}-content`, className: st(classes.root), style: { ...context.floatingStyles, ...style, zIndex }, ...context.getFloatingProps(props) }, props.children)));
+    }
+    const content = (React.createElement(FloatingFocusManager, { context: context, disabled: !focusManagerEnabled },
+        React.createElement("div", { ref: ref, "data-hook": `${dataHook}-content`, className: st(classes.root), style: { ...popoverStyles, ...style, zIndex }, ...interactions.getFloatingProps(props) }, props.children)));
     if (appendTo === APPEND_TO.window || appendTo === APPEND_TO.viewport) {
         return React.createElement(FloatingPortal, null, content);
     }
     else if (portalRoot) {
-        return React.createElement(FloatingPortal, { root: portalRoot }, content);
+        return (React.createElement(FloatingPortal, { root: portalRoot, preserveTabOrder: false }, content));
     }
     else {
         return content;

package/dist/esm/PopoverNext/components/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO;IAC3C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,UAAU,EACV,MAAM,EACN,GAAG,OAAO,EACX,GAAG,qBAAqB,EAAE,CAAC;IAC5B,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAEzD,IAAI,CAAC,eAAe,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvC,MAAM,OAAO,GAAG,CACd,oBAAC,oBAAoB,IACnB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,mBAAmB;QAE9B,6BACE,GAAG,EAAE,GAAG,eACG,GAAG,QAAQ,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAClD,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAElC,KAAK,CAAC,QAAQ,CACX,CACe,CACxB,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACrE,OAAO,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAC;IACpD,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,UAAU,IAAG,OAAO,CAAkB,CAAC;IACtE,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO;IAC3C,MAAM,EACJ,QAAQ,EACR,mBAAmB,EACnB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,YAAY,EACZ,IAAI,GACL,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACzD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,CACd,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,mBAAmB;QACpE,6BACE,GAAG,EAAE,GAAG,eACG,GAAG,QAAQ,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KACzC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAEvC,KAAK,CAAC,QAAQ,CACX,CACe,CACxB,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,CAAC,MAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACrE,OAAO,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAC;IACpD,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,OAAO,CACL,oBAAC,cAAc,IAAC,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,IACtD,OAAO,CACO,CAClB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_158_0_PopoverNextContent";
+var _namespace_ = "wds_1_159_0_PopoverNextContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_158_0_PopoverNextContent__root"};
+export var classes = {"root":"wds_1_159_0_PopoverNextContent__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/PopoverNext/components/DatePickerNext/DatePickerNext.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_158_0_DatePickerNext";
+var _namespace_ = "wds_1_159_0_DatePickerNext";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_158_0_DatePickerNext__root","popoverNext":"wds_1_158_0_DatePickerNext__popoverNext"};
+export var classes = {"root":"wds_1_159_0_DatePickerNext__root","popoverNext":"wds_1_159_0_DatePickerNext__popoverNext"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/PopoverNext/components/Trigger/Trigger.js

@@ -2,12 +2,12 @@ import { forwardRef, isValidElement, cloneElement } from 'react';
 import { mergeRefs } from '../../../utils/mergeRefs';
 import { usePopoverNextContext } from '../../hooks/usePopoverNextContext';
 const Trigger = forwardRef(function PopoverTrigger({ children }, propRef) {
-    const { dataHook, ...context } = usePopoverNextContext();
+    const { dataHook, context, interactions } = usePopoverNextContext();
     if (!isValidElement(children)) {
         throw new Error('<PopoverNext.Trigger /> children must be a valid React element');
     }
     const ref = mergeRefs(context?.refs.setReference, propRef, children.ref);
-    return cloneElement(children, context.getReferenceProps({
+    return cloneElement(children, interactions.getReferenceProps({
         ...children.props,
         ref,
         'data-hook': `${dataHook}-trigger`,

package/dist/esm/PopoverNext/components/Trigger/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG1E,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzD,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;IACJ,CAAC;IAED,MAAM,GAAG,GAAG,SAAS,CACnB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,OAAO,EACN,QAAgB,CAAC,GAAG,CACtB,CAAC;IAEF,OAAO,YAAY,CACjB,QAAQ,EACR,OAAO,CAAC,iBAAiB,CAAC;QACxB,GAAG,QAAQ,CAAC,KAAK;QACjB,GAAG;QACH,WAAW,EAAE,GAAG,QAAQ,UAAU;KACnC,CAAC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Trigger.js","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG1E,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO;IAC3C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEpE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;IACJ,CAAC;IAED,MAAM,GAAG,GAAG,SAAS,CACnB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,OAAO,EACN,QAAgB,CAAC,GAAG,CACtB,CAAC;IAEF,OAAO,YAAY,CACjB,QAAQ,EACR,YAAY,CAAC,iBAAiB,CAAC;QAC7B,GAAG,QAAQ,CAAC,KAAK;QACjB,GAAG;QACH,WAAW,EAAE,GAAG,QAAQ,UAAU;KACnC,CAAC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/PopoverNext/hooks/useDelayOpen.js

@@ -0,0 +1,38 @@
+import { useEffect, useState } from 'react';
+export const useDelayOpen = ({ open, onOpenChange, timeout: transition = 0, showDelay = 0, hideDelay = 0, }) => {
+    const [isOpen, setIsOpen] = useState(open);
+    const getDuration = (timeout, type) => (typeof timeout === 'number' ? timeout : timeout[type] || 0);
+    useEffect(() => {
+        let timeout;
+        if (!open) {
+            const exitTransition = getDuration(transition, 'exit');
+            timeout = setTimeout(() => {
+                setIsOpen(false);
+            }, hideDelay + exitTransition);
+        }
+        return () => clearTimeout(timeout);
+    }, [open, hideDelay, transition]);
+    const handleChange = (newOpen, reason) => {
+        // Put element into DOM first, then delay envoking transition.
+        setIsOpen(true);
+        setTimeout(() => {
+            onOpenChange(newOpen, reason);
+        });
+    };
+    const styles = {
+        transitionProperty: 'opacity',
+        ...(open
+            ? {
+                opacity: 1,
+                transitionDelay: `${showDelay}ms`,
+                transitionDuration: `${getDuration(transition, 'enter')}ms`,
+            }
+            : {
+                opacity: 0,
+                transitionDelay: `${hideDelay}ms`,
+                transitionDuration: `${getDuration(transition, 'exit')}ms`,
+            }),
+    };
+    return { isOpen, setIsOpen: handleChange, styles };
+};
+//# sourceMappingURL=useDelayOpen.js.map

package/dist/esm/PopoverNext/hooks/useDelayOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayOpen.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,OAAO,EAAE,UAAU,GAAG,CAAC,EACvB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,GACK,EAAE,EAAE;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,CAClB,OAAgD,EAChD,IAAsB,EACd,EAAE,CAAC,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAkD,CAAC;QAEvD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,cAAc,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YAEvD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAElC,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAE,MAAyB,EAAE,EAAE;QACnE,8DAA8D;QAC9D,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG;QACb,kBAAkB,EAAE,SAAS;QAC7B,GAAG,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,GAAG,SAAS,IAAI;gBACjC,kBAAkB,EAAE,GAAG,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI;aAC5D;YACH,CAAC,CAAC;gBACE,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,GAAG,SAAS,IAAI;gBACjC,kBAAkB,EAAE,GAAG,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI;aAC3D,CAAC;KACP,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;AACrD,CAAC,CAAC"}

package/dist/esm/PopoverNext/hooks/usePopover.js

@@ -1,41 +1,26 @@
-import { useState, useMemo, useCallback, useEffect, useRef } from 'react';
+import { useMemo } from 'react';
 import { useFloating, autoUpdate, flip, shift, useClick, useDismiss, useRole, useInteractions, size, offset, } from '@floating-ui/react';
 import { APPEND_TO } from '../PopoverNext.constants';
+import { ZIndex } from '../../common/ZIndex';
+import { usePositioning } from './usePositioning';
+import { useDelayOpen } from './useDelayOpen';
 const formatWidth = (value) => typeof value === 'number' ? `${value}px` : value;
-export function usePopover({ dataHook, initiallyOpen = false, open: controlledOpen, onOpenChange: setControlledOpen, focusManagerEnabled = true, appendTo = APPEND_TO.parent, dynamicWidth = false, zIndex = 1000, width, minWidth, maxWidth, excludeClass, hideDelay = 0, moveBy, } = {}) {
-    const [uncontrolledOpen, setUncontrolledOpen] = useState(initiallyOpen);
-    const hideTimeoutIdRef = useRef(null);
-    const open = controlledOpen ?? uncontrolledOpen;
-    const setOpen = setControlledOpen ?? setUncontrolledOpen;
-    const handleSetOpen = useCallback((newOpen, reason) => {
-        if (newOpen) {
-            if (hideTimeoutIdRef.current) {
-                clearTimeout(hideTimeoutIdRef.current);
-                hideTimeoutIdRef.current = null;
-            }
-            setOpen(newOpen, reason);
-        }
-        else if (hideDelay > 0) {
-            hideTimeoutIdRef.current = setTimeout(() => {
-                setOpen(newOpen, reason);
-                hideTimeoutIdRef.current = null;
-            }, hideDelay);
-        }
-        else {
-            setOpen(newOpen, reason);
-        }
-    }, [setOpen, hideDelay]);
-    useEffect(() => {
-        return () => {
-            if (hideTimeoutIdRef.current) {
-                clearTimeout(hideTimeoutIdRef.current);
-            }
-        };
-    }, []);
+export function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled = true, appendTo = APPEND_TO.parent, dynamicWidth = false, zIndex = ZIndex.popover, width, minWidth, maxWidth, excludeClass, moveBy, flip: shouldFlip = true, placement = 'bottom', fixed = false, showDelay, hideDelay, timeout, rootRef, }) {
+    const { isOpen, setIsOpen, styles: delayStyles, } = useDelayOpen({ open, onOpenChange, showDelay, hideDelay, timeout });
+    const positioning = usePositioning({
+        flip: shouldFlip,
+        fixed,
+        placement,
+        appendTo,
+        rootRef,
+    });
     const data = useFloating({
         open,
-        onOpenChange: (newOpen, _, reason) => handleSetOpen(newOpen, reason),
-        whileElementsMounted: autoUpdate,
+        onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),
+        whileElementsMounted: (referenceEl, floatingEl, update) => autoUpdate(referenceEl, floatingEl, update, {
+            animationFrame: true,
+        }),
+        placement,
         middleware: [
             size({
                 apply({ rects, elements }) {
@@ -60,11 +45,8 @@ export function usePopover({ dataHook, initiallyOpen = false, open: controlledOp
                     Object.assign(elements.floating.style, styles);
                 },
             }),
-            flip({
-                fallbackAxisSideDirection: 'end',
-                padding: 5,
-            }),
-            shift({ padding: 5, crossAxis: appendTo === APPEND_TO.viewport }),
+            flip(positioning.flip),
+            shift(positioning.shift),
             offset({ mainAxis: moveBy?.y, crossAxis: moveBy?.x }),
         ],
     });
@@ -80,27 +62,33 @@ export function usePopover({ dataHook, initiallyOpen = false, open: controlledOp
                 return true;
             }
         },
+        escapeKey: true,
     });
     const role = useRole(context);
     const interactions = useInteractions([click, dismiss, role]);
     return useMemo(() => ({
         dataHook,
-        open,
-        setOpen: handleSetOpen,
         focusManagerEnabled,
+        interactions,
+        context,
         appendTo,
         zIndex,
-        ...interactions,
-        ...data,
+        open: isOpen,
+        popoverStyles: {
+            ...context.floatingStyles,
+            ...delayStyles,
+        },
+        portalRoot: positioning.portalRoot,
     }), [
         dataHook,
-        open,
-        handleSetOpen,
-        interactions,
-        data,
         focusManagerEnabled,
-        appendTo,
+        interactions,
+        context,
+        delayStyles,
+        isOpen,
         zIndex,
+        appendTo,
+        positioning,
     ]);
 }
 //# sourceMappingURL=usePopover.js.map

package/dist/esm/PopoverNext/hooks/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"names":[],"mappings":"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"}

package/dist/esm/PopoverNext/hooks/usePopoverNextContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverNextContext.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopoverNextContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA4B,EAAE;IACjE,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CACb,qGAAqG,CACtG,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"usePopoverNextContext.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopoverNextContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAiB5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA4B,EAAE;IACjE,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CACb,qGAAqG,CACtG,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/PopoverNext/hooks/usePositioning.js

@@ -0,0 +1,50 @@
+import { useEffect, useMemo, useState } from 'react';
+import { getByPredicate, getScrollParent } from '../utils/utils';
+import { APPEND_TO } from '../PopoverNext.constants';
+export const usePositioning = ({ flip = true, fixed = false, placement, appendTo, rootRef, }) => {
+    const [portalRoot, setPortalRoot] = useState(null);
+    // TODO: check if a rerender can be avoided
+    // https://github.com/wix-private/wix-design-systems/pull/14279#discussion_r1842099301
+    useEffect(() => {
+        if (typeof appendTo === 'function' && rootRef?.current) {
+            const parent = getByPredicate(appendTo, rootRef.current);
+            setPortalRoot(parent);
+        }
+        else if (appendTo === APPEND_TO.scrollParent && rootRef?.current) {
+            const parent = getScrollParent(rootRef.current);
+            setPortalRoot(parent);
+        }
+    }, [appendTo, rootRef]);
+    const shouldShiftByCrossAxis = useMemo(() => {
+        if (typeof appendTo === 'function') {
+            return false;
+        }
+        if (appendTo === APPEND_TO.viewport) {
+            return true;
+        }
+        return false;
+    }, [appendTo]);
+    const isMainAxis = placement.includes('left') || placement.includes('right');
+    const fallbackPlacements = useMemo(() => {
+        if (fixed) {
+            return flip ? undefined : [placement];
+        }
+        return placement === 'bottom' ? ['bottom', 'top'] : undefined;
+    }, [placement, fixed, flip]);
+    return {
+        flip: {
+            fallbackAxisSideDirection: 'end',
+            mainAxis: isMainAxis || (flip && !fixed),
+            padding: 5,
+            crossAxis: false,
+            fallbackPlacements,
+        },
+        shift: {
+            padding: 5,
+            crossAxis: shouldShiftByCrossAxis,
+            mainAxis: !fixed,
+        },
+        portalRoot,
+    };
+};
+//# sourceMappingURL=usePositioning.js.map

package/dist/esm/PopoverNext/hooks/usePositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePositioning.js","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePositioning.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOrD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAQrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,EACR,OAAO,GACa,EAIpB,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,2CAA2C;IAC3C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,UAAU,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;YACvD,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;YACzD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,YAAY,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;YACnE,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAChD,aAAa,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7E,MAAM,kBAAkB,GAA4B,OAAO,CAAC,GAAG,EAAE;QAC/D,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,OAAO;QACL,IAAI,EAAE;YACJ,yBAAyB,EAAE,KAAK;YAChC,QAAQ,EAAE,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC;YACxC,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,KAAK;YAChB,kBAAkB;SACnB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,sBAAsB;YACjC,QAAQ,EAAE,CAAC,KAAK;SACjB;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/PopoverNext/utils/utils.js

@@ -0,0 +1,47 @@
+const getStyleComputedProperty = (element) => {
+    // NOTE: 1 DOM access here
+    const window = element.ownerDocument.defaultView;
+    // @ts-ignore
+    return window.getComputedStyle(element, null);
+};
+const getParentNode = (element) => {
+    if (element.nodeName === 'HTML') {
+        return element;
+    }
+    // @ts-ignore
+    return element.parentNode || element.host;
+};
+export const getScrollParent = (element) => {
+    // Return body, `getScroll` will take care to get the correct `scrollTop` from it
+    if (!element) {
+        return document.body;
+    }
+    switch (element.nodeName) {
+        case 'HTML':
+        case 'BODY':
+            return element.ownerDocument.body;
+        case '#document':
+            // @ts-ignore
+            return element.body;
+        default:
+    }
+    // Firefox want us to check `-x` and `-y` variations as well
+    const { overflow, overflowX, overflowY } = getStyleComputedProperty(element);
+    if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
+        return element;
+    }
+    return getScrollParent(getParentNode(element));
+};
+export const getByPredicate = (predicate, element) => {
+    if (!element) {
+        return null;
+    }
+    if (element.nodeName === 'HTML') {
+        return element;
+    }
+    if (predicate(element)) {
+        return element;
+    }
+    return getByPredicate(predicate, getParentNode(element));
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/PopoverNext/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/PopoverNext/utils/utils.ts"],"names":[],"mappings":"AAEA,MAAM,wBAAwB,GAAG,CAAC,OAAoB,EAAE,EAAE;IACxD,0BAA0B;IAC1B,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC;IACjD,aAAa;IACb,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAe,EAAE;IAC1D,IAAI,OAAO,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAChC,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,aAAa;IACb,OAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAqB,EAAe,EAAE;IACpE,iFAAiF;IACjF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,QAAQ,CAAC,IAAI,CAAC;IACvB,CAAC;IAED,QAAQ,OAAO,CAAC,QAAQ,EAAE,CAAC;QACzB,KAAK,MAAM,CAAC;QACZ,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;QACpC,KAAK,WAAW;YACd,aAAa;YACb,OAAO,OAAO,CAAC,IAAI,CAAC;QACtB,QAAQ;IACV,CAAC;IAED,4DAA4D;IAC5D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC7E,IAAI,uBAAuB,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC;QACnE,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,eAAe,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,SAAoB,EACpB,OAAqB,EACD,EAAE;IACtB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAChC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,OAAO,cAAc,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3D,CAAC,CAAC"}