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

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _iconsReact = require("@carbon/icons-react");
var _addonActions = require("@storybook/addon-actions");
var _addonKnobs = require("@storybook/addon-knobs");
var _react = require("@storybook/react");
var _react2 = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _mocks_ = require("./_mocks_");
var _ = require("../..");
var _IconButton = require("./IconButton");
var _2 = require("../../");
var _carbonComponentsReact = require("carbon-components-react");
/**
 * @file Icon button stories.
 * @copyright IBM Security 2019 - 2021
 */

var iconButtonProps = function iconButtonProps() {
  return {
    className: _mocks_.className,
    disabled: (0, _addonKnobs.boolean)('disabled', false),
    iconClassName: _mocks_.iconClassName,
    label: (0, _addonKnobs.text)('label', _mocks_.label),
    onClick: (0, _addonActions.action)('onClick'),
    renderIcon: _iconsReact.Add16,
    size: (0, _addonKnobs.select)('size', _mocks_.sizes, _mocks_.sizes[0]),
    tooltip: (0, _addonKnobs.boolean)('tooltip', _.IconButton.defaultProps.tooltip),
    tooltipDirection: (0, _addonKnobs.select)('tooltipDirection', Object.keys(_IconButton.TooltipDirection).map(function (direction) {
      return _IconButton.TooltipDirection[direction];
    }), _.IconButton.defaultProps.tooltipDirection)
  };
};
(0, _react.storiesOf)((0, _storybook.components)('IconButton#legacy'), module).addDecorator(function (Story) {
  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_2.InlineNotification, {
    className: "page-layouts__banner",
    actions: /*#__PURE__*/_react2.default.createElement(_2.NotificationActionButton, {
      href: "https://react.carbondesignsystem.com/?path=/story/components-button--icon-button",
      rel: "noopener noreferrer",
      target: "_blank"
    }, "View replacement"),
    kind: "info",
    subtitle: "Component no longer supported. The component will remain available, but plan to migrate to the component replacement.",
    title: "",
    hideCloseButton: true
  }), /*#__PURE__*/_react2.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react2.default.createElement(Story, null)));
}).add('Default', function () {
  return /*#__PURE__*/_react2.default.createElement(_.IconButton, iconButtonProps());
}, {
  info: {
    text: "\n          Basic implementation of an Icon Button component.\n        "
  }
});