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

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _addonKnobs = require("@storybook/addon-knobs");
var _storybook = require("../../../.storybook");
var _ = require("../..");
var _2 = require("../../");
var _carbonComponentsReact = require("carbon-components-react");
/**
 * @file ErrorPage section stories.
 * @copyright IBM Security 2019
 */

var statusCodes = {
  403: 403,
  404: 404,
  500: 500,
  'Custom error': 'Custom'
};
var props = function props() {
  return {
    statusCode: (0, _addonKnobs.select)('Status codes (statusCode)', statusCodes, 403),
    errorMessage: (0, _addonKnobs.text)('Error message (errorMessage)', ''),
    errorName: (0, _addonKnobs.text)('Error name (errorName)', ''),
    links: [{
      id: (0, _addonKnobs.text)('Link id (links[0].id)', 'link-example-id'),
      href: (0, _addonKnobs.text)('Link href (links[0].href)', '#'),
      text: (0, _addonKnobs.text)('Link text (links[0].text)', 'Return to...')
    }]
  };
};
(0, _storybook.disableCenteredStories)((0, _react2.storiesOf)((0, _storybook.patterns)('ErrorPage#legacy'), module)).addDecorator(function (Story) {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_2.InlineNotification, {
    className: "page-layouts__banner",
    actions: /*#__PURE__*/_react.default.createElement(_2.NotificationActionButton, {
      href: "https://v1-ibm-products.carbondesignsystem.com/?path=/story/ibm-products-patterns-http-errors-httperror403--with-all-props-set",
      rel: "noopener noreferrer",
      target: "_blank"
    }, "View replacement"),
    kind: "info",
    subtitle: "Pattern no longer supported. The pattern will remain available, but plan to migrate to the pattern replacement.",
    title: "",
    hideCloseButton: true
  }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react.default.createElement(Story, null)));
}).add('default', function () {
  return /*#__PURE__*/_react.default.createElement(_.ErrorPage, props());
});