@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
88 lines (86 loc) • 4.21 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
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 Data decorator stories.
* @copyright IBM Security 2019 - 2021
*/
var type = _mocks_.props.type,
value = _mocks_.props.value,
score = _mocks_.props.score,
href = _mocks_.props.href;
var scoreThresholds = _.Decorator.defaultProps.scoreThresholds;
var storyProps = function storyProps() {
return {
type: (0, _addonKnobs.text)('Type (`type`)', type),
value: (0, _addonKnobs.text)('Value (`value`)', value),
score: (0, _addonKnobs.number)('Score (`score`)', score, {
max: scoreThresholds[scoreThresholds.length - 1],
min: scoreThresholds[0],
range: true
}),
href: (0, _addonKnobs.text)('Link (`href`)', href),
onClick: (0, _addonActions.action)('onClick'),
inert: (0, _addonKnobs.boolean)('Non-interactive (`inert`)', false),
active: (0, _addonKnobs.boolean)('Active (`active`)', false),
noIcon: (0, _addonKnobs.boolean)('No icon (`noIcon`)', false),
renderFooter: function renderFooter() {
return /*#__PURE__*/_react2.default.createElement(_.Button, {
size: "xl"
}, "Custom footer");
}
};
};
var midLineStoryProps = function midLineStoryProps() {
return {
type: (0, _addonKnobs.text)('Type (`type`)', _mocks_.midLine.type),
value: (0, _addonKnobs.text)('Value (`value`)', _mocks_.midLine.value),
score: (0, _addonKnobs.number)('Score (`score`)', _mocks_.midLine.score, {
max: scoreThresholds[scoreThresholds.length - 1],
min: scoreThresholds[0],
range: true
}),
href: (0, _addonKnobs.text)('Link (`href`)', href),
onClick: (0, _addonActions.action)('onClick'),
inert: (0, _addonKnobs.boolean)('Non-interactive (`inert`)', false),
active: (0, _addonKnobs.boolean)('Active (`active`)', false),
noIcon: (0, _addonKnobs.boolean)('No icon (`noIcon`)', false),
renderFooter: function renderFooter() {
return /*#__PURE__*/_react2.default.createElement(_.Button, {
size: "xl"
}, "Custom footer");
},
midLineTruncation: {
enabled: true,
maxLength: 20,
front: 12,
back: 4
}
};
};
(0, _react.storiesOf)((0, _storybook.patterns)('DataDecorator#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/security-components-decorator--default&knob-Delimiter%20(delimiter)=,%20&knob-Items%20(items)=Item%201,Item%202,Item%203,Item%204,Item%205,Item%206,Item%207,Item%208,Item%209,Item%2010&knob-Lines%20(`lines`)=1&knob-Score%20(`score`)=3&knob-Title%20(`title`)=10.0.0.0&knob-Truncate%20(`truncate`)=true&knob-Truncate%20(truncate)=true&knob-Type%20(`type`)=IP&knob-Value%20(`value`)=10.0.0.0.563409u53250u&knob-Width%20(`width`)=100px&knob-type=IP&knob-value=127.0.0.1",
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__*/_react2.default.createElement(_carbonComponentsReact.Grid, null, /*#__PURE__*/_react2.default.createElement(Story, null)));
}).add('Default', function () {
return /*#__PURE__*/_react2.default.createElement(_.DataDecorator, storyProps());
}).add('Mid-line truncation', function () {
return /*#__PURE__*/_react2.default.createElement(_.DataDecorator, midLineStoryProps());
});