@wix/design-system 1.145.0 → 1.146.1

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

@@ -2,13 +2,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.Scrollable = exports.DatePickers = exports.Basic = void 0;
+exports.default = exports.Scrollable = exports.DatePickers = exports.Comparision = exports.Basic = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _PopoverNext = _interopRequireDefault(require("./PopoverNext"));
 var _DatePickerNext = _interopRequireDefault(require("./components/DatePickerNext/DatePickerNext"));
 var _DatePicker = _interopRequireDefault(require("../DatePicker"));
+var _ = require("..");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/PopoverNext/PopoverNext.story.tsx";
 var _default = exports.default = {
   title: 'PopoverNext',
@@ -20,21 +21,21 @@ var commonProps = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 19,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 20,
       columnNumber: 7
     }
   }, "Popover trigger")), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 22,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -42,7 +43,7 @@ var commonProps = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 23,
       columnNumber: 7
     }
   }, "Content"))]
@@ -58,7 +59,7 @@ var ScrollableContent = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 30,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -70,7 +71,7 @@ var ScrollableContent = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,7 +81,7 @@ var ScrollableContent = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 45,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -91,14 +92,14 @@ var ScrollableContent = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_PopoverNext.default, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 52,
       columnNumber: 13
     }
   }))))));
@@ -112,35 +113,35 @@ var Template = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PopoverNext.default, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Trigger, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("button", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 65,
       columnNumber: 11
     }
   }, "Native button")), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Box.default, {
@@ -148,20 +149,114 @@ var Template = () => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 11
     }
   }, "Content"))));
 };
+var ComparisionTemplate = () => {
+  var common = {
+    dynamicWidth: true,
+    // minWidth: 300,
+    // minWidth: 300,
+    maxWidth: 300
+  };
+  var content = 'VEry super long content oh so long';
+  var random = /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      minWidth: '400px',
+      height: '10px',
+      background: 'red'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 5
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    gap: 15,
+    padding: 50,
+    direction: "vertical",
+    align: "center",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PopoverNext.default, (0, _extends2.default)({
+    open: true
+  }, common, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Trigger, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 11
+    }
+  }, "Native button with next")), /*#__PURE__*/_react.default.createElement(_PopoverNext.default.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 9
+    }
+  }, content, random)), /*#__PURE__*/_react.default.createElement(_.Popover, (0, _extends2.default)({
+    shown: true
+  }, common, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.Popover.Element, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 11
+    }
+  }, "Native button with old")), /*#__PURE__*/_react.default.createElement(_.Popover.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 9
+    }
+  }, content, random)));
+};
 var commonDatePickerProps = {
   onChange: () => {},
-  width: 500,
-  // check if changing width should affect the popover
-  // zIndex: -1,
+  width: 200,
+  rtl: false,
+  // popvoer should be placed on the right
 
   popoverProps: {
-    // appendTo: 'parent',
-    // dynamicWidth: true,
+    appendTo: 'parent',
+    dynamicWidth: true,
     // excludeClass: 'excludeClass',
     // flip: true,
     // fixed: false,
@@ -175,8 +270,8 @@ var commonDatePickerProps = {
     // timeout: 0,
     // maxWidth: 0,
     // minWidth: 0,
-    // width: 0,
-    // zIndex: 0,
+    width: undefined,
+    zIndex: 1000
   }
 };
 
@@ -188,7 +283,7 @@ var DatePickersTemplate = () => /*#__PURE__*/_react.default.createElement(_Box.d
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 103,
+    lineNumber: 141,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, (0, _extends2.default)({
@@ -197,7 +292,7 @@ var DatePickersTemplate = () => /*#__PURE__*/_react.default.createElement(_Box.d
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 104,
+    lineNumber: 142,
     columnNumber: 5
   }
 })), /*#__PURE__*/_react.default.createElement(_DatePickerNext.default, (0, _extends2.default)({
@@ -206,7 +301,7 @@ var DatePickersTemplate = () => /*#__PURE__*/_react.default.createElement(_Box.d
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 105,
+    lineNumber: 143,
     columnNumber: 5
   }
 })));
