@skbkontur/storybook-addon-live-examples
Version:
Storybook live examples plugin
38 lines (37 loc) • 2.02 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CanvasReplacer = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var getContainer = function getContainer(id) {
return document.getElementById("anchor--".concat(id)) || document.getElementById("story--".concat(id));
};
var CanvasReplacer = exports.CanvasReplacer = function CanvasReplacer(_ref) {
var children = _ref.children,
id = _ref.id;
var containerRef = (0, _react.useRef)(getContainer(id));
(0, _react.useLayoutEffect)(function () {
if (containerRef.current) {
var defaultCanvas = containerRef.current.querySelector('.sbdocs-preview');
if (defaultCanvas) {
defaultCanvas.setAttribute('style', 'display: none');
}
} else {
containerRef.current = getContainer(id);
}
}, []);
if (!containerRef.current) return null;
if (document.getElementById(id)) {
// try fix for multiple render example
return null;
}
return /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("div", {
id: id,
key: id
}, children), containerRef.current, id);
};