wix-style-react/dist/src/MessageBox/MarketerialLayout/MarketrialLayout.visual.js

wix-style-react

"use strict";

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

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

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@storybook/react");

var _ = require("..");

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 baseProps = {
  title: 'Looking good! Your site is on Google',
  content: 'All of your pages are indexed and now come up as separate search results on Google. This is great for your visibility!',
  confirmText: 'Button',
  imageUrl: 'https://static.wixstatic.com/media/9ab0d1_8f1d1bd00e6c4bcd8764e1cae938f872~mv1.png',
  theme: 'blue'
};
var tests = [{
  describe: 'Basic',
  its: [{
    it: 'no buttons',
    props: _objectSpread(_objectSpread({}, baseProps), {}, {
      primaryButtonLabel: 'Button',
      secondaryButtonLabel: 'Secondary action'
    })
  }, {
    it: 'no buttons & no padding',
    props: _objectSpread(_objectSpread({}, baseProps), {}, {
      removeButtonsPadding: true
    })
  }, {
    it: 'no buttons with padding',
    props: _objectSpread({}, baseProps)
  }, {
    it: 'Without header',
    props: {
      title: 'No Header',
      content: 'Some content to show you',
      theme: 'white',
      primaryButtonLabel: 'Button'
    }
  }, {
    it: 'custom width',
    props: {
      title: 'Custom width',
      content: 'Some content to show you',
      theme: 'white',
      width: '800px',
      primaryButtonLabel: 'Button'
    }
  }, {
    it: 'no body padding',
    props: {
      title: 'No Body Padding - long text in title',
      content: 'Some content to show you Some content to show you Some content to show you',
      noBodyPadding: true,
      theme: 'white',
      primaryButtonLabel: 'Button'
    }
  }]
}];
tests.forEach(function (_ref) {
  var describe = _ref.describe,
      its = _ref.its;
  its.forEach(function (_ref2) {
    var it = _ref2.it,
        props = _ref2.props;
    (0, _react2.storiesOf)("MessageBox/MarketrialLayout".concat(describe ? '/' + describe : ''), module).add(it, function () {
      return /*#__PURE__*/_react["default"].createElement(_.MessageBoxMarketerialLayout, props);
    });
  });
});