@wix/design-system 1.158.0 → 1.160.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_PopoverNext","_DatePickerNext","_DatePicker","_","_jsxFileName","_default","exports","default","title","component","PopoverNext","commonProps","dataHook","children","createElement","Trigger","__self","__source","fileName","lineNumber","columnNumber","Content","padding","ScrollableContent","props","style","marginTop","overflow","position","border","height","width","_extends2","Template","gap","direction","align","ComparisionTemplate","common","dynamicWidth","maxWidth","content","random","minWidth","background","open","Popover","shown","Element","commonDatePickerProps","onChange","rtl","popoverProps","appendTo","undefined","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableTemplate","Basic","bind","args","Comparision","DatePickers","Scrollable"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React from 'react';\nimport { ComponentMeta, ComponentStory } from '@storybook/react';\n\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePickerNext from './components/DatePickerNext/DatePickerNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport { PopoverNextProps } from './PopoverNext.types';\nimport { Popover } from '..';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst commonProps: PopoverNextProps = {\n  dataHook: 'popover',\n  children: [\n    <PopoverNext.Trigger>\n      <button>Popover trigger</button>\n    </PopoverNext.Trigger>,\n    <PopoverNext.Content>\n      <Box padding=\"10px\">Content</Box>\n    </PopoverNext.Content>,\n  ],\n};\n\nconst ScrollableContent = (props: PopoverNextProps) => {\n  return (\n    <div\n      style={{\n        marginTop: '100px',\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height: '100px',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"250px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"50px\"\n          >\n            <PopoverNext {...props} />\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst Template: ComponentStory<typeof PopoverNext> = () => {\n  return (\n    <Box gap={5} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext>\n        <PopoverNext.Trigger>\n          <button>Native button</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisionTemplate: ComponentStory<typeof PopoverNext> = () => {\n  const common = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...common}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: true,\n    // fixed: false,\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // moveBy: { x: 0, y: 0 },\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    width: undefined,\n    zIndex: 1000,\n  },\n};\n\n// TODO: remove once DatePicker is refactored to use PopoverNext\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n    <DatePickerNext placeholderText=\"new\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent {...commonProps} appendTo=\"window\" />\n);\n\nexport const Basic = Template.bind({});\nBasic.args = {};\n\nexport const Comparision = ComparisionTemplate.bind({});\nComparision.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_PopoverNext","_DatePickerNext","_DatePicker","_2","_PopoverNext2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_default","exports","title","component","PopoverNext","Template","shownOld","setShownOld","useState","open","setOpen","common","showDelay","hideDelay","timeout","createElement","gap","padding","direction","align","__self","__source","fileName","lineNumber","columnNumber","Popover","_extends2","shown","onClick","onClickOutside","Element","Content","onOpenChange","_","Trigger","ComparisionTemplate","dynamicWidth","maxWidth","content","random","style","minWidth","height","background","commonDatePickerProps","onChange","width","rtl","popoverProps","appendTo","zIndex","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableContent","sameProps","placement","fixed","flip","APPEND_TO","scrollParent","marginTop","position","border","overflow","showArrow","ScrollableTemplate","ScrollableWrapper","_ref","children","ScrollableContainer","HEIGHT","commonProps","dataHook","focusManagerEnabled","backgroundColor","borderRadius","onShow","ScrollableScrollParentTemplate","Basic","render","args","Comparision","DatePickers","bind","Scrollable","ScrollableScrollParent"],"sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { ComponentMeta, ComponentStory, StoryObj } from '@storybook/react';\nimport Box from '../Box';\nimport PopoverNext from './PopoverNext';\nimport DatePickerNext from './components/DatePickerNext/DatePickerNext';\nimport DatePicker, { DatePickerProps } from '../DatePicker';\nimport type { PopoverNextProps } from './PopoverNext.types';\nimport { Popover, type PopoverProps } from '..';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport default {\n  title: 'PopoverNext',\n  component: PopoverNext,\n} as ComponentMeta<typeof PopoverNext>;\n\nconst Template = () => {\n  const [shownOld, setShownOld] = useState(false);\n  const [open, setOpen] = useState(false);\n\n  const common = {\n    showDelay: 500,\n    hideDelay: 1000,\n    timeout: 2000,\n  } as PopoverProps;\n\n  return (\n    <Box gap={8} padding={50} direction=\"vertical\" align=\"center\">\n      <Popover\n        shown={shownOld}\n        onClick={() => setShownOld(true)}\n        onClickOutside={() => setShownOld(false)}\n        {...common}\n      >\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"10px\">Content</Box>\n        </Popover.Content>\n      </Popover>\n      <PopoverNext\n        {...(common as any)}\n        open={open}\n        onOpenChange={(open, _) => setOpen(open)}\n      >\n        <PopoverNext.Trigger>\n          <button>Native button with new</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          <Box padding=\"10px\">Content</Box>\n        </PopoverNext.Content>\n      </PopoverNext>\n    </Box>\n  );\n};\n\nconst ComparisionTemplate = () => {\n  const [open, setOpen] = useState(false);\n\n  const common: Partial<PopoverNextProps> = {\n    dynamicWidth: true,\n    // minWidth: 300,\n    // minWidth: 300,\n    maxWidth: 300,\n  };\n\n  const content = 'VEry super long content oh so long';\n\n  const random = (\n    <div style={{ minWidth: '400px', height: '10px', background: 'red' }}></div>\n  );\n\n  return (\n    <Box gap={15} padding={50} direction=\"vertical\" align=\"center\">\n      <PopoverNext open={open} onOpenChange={setOpen} {...common}>\n        <PopoverNext.Trigger>\n          <button>Native button with next</button>\n        </PopoverNext.Trigger>\n        <PopoverNext.Content>\n          {content}\n          {random}\n        </PopoverNext.Content>\n      </PopoverNext>\n      <Popover shown {...(common as PopoverProps)}>\n        <Popover.Element>\n          <button>Native button with old</button>\n        </Popover.Element>\n        <Popover.Content>\n          {content}\n          {random}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n\nconst commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n  width: 200,\n  rtl: false, // popvoer should be placed on the right\n\n  popoverProps: {\n    appendTo: 'parent',\n    dynamicWidth: true,\n    // excludeClass: 'excludeClass',\n    // flip: false,\n    // fixed: false,\n    // placement: 'top',\n    // hideDelay: 0,\n    // moveArrowTo: 0,\n    // onMouseEnter: () => {},\n    // onMouseLeave: () => {},\n    // placement: 'top',\n    // showDelay: 0,\n    // timeout: 0,\n    // maxWidth: 0,\n    // minWidth: 0,\n    // width: undefined,\n    zIndex: 1000,\n  },\n};\n\n// TODO: remove once DatePicker is refactored to use PopoverNext\nconst DatePickersTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <Box gap={2} paddingTop={50} paddingLeft={50}>\n    <DatePicker placeholderText=\"old\" {...commonDatePickerProps} />\n    <DatePickerNext placeholderText=\"new\" {...commonDatePickerProps} />\n  </Box>\n);\n\nconst ScrollableContent = () => {\n  const sameProps = {\n    placement: 'top',\n    fixed: false,\n    flip: false,\n    appendTo: APPEND_TO.scrollParent,\n  } as any;\n\n  return (\n    <div\n      data-hook=\"parent-of-scrollable\"\n      style={{\n        marginTop: '100px',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          position: 'relative',\n          height: '200px',\n          border: '1px solid green',\n        }}\n      >\n        <div style={{ padding: '25px 25px 150px' }}>\n          <Box\n            width=\"350px\"\n            border=\"solid 1px red\"\n            padding=\"60px\"\n            height={160}\n            gap={8}\n          >\n            <Popover shown showArrow {...sameProps}>\n              <Popover.Element>\n                <button>I am an plain Button</button>\n              </Popover.Element>\n              <Popover.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  Old popover Content\n                </Box>\n              </Popover.Content>\n            </Popover>\n\n            <PopoverNext {...sameProps} open={true}>\n              <PopoverNext.Trigger>\n                <button>Popover trigger</button>\n              </PopoverNext.Trigger>\n              <PopoverNext.Content>\n                <Box padding=\"12px 24px\" width={140}>\n                  New popover Content\n                </Box>\n              </PopoverNext.Content>\n            </PopoverNext>\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableTemplate: ComponentStory<typeof PopoverNext> = () => (\n  <ScrollableContent />\n);\n\nconst ScrollableWrapper = ({ children, height }: any) => {\n  return (\n    <div\n      style={{\n        overflow: 'hidden',\n        position: 'relative',\n        border: '1px solid black',\n      }}\n    >\n      <div\n        data-hook=\"scrollable\"\n        style={{\n          overflow: 'auto',\n          height,\n        }}\n      >\n        <div style={{ padding: '15px 25px 25px' }}>\n          <Box\n            width=\"150px\"\n            overflow=\"hidden\"\n            border=\"solid 1px black\"\n            padding=\"30px\"\n          >\n            {children}\n          </Box>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ScrollableContainer = () => {\n  const HEIGHT = '50px';\n\n  const commonProps = {\n    placement: 'bottom',\n    fixed: true,\n    flip: true,\n    appendTo: 'scrollParent',\n    dataHook: 'popover',\n  };\n\n  return (\n    <Box gap={3} direction=\"vertical\">\n      <ScrollableWrapper height={HEIGHT}>\n        <PopoverNext\n          {...(commonProps as PopoverNextProps)}\n          open={true}\n          onOpenChange={() => {}}\n          focusManagerEnabled={false}\n        >\n          <PopoverNext.Trigger>\n            <button>Popover trigger</button>\n          </PopoverNext.Trigger>\n          <PopoverNext.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </PopoverNext.Content>\n        </PopoverNext>\n      </ScrollableWrapper>\n\n      <ScrollableWrapper height={HEIGHT}>\n        <Popover\n          {...(commonProps as PopoverProps)}\n          shown={true}\n          onShow={() => {}}\n        >\n          <Popover.Element>\n            <button>Popover trigger</button>\n          </Popover.Element>\n          <Popover.Content>\n            <Box padding=\"30px\" backgroundColor=\"pink\" borderRadius=\"inherit\">\n              Content\n            </Box>\n          </Popover.Content>\n        </Popover>\n      </ScrollableWrapper>\n    </Box>\n  );\n};\n\nconst ScrollableScrollParentTemplate: ComponentStory<\n  typeof PopoverNext\n> = () => <ScrollableContainer />;\n\nexport const Basic: StoryObj<typeof PopoverNext> = {\n  render: () => <Template />,\n};\nBasic.args = {};\n\nexport const Comparision: StoryObj<typeof PopoverNext> = {\n  render: () => <ComparisionTemplate />,\n};\nComparision.args = {};\n\nexport const DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n\nexport const ScrollableScrollParent = ScrollableScrollParentTemplate.bind({});\nScrollableScrollParent.args = {};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/PopoverNext/PopoverNext.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/PopoverNext/PopoverNext.types.ts"],"sourcesContent":["import React from 'react';\nimport {\n  OpenChangeReason,\n  UseFloatingReturn,\n  UseInteractionsReturn,\n} from '@floating-ui/react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport type PopoverNextContextValue = {\n  setOpen?: (\n    open: boolean,\n  ) => void | React.Dispatch<React.SetStateAction<boolean>>;\n  portalRoot?: HTMLElement | null;\n} & Pick<PopoverNextProps, 'dataHook' | 'open'> &\n  Required<\n    Pick<PopoverNextProps, 'focusManagerEnabled' | 'appendTo' | 'zIndex'>\n  > &\n  UseInteractionsReturn &\n  UseFloatingReturn;\n\nexport type PopoverNextContentProps = React.HTMLProps<HTMLDivElement>;\n\nexport type PopoverNextTriggerProps = {\n  /**\n   * Element to render as the popover trigger.\n   *\n   * If `children` is a custom React component, it must:\n   * - Accept and forward a `ref` to the underlying DOM element for popover positioning.\n   * - Pass `aria-*` attributes down to the underlying DOM element for accessibility.\n   * - If interactive, must also forward interaction handlers (e.g., `onClick`).\n   *\n   * If `children` is a native HTML element, no additional requirements are needed.\n   */\n  children: React.ReactNode;\n};\n\ntype Predicate = (el: Element) => boolean;\ntype AppendTo = ValuesOf<typeof APPEND_TO> | Predicate;\n\nexport type PopoverNextProps = {\n  /** Applies a data-hook HTML attribute to the trigger element that can be used in tests. */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** <PopoverNext.Trigger /> and <PopoverNext.Content /> components */\n  children: React.ReactNode;\n  /** Specifies if content is initially visible.\n   * @default false\n   */\n  initiallyOpen?: boolean;\n  /** Specifies if content is visible.\n   * @default false\n   */\n  open?: boolean;\n  /** Callback to invoke when the content is opened or closed. */\n  onOpenChange?: (open: boolean, reason?: OpenChangeReason) => void;\n  /** Specifies if focus is fully trapped inside the content while it is rendered.\n   * @internal\n   * @default true\n   */\n  focusManagerEnabled?: boolean;\n  /** Specifies the node the popover content will be appended to.\n   * @default parent\n   */\n  appendTo?: AppendTo;\n  /**\n   * Specifies if the content has a minimum width equal to the trigger element's width.\n   * The content can expand up to the specified `maxWidth` value.\n   * @default false\n   */\n  dynamicWidth?: boolean;\n  /** Specifies content width. */\n  width?: React.CSSProperties['width'];\n  /** Specifies content `min-width`. */\n  minWidth?: React.CSSProperties['minWidth'];\n  /** Specifies content `max-width`. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /** Specifies content `z-index`.\n   * @default 1000\n   */\n  zIndex?: React.CSSProperties['zIndex'];\n  /** Popover will not be closed if an element with this class is clicked. */\n  excludeClass?: string;\n  /** Delay hiding the popover content (ms).\n   * @default 0\n   */\n  hideDelay?: number;\n  /** Translates the popover content along the specified axes. */\n  moveBy?: { x?: number; y: number };\n  /** Callback to invoke on popover trigger and content mouse enter. */\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  /** Callback to invoke on popover trigger and content mouse leave. */\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/PopoverNext/PopoverNext.types.ts"],"sourcesContent":["import React from 'react';\nimport { OpenChangeReason } from '@floating-ui/react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { APPEND_TO } from './PopoverNext.constants';\n\nexport type PopoverNextContentProps = React.HTMLProps<HTMLDivElement>;\n\nexport type PopoverNextTriggerProps = {\n  /**\n   * Element to render as the popover trigger.\n   *\n   * If `children` is a custom React component, it must:\n   * - Accept and forward a `ref` to the underlying DOM element for popover positioning.\n   * - Pass `aria-*` attributes down to the underlying DOM element for accessibility.\n   * - If interactive, must also forward interaction handlers (e.g., `onClick`).\n   *\n   * If `children` is a native HTML element, no additional requirements are needed.\n   */\n  children: React.ReactNode;\n};\n\nexport type Predicate = (el: HTMLElement) => boolean;\nexport type AppendTo = ValuesOf<typeof APPEND_TO> | Predicate;\n\ntype Placement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\nexport type PopoverNextProps = {\n  /** Applies a data-hook HTML attribute to the trigger element that can be used in tests. */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** <PopoverNext.Trigger /> and <PopoverNext.Content /> components */\n  children: React.ReactNode;\n  /** Specifies if content is visible.\n   * @default false\n   */\n  open?: boolean;\n  /** Callback to invoke when the content is opened or closed. */\n  onOpenChange: (open: boolean, reason?: OpenChangeReason) => void;\n  /** Specifies if focus is fully trapped inside the content while it is rendered.\n   * @internal\n   * @default true\n   */\n  focusManagerEnabled?: boolean;\n  /** Specifies the node the popover content will be appended to.\n   * @default parent\n   */\n  appendTo?: AppendTo;\n  /**\n   * Specifies if the content has a minimum width equal to the trigger element's width.\n   * The content can expand up to the specified `maxWidth` value.\n   * @default false\n   */\n  dynamicWidth?: boolean;\n  /** Specifies content width. */\n  width?: React.CSSProperties['width'];\n  /** Specifies content `min-width`. */\n  minWidth?: React.CSSProperties['minWidth'];\n  /** Specifies content `max-width`. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /** Specifies content `z-index`.\n   * @default 1000\n   */\n  zIndex?: React.CSSProperties['zIndex'];\n  /** Popover will not be closed if an element with this class is clicked. */\n  excludeClass?: string;\n  /** Delay hiding the popover content (ms).\n   * @default 0\n   */\n  hideDelay?: number;\n  /** Translates the popover content along the specified axes. */\n  moveBy?: { x?: number; y?: number };\n  /** Callback to invoke on popover trigger and content mouse enter. */\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  /** Callback to invoke on popover trigger and content mouse leave. */\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  /**\n   * Whether to enable the flip behaviour. This behaviour is used to flip the `<Popover/>`'s placement\n   * when it starts to overlap the trigger element (`<Popover.Trigger/>`).\n   * @default true\n   */\n  flip?: boolean;\n  /** Specifies the popover placement relative to the trigger element (`<Popover.Trigger/>`)\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * To keep the `<Popover/>` at it's\n   * original placement even when it's being positioned outside the boundary.\n   * @default false\n   */\n  fixed?: boolean;\n  /** Show Delay in ms */\n  showDelay?: number;\n  /** Animation timer */\n  timeout?: number | { enter: number; exit: number };\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -12,8 +12,7 @@ var _mergeRefs = require("../../../utils/mergeRefs");
 var _usePopoverNextContext = require("../../hooks/usePopoverNextContext");
 var _ContentSt = require("./Content.st.css.js");
 var _PopoverNext = require("../../PopoverNext.constants");
-var _excluded = ["style"],
-  _excluded2 = ["dataHook", "focusManagerEnabled", "context", "appendTo", "portalRoot", "zIndex"];
+var _excluded = ["style"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/PopoverNext/components/Content/Content.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -24,35 +23,38 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
       style
     } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _usePopoverNextContex = (0, _usePopoverNextContext.usePopoverNextContext)(),
-    {
-      dataHook,
-      focusManagerEnabled,
-      context: floatingContext,
-      appendTo,
-      portalRoot,
-      zIndex
-    } = _usePopoverNextContex,
-    context = (0, _objectWithoutProperties2.default)(_usePopoverNextContex, _excluded2);
+  var {
+    dataHook,
+    focusManagerEnabled,
+    context,
+    appendTo,
+    portalRoot,
+    zIndex,
+    popoverStyles,
+    interactions,
+    open
+  } = (0, _usePopoverNextContext.usePopoverNextContext)();
   var ref = (0, _mergeRefs.mergeRefs)(context.refs.setFloating, propRef);
-  if (!floatingContext.open) return null;
+  if (!open) {
+    return null;
+  }
   var content = /*#__PURE__*/_react.default.createElement(_react2.FloatingFocusManager, {
-    context: floatingContext,
+    context: context,
     disabled: !focusManagerEnabled,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 29,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref,
     "data-hook": "".concat(dataHook, "-content"),
     className: (0, _ContentSt.st)(_ContentSt.classes.root),
-    style: _objectSpread(_objectSpread(_objectSpread({}, context.floatingStyles), style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, popoverStyles), style), {}, {
       zIndex
     })
-  }, context.getFloatingProps(props), {
+  }, interactions.getFloatingProps(props), {
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -72,11 +74,12 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
   } else if (portalRoot) {
     return /*#__PURE__*/_react.default.createElement(_react2.FloatingPortal, {
       root: portalRoot,
+      preserveTabOrder: false,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
-        columnNumber: 14
+        lineNumber: 46,
+        columnNumber: 9
       }
     }, content);
   } else {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mergeRefs","_usePopoverNextContext","_ContentSt","_PopoverNext","_excluded","_excluded2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Content","forwardRef","_ref","propRef","style","props","_objectWithoutProperties2","_usePopoverNextContex","usePopoverNextContext","dataHook","focusManagerEnabled","context","floatingContext","appendTo","portalRoot","zIndex","ref","mergeRefs","refs","setFloating","open","content","createElement","FloatingFocusManager","disabled","__self","__source","fileName","lineNumber","columnNumber","_extends2","concat","className","st","classes","root","floatingStyles","getFloatingProps","children","APPEND_TO","window","viewport","FloatingPortal","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';\n\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextContentProps } from '../../PopoverNext.types';\nimport { st, classes } from './Content.st.css';\nimport { APPEND_TO } from '../../PopoverNext.constants';\n\nconst Content = forwardRef<HTMLDivElement, PopoverNextContentProps>(\n  function Content({ style, ...props }, propRef) {\n    const {\n      dataHook,\n      focusManagerEnabled,\n      context: floatingContext,\n      appendTo,\n      portalRoot,\n      zIndex,\n      ...context\n    } = usePopoverNextContext();\n    const ref = mergeRefs(context.refs.setFloating, propRef);\n\n    if (!floatingContext.open) return null;\n\n    const content = (\n      <FloatingFocusManager\n        context={floatingContext}\n        disabled={!focusManagerEnabled}\n      >\n        <div\n          ref={ref}\n          data-hook={`${dataHook}-content`}\n          className={st(classes.root)}\n          style={{ ...context.floatingStyles, ...style, zIndex }}\n          {...context.getFloatingProps(props)}\n        >\n          {props.children}\n        </div>\n      </FloatingFocusManager>\n    );\n\n    if (appendTo === APPEND_TO.window || appendTo === APPEND_TO.viewport) {\n      return <FloatingPortal>{content}</FloatingPortal>;\n    } else if (portalRoot) {\n      return <FloatingPortal root={portalRoot}>{content}</FloatingPortal>;\n    } else {\n      return content;\n    }\n  },\n);\n\nexport default Content;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_mergeRefs","_usePopoverNextContext","_ContentSt","_PopoverNext","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Content","forwardRef","_ref","propRef","style","props","_objectWithoutProperties2","dataHook","focusManagerEnabled","context","appendTo","portalRoot","zIndex","popoverStyles","interactions","open","usePopoverNextContext","ref","mergeRefs","refs","setFloating","content","createElement","FloatingFocusManager","disabled","__self","__source","fileName","lineNumber","columnNumber","_extends2","concat","className","st","classes","root","getFloatingProps","children","APPEND_TO","window","viewport","FloatingPortal","preserveTabOrder","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextContentProps } from '../../PopoverNext.types';\nimport { st, classes } from './Content.st.css';\nimport { APPEND_TO } from '../../PopoverNext.constants';\n\nconst Content = forwardRef<HTMLDivElement, PopoverNextContentProps>(\n  function Content({ style, ...props }, propRef) {\n    const {\n      dataHook,\n      focusManagerEnabled,\n      context,\n      appendTo,\n      portalRoot,\n      zIndex,\n      popoverStyles,\n      interactions,\n      open,\n    } = usePopoverNextContext();\n\n    const ref = mergeRefs(context.refs.setFloating, propRef);\n    if (!open) {\n      return null;\n    }\n\n    const content = (\n      <FloatingFocusManager context={context} disabled={!focusManagerEnabled}>\n        <div\n          ref={ref}\n          data-hook={`${dataHook}-content`}\n          className={st(classes.root)}\n          style={{ ...popoverStyles, ...style, zIndex }}\n          {...interactions.getFloatingProps(props)}\n        >\n          {props.children}\n        </div>\n      </FloatingFocusManager>\n    );\n\n    if (appendTo === APPEND_TO.window || appendTo === APPEND_TO.viewport) {\n      return <FloatingPortal>{content}</FloatingPortal>;\n    } else if (portalRoot) {\n      return (\n        <FloatingPortal root={portalRoot} preserveTabOrder={false}>\n          {content}\n        </FloatingPortal>\n      );\n    } else {\n      return content;\n    }\n  },\n);\n\nexport default Content;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_158_0_PopoverNextContent";
+var _namespace_ = "wds_1_160_0_PopoverNextContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_158_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_160_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_158_0_DatePickerNext";
+var _namespace_ = "wds_1_160_0_DatePickerNext";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_158_0_DatePickerNext__root","popoverNext":"wds_1_158_0_DatePickerNext__popoverNext"};
+module.exports.classes = {"root":"wds_1_160_0_DatePickerNext__root","popoverNext":"wds_1_160_0_DatePickerNext__popoverNext"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,27 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _mergeRefs = require("../../../utils/mergeRefs");
 var _usePopoverNextContext = require("../../hooks/usePopoverNextContext");
-var _excluded = ["dataHook"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Trigger = /*#__PURE__*/(0, _react.forwardRef)(function PopoverTrigger(_ref, propRef) {
   var {
     children
   } = _ref;
-  var _usePopoverNextContex = (0, _usePopoverNextContext.usePopoverNextContext)(),
-    {
-      dataHook
-    } = _usePopoverNextContex,
-    context = (0, _objectWithoutProperties2.default)(_usePopoverNextContex, _excluded);
+  var {
+    dataHook,
+    context,
+    interactions
+  } = (0, _usePopoverNextContext.usePopoverNextContext)();
   if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
     throw new Error('<PopoverNext.Trigger /> children must be a valid React element');
   }
   var ref = (0, _mergeRefs.mergeRefs)(context == null ? void 0 : context.refs.setReference, propRef, children.ref);
-  return /*#__PURE__*/(0, _react.cloneElement)(children, context.getReferenceProps(_objectSpread(_objectSpread({}, children.props), {}, {
+  return /*#__PURE__*/(0, _react.cloneElement)(children, interactions.getReferenceProps(_objectSpread(_objectSpread({}, children.props), {}, {
     ref,
     'data-hook': "".concat(dataHook, "-trigger")
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mergeRefs","_usePopoverNextContext","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTrigger","_ref","propRef","children","_usePopoverNextContex","usePopoverNextContext","dataHook","context","_objectWithoutProperties2","isValidElement","Error","ref","mergeRefs","refs","setReference","cloneElement","getReferenceProps","props","concat","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\n\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTrigger({ children }, propRef) {\n    const { dataHook, ...context } = usePopoverNextContext();\n\n    if (!isValidElement(children)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element',\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (children as any).ref,\n    );\n\n    return cloneElement(\n      children,\n      context.getReferenceProps({\n        ...children.props,\n        ref,\n        'data-hook': `${dataHook}-trigger`,\n      }),\n    );\n  },\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAA0E,IAAAG,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAG1E,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,cAAcA,CAAAC,IAAA,EAAeC,OAAO,EAAE;EAAA,IAAvB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClC,IAAAG,qBAAA,GAAiC,IAAAC,4CAAqB,EAAC,CAAC;IAAlD;MAAEC;IAAqB,CAAC,GAAAF,qBAAA;IAATG,OAAO,OAAAC,yBAAA,CAAAd,OAAA,EAAAU,qBAAA,EAAA7B,SAAA;EAE5B,IAAI,eAAC,IAAAkC,qBAAc,EAACN,QAAQ,CAAC,EAAE;IAC7B,MAAM,IAAIO,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBL,OAAO,oBAAPA,OAAO,CAAEM,IAAI,CAACC,YAAY,EAC1BZ,OAAO,EACNC,QAAQ,CAASQ,GACpB,CAAC;EAED,oBAAO,IAAAI,mBAAY,EACjBZ,QAAQ,EACRI,OAAO,CAACS,iBAAiB,CAAA3B,aAAA,CAAAA,aAAA,KACpBc,QAAQ,CAACc,KAAK;IACjBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKZ,QAAQ;EAAU,EACnC,CACH,CAAC;AACH,CACF,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaI,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","require","_mergeRefs","_usePopoverNextContext","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Trigger","forwardRef","PopoverTrigger","_ref","propRef","children","dataHook","context","interactions","usePopoverNextContext","isValidElement","Error","ref","mergeRefs","refs","setReference","cloneElement","getReferenceProps","props","concat","_default","exports"],"sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react';\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { usePopoverNextContext } from '../../hooks/usePopoverNextContext';\nimport { PopoverNextTriggerProps } from '../../PopoverNext.types';\n\nconst Trigger = forwardRef<HTMLElement, PopoverNextTriggerProps>(\n  function PopoverTrigger({ children }, propRef) {\n    const { dataHook, context, interactions } = usePopoverNextContext();\n\n    if (!isValidElement(children)) {\n      throw new Error(\n        '<PopoverNext.Trigger /> children must be a valid React element',\n      );\n    }\n\n    const ref = mergeRefs(\n      context?.refs.setReference,\n      propRef,\n      (children as any).ref,\n    );\n\n    return cloneElement(\n      children,\n      interactions.getReferenceProps({\n        ...children.props,\n        ref,\n        'data-hook': `${dataHook}-trigger`,\n      }),\n    );\n  },\n);\n\nexport default Trigger;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAA0E,SAAAG,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAG1E,IAAMqB,OAAO,gBAAG,IAAAC,iBAAU,EACxB,SAASC,cAAcA,CAAAC,IAAA,EAAeC,OAAO,EAAE;EAAA,IAAvB;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAClC,IAAM;IAAEG,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEnE,IAAI,eAAC,IAAAC,qBAAc,EAACL,QAAQ,CAAC,EAAE;IAC7B,MAAM,IAAIM,KAAK,CACb,gEACF,CAAC;EACH;EAEA,IAAMC,GAAG,GAAG,IAAAC,oBAAS,EACnBN,OAAO,oBAAPA,OAAO,CAAEO,IAAI,CAACC,YAAY,EAC1BX,OAAO,EACNC,QAAQ,CAASO,GACpB,CAAC;EAED,oBAAO,IAAAI,mBAAY,EACjBX,QAAQ,EACRG,YAAY,CAACS,iBAAiB,CAAA1B,aAAA,CAAAA,aAAA,KACzBc,QAAQ,CAACa,KAAK;IACjBN,GAAG;IACH,WAAW,KAAAO,MAAA,CAAKb,QAAQ;EAAU,EACnC,CACH,CAAC;AACH,CACF,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaI,OAAO","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useDelayOpen = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useDelayOpen = _ref => {
+  var {
+    open,
+    onOpenChange,
+    timeout: transition = 0,
+    showDelay = 0,
+    hideDelay = 0
+  } = _ref;
+  var [isOpen, setIsOpen] = (0, _react.useState)(open);
+  var getDuration = (timeout, type) => typeof timeout === 'number' ? timeout : timeout[type] || 0;
+  (0, _react.useEffect)(() => {
+    var timeout;
+    if (!open) {
+      var exitTransition = getDuration(transition, 'exit');
+      timeout = setTimeout(() => {
+        setIsOpen(false);
+      }, hideDelay + exitTransition);
+    }
+    return () => clearTimeout(timeout);
+  }, [open, hideDelay, transition]);
+  var handleChange = (newOpen, reason) => {
+    // Put element into DOM first, then delay envoking transition.
+    setIsOpen(true);
+    setTimeout(() => {
+      onOpenChange(newOpen, reason);
+    });
+  };
+  var styles = _objectSpread({
+    transitionProperty: 'opacity'
+  }, open ? {
+    opacity: 1,
+    transitionDelay: "".concat(showDelay, "ms"),
+    transitionDuration: "".concat(getDuration(transition, 'enter'), "ms")
+  } : {
+    opacity: 0,
+    transitionDelay: "".concat(hideDelay, "ms"),
+    transitionDuration: "".concat(getDuration(transition, 'exit'), "ms")
+  });
+  return {
+    isOpen,
+    setIsOpen: handleChange,
+    styles
+  };
+};
+exports.useDelayOpen = useDelayOpen;
+//# sourceMappingURL=useDelayOpen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,63 +7,65 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@floating-ui/react");
 var _PopoverNext = require("../PopoverNext.constants");
+var _ZIndex = require("../../common/ZIndex");
+var _usePositioning = require("./usePositioning");
+var _useDelayOpen = require("./useDelayOpen");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatWidth = value => typeof value === 'number' ? "".concat(value, "px") : value;
-function usePopover() {
+function usePopover(_ref) {
   var {
     dataHook,
-    initiallyOpen = false,
-    open: controlledOpen,
-    onOpenChange: setControlledOpen,
+    open = false,
+    onOpenChange,
     focusManagerEnabled = true,
     appendTo = _PopoverNext.APPEND_TO.parent,
     dynamicWidth = false,
-    zIndex = 1000,
+    zIndex = _ZIndex.ZIndex.popover,
     width,
     minWidth,
     maxWidth,
     excludeClass,
-    hideDelay = 0,
-    moveBy
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var [uncontrolledOpen, setUncontrolledOpen] = (0, _react.useState)(initiallyOpen);
-  var hideTimeoutIdRef = (0, _react.useRef)(null);
-  var open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
-  var setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
-  var handleSetOpen = (0, _react.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]);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (hideTimeoutIdRef.current) {
-        clearTimeout(hideTimeoutIdRef.current);
-      }
-    };
-  }, []);
+    moveBy,
+    flip: shouldFlip = true,
+    placement = 'bottom',
+    fixed = false,
+    showDelay,
+    hideDelay,
+    timeout,
+    rootRef
+  } = _ref;
+  var {
+    isOpen,
+    setIsOpen,
+    styles: delayStyles
+  } = (0, _useDelayOpen.useDelayOpen)({
+    open,
+    onOpenChange,
+    showDelay,
+    hideDelay,
+    timeout
+  });
+  var positioning = (0, _usePositioning.usePositioning)({
+    flip: shouldFlip,
+    fixed,
+    placement,
+    appendTo,
+    rootRef
+  });
   var data = (0, _react2.useFloating)({
     open,
-    onOpenChange: (newOpen, _, reason) => handleSetOpen(newOpen, reason),
-    whileElementsMounted: _react2.autoUpdate,
+    onOpenChange: (newOpen, _, reason) => setIsOpen(newOpen, reason),
+    whileElementsMounted: (referenceEl, floatingEl, update) => (0, _react2.autoUpdate)(referenceEl, floatingEl, update, {
+      animationFrame: true
+    }),
+    placement,
     middleware: [(0, _react2.size)({
-      apply(_ref) {
+      apply(_ref2) {
         var {
           rects,
           elements
-        } = _ref;
+        } = _ref2;
         var styles = {};
         if (!!width) {
           styles.width = formatWidth(width);
@@ -82,13 +84,7 @@ function usePopover() {
         }
         Object.assign(elements.floating.style, styles);
       }
-    }), (0, _react2.flip)({
-      fallbackAxisSideDirection: 'end',
-      padding: 5
-    }), (0, _react2.shift)({
-      padding: 5,
-      crossAxis: appendTo === _PopoverNext.APPEND_TO.viewport
-    }), (0, _react2.offset)({
+    }), (0, _react2.flip)(positioning.flip), (0, _react2.shift)(positioning.shift), (0, _react2.offset)({
       mainAxis: moveBy == null ? void 0 : moveBy.y,
       crossAxis: moveBy == null ? void 0 : moveBy.x
     })]
@@ -103,17 +99,21 @@ function usePopover() {
       } else {
         return true;
       }
-    }
+    },
+    escapeKey: true
   });
   var role = (0, _react2.useRole)(context);
   var interactions = (0, _react2.useInteractions)([click, dismiss, role]);
-  return (0, _react.useMemo)(() => _objectSpread(_objectSpread({
+  return (0, _react.useMemo)(() => ({
     dataHook,
-    open,
-    setOpen: handleSetOpen,
     focusManagerEnabled,
+    interactions,
+    context,
     appendTo,
-    zIndex
-  }, interactions), data), [dataHook, open, handleSetOpen, interactions, data, focusManagerEnabled, appendTo, zIndex]);
+    zIndex,
+    open: isOpen,
+    popoverStyles: _objectSpread(_objectSpread({}, context.floatingStyles), delayStyles),
+    portalRoot: positioning.portalRoot
+  }), [dataHook, focusManagerEnabled, interactions, context, delayStyles, isOpen, zIndex, appendTo, positioning]);
 }
 //# sourceMappingURL=usePopover.js.map