@carbon/ibm-security/lib/components/StatusIcon/StatusIcon-story.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _addonKnobs = require("@storybook/addon-knobs");
var _react = require("@storybook/react");
var _recompose = require("recompose");
var _react2 = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _ = require("../..");
var _StatusIcon = require("./StatusIcon");
/**
 * @file Status icon stories.
 * @copyright IBM Security 2019 - 2021
 */

var storyProps = function storyProps() {
  return {
    message: (0, _addonKnobs.text)('Label (message)', 'Label'),
    size: (0, _addonKnobs.select)('Size (size)', _StatusIcon.SIZE, _.StatusIcon.defaultProps.size),
    iconDescription: (0, _addonKnobs.text)('Icon ARIA label', 'Icon description.. ')
  };
};
var status = _StatusIcon.STATUS[0];
(0, _react.storiesOf)((0, _storybook.components)('StatusIcon'), module).add('Default', function () {
  return /*#__PURE__*/_react2.default.createElement(_.StatusIcon, storyProps());
}).add('Status', function () {
  return /*#__PURE__*/_react2.default.createElement(_.StatusIcon, (0, _extends2.default)({}, storyProps(), {
    status: (0, _addonKnobs.select)('Status (status)', _StatusIcon.STATUS, status)
  }));
}).add('Dynamic', function () {
  var timeout;
  var StatusIconStory = (0, _recompose.compose)((0, _recompose.lifecycle)({
    componentDidMount: function componentDidMount() {
      var _this = this;
      timeout = setTimeout(function () {
        return _this.setState({
          status: status
        });
      }, 1000);
    },
    componentWillUnmount: function componentWillUnmount() {
      return clearTimeout(timeout);
    }
  }))(_.StatusIcon);
  StatusIconStory.displayName = (0, _recompose.getDisplayName)(_.StatusIcon);
  StatusIconStory.__docgenInfo = _.StatusIcon.__docgenInfo;
  return /*#__PURE__*/_react2.default.createElement(StatusIconStory, storyProps());
});