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

wix-style-react

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

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

var _Tooltip = require("wix-ui-core/dist/src/components/tooltip/Tooltip.driver");

var _Text = _interopRequireDefault(require("../Text/Text.driver"));

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

var DATA_ATTR = _interopRequireWildcard(require("./DataAttr"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

// TODO - add tooltip classic driver in the correct place
var checkboxDriverFactory = function checkboxDriverFactory(_ref) {
  var element = _ref.element,
      eventTrigger = _ref.eventTrigger;

  var byHook = function byHook(hook) {
    return element.querySelector("[data-hook*=\"".concat(hook, "\"]"));
  };

  var input = function input() {
    return element.querySelector('input');
  };

  var checkbox = function checkbox() {
    return element.querySelector(_constants.dataHooks.box);
  };

  var isChecked = function isChecked() {
    return input().checked;
  };

  var labelText = function labelText() {
    return element.querySelector("[data-hook=\"".concat(_constants.dataHooks.children, "\"]"));
  };

  var labelTextDriver = function labelTextDriver() {
    return (0, _Text["default"])({
      element: labelText()
    });
  };

  var tooltipDriver = function tooltipDriver() {
    return (0, _Tooltip.tooltipDriverFactory)({
      element: byHook(_constants.dataHooks.boxTooltip),
      eventTrigger: eventTrigger
    });
  };

  var getTooltipText = /*#__PURE__*/function () {
    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
      var tooltipTestkit, contentElement;
      return _regenerator["default"].wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              tooltipTestkit = tooltipDriver();
              _context.prev = 1;
              tooltipTestkit.mouseEnter();
              contentElement = tooltipTestkit.getContentElement();
              tooltipTestkit.mouseLeave();
              _context.next = 7;
              return contentElement.textContent;

            case 7:
              return _context.abrupt("return", _context.sent);

            case 10:
              _context.prev = 10;
              _context.t0 = _context["catch"](1);
              throw new Error('Failed getting checkbox error message');

            case 13:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, null, [[1, 10]]);
    }));

    return function getTooltipText() {
      return _ref2.apply(this, arguments);
    };
  }();

  var isTooltipEnabled = /*#__PURE__*/function () {
    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
      var tooltipTestkit, contentElement;
      return _regenerator["default"].wrap(function _callee2$(_context2) {
        while (1) {
          switch (_context2.prev = _context2.next) {
            case 0:
              tooltipTestkit = tooltipDriver();
              tooltipTestkit.mouseEnter();
              contentElement = tooltipTestkit.getContentElement();
              return _context2.abrupt("return", !!contentElement && !!contentElement.textContent);

            case 4:
            case "end":
              return _context2.stop();
          }
        }
      }, _callee2);
    }));

    return function isTooltipEnabled() {
      return _ref3.apply(this, arguments);
    };
  }();

  return {
    exists: function exists() {
      return !!element;
    },
    click: function click() {
      return eventTrigger.change(input(), {
        target: {
          checked: !isChecked()
        }
      });
    },

    /** trigger focus on the element */
    focus: function focus() {
      return eventTrigger.focus(checkbox());
    },

    /** Checks whether the checkbox is focused */
    isFocused: function isFocused() {
      return element === document.activeElement;
    },

    /** trigger blur on the element */
    blur: function blur() {
      return eventTrigger.blur(checkbox());
    },
    isChecked: isChecked,
    isDisabled: function isDisabled() {
      return element.getAttribute(DATA_ATTR.DATA_DISABLED) === 'true';
    },
    isIndeterminate: function isIndeterminate() {
      return element.getAttribute(DATA_ATTR.DATA_CHECK_TYPE) === DATA_ATTR.CHECK_TYPES.INDETERMINATE;
    },
    isTooltipEnabled: isTooltipEnabled,
    hasError: function hasError() {
      return element.getAttribute(DATA_ATTR.DATA_HAS_ERROR) === 'true';
    },
    getErrorMessage: getTooltipText,
    getTooltipContent: getTooltipText,
    getLabel: function getLabel() {
      return labelTextDriver().getText();
    },
    getLabelSize: function getLabelSize() {
      return labelTextDriver().getSize();
    }
  };
};

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