@@ -215,12 +310,14 @@ var ScrollableTemplate = () => /*#__PURE__*/_react.default.createElement(Scrolla
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 110,
+    lineNumber: 148,
     columnNumber: 3
   }
 }));
 var Basic = exports.Basic = Template.bind({});
 Basic.args = {};
+var Comparision = exports.Comparision = ComparisionTemplate.bind({});
+Comparision.args = {};
 var DatePickers = exports.DatePickers = DatePickersTemplate.bind({});
 DatePickers.args = {};
 var Scrollable = exports.Scrollable = ScrollableTemplate.bind({});

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","commonDatePickerProps","onChange","popoverProps","DatePickersTemplate","paddingTop","paddingLeft","placeholderText","ScrollableTemplate","appendTo","Basic","bind","args","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';\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 commonDatePickerProps: DatePickerProps = {\n  onChange: () => {},\n\n  width: 500, // check if changing width should affect the popover\n  // zIndex: -1,\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: 0,\n    // zIndex: 0,\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 DatePickers = DatePickersTemplate.bind({});\nDatePickers.args = {};\n\nexport const Scrollable = ScrollableTemplate.bind({});\nScrollable.args = {};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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<\n  PopoverNextProps,\n  'dataHook' | 'open' | 'focusManagerEnabled' | 'appendTo'\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  /** <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"],"mappings":"","ignoreList":[]}
+{"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":[]}

package/dist/cjs/PopoverNext/PopoverNext.uni.driver.js

@@ -9,22 +9,39 @@ var _unidriver = require("../utils/test-utils/unidriver");
 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 popoverNextDriverFactory = (base, body) => {
-  var getTrigger = /*#__PURE__*/function () {
+  var getRoot = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)(function* () {
-      var dataHook = yield base.attr('data-hook');
+      var isBaseRoot = !!(yield base.attr('data-popover-root'));
+      return isBaseRoot ? base : yield base.$('[data-popover-root]');
+    });
+    return function getRoot() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getRootDataHook = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* () {
+      return (yield getRoot()).attr('data-hook');
+    });
+    return function getRootDataHook() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var getTrigger = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)(function* () {
+      var dataHook = yield getRootDataHook();
       return (0, _unidriver.getByHook)(body, "".concat(dataHook, "-trigger"));
     });
     return function getTrigger() {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var getContent = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(function* () {
-      var dataHook = yield base.attr('data-hook');
+    var _ref4 = (0, _asyncToGenerator2.default)(function* () {
+      var dataHook = yield getRootDataHook();
       return (0, _unidriver.getByHook)(body, "".concat(dataHook, "-content"));
     });
     return function getContent() {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
@@ -92,6 +109,34 @@ var popoverNextDriverFactory = (base, body) => {
         return _clickOutside.apply(this, arguments);
       }
       return clickOutside;
+    }(),
+    /**
+     * Triggers a mouseEnter event
+     * @returns {Promise<void>}
+     */
+    mouseEnter: function () {
+      var _mouseEnter = (0, _asyncToGenerator2.default)(function* () {
+        var root = yield getRoot();
+        return root.hover();
+      });
+      function mouseEnter() {
+        return _mouseEnter.apply(this, arguments);
+      }
+      return mouseEnter;
+    }(),
+    /**
+     * Triggers a mouseLeave event
+     * @returns {Promise<void>}
+     */
+    mouseLeave: function () {
+      var _mouseLeave = (0, _asyncToGenerator2.default)(function* () {
+        var root = yield getRoot();
+        return root.mouse.leave();
+      });
+      function mouseLeave() {
+        return _mouseLeave.apply(this, arguments);
+      }
+      return mouseLeave;
     }()
   });
 };

