@carbon/ibm-cloud-cognitive-cdai
Version:
Carbon for Cloud & Cognitive CD&AI UI components
56 lines (55 loc) • 3.76 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.withTabs = exports.withSubtitle = exports.withHeadingRenderFunction = exports.withHeading = exports.withClassName = exports.withBreadcrumb = exports.pageHeaderCoreProps = exports.bespokeJSXProp = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _IDHelper = require("../../../../component_helpers/IDHelper");
var _carbonComponentsReact = require("carbon-components-react");
var _iconsReact = require("@carbon/icons-react");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var heading = 'my heading';
var subtitle = 'my subtitle';
var breadcrumb = /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Breadcrumb, (0, _extends2.default)({
noTrailingSlash: true
}, (0, _IDHelper.idAttribute)('breadcrumb')), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, null, /*#__PURE__*/_react.default.createElement("a", {
href: '#top'
}, "items")), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.BreadcrumbItem, {
isCurrentPage: true
}, /*#__PURE__*/_react.default.createElement("div", null, "item")));
var withHeading = exports.withHeading = {
heading: heading
};
var withSubtitle = exports.withSubtitle = {
subtitle: subtitle
};
var withBreadcrumb = exports.withBreadcrumb = {
breadcrumb: breadcrumb
};
var withTabs = exports.withTabs = {
tabs: /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Tabs, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Tab, (0, _extends2.default)({
key: 'tab1',
label: 'Tab one'
}, (0, _IDHelper.idAttribute)('tab1'))), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Tab, (0, _extends2.default)({
key: 'tab2',
label: 'Tab two'
}, (0, _IDHelper.idAttribute)('tab2'))))
};
var withHeadingRenderFunction = exports.withHeadingRenderFunction = {
headingRenderFunction: function headingRenderFunction(headingJSX) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_iconsReact.Bee32, (0, _IDHelper.idAttribute)('custom-header-content')), headingJSX);
}
};
var withClassName = exports.withClassName = {
className: 'storybook--use-width storybook--ide-page-header-heading'
};
var pageHeaderCoreProps = exports.pageHeaderCoreProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, withHeading), withBreadcrumb), withTabs), withClassName);
var bespokeJSXProp = exports.bespokeJSXProp = {
customContent: /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
className: 'storybook--idepageheader-button'
}, (0, _IDHelper.idAttribute)('custom')), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, null, "Add new topic"))
};