@wix/design-system 1.0.0

package/dist/cjs/Popover/tests/Popover.visual.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _storybookSnapper = require("storybook-snapper");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _Popover = _interopRequireDefault(require("../Popover"));
+var _IconButton = _interopRequireDefault(require("../../IconButton/IconButton"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Popover/tests/Popover.visual.tsx";
+var defaultProps = {
+  flip: true,
+  placement: 'bottom-start',
+  children: [/*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+    key: "1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 9
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+    key: "2",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 168,
+      height: 90
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  }, "Content"))]
+};
+var tests = [{
+  describe: 'theme',
+  its: [{
+    it: 'light',
+    props: {
+      theme: 'light'
+    }
+  }, {
+    it: 'dark',
+    props: {
+      theme: 'dark'
+    }
+  }]
+}];
+(0, _storybookSnapper.visualize)(_Popover.default.displayName, () => {
+  tests.forEach(_ref => {
+    var {
+      describe,
+      its
+    } = _ref;
+    (0, _storybookSnapper.story)(describe, () => {
+      its.map(_ref2 => {
+        var {
+          it,
+          props
+        } = _ref2;
+        return (0, _storybookSnapper.snap)(it, () => /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+          shown: true
+        }, defaultProps, props, {
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 51,
+            columnNumber: 24
+          }
+        })));
+      });
+    });
+  });
+});
+//# sourceMappingURL=Popover.visual.js.map

package/dist/cjs/Popover/tests/Popover.visual.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultProps","flip","placement","children","width","height","tests","describe","its","it","props","theme","visualize","Popover","displayName","forEach","story","map","snap"],"sources":["../../../../src/Popover/tests/Popover.visual.tsx"],"sourcesContent":["import React from 'react';\nimport { visualize, story, snap } from 'storybook-snapper';\nimport { More } from '@wix/wix-ui-icons-common';\n\nimport Popover from '../Popover';\nimport IconButton from '../../IconButton/IconButton';\nimport { PopoverTheme, PopoverProps } from '../Popover.types';\n\nconst defaultProps = {\n  flip: true,\n  placement: 'bottom-start' as PopoverProps['placement'],\n  children: [\n    <Popover.Element key=\"1\">\n      <IconButton>\n        <More />\n      </IconButton>\n    </Popover.Element>,\n    <Popover.Content key=\"2\">\n      <div\n        style={{\n          width: 168,\n          height: 90,\n        }}\n      >\n        Content\n      </div>\n    </Popover.Content>,\n  ],\n};\n\nconst tests = [\n  {\n    describe: 'theme',\n    its: [\n      {\n        it: 'light',\n        props: { theme: 'light' as PopoverTheme },\n      },\n      {\n        it: 'dark',\n        props: { theme: 'dark' as PopoverTheme },\n      },\n    ],\n  },\n] as const;\n\nvisualize(Popover.displayName, () => {\n  tests.forEach(({ describe, its }) => {\n    story(describe, () => {\n      its.map(({ it, props }) =>\n        snap(it, () => <Popover shown {...defaultProps} {...props} />),\n      );\n    });\n  });\n});\n"],"mappings":";;;;AAAA;AACA;AACA;AAEA;AACA;AAAqD;AAGrD,IAAMA,YAAY,GAAG;EACnBC,IAAI,EAAE,IAAI;EACVC,SAAS,EAAE,cAA2C;EACtDC,QAAQ,EAAE,cACR,6BAAC,gBAAO,CAAC,OAAO;IAAC,GAAG,EAAC,GAAG;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACtB,6BAAC,mBAAU;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACT,6BAAC,sBAAI;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACG,CACG,eAClB,6BAAC,gBAAO,CAAC,OAAO;IAAC,GAAG,EAAC,GAAG;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACtB;IACE,KAAK,EAAE;MACLC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACH,SAED,CAAM,CACU;AAEtB,CAAC;AAED,IAAMC,KAAK,GAAG,CACZ;EACEC,QAAQ,EAAE,OAAO;EACjBC,GAAG,EAAE,CACH;IACEC,EAAE,EAAE,OAAO;IACXC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAwB;EAC1C,CAAC,EACD;IACEF,EAAE,EAAE,MAAM;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAuB;EACzC,CAAC;AAEL,CAAC,CACO;AAEV,IAAAC,2BAAS,EAACC,gBAAO,CAACC,WAAW,EAAE,MAAM;EACnCR,KAAK,CAACS,OAAO,CAAC,QAAuB;IAAA,IAAtB;MAAER,QAAQ;MAAEC;IAAI,CAAC;IAC9B,IAAAQ,uBAAK,EAACT,QAAQ,EAAE,MAAM;MACpBC,GAAG,CAACS,GAAG,CAAC;QAAA,IAAC;UAAER,EAAE;UAAEC;QAAM,CAAC;QAAA,OACpB,IAAAQ,sBAAI,EAACT,EAAE,EAAE,mBAAM,6BAAC,gBAAO;UAAC,KAAK;QAAA,GAAKT,YAAY,EAAMU,KAAK;UAAA;UAAA;YAAA;YAAA;YAAA;UAAA;QAAA,GAAI,CAAC;MAAA,EAC/D;IACH,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/PopoverMenu/PopoverMenu.js

@@ -0,0 +1,297 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _DropdownBase = _interopRequireDefault(require("../DropdownBase"));
+var _Popover = require("../Popover");
+var _PopoverMenuSt = require("./PopoverMenu.st.css.js");
+var _ListItemSection = require("../ListItemSection");
+var _excluded = ["id", "disabled", "dataHook", "skin", "subtitle", "title"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/PopoverMenu/PopoverMenu.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/** PopoverMenu */
+class PopoverMenu extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.ref = /*#__PURE__*/_react.default.createRef();
+    this._open = () => {
+      if (this.ref.current) {
+        this.ref.current._open();
+      }
+    };
+    this._filterChildren = children => {
+      return _react.default.Children.map(children, child => child).filter(child => typeof child !== 'string');
+    };
+    this._buildOptions = children => {
+      return children.map((child, id) => {
+        var displayName = child.type && child.type.displayName;
+        if (displayName && displayName === 'PopoverMenu.Divider') {
+          return {
+            id,
+            divider: true,
+            dataHook: child.props.dataHook
+          };
+        }
+        if (displayName && displayName === 'PopoverMenu.MenuItem') {
+          return {
+            id,
+            title: child.props.text,
+            onClick: child.props.onClick,
+            skin: child.props.skin,
+            dataHook: child.props.dataHook,
+            prefixIcon: child.props.prefixIcon,
+            disabled: child.props.disabled,
+            subtitle: child.props.subtitle,
+            suffixIcon: child.props.suffixIcon
+          };
+        }
+        return {
+          id,
+          value: child,
+          custom: true,
+          overrideStyle: true
+        };
+      });
+    };
+    this._renderOptions = () => {
+      var {
+        textSize,
+        ellipsis
+      } = this.props;
+      var children = this._filterChildren(this.props.children);
+      var options = this._buildOptions(children);
+      return options.map(option => {
+        // Custom
+        if (option.custom) {
+          return option;
+        }
+
+        // Divider
+        if (option.divider) {
+          return (0, _ListItemSection.listItemSectionBuilder)(_objectSpread({
+            type: 'divider'
+          }, option));
+        }
+        var {
+            id,
+            disabled,
+            dataHook,
+            skin,
+            subtitle,
+            title
+          } = option,
+          rest = (0, _objectWithoutProperties2.default)(option, _excluded);
+        return _objectSpread(_objectSpread({}, rest), {}, {
+          id,
+          disabled,
+          as: 'button',
+          dataHook: dataHook || "popover-menu-".concat(id),
+          skin: skin || 'dark',
+          size: textSize,
+          className: _PopoverMenuSt.classes.listItem,
+          ellipsis,
+          subtitle,
+          shouldFocusWithoutScroll: true,
+          value: 'action',
+          title: false,
+          optionTitle: title
+        });
+      });
+    };
+    this._renderTriggerElement = _ref => {
+      var {
+        toggle,
+        open,
+        close,
+        isOpen,
+        ref
+      } = _ref;
+      var {
+        triggerElement
+      } = this.props;
+      if (!triggerElement) {
+        return null;
+      }
+      var commonProps = {
+        onClick: toggle,
+        ref,
+        'aria-haspopup': 'menu',
+        'aria-expanded': isOpen
+      };
+      return /*#__PURE__*/_react.default.isValidElement(triggerElement) ? /*#__PURE__*/_react.default.cloneElement(triggerElement, _objectSpread({}, commonProps)) : triggerElement(_objectSpread({
+        toggle,
+        open,
+        close,
+        isOpen
+      }, commonProps));
+    };
+  }
+  render() {
+    var {
+      appendTo,
+      placement,
+      minWidth,
+      maxWidth,
+      flip,
+      fixed,
+      showArrow,
+      dataHook,
+      moveBy,
+      maxHeight,
+      zIndex,
+      className,
+      fluid,
+      onHide,
+      onShow
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_DropdownBase.default, {
+      ref: this.ref,
+      className: (0, _PopoverMenuSt.st)(_PopoverMenuSt.classes.root, className),
+      dataHook: dataHook,
+      animate: true,
+      options: this._renderOptions(),
+      appendTo: appendTo,
+      placement: placement,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      flip: flip,
+      fixed: fixed,
+      showArrow: showArrow,
+      tabIndex: -1,
+      moveBy: moveBy,
+      maxHeight: maxHeight,
+      zIndex: zIndex,
+      fluid: fluid,
+      onHide: onHide,
+      onShow: onShow,
+      listType: "action",
+      autoFocus: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 254,
+        columnNumber: 7
+      }
+    }, _ref2 => {
+      var {
+        toggle,
+        open,
+        close,
+        isOpen,
+        ref
+      } = _ref2;
+      return this._renderTriggerElement({
+        toggle,
+        open,
+        close,
+        isOpen,
+        ref
+      });
+    });
+  }
+}
+PopoverMenu.displayName = 'PopoverMenu';
+PopoverMenu.MenuItem = () => ({});
+PopoverMenu.Divider = () => ({});
+PopoverMenu.propTypes = {
+  /** Sets a maximum width for a Popover menu */
+  maxWidth: _propTypes.default.number,
+  /** Sets a minimum width for a Popover menu */
+  minWidth: _propTypes.default.number,
+  /** Sets a maximum height for a Popover menu */
+  maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Sets the Popover z-index */
+  zIndex: _propTypes.default.number,
+  /** Moves Popover menu overlay relative to its trigger element by a defined number of px:
+   * - horizontally (on X-axis)
+   * - or vertically (on Y-axis)
+   */
+  moveBy: _propTypes.default.shape({
+    x: _propTypes.default.number,
+    y: _propTypes.default.number
+  }),
+  /** Defines a component that calls out a Popover menu (`<IconButton />`, `<Button />` or `<Text Button />`) */
+  triggerElement: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]).isRequired,
+  /** Defines the Popover menu’s overlay placement in relation to its trigger element:
+   *  * auto-start
+   *  * auto
+   *  * auto-end
+   *  * top-start
+   *  * top
+   *  * top-end
+   *  * right-start
+   *  * right
+   *  * right-end
+   *  * bottom-start
+   *  * bottom
+   *  * bottom-end
+   *  * left-start
+   *  * left
+   *  * left-end
+   */
+  placement: _propTypes.default.oneOf(_Popover.placements),
+  /** Sets the size of text in Popover menu items */
+  textSize: _propTypes.default.oneOf(['small', 'medium']),
+  /** Truncates menu item text that overflows component’s max Width */
+  ellipsis: _propTypes.default.bool,
+  /**
+   * Stores Popover menu compound components:
+   * - <PopoverMenu.MenuItem />
+   * - <PopoverMenu.Divider /> (optional)
+   *
+   * `<PopoverMenu.MenuItem>` component has these fields:
+   *  * `text` - Sets a label for a Popover menu item
+   *  * `onClick` - Defines a callback function which is called when a Popover menu item is clicked on
+   *  * `skin` - Controls the appearance of a Popover menu item (one of `standard`, `dark`, `destructive`)
+   *  * `prefixIcon` - Contains an icon at the start of a Popover menu item
+   *  * `dataHook` - Applies a data-hook HTML attribute to be used in the tests
+   *  * `suffixIcon` - suffix icon property
+   *  * `disabled` - Disables a Popover menu item
+   *  * `subtitle` - Sets a text for a Popover menu item subtitle\
+   *
+   * `<PopoverMenu.Divider>` component has these fields:
+   * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests
+   */
+  children: _propTypes.default.node,
+  /** Enables calculations in relation to a DOM element */
+  appendTo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  /** Enables the flip behaviour. This behaviour is used to flip the overlay placement when it starts to overlap the trigger element. */
+  flip: _propTypes.default.bool,
+  /** Enables the fixed behaviour. This behaviour is used to keep the overlay at its original placement even when it is being positioned outside the boundary. */
+  fixed: _propTypes.default.bool,
+  /* Allows truncating the trigger element to a specified parent container width. */
+  fluid: _propTypes.default.bool,
+  /** Controls visibility of the pointer arrow */
+  showArrow: _propTypes.default.bool,
+  /** Applies a data-hook HTML attribute to be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Applies a CSS class to the component’s root element */
+  className: _propTypes.default.string,
+  /** Defines a callback function which is called when a Popover menu is opened */
+  onShow: _propTypes.default.func,
+  /** Defines a callback function which is called when a Popover menu is closed */
+  onHide: _propTypes.default.func
+};
+PopoverMenu.defaultProps = {
+  maxWidth: 204,
+  minWidth: 144,
+  placement: 'bottom',
+  appendTo: 'window',
+  textSize: 'medium',
+  fixed: true,
+  flip: true,
+  showArrow: true,
+  ellipsis: false,
+  maxHeight: 'auto'
+};
+PopoverMenu.MenuItem.displayName = 'PopoverMenu.MenuItem';
+PopoverMenu.Divider.displayName = 'PopoverMenu.Divider';
+var _default = PopoverMenu;
+exports.default = _default;
+//# sourceMappingURL=PopoverMenu.js.map