package/dist/cjs/PopoverNext/PopoverNext.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextDriverFactory","base","body","getTrigger","_ref","_asyncToGenerator2","dataHook","attr","getByHook","concat","getContent","_ref2","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n};\n\nexport const popoverNextDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getTrigger = async () => {\n    const dataHook = await base.attr('data-hook');\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await base.attr('data-hook');\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","popoverNextDriverFactory","base","body","getRoot","_ref","_asyncToGenerator2","isBaseRoot","attr","$","getRootDataHook","_ref2","getTrigger","_ref3","dataHook","getByHook","concat","getContent","_ref4","baseUniDriverFactory","triggerExists","_triggerExists","trigger","exists","_unused","isContentVisible","_isContentVisible","content","_unused2","clickTrigger","_clickTrigger","click","_unused3","clickOutside","_clickOutside","mouseEnter","_mouseEnter","root","hover","mouseLeave","_mouseLeave","mouse","leave","exports"],"sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"sourcesContent":["import type {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, getByHook } from '../utils/test-utils/unidriver';\n\nexport type PopoverNextUniDriver = BaseUniDriver & {\n  triggerExists: () => Promise<boolean>;\n  isContentVisible: () => Promise<boolean>;\n  clickTrigger: () => Promise<void>;\n  clickOutside: () => Promise<void>;\n  mouseEnter: () => Promise<void>;\n  mouseLeave: () => Promise<void>;\n};\n\nexport const popoverNextDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): PopoverNextUniDriver => {\n  const getRoot = async () => {\n    const isBaseRoot = !!(await base.attr('data-popover-root'));\n    return isBaseRoot ? base : await base.$('[data-popover-root]');\n  };\n\n  const getRootDataHook = async () => (await getRoot()).attr('data-hook');\n\n  const getTrigger = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-trigger`);\n  };\n\n  const getContent = async () => {\n    const dataHook = await getRootDataHook();\n    return getByHook(body, `${dataHook}-content`);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Checks whether the trigger element exists\n     * @returns {Promise<boolean>}\n     */\n    triggerExists: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.exists();\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Checks whether the content is visible\n     * @returns {Promise<boolean>}\n     */\n    isContentVisible: async () => {\n      try {\n        const content = await getContent();\n        return (await content.exists()) === true;\n      } catch {\n        return false;\n      }\n    },\n\n    /**\n     * Clicks the trigger element\n     * @returns {Promise<void>}\n     */\n    clickTrigger: async () => {\n      try {\n        const trigger = await getTrigger();\n        return trigger.click();\n      } catch {}\n    },\n    /**\n     * Clicks outside the target element\n     * @returns {Promise<void>}\n     */\n    clickOutside: async () => body.click(),\n\n    /**\n     * Triggers a mouseEnter event\n     * @returns {Promise<void>}\n     */\n    mouseEnter: async () => {\n      const root = await getRoot();\n      return root.hover();\n    },\n\n    /**\n     * Triggers a mouseLeave event\n     * @returns {Promise<void>}\n     */\n    mouseLeave: async () => {\n      const root = await getRoot();\n      return root.mouse.leave();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,7 +13,7 @@ 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"];
+  _excluded2 = ["dataHook", "focusManagerEnabled", "context", "appendTo", "portalRoot", "zIndex"];
 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; }
@@ -30,7 +30,8 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
       focusManagerEnabled,
       context: floatingContext,
       appendTo,
-      portalRoot
+      portalRoot,
+      zIndex
     } = _usePopoverNextContex,
     context = (0, _objectWithoutProperties2.default)(_usePopoverNextContex, _excluded2);
   var ref = (0, _mergeRefs.mergeRefs)(context.refs.setFloating, propRef);
@@ -41,19 +42,21 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 26,
       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({}, context.floatingStyles), style)
+    style: _objectSpread(_objectSpread(_objectSpread({}, context.floatingStyles), style), {}, {
+      zIndex
+    })
   }, context.getFloatingProps(props), {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 30,
       columnNumber: 9
     }
   }), props.children));
@@ -62,7 +65,7 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 14
       }
     }, content);
@@ -72,7 +75,7 @@ var Content = /*#__PURE__*/(0, _react.forwardRef)(function Content(_ref, propRef
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 45,
         columnNumber: 14
       }
     }, content);

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","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      ...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 }}\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","_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":[]}

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_145_0_PopoverNextContent";
+var _namespace_ = "wds_1_146_1_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_145_0_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_146_1_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};