wix-style-react/dist/stories/ImageViewer/index.story.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ImageViewer = require('wix-style-react/ImageViewer');

var _ImageViewer2 = _interopRequireDefault(_ImageViewer);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _ExampleStandard = require('./ExampleStandard');

var _ExampleStandard2 = _interopRequireDefault(_ExampleStandard);

var _ExampleStandard3 = require('!raw-loader!./ExampleStandard');

var _ExampleStandard4 = _interopRequireDefault(_ExampleStandard3);

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

var exampleImageUrl = [{ label: 'No Image', value: '' }, {
  label: 'Image',
  value: 'https://static.wixstatic.com/media/c78d05b79ede429fb77c9d8ec4443b93.jpg/v1/fit/w_375,h_375/c78d05b79ede429fb77c9d8ec4443b93.jpg'
}];

exports.default = {
  category: '3. Inputs',
  storyName: '3.10 ImageViewer',

  component: _ImageViewer2.default,
  componentPath: '../../src/ImageViewer',

  componentProps: {
    dataHook: 'story-image-viewer',
    imageUrl: exampleImageUrl[0].value
  },

  exampleProps: {
    imageUrl: exampleImageUrl,
    onAddImage: function onAddImage() {
      return 'onAddImage';
    },
    onUpdateImage: function onUpdateImage() {
      return 'onUpdateImage';
    },
    onRemoveImage: function onRemoveImage() {
      return 'onRemoveImage';
    },
    tooltipProps: [{ label: 'from left', value: { placement: 'left' } }]
  },

  examples: _react2.default.createElement(
    _CodeExample2.default,
    { title: 'Standard', code: _ExampleStandard4.default },
    _react2.default.createElement(_ExampleStandard2.default, null)
  )
};