@flexis/ui/components/FileDrop/FileDrop.stories.js

Styleless React Components

"use strict";

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

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.events = exports.stylableApi = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

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

var _addonActions = require("@storybook/addon-actions");

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

var _stories = require("../../helpers/stories");

var _ = _interopRequireDefault(require("./"));

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- :disabled\n- :dragOver\n";
exports.stylableApi = stylableApi;
var events = {
  onChange: (0, _addonActions.action)('change')
};
exports.events = events;

var _default = (0, _stories.storiesOf)('FileDrop', module).addParameters({
  info: stylableApi
}).add('with content', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      border: '1px dashed black',
      width: '40rem',
      height: '40rem'
    },
    disabled: (0, _react2.boolean)('Disabled', false)
  }), "Drop files here");
}).add('with disabled state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      border: '1px dashed black',
      width: '40rem',
      height: '40rem'
    },
    disabled: (0, _react2.boolean)('Disabled', true)
  }), "Drop files here");
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbGVEcm9wL0ZpbGVEcm9wLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBR0E7O0FBR0E7O0FBR0E7OztBQUVPLElBQU0sV0FBVyxvREFBakI7O0FBT0EsSUFBTSxNQUFNLEdBQUc7QUFDckIsRUFBQSxRQUFRLEVBQUUsMEJBQU8sUUFBUDtBQURXLENBQWY7OztlQUlRLHdCQUFVLFVBQVYsRUFBc0IsTUFBdEIsRUFDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsY0FMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLFNBQUQsNkJBQ0ssTUFETDtBQUVDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxNQUFNLEVBQUUsa0JBREY7QUFFTixNQUFBLEtBQUssRUFBRyxPQUZGO0FBR04sTUFBQSxNQUFNLEVBQUU7QUFIRixLQUZSO0FBT0MsSUFBQSxRQUFRLEVBQUUscUJBQVEsVUFBUixFQUFvQixLQUFwQjtBQVBYLHdCQUREO0FBQUEsQ0FOYSxFQW9CYixHQXBCYSxDQXFCYixxQkFyQmEsRUFzQmI7QUFBQSxTQUNDLGVBQUMsU0FBRCw2QkFDSyxNQURMO0FBRUMsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLE1BQU0sRUFBRSxrQkFERjtBQUVOLE1BQUEsS0FBSyxFQUFHLE9BRkY7QUFHTixNQUFBLE1BQU0sRUFBRTtBQUhGLEtBRlI7QUFPQyxJQUFBLFFBQVEsRUFBRSxxQkFBUSxVQUFSLEVBQW9CLElBQXBCO0FBUFgsd0JBREQ7QUFBQSxDQXRCYSxDIiwic291cmNlUm9vdCI6IiJ9