@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
71 lines (69 loc) • 3.24 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
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 _ = require("../..");
var _carbonComponentsReact = require("carbon-components-react");
var _mocks_ = require("./_mocks_");
var _2 = require("../../");
/**
* @file Card stories.
* @copyright IBM Security 2019 - 2021
*/
var footerDescription = 'Status';
var headerPrefix = "header.";
var props = function props() {
return {
header: {
tag: (0, _addonKnobs.text)("Subtitle (".concat(headerPrefix, "tag)"), _mocks_.tag),
image: (0, _addonKnobs.text)("Icon (".concat(headerPrefix, "image)"), _mocks_.image),
title: (0, _addonKnobs.text)("Title (".concat(headerPrefix, "title)"), _mocks_.title)
},
body: {
text: (0, _addonKnobs.text)('Description (body.text)', _mocks_.text)
},
footer: {
children: /*#__PURE__*/_react2.default.createElement(_.StatusIcon, {
description: footerDescription,
message: footerDescription,
status: "success"
})
}
};
};
var searchLabelText = 'Search';
(0, _react.storiesOf)((0, _storybook.components)('Card#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://v1-ibm-products.carbondesignsystem.com/?path=/story/ibm-products-components-cards-productivecard--default",
rel: "noopener noreferrer",
target: "_blank"
}, "View replacement"),
kind: "info",
subtitle: "Component no longer supported. The pattern will remain available, but plan to migrate to the pattern 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(_.Card, null);
}).add('Content', function () {
return /*#__PURE__*/_react2.default.createElement(_.Card, (0, _extends2.default)({}, props(), {
label: (0, _addonKnobs.text)('Icon label (label)', _mocks_.label),
link: (0, _addonKnobs.text)('Link (link)', _mocks_.link),
onClick: (0, _addonActions.action)('onClick')
}));
}).add('Child with light background', function () {
return /*#__PURE__*/_react2.default.createElement(_.Card, null, /*#__PURE__*/_react2.default.createElement(_.SearchBar, {
clearButtonLabelText: "Clear",
labelText: searchLabelText,
placeHolderText: searchLabelText,
submitLabel: "Submit"
}));
}).add('Skeleton', function () {
return /*#__PURE__*/_react2.default.createElement(_.Card, null, /*#__PURE__*/_react2.default.createElement(_.CardSkeleton, null));
});