wix-style-react/dist/stories/PageHeader/PageHeaderTestStories.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var PropTypes = _interopRequireWildcard(_propTypes);

var _react3 = require('@storybook/react');

var _storySettings = require('./storySettings');

var _PageHeader = require('wix-style-react/PageHeader');

var _PageHeader2 = _interopRequireDefault(_PageHeader);

var _storiesHierarchy = require('../storiesHierarchy');

var _Button = require('wix-style-react/Button');

var _Button2 = _interopRequireDefault(_Button);

var _utils = require('../utils');

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var PageHeaderContainer = function PageHeaderContainer(props) {
  return _react2.default.createElement(
    'div',
    { style: { width: '700px', border: '1px solid' } },
    _react2.default.createElement(
      _utils.RTLWrapper,
      null,
      props.children
    )
  );
};
PageHeaderContainer.propTypes = {
  children: PropTypes.any
};

var kind = (0, _storiesHierarchy.getTestStoryKind)(_storySettings.storySettings);
var dataHook = 'story-page-header';

(0, _react3.storiesOf)(kind, module).add('1. Long Title and Subtitle', function () {
  return _react2.default.createElement(
    PageHeaderContainer,
    null,
    _react2.default.createElement(_PageHeader2.default, {
      dataHook: dataHook,
      title: 'PageHeader title - very very long very very long very very long very very long very very long',
      subtitle: 'PageHeader subtitle - very very long very very long very very long very very long very very long very very long very very long',
      actionsBar: _react2.default.createElement(
        _Button2.default,
        null,
        'Action'
      ),
      showBackButton: true,
      onBackClicked: function onBackClicked() {
        return null;
      }
    })
  );
});