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

Styleless React Components

"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

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 _addonActions = require("@storybook/addon-actions");

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

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

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

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- :active\n- :disable\n- ::title\n- ::content\n";
exports.stylableApi = stylableApi;

var _ref = /*#__PURE__*/_createElement(_.ExpandTitle, {
  id: "expandTitle"
}, "Click me!");

var _ref2 = /*#__PURE__*/_createElement(_.ExpandTitle, null, "Click me!");

var _ref3 = /*#__PURE__*/_createElement(_.ExpandTitle, null, "Click me!");

var _ref4 = /*#__PURE__*/_createElement(_.ExpandTitle, null, "Click me!");

var _default = (0, _stories.storiesOf)('Expand', module).addParameters({
  info: stylableApi
}).add('with simple content', function () {
  return _createElement(_.default, {
    style: {
      width: '12rem'
    },
    onToggle: (0, _addonActions.action)('toggle'),
    disabled: (0, _react2.boolean)('Disabled', false)
  }, _ref, _createElement(_.ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with default active', function () {
  return _createElement(_.default, {
    style: {
      width: '12rem'
    },
    onToggle: (0, _addonActions.action)('toggle'),
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultActive: true
  }, _ref2, _createElement(_.ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with disabled state', function () {
  return _createElement(_.default, {
    style: {
      width: '12rem'
    },
    onToggle: (0, _addonActions.action)('toggle'),
    disabled: (0, _react2.boolean)('Disabled', true)
  }, _ref3, _createElement(_.ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with active state', function () {
  return _createElement(_.default, {
    style: {
      width: '12rem'
    },
    onToggle: (0, _addonActions.action)('toggle'),
    disabled: (0, _react2.boolean)('Disabled', false),
    active: (0, _react2.boolean)('Active', true)
  }, _ref4, _createElement(_.ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
});

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