@storybook/api
Version:
Core Storybook API & Context
277 lines (239 loc) • 11.7 kB
JavaScript
import "core-js/modules/es.array.slice.js";
import "core-js/modules/es.object.freeze.js";
import "core-js/modules/es.symbol.js";
import "core-js/modules/es.symbol.description.js";
import "core-js/modules/es.symbol.iterator.js";
import "core-js/modules/es.array.iterator.js";
import "core-js/modules/es.string.iterator.js";
import "core-js/modules/web.dom-collections.iterator.js";
import "core-js/modules/es.array.from.js";
var _templateObject, _templateObject2, _templateObject3;
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import "core-js/modules/es.object.assign.js";
import "core-js/modules/es.object.values.js";
import "core-js/modules/es.object.to-string.js";
import "core-js/modules/es.object.entries.js";
import "core-js/modules/es.function.name.js";
import "core-js/modules/es.array.filter.js";
import "core-js/modules/es.regexp.exec.js";
import "core-js/modules/es.string.match.js";
import "core-js/modules/es.string.split.js";
import "core-js/modules/es.string.trim.js";
import "core-js/modules/es.array.concat.js";
import "core-js/modules/es.array.includes.js";
import "core-js/modules/es.string.includes.js";
import "core-js/modules/es.array.map.js";
import "core-js/modules/web.dom-collections.for-each.js";
import "core-js/modules/es.object.keys.js";
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import memoize from 'memoizerific';
import deprecate from 'util-deprecate';
import dedent from 'ts-dedent';
import mapValues from 'lodash/mapValues';
import countBy from 'lodash/countBy';
import global from 'global';
import { sanitize } from '@storybook/csf';
import { combineParameters } from '../index';
import merge from './merge';
var FEATURES = global.FEATURES;
var warnLegacyShowRoots = deprecate(function () {}, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n The 'showRoots' config option is deprecated and will be removed in Storybook 7.0. Use 'sidebar.showRoots' instead.\n Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md\n "]))));
var warnChangedDefaultHierarchySeparators = deprecate(function () {}, dedent(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n The default hierarchy separators changed in Storybook 6.0.\n '|' and '.' will no longer create a hierarchy, but codemods are available.\n Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md\n "]))));
export var denormalizeStoryParameters = function denormalizeStoryParameters(_ref) {
var globalParameters = _ref.globalParameters,
kindParameters = _ref.kindParameters,
stories = _ref.stories;
return mapValues(stories, function (storyData) {
return Object.assign({}, storyData, {
parameters: combineParameters(globalParameters, kindParameters[storyData.kind], storyData.parameters)
});
});
};
var STORY_KIND_PATH_SEPARATOR = /\s*\/\s*/;
export var transformStoryIndexToStoriesHash = function transformStoryIndexToStoriesHash(index, _ref2) {
var provider = _ref2.provider;
var countByTitle = countBy(Object.values(index.stories), 'title');
var input = Object.entries(index.stories).reduce(function (acc, _ref3) {
var _ref4 = _slicedToArray(_ref3, 2),
id = _ref4[0],
_ref4$ = _ref4[1],
title = _ref4$.title,
name = _ref4$.name,
importPath = _ref4$.importPath,
parameters = _ref4$.parameters;
var docsOnly = name === 'Page' && countByTitle[title] === 1;
acc[id] = {
id: id,
kind: title,
name: name,
parameters: Object.assign({
fileName: importPath,
options: {},
docsOnly: docsOnly
}, parameters)
};
return acc;
}, {});
return transformStoriesRawToStoriesHash(input, {
provider: provider,
prepared: false
});
};
export var transformStoriesRawToStoriesHash = function transformStoriesRawToStoriesHash(input, _ref5) {
var provider = _ref5.provider,
_ref5$prepared = _ref5.prepared,
prepared = _ref5$prepared === void 0 ? true : _ref5$prepared;
var values = Object.values(input).filter(Boolean);
var usesOldHierarchySeparator = values.some(function (_ref6) {
var kind = _ref6.kind;
return kind.match(/\.|\|/);
}); // dot or pipe
var storiesHashOutOfOrder = values.reduce(function (acc, item) {
var _item$parameters;
var kind = item.kind,
parameters = item.parameters;
var _provider$getConfig = provider.getConfig(),
_provider$getConfig$s = _provider$getConfig.sidebar,
sidebar = _provider$getConfig$s === void 0 ? {} : _provider$getConfig$s,
deprecatedShowRoots = _provider$getConfig.showRoots;
var _sidebar$showRoots = sidebar.showRoots,
showRoots = _sidebar$showRoots === void 0 ? deprecatedShowRoots : _sidebar$showRoots,
_sidebar$collapsedRoo = sidebar.collapsedRoots,
collapsedRoots = _sidebar$collapsedRoo === void 0 ? [] : _sidebar$collapsedRoo,
renderLabel = sidebar.renderLabel;
if (typeof deprecatedShowRoots !== 'undefined') {
warnLegacyShowRoots();
}
var setShowRoots = typeof showRoots !== 'undefined';
if (usesOldHierarchySeparator && !setShowRoots && FEATURES !== null && FEATURES !== void 0 && FEATURES.warnOnLegacyHierarchySeparator) {
warnChangedDefaultHierarchySeparators();
}
var groups = kind.trim().split(STORY_KIND_PATH_SEPARATOR);
var root = (!setShowRoots || showRoots) && groups.length > 1 ? [groups.shift()] : [];
var rootAndGroups = [].concat(root, _toConsumableArray(groups)).reduce(function (list, name, index) {
var parent = index > 0 && list[index - 1].id;
var id = sanitize(parent ? "".concat(parent, "-").concat(name) : name);
if (parent === id) {
throw new Error(dedent(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n Invalid part '", "', leading to id === parentId ('", "'), inside kind '", "'\n\n Did you create a path that uses the separator char accidentally, such as 'Vue <docs/>' where '/' is a separator char? See https://github.com/storybookjs/storybook/issues/6128\n "])), name, id, kind));
}
if (root.length && index === 0) {
list.push({
type: 'root',
id: id,
name: name,
depth: index,
children: [],
isComponent: false,
isLeaf: false,
isRoot: true,
renderLabel: renderLabel,
startCollapsed: collapsedRoots.includes(id)
});
} else {
list.push({
type: 'group',
id: id,
name: name,
parent: parent,
depth: index,
children: [],
isComponent: false,
isLeaf: false,
isRoot: false,
renderLabel: renderLabel,
parameters: {
docsOnly: parameters === null || parameters === void 0 ? void 0 : parameters.docsOnly,
viewMode: parameters === null || parameters === void 0 ? void 0 : parameters.viewMode
}
});
}
return list;
}, []);
var paths = [].concat(_toConsumableArray(rootAndGroups.map(function (_ref7) {
var id = _ref7.id;
return id;
})), [item.id]); // Ok, now let's add everything to the store
rootAndGroups.forEach(function (group, index) {
var child = paths[index + 1];
var id = group.id;
acc[id] = merge(acc[id] || {}, Object.assign({}, group, child && {
children: [child]
}));
});
acc[item.id] = Object.assign({
type: (_item$parameters = item.parameters) !== null && _item$parameters !== void 0 && _item$parameters.docsOnly ? 'docs' : 'story'
}, item, {
depth: rootAndGroups.length,
parent: rootAndGroups[rootAndGroups.length - 1].id,
isLeaf: true,
isComponent: false,
isRoot: false,
renderLabel: renderLabel,
prepared: prepared
});
return acc;
}, {});
function addItem(acc, item) {
if (!acc[item.id]) {
// If we were already inserted as part of a group, that's great.
acc[item.id] = item;
var children = item.children;
if (children) {
var childNodes = children.map(function (id) {
return storiesHashOutOfOrder[id];
});
if (childNodes.every(function (childNode) {
return childNode.isLeaf;
})) {
acc[item.id].isComponent = true;
acc[item.id].type = 'component';
}
childNodes.forEach(function (childNode) {
return addItem(acc, childNode);
});
}
}
return acc;
}
return Object.values(storiesHashOutOfOrder).reduce(addItem, {});
};
export function isRoot(item) {
if (item) {
return item.isRoot;
}
return false;
}
export function isGroup(item) {
if (item) {
return !item.isRoot && !item.isLeaf;
}
return false;
}
export function isStory(item) {
if (item) {
return item.isLeaf;
}
return false;
}
export var getComponentLookupList = memoize(1)(function (hash) {
return Object.entries(hash).reduce(function (acc, i) {
var value = i[1];
if (value.isComponent) {
acc.push(_toConsumableArray(i[1].children));
}
return acc;
}, []);
});
export var getStoriesLookupList = memoize(1)(function (hash) {
return Object.keys(hash).filter(function (k) {
return !(hash[k].children || Array.isArray(hash[k]));
});
});