package/dist/cjs/PopoverMenu/PopoverMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PopoverMenu","React","PureComponent","ref","createRef","_open","current","_filterChildren","children","Children","map","child","filter","_buildOptions","id","displayName","type","divider","dataHook","props","title","text","onClick","skin","prefixIcon","disabled","subtitle","suffixIcon","value","custom","overrideStyle","_renderOptions","textSize","ellipsis","options","option","listItemSectionBuilder","rest","as","size","className","classes","listItem","shouldFocusWithoutScroll","optionTitle","_renderTriggerElement","toggle","open","close","isOpen","triggerElement","commonProps","isValidElement","cloneElement","render","appendTo","placement","minWidth","maxWidth","flip","fixed","showArrow","moveBy","maxHeight","zIndex","fluid","onHide","onShow","st","root","MenuItem","Divider","propTypes","PropTypes","number","oneOfType","string","shape","x","y","element","func","isRequired","oneOf","placements","bool","node","defaultProps"],"sources":["../../../src/PopoverMenu/PopoverMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DropdownBase from '../DropdownBase';\nimport { placements } from '../Popover';\nimport { st, classes } from './PopoverMenu.st.css';\nimport { listItemSectionBuilder } from '../ListItemSection';\n\n/** PopoverMenu */\nclass PopoverMenu extends React.PureComponent {\n  static displayName = 'PopoverMenu';\n\n  ref = React.createRef();\n\n  static MenuItem = () => ({});\n\n  static Divider = () => ({});\n\n  static propTypes = {\n    /** Sets a maximum width for a Popover menu */\n    maxWidth: PropTypes.number,\n\n    /** Sets a minimum width for a Popover menu */\n    minWidth: PropTypes.number,\n\n    /** Sets a maximum height for a Popover menu */\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    /** Sets the Popover z-index */\n    zIndex: PropTypes.number,\n\n    /** Moves Popover menu overlay relative to its trigger element by a defined number of px:\n     * - horizontally (on X-axis)\n     * - or vertically (on Y-axis)\n     */\n    moveBy: PropTypes.shape({ x: PropTypes.number, y: PropTypes.number }),\n\n    /** Defines a component that calls out a Popover menu (`<IconButton />`, `<Button />` or `<Text Button />`) */\n    triggerElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func])\n      .isRequired,\n\n    /** Defines the Popover menu’s overlay placement in relation to its trigger element:\n     *  * auto-start\n     *  * auto\n     *  * auto-end\n     *  * top-start\n     *  * top\n     *  * top-end\n     *  * right-start\n     *  * right\n     *  * right-end\n     *  * bottom-start\n     *  * bottom\n     *  * bottom-end\n     *  * left-start\n     *  * left\n     *  * left-end\n     */\n    placement: PropTypes.oneOf(placements),\n\n    /** Sets the size of text in Popover menu items */\n    textSize: PropTypes.oneOf(['small', 'medium']),\n\n    /** Truncates menu item text that overflows component’s max Width */\n    ellipsis: PropTypes.bool,\n\n    /**\n     * Stores Popover menu compound components:\n     * - <PopoverMenu.MenuItem />\n     * - <PopoverMenu.Divider /> (optional)\n     *\n     * `<PopoverMenu.MenuItem>` component has these fields:\n     *  * `text` - Sets a label for a Popover menu item\n     *  * `onClick` - Defines a callback function which is called when a Popover menu item is clicked on\n     *  * `skin` - Controls the appearance of a Popover menu item (one of `standard`, `dark`, `destructive`)\n     *  * `prefixIcon` - Contains an icon at the start of a Popover menu item\n     *  * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     *  * `suffixIcon` - suffix icon property\n     *  * `disabled` - Disables a Popover menu item\n     *  * `subtitle` - Sets a text for a Popover menu item subtitle\\\n     *\n     * `<PopoverMenu.Divider>` component has these fields:\n     * * `dataHook` - Applies a data-hook HTML attribute to be used in the tests\n     */\n    children: PropTypes.node,\n\n    /** Enables calculations in relation to a DOM element */\n    appendTo: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    /** Enables the flip behaviour. This behaviour is used to flip the overlay placement when it starts to overlap the trigger element. */\n    flip: PropTypes.bool,\n\n    /** Enables the fixed behaviour. This behaviour is used to keep the overlay at its original placement even when it is being positioned outside the boundary. */\n    fixed: PropTypes.bool,\n\n    /* Allows truncating the trigger element to a specified parent container width. */\n    fluid: PropTypes.bool,\n\n    /** Controls visibility of the pointer arrow */\n    showArrow: PropTypes.bool,\n\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Applies a CSS class to the component’s root element */\n    className: PropTypes.string,\n\n    /** Defines a callback function which is called when a Popover menu is opened */\n    onShow: PropTypes.func,\n\n    /** Defines a callback function which is called when a Popover menu is closed */\n    onHide: PropTypes.func,\n  };\n\n  static defaultProps = {\n    maxWidth: 204,\n    minWidth: 144,\n    placement: 'bottom',\n    appendTo: 'window',\n    textSize: 'medium',\n    fixed: true,\n    flip: true,\n    showArrow: true,\n    ellipsis: false,\n    maxHeight: 'auto',\n  };\n\n  _open = () => {\n    if (this.ref.current) {\n      this.ref.current._open();\n    }\n  };\n\n  _filterChildren = children => {\n    return React.Children.map(children, child => child).filter(\n      child => typeof child !== 'string',\n    );\n  };\n\n  _buildOptions = children => {\n    return children.map((child, id) => {\n      const displayName = child.type && child.type.displayName;\n\n      if (displayName && displayName === 'PopoverMenu.Divider') {\n        return {\n          id,\n          divider: true,\n          dataHook: child.props.dataHook,\n        };\n      }\n\n      if (displayName && displayName === 'PopoverMenu.MenuItem') {\n        return {\n          id,\n          title: child.props.text,\n          onClick: child.props.onClick,\n          skin: child.props.skin,\n          dataHook: child.props.dataHook,\n          prefixIcon: child.props.prefixIcon,\n          disabled: child.props.disabled,\n          subtitle: child.props.subtitle,\n          suffixIcon: child.props.suffixIcon,\n        };\n      }\n\n      return { id, value: child, custom: true, overrideStyle: true };\n    });\n  };\n\n  _renderOptions = () => {\n    const { textSize, ellipsis } = this.props;\n    const children = this._filterChildren(this.props.children);\n    const options = this._buildOptions(children);\n\n    return options.map(option => {\n      // Custom\n      if (option.custom) {\n        return option;\n      }\n\n      // Divider\n      if (option.divider) {\n        return listItemSectionBuilder({\n          type: 'divider',\n          ...option,\n        });\n      }\n\n      const { id, disabled, dataHook, skin, subtitle, title, ...rest } = option;\n\n      return {\n        ...rest,\n        id,\n        disabled,\n        as: 'button',\n        dataHook: dataHook || `popover-menu-${id}`,\n        skin: skin || 'dark',\n        size: textSize,\n        className: classes.listItem,\n        ellipsis,\n        subtitle,\n        shouldFocusWithoutScroll: true,\n        value: 'action',\n        title: false,\n        optionTitle: title,\n      };\n    });\n  };\n\n  _renderTriggerElement = ({ toggle, open, close, isOpen, ref }) => {\n    const { triggerElement } = this.props;\n    if (!triggerElement) {\n      return null;\n    }\n\n    const commonProps = {\n      onClick: toggle,\n      ref,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n    };\n\n    return React.isValidElement(triggerElement)\n      ? React.cloneElement(triggerElement, {\n          ...commonProps,\n        })\n      : triggerElement({\n          toggle,\n          open,\n          close,\n          isOpen,\n          ...commonProps,\n        });\n  };\n\n  render() {\n    const {\n      appendTo,\n      placement,\n      minWidth,\n      maxWidth,\n      flip,\n      fixed,\n      showArrow,\n      dataHook,\n      moveBy,\n      maxHeight,\n      zIndex,\n      className,\n      fluid,\n      onHide,\n      onShow,\n    } = this.props;\n    return (\n      <DropdownBase\n        ref={this.ref}\n        className={st(classes.root, className)}\n        dataHook={dataHook}\n        animate\n        options={this._renderOptions()}\n        appendTo={appendTo}\n        placement={placement}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flip={flip}\n        fixed={fixed}\n        showArrow={showArrow}\n        tabIndex={-1}\n        moveBy={moveBy}\n        maxHeight={maxHeight}\n        zIndex={zIndex}\n        fluid={fluid}\n        onHide={onHide}\n        onShow={onShow}\n        listType=\"action\"\n        autoFocus\n      >\n        {({ toggle, open, close, isOpen, ref }) =>\n          this._renderTriggerElement({ toggle, open, close, isOpen, ref })\n        }\n      </DropdownBase>\n    );\n  }\n}\n\nPopoverMenu.MenuItem.displayName = 'PopoverMenu.MenuItem';\nPopoverMenu.Divider.displayName = 'PopoverMenu.Divider';\n\nexport default PopoverMenu;\n"],"mappings":"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"}

package/dist/cjs/PopoverMenu/PopoverMenu.meta.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ = _interopRequireDefault(require("."));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/PopoverMenu/PopoverMenu.meta.tsx";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  triggerElement: /*#__PURE__*/_react.default.createElement("div", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 19
+    }
+  })
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread(_objectSpread({}, requiredProps), {}, {
+    children: [/*#__PURE__*/_react.default.createElement(_.default.MenuItem, {
+      key: "0",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 15,
+        columnNumber: 18
+      }
+    })] // TODO this prop should be declared as required since the component explodes without it
+  })
+}];
+
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=PopoverMenu.meta.js.map

