@flexis/ui/components/Tooltip/Tooltip.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.stylableApi = void 0;

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

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

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

var _types = require("../common/types");

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

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- ::tooltip\n\t- :active\n\t- :offset\n\t- :topPlacement\n\t- :rightPlacement\n\t- :bottomPlacement\n\t- :leftPlacement\n\t- :startAlign\n\t- :centerAlign\n\t- :endAlign\n".concat((0, _stories.buildInfo)([{
  values: _types.PlacementValues,
  prefix: ':',
  postfix: 'placement',
  indent: 1
}, {
  values: _types.AlignValues,
  prefix: ':',
  postfix: 'align',
  indent: 1
}]), "\n");
exports.stylableApi = stylableApi;

var _default = (0, _stories.storiesOf)('Tooltip', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(_.default, {
    id: "tooltip",
    placement: (0, _react2.select)('Placement', _types.PlacementValues, 'bottom'),
    align: (0, _react2.select)('Align', _types.AlignValues, 'start'),
    content: (0, _react2.text)('Content', 'Tooltip text')
  }, "Point mouse on me");
}).add('with scroll', function () {
  return _createElement("div", {
    style: {
      padding: '100px 0 1200px'
    }
  }, _createElement(_.default, {
    placement: (0, _react2.select)('Placement', _types.PlacementValues, 'bottom'),
    align: (0, _react2.select)('Align', _types.AlignValues, 'start'),
    content: (0, _react2.text)('Content', 'Tooltip text')
  }, "Point mouse on me"));
}).add('with fixed block', function () {
  return _createElement("div", {
    style: {
      padding: '100px 0 1200px'
    }
  }, _createElement("div", {
    style: {
      position: 'fixed',
      top: '30px',
      left: '100px',
      border: '1px solid black',
      width: '300px',
      height: '200px',
      overflow: 'auto'
    }
  }, _createElement("div", {
    style: {
      padding: '100px 0 1200px'
    }
  }, _createElement(_.default, {
    placement: (0, _react2.select)('Placement', _types.PlacementValues, 'bottom'),
    align: (0, _react2.select)('Align', _types.AlignValues, 'start'),
    content: (0, _react2.text)('Content', 'Tooltip text')
  }, "Point mouse on me"))));
});

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