wix-storybook-utils/dist/src/ComponentSource/index.js

Utilities for automated component documentation within Storybook

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var prop_types_1 = tslib_1.__importDefault(require("prop-types"));
var react_element_to_jsx_string_1 = tslib_1.__importDefault(require("react-element-to-jsx-string"));
var CodeBlock_1 = tslib_1.__importDefault(require("../CodeBlock"));
var remove_hoc_1 = tslib_1.__importDefault(require("./remove-hoc"));
var function_to_string_1 = tslib_1.__importDefault(require("./function-to-string"));
var componentToJSX = function (component) {
    return (0, react_element_to_jsx_string_1.default)(component, {
        displayName: function (element) {
            return element.type.displayName
                ? (0, remove_hoc_1.default)(element.type.displayName)
                : element.type.name || element.type;
        },
        showDefaultProps: false,
        showFunctions: false,
        functionValue: function_to_string_1.default,
    });
};
/**
 * given react component, render a source example
 */
var ComponentSource = function (_a) {
    var component = _a.component;
    return (react_1.default.createElement(CodeBlock_1.default, { dataHook: "metadata-codeblock", source: componentToJSX(component) }));
};
ComponentSource.propTypes = {
    component: prop_types_1.default.node.isRequired,
};
exports.default = ComponentSource;
//# sourceMappingURL=index.js.map