wix-style-react/dist/es/src/FloatingHelper/FloatingHelper.driver.js

wix-style-react

import _defineProperty from "@babel/runtime/helpers/defineProperty";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

import { closablePopoverDriverFactory } from './ClosablePopover/ClosablePopover.driver';
import { dataHooks } from './constants';
import { floatingHelperContentDriverFactory } from './FloatingHelperContent/FloatingHelperContent.driver';

var floatingHelperDriverFactory = function floatingHelperDriverFactory(_ref) {
  var wrapper = _ref.wrapper,
      element = _ref.element,
      eventTrigger = _ref.eventTrigger;
  var closablePopoverDriver = closablePopoverDriverFactory({
    wrapper: wrapper,
    element: element,
    eventTrigger: eventTrigger
  });

  var popoverContent = function popoverContent() {
    return closablePopoverDriver.getContentElement();
  };

  var innerContent = function innerContent() {
    return popoverContent().querySelector("[data-hook='".concat(dataHooks.innerContent, "']"));
  };

  var closeButton = function closeButton() {
    return popoverContent().querySelector("[data-hook='".concat(dataHooks.closeButton, "']"));
  };

  var contentWrapper = function contentWrapper() {
    return popoverContent().querySelector("[data-hook='".concat(dataHooks.contentWrapper, "']"));
  };

  return _objectSpread(_objectSpread({}, closablePopoverDriver), {}, {
    /** check whether the helper has a close button */
    hasCloseButton: function hasCloseButton() {
      return !!closeButton();
    },

    /** click the close button */
    clickCloseButton: function clickCloseButton() {
      return eventTrigger.click(closeButton());
    },

    /** Get the driver for the helper's content */
    getHelperContentDriver: function getHelperContentDriver() {
      return floatingHelperContentDriverFactory({
        wrapper: wrapper,
        element: innerContent(),
        eventTrigger: eventTrigger
      });
    },

    /** Get width of content's root element */
    getWidth: function getWidth() {
      return window.getComputedStyle(contentWrapper()).width;
    }
  });
};

export default floatingHelperDriverFactory;