@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
52 lines (51 loc) • 2.29 kB
JavaScript
/**
* @file Toolbar stories.
* @copyright IBM Security 2018
*/
import React from 'react';
import { storiesOf } from '@storybook/react';
import { patterns } from '../../../.storybook';
import Toolbar from './';
import { labels, menu, settings, support } from './_mocks_';
import { InlineNotification, NotificationActionButton } from '../../';
import { Grid } from 'carbon-components-react';
storiesOf(patterns('Toolbar#legacy'), module).addDecorator(function (Story) {
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InlineNotification, {
className: "page-layouts__banner",
actions: /*#__PURE__*/React.createElement(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: "Component no longer supported. The component will remain available, but plan to migrate to the component replacement.",
title: "",
hideCloseButton: true
}), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Story, null)));
}).add('default', function () {
return /*#__PURE__*/React.createElement(Toolbar, {
labels: labels,
menu: menu,
settings: settings,
support: support
});
});
storiesOf(patterns('Toolbar#legacy'), module).addDecorator(function (Story) {
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InlineNotification, {
className: "page-layouts__banner",
actions: /*#__PURE__*/React.createElement(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
}), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Story, null)));
}).add('Menu only', function () {
return /*#__PURE__*/React.createElement(Toolbar, {
labels: labels,
menu: menu
});
});