package/dist/cjs/PopoverMenu/PopoverMenu.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","triggerElement","sharedTests","title","props","children","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/PopoverMenu/PopoverMenu.meta.tsx"],"sourcesContent":["import PopoverMenu, { PopoverMenuProps } from '.';\nimport React from \"react\";\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: PopoverMenuProps = {\n  triggerElement: <div />,\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n      children: [<PopoverMenu.MenuItem key=\"0\" />], // TODO this prop should be declared as required since the component explodes without it\n    } as PopoverMenuProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;AAAA;AACA;AAA0B;AAAA;AAAA;AAE1B;AACO,IAAMA,aAA+B,GAAG;EAC7CC,cAAc,eAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA;AAClB,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,kCACAJ,aAAa;IAChBK,QAAQ,EAAE,cAAC,6BAAC,SAAW,CAAC,QAAQ;MAAC,GAAG,EAAC,GAAG;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,CAAC,CAAE;EAAA;AAElD,CAAC,CACF;;AAEM,IAAMC,YAAY,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAEtC,IAAMK,QAAQ,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC;AAElC,IAAMM,SAAS,GAAG,CAAC,GAAGN,WAAW,CAAC;AAAC"}

package/dist/cjs/PopoverMenu/PopoverMenu.st.css

@@ -0,0 +1,31 @@
+:import {
+  -st-from: "../DropdownBase/DropdownBase.st.css";
+  -st-default: DropdownBase;
+}
+
+:import {
+  -st-from: "../ListItemAction/ListItemAction.st.css";
+  -st-default: ListItemAction;
+}
+
+
+
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D60;
+}
+
+.root {
+  -st-extends: DropdownBase;
+}
+
+.root:withWidth::content {
+  width: max-content;
+  padding: 12px 0;
+  overflow: visible;
+}
+
+.listItem {
+  -st-extends: ListItemAction;
+  border-radius: 2px;
+}

