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

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _layout = require("@carbon/layout");
var _addonKnobs = require("@storybook/addon-knobs");
var _react = require("@storybook/react");
var _react2 = _interopRequireDefault(require("react"));
var _storybook = require("../../../.storybook");
var _ = require("../..");
var _mocks_ = _interopRequireDefault(require("./_mocks_"));
/**
 * @file Delimited list stories.
 * @copyright IBM Security 2019 - 2021
 */

var _DelimitedList$defaul = _.DelimitedList.defaultProps,
  delimiter = _DelimitedList$defaul.delimiter,
  truncate = _DelimitedList$defaul.truncate;
var props = function props() {
  return {
    items: (0, _addonKnobs.array)('Items (items)', _mocks_.default.items),
    truncate: (0, _addonKnobs.boolean)('Truncate (truncate)', truncate),
    delimiter: (0, _addonKnobs.text)('Delimiter (delimiter)', delimiter),
    style: {
      width: _layout.breakpoints.sm.width
    }
  };
};
(0, _react.storiesOf)((0, _storybook.components)('DelimitedList'), module).add('Default', function () {
  return /*#__PURE__*/_react2.default.createElement(_.DelimitedList, props());
}, (0, _storybook.info)('Delimited lists truncates an array of items, separated by a delimited, and include the total number of items when hovering.'));