@carbon/ibm-security/lib/components/Header/Header-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 _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _addonActions = require("@storybook/addon-actions");
var _addonKnobs = require("@storybook/addon-knobs");
var _storybook = require("../../../.storybook");
var _ = _interopRequireDefault(require("./"));
var _mocks_ = require("./_mocks_");
var _2 = require("../../");
var _carbonComponentsReact = require("carbon-components-react");
/**
 * @file Header stories.
 * @copyright IBM Security 2018
 */

var headerProps = {
  labels: _mocks_.labels,
  links: _mocks_.links
};
(0, _storybook.disableCenteredStories)((0, _react2.storiesOf)((0, _storybook.patterns)('Header#legacy'), module)).addDecorator(function (Story) {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react.default.createElement(Story, null)), /*#__PURE__*/_react.default.createElement(_2.InlineNotification, {
    className: "page-layouts__banner",
    actions: /*#__PURE__*/_react.default.createElement(_2.NotificationActionButton, {
      href: "https://react.carbondesignsystem.com/?path=/story/components-ui-shell--header-base-w-actions",
      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,
    style: {
      display: 'block'
    }
  }));
}).add('default', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, headerProps);
}, {
  info: {
    text: "\n          Basic implementation of the header.\n        "
  }
}).add('with active user', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, headerProps, {
    profile: (0, _addonKnobs.object)('profile', _mocks_.profile)
  }));
}, {
  info: {
    text: "\n          Basic implementation of the header when a user is active.\n        "
  }
}).add('with notifications', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, headerProps, {
    notifications: _mocks_.notifications,
    onNotificationClear: (0, _addonActions.action)('onNotificationClear'),
    profile: (0, _addonKnobs.object)('profile', _mocks_.profile),
    totalNotifications: 307
  }));
}, {
  info: {
    text: "\n          Basic implementation of the header with notifications.\n        "
  }
}).add('with profile account', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, headerProps, {
    onAccountClick: (0, _addonActions.action)('onAccountClick'),
    profile: (0, _addonKnobs.object)('profile', _mocks_.profileWithAccount)
  }));
}, {
  info: {
    text: "\n          Basic implementation of the header with accounts.\n        "
  }
}).add('with account list', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, headerProps, {
    accounts: (0, _addonKnobs.object)('accounts', _mocks_.accounts),
    onAccountClick: (0, _addonActions.action)('onAccountClick'),
    profile: (0, _addonKnobs.object)('profile', _mocks_.profileWithAccount)
  }));
}, {
  info: {
    text: "\n          Basic implementation of the header with accounts.\n        "
  }
}).add('with account list and long account name', function () {
  return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({}, headerProps, {
    accounts: (0, _addonKnobs.object)('accounts', _mocks_.accounts),
    onAccountClick: (0, _addonActions.action)('onAccountClick'),
    profile: (0, _addonKnobs.object)('profile', _mocks_.profileWithAccountLongName)
  }));
}, {
  info: {
    text: "\n          Basic implementation of the header with accounts that have long truncated names.\n        "
  }
});