package/dist/cjs/PopoverMenu/PopoverMenu.st.css.js

@@ -0,0 +1,26 @@
+
+require("../DropdownBase/DropdownBase.st.css.js");
+require("../ListItemAction/ListItemAction.st.css.js");
+require("../Foundation/stylable/colors.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_PopoverMenu";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_PopoverMenu__root","listItem":"wds_1_0_0_PopoverMenu__listItem"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/PopoverMenu/PopoverMenu.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=PopoverMenu.uni.driver.d.js.map

package/dist/cjs/PopoverMenu/PopoverMenu.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/PopoverMenu/PopoverMenu.uni.driver.d.ts"],"sourcesContent":["import { UniDriver } from '@unidriver/core';\nimport { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface PopoverMenuUniDriver extends BaseUniDriver {\n  exists(): Promise<boolean>;\n  getTriggerElement(dataHook: string): UniDriver;\n  clickAtChild: (index: number) => Promise<void>;\n  clickAtChildByDataHook: (dataHook: string) => Promise<void>;\n  isMenuOpen(): Promise<boolean>;\n  childrenCount(): Promise<number>;\n  itemContentAt: (id: number) => Promise<string>;\n}\n"],"mappings":""}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.PopoverMenuDriver = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _DropdownBaseUni = require("../DropdownBase/DropdownBase.uni.driver");
+var _DropdownLayoutUni = require("../DropdownLayout/DropdownLayout.uni.driver");
+var _PopoverUni = require("../Popover/Popover.uni.driver");
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PopoverMenuDriver = (base, body) => {
+  var dropdownBaseTestkit = (0, _DropdownBaseUni.dropdownBaseDriverFactory)(base, body);
+  var getContentElement = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* () {
+      return (0, _PopoverUni.popoverUniDriverFactory)(base, body).getContentElementUniDriver();
+    });
+    return function getContentElement() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var createDropdownLayoutDriver = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* () {
+      return (0, _DropdownLayoutUni.dropdownLayoutDriverFactory)((yield getContentElement()).$("[data-hook=\"dropdown-base-dropdownlayout\"]"));
+    });
+    return function createDropdownLayoutDriver() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return _objectSpread(_objectSpread({}, (0, _baseDriver.baseUniDriverFactory)(base)), {}, {
+    /** Returns true of popoverMenu exists */
+    exists: () => dropdownBaseTestkit.exists(),
+    /** Returns trigger element */
+    getTriggerElement: dataHook => base.$("[data-hook=\"".concat(dataHook, "\"]")),
+    /** Select a specific option by its index (requires the menu to be opened) */
+    clickAtChild: index => dropdownBaseTestkit.selectOption(index),
+    /** Select a specific option by its data-hook (requires the menu to be opened) */
+    clickAtChildByDataHook: dataHook => dropdownBaseTestkit.selectOptionByDataHook(dataHook),
+    /** Return true if the menu is opened */
+    isMenuOpen: () => dropdownBaseTestkit.isDropdownShown(),
+    /** Returns children count */
+    childrenCount: () => dropdownBaseTestkit.optionsCount(),
+    /** Returns text of <PopoverMenu.MenuItem/> of a specific index */
+    itemContentAt: function () {
+      var _itemContentAt = (0, _asyncToGenerator2.default)(function* (index) {
+        var dropdownLayoutDriver = yield createDropdownLayoutDriver();
+        var optionsDrivers = yield dropdownLayoutDriver.options();
+        return yield optionsDrivers[index].content();
+      });
+      function itemContentAt(_x) {
+        return _itemContentAt.apply(this, arguments);
+      }
+      return itemContentAt;
+    }(),
+    isListItemFocused: function () {
+      var _isListItemFocused = (0, _asyncToGenerator2.default)(function* (position) {
+        return createDropdownLayoutDriver().then(tsk => tsk.isListItemFocused(position));
+      });
+      function isListItemFocused(_x2) {
+        return _isListItemFocused.apply(this, arguments);
+      }
+      return isListItemFocused;
+    }()
+  });
+};
+exports.PopoverMenuDriver = PopoverMenuDriver;
+var _default = PopoverMenuDriver;
+exports.default = _default;
+//# sourceMappingURL=PopoverMenu.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PopoverMenuDriver","base","body","dropdownBaseTestkit","dropdownBaseDriverFactory","getContentElement","popoverUniDriverFactory","getContentElementUniDriver","createDropdownLayoutDriver","dropdownLayoutDriverFactory","$","baseUniDriverFactory","exists","getTriggerElement","dataHook","clickAtChild","index","selectOption","clickAtChildByDataHook","selectOptionByDataHook","isMenuOpen","isDropdownShown","childrenCount","optionsCount","itemContentAt","dropdownLayoutDriver","optionsDrivers","options","content","isListItemFocused","position","then","tsk"],"sources":["../../../src/PopoverMenu/PopoverMenu.uni.driver.js"],"sourcesContent":["import { dropdownBaseDriverFactory } from '../DropdownBase/DropdownBase.uni.driver';\nimport { dropdownLayoutDriverFactory } from '../DropdownLayout/DropdownLayout.uni.driver';\nimport { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\nimport { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\n\nexport const PopoverMenuDriver = (base, body) => {\n  const dropdownBaseTestkit = dropdownBaseDriverFactory(base, body);\n\n  const getContentElement = async () =>\n    popoverUniDriverFactory(base, body).getContentElementUniDriver();\n\n  const createDropdownLayoutDriver = async () =>\n    dropdownLayoutDriverFactory(\n      (await getContentElement()).$(\n        `[data-hook=\"dropdown-base-dropdownlayout\"]`,\n      ),\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Returns true of popoverMenu exists */\n    exists: () => dropdownBaseTestkit.exists(),\n    /** Returns trigger element */\n    getTriggerElement: dataHook => base.$(`[data-hook=\"${dataHook}\"]`),\n    /** Select a specific option by its index (requires the menu to be opened) */\n    clickAtChild: index => dropdownBaseTestkit.selectOption(index),\n    /** Select a specific option by its data-hook (requires the menu to be opened) */\n    clickAtChildByDataHook: dataHook =>\n      dropdownBaseTestkit.selectOptionByDataHook(dataHook),\n    /** Return true if the menu is opened */\n    isMenuOpen: () => dropdownBaseTestkit.isDropdownShown(),\n    /** Returns children count */\n    childrenCount: () => dropdownBaseTestkit.optionsCount(),\n    /** Returns text of <PopoverMenu.MenuItem/> of a specific index */\n    itemContentAt: async index => {\n      const dropdownLayoutDriver = await createDropdownLayoutDriver();\n      const optionsDrivers = await dropdownLayoutDriver.options();\n      return await optionsDrivers[index].content();\n    },\n    isListItemFocused: async position =>\n      createDropdownLayoutDriver().then(tsk => tsk.isListItemFocused(position)),\n  };\n};\n\nexport default PopoverMenuDriver;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAqE;AAAA;AAE9D,IAAMA,iBAAiB,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EAC/C,IAAMC,mBAAmB,GAAG,IAAAC,0CAAyB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAEjE,IAAMG,iBAAiB;IAAA,2CAAG;MAAA,OACxB,IAAAC,mCAAuB,EAACL,IAAI,EAAEC,IAAI,CAAC,CAACK,0BAA0B,EAAE;IAAA;IAAA,gBAD5DF,iBAAiB;MAAA;IAAA;EAAA,GAC2C;EAElE,IAAMG,0BAA0B;IAAA,4CAAG;MAAA,OACjC,IAAAC,8CAA2B,EACzB,OAAOJ,iBAAiB,EAAE,EAAEK,CAAC,gDAE5B,CACF;IAAA;IAAA,gBALGF,0BAA0B;MAAA;IAAA;EAAA,GAK7B;EAEH,uCACK,IAAAG,gCAAoB,EAACV,IAAI,CAAC;IAC7B;IACAW,MAAM,EAAE,MAAMT,mBAAmB,CAACS,MAAM,EAAE;IAC1C;IACAC,iBAAiB,EAAEC,QAAQ,IAAIb,IAAI,CAACS,CAAC,wBAAgBI,QAAQ,SAAK;IAClE;IACAC,YAAY,EAAEC,KAAK,IAAIb,mBAAmB,CAACc,YAAY,CAACD,KAAK,CAAC;IAC9D;IACAE,sBAAsB,EAAEJ,QAAQ,IAC9BX,mBAAmB,CAACgB,sBAAsB,CAACL,QAAQ,CAAC;IACtD;IACAM,UAAU,EAAE,MAAMjB,mBAAmB,CAACkB,eAAe,EAAE;IACvD;IACAC,aAAa,EAAE,MAAMnB,mBAAmB,CAACoB,YAAY,EAAE;IACvD;IACAC,aAAa;MAAA,qDAAE,WAAMR,KAAK,EAAI;QAC5B,IAAMS,oBAAoB,SAASjB,0BAA0B,EAAE;QAC/D,IAAMkB,cAAc,SAASD,oBAAoB,CAACE,OAAO,EAAE;QAC3D,aAAaD,cAAc,CAACV,KAAK,CAAC,CAACY,OAAO,EAAE;MAC9C,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IACDC,iBAAiB;MAAA,yDAAE,WAAMC,QAAQ;QAAA,OAC/BtB,0BAA0B,EAAE,CAACuB,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACH,iBAAiB,CAACC,QAAQ,CAAC,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAE/E,CAAC;AAAC;AAAA,eAEa9B,iBAAiB;AAAA"}