@ljcl/storybook-addon-cssprops/dist/cjs/register.js

Interact with css custom properties dynamically in the Storybook UI

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var manager_api_1 = require("@storybook/manager-api");
var components_1 = require("@storybook/components");
var CssPropsPanel_1 = require("./components/CssPropsPanel");
var title_1 = require("./title");
var constants_1 = require("./constants");
manager_api_1.addons.register(constants_1.ADDON_ID, function (api) {
    manager_api_1.addons.add(constants_1.ADDON_ID, {
        title: title_1.useTitle,
        type: manager_api_1.types.PANEL,
        paramKey: constants_1.PARAM_KEY,
        render: function (_a) {
            var active = _a.active;
            var story = api.getCurrentStoryData();
            if (!active || !story) {
                return React.createElement(React.Fragment, { key: "nothing" }, "-");
            }
            return (React.createElement(components_1.AddonPanel, { active: !!active },
                React.createElement(CssPropsPanel_1.CssPropsPanel, { storyId: story.id })));
        },
    });
});