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

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _ClosablePopover = require("./ClosablePopover/ClosablePopover.driver");

var _constants = require("./constants");

var _FloatingHelperContent = require("./FloatingHelperContent/FloatingHelperContent.driver");

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) { (0, _defineProperty2["default"])(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; }

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

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

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

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

  var contentWrapper = function contentWrapper() {
    return popoverContent().querySelector("[data-hook='".concat(_constants.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 (0, _FloatingHelperContent.floatingHelperContentDriverFactory)({
        wrapper: wrapper,
        element: innerContent(),
        eventTrigger: eventTrigger
      });
    },

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

var _default = floatingHelperDriverFactory;
exports["default"] = _default;