@storybook/addon-docs 6.5.0-alpha.5 → 6.5.0-alpha.52

package/dist/cjs/frameworks/svelte/sourceDecorator.js

@@ -1,262 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.from.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateSvelteSource = generateSvelteSource;
-exports.sourceDecorator = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.string.ends-with.js");
-
-require("core-js/modules/es.array.join.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.entries.js");
-
-require("core-js/modules/es.array.find.js");
-
-var _addons = require("@storybook/addons");
-
-var _shared = require("../../shared");
-
-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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
-
-/**
- * Check if the sourcecode should be generated.
- *
- * @param context StoryContext
- */
-var skipSourceRender = function skipSourceRender(context) {
-  var _context$parameters$d;
-
-  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _shared.SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === _shared.SourceType.CODE;
-};
-/**
- * Transform a key/value to a svelte declaration as string.
- *
- * Default values are ommited
- *
- * @param key Key
- * @param value Value
- * @param argTypes Component ArgTypes
- */
-
-
-function toSvelteProperty(key, value, argTypes) {
-  if (value === undefined || value === null) {
-    return null;
-  } // default value ?
-
-
-  if (argTypes[key] && argTypes[key].defaultValue === value) {
-    return null;
-  }
-
-  if (value === true) {
-    return key;
-  }
-
-  if (typeof value === 'string') {
-    return "".concat(key, "=").concat(JSON.stringify(value));
-  }
-
-  return "".concat(key, "={").concat(JSON.stringify(value), "}");
-}
-/**
- * Extract a component name.
- *
- * @param component Component
- */
-
-
-function getComponentName(component) {
-  if (component == null) {
-    return null;
-  }
-
-  var _component$__docgen = component.__docgen,
-      __docgen = _component$__docgen === void 0 ? {} : _component$__docgen;
-
-  var name = __docgen.name;
-
-  if (!name) {
-    return component.name;
-  }
-
-  if (name.endsWith('.svelte')) {
-    name = name.substring(0, name.length - 7);
-  }
-
-  return name;
-}
-/**
- * Generate a svelte template.
- *
- * @param component Component
- * @param args Args
- * @param argTypes ArgTypes
- * @param slotProperty Property used to simulate a slot
- */
-
-
-function generateSvelteSource(component, args, argTypes, slotProperty) {
-  var name = getComponentName(component);
-
-  if (!name) {
-    return null;
-  }
-
-  var props = Object.entries(args).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-        k = _ref2[0];
-
-    return k !== slotProperty;
-  }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
-
-    return toSvelteProperty(k, v, argTypes);
-  }).filter(function (p) {
-    return p;
-  }).join(' ');
-  var slotValue = slotProperty ? args[slotProperty] : null;
-
-  if (slotValue) {
-    return "<".concat(name, " ").concat(props, ">\n    ").concat(slotValue, "\n</").concat(name, ">");
-  }
-
-  return "<".concat(name, " ").concat(props, "/>");
-}
-/**
- * Check if the story component is a wrapper to the real component.
- *
- * A component can be annoted with @wrapper to indicate that
- * it's just a wrapper for the real tested component. If it's the case
- * then the code generated references the real component, not the wrapper.
- *
- * moreover, a wrapper can annotate a property with @slot : this property
- * is then assumed to be an alias to the default slot.
- *
- * @param component Component
- */
-
-
-function getWrapperProperties(component) {
-  var __docgen = component.__docgen;
-
-  if (!__docgen) {
-    return {
-      wrapper: false
-    };
-  } // the component should be declared as a wrapper
-
-
-  if (!__docgen.keywords.find(function (kw) {
-    return kw.name === 'wrapper';
-  })) {
-    return {
-      wrapper: false
-    };
-  }
-
-  var slotProp = __docgen.data.find(function (prop) {
-    return prop.keywords.find(function (kw) {
-      return kw.name === 'slot';
-    });
-  });
-
-  return {
-    wrapper: true,
-    slotProperty: slotProp === null || slotProp === void 0 ? void 0 : slotProp.name
-  };
-}
-/**
- * Svelte source decorator.
- * @param storyFn Fn
- * @param context  StoryContext
- */
-
-
-var sourceDecorator = function sourceDecorator(storyFn, context) {
-  var channel = _addons.addons.getChannel();
-
-  var skip = skipSourceRender(context);
-  var story = storyFn();
-  var source;
-  (0, _addons.useEffect)(function () {
-    if (!skip && source) {
-      channel.emit(_shared.SNIPPET_RENDERED, (context || {}).id, source);
-    }
-  });
-
-  if (skip) {
-    return story;
-  }
-
-  var _ref5 = context || {},
-      _ref5$parameters = _ref5.parameters,
-      parameters = _ref5$parameters === void 0 ? {} : _ref5$parameters,
-      _ref5$args = _ref5.args,
-      args = _ref5$args === void 0 ? {} : _ref5$args;
-
-  var _story$Component = story.Component,
-      component = _story$Component === void 0 ? {} : _story$Component;
-
-  var _getWrapperProperties = getWrapperProperties(component),
-      wrapper = _getWrapperProperties.wrapper,
-      slotProperty = _getWrapperProperties.slotProperty;
-
-  if (wrapper) {
-    component = parameters.component;
-  }
-
-  source = generateSvelteSource(component, args, context === null || context === void 0 ? void 0 : context.argTypes, slotProperty);
-  return story;
-};
-
-exports.sourceDecorator = sourceDecorator;

package/dist/cjs/frameworks/svelte/svelte-docgen-loader.js

@@ -1,191 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.object.freeze.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = svelteDocgen;
-
-require("regenerator-runtime/runtime.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.match.js");
-
-require("core-js/modules/es.string.replace.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
-require("core-js/modules/es.function.name.js");
-
-var _sveltedocParser = _interopRequireDefault(require("sveltedoc-parser"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var path = _interopRequireWildcard(require("path"));
-
-var fs = _interopRequireWildcard(require("fs"));
-
-var _loaderUtils = require("loader-utils");
-
-var _compiler = require("svelte/compiler");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _templateObject;
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-// From https://github.com/sveltejs/svelte/blob/8db3e8d0297e052556f0b6dde310ef6e197b8d18/src/compiler/compile/utils/get_name_from_filename.ts
-// Copied because it is not exported from the compiler
-function getNameFromFilename(filename) {
-  if (!filename) return null;
-  var parts = filename.split(/[/\\]/).map(encodeURI);
-
-  if (parts.length > 1) {
-    var index_match = parts[parts.length - 1].match(/^index(\.\w+)/);
-
-    if (index_match) {
-      parts.pop();
-      parts[parts.length - 1] += index_match[1];
-    }
-  }
-
-  var base = parts.pop().replace(/%/g, 'u').replace(/\.[^.]+$/, '').replace(/[^a-zA-Z_$0-9]+/g, '_').replace(/^_/, '').replace(/_$/, '').replace(/^(\d)/, '_$1');
-
-  if (!base) {
-    throw new Error("Could not derive component name from file ".concat(filename));
-  }
-
-  return base[0].toUpperCase() + base.slice(1);
-}
-/**
- * webpack loader for sveltedoc-parser
- * @param source raw svelte component
- */
-
-
-function svelteDocgen(_x) {
-  return _svelteDocgen.apply(this, arguments);
-}
-
-function _svelteDocgen() {
-  _svelteDocgen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(source) {
-    var resource, svelteOptions, preprocessOptions, _svelteOptions$logDoc, logDocgen, docOptions, src, _yield$preprocess, fileContent, options, docgen, componentDoc, file, componentName, output;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            // eslint-disable-next-line no-underscore-dangle
-            resource = this._module.resource;
-            svelteOptions = Object.assign({}, (0, _loaderUtils.getOptions)(this));
-            preprocessOptions = svelteOptions.preprocess, _svelteOptions$logDoc = svelteOptions.logDocgen, logDocgen = _svelteOptions$logDoc === void 0 ? false : _svelteOptions$logDoc;
-
-            if (!preprocessOptions) {
-              _context.next = 12;
-              break;
-            }
-
-            src = fs.readFileSync(resource).toString();
-            _context.next = 7;
-            return (0, _compiler.preprocess)(src, preprocessOptions);
-
-          case 7:
-            _yield$preprocess = _context.sent;
-            fileContent = _yield$preprocess.code;
-            docOptions = {
-              fileContent: fileContent
-            };
-            _context.next = 13;
-            break;
-
-          case 12:
-            docOptions = {
-              filename: resource
-            };
-
-          case 13:
-            // set SvelteDoc options
-            options = Object.assign({}, docOptions, {
-              version: 3
-            });
-            docgen = '';
-            _context.prev = 15;
-            _context.next = 18;
-            return _sveltedocParser.default.parse(options);
-
-          case 18:
-            componentDoc = _context.sent;
-            // get filename for source content
-            file = path.basename(resource); // populate filename in docgen
-
-            componentDoc.name = path.basename(file);
-            componentName = getNameFromFilename(resource);
-            docgen = (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n              ", ".__docgen = ", ";\n              "])), componentName, JSON.stringify(componentDoc));
-            _context.next = 28;
-            break;
-
-          case 25:
-            _context.prev = 25;
-            _context.t0 = _context["catch"](15);
-
-            if (logDocgen) {
-              _nodeLogger.logger.error(_context.t0);
-            }
-
-          case 28:
-            // inject __docgen prop in svelte component
-            output = source + docgen;
-            return _context.abrupt("return", output);
-
-          case 30:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, this, [[15, 25]]);
-  }));
-  return _svelteDocgen.apply(this, arguments);
-}

package/dist/cjs/frameworks/vue/config.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decorators = exports.parameters = void 0;
-
-var _extractArgTypes = require("./extractArgTypes");
-
-var _docgen = require("../../lib/docgen");
-
-var _prepareForInline = require("./prepareForInline");
-
-var _sourceDecorator = require("./sourceDecorator");
-
-var parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline: _prepareForInline.prepareForInline,
-    extractArgTypes: _extractArgTypes.extractArgTypes,
-    extractComponentDescription: _docgen.extractComponentDescription
-  }
-};
-exports.parameters = parameters;
-var decorators = [_sourceDecorator.sourceDecorator];
-exports.decorators = decorators;

package/dist/cjs/frameworks/vue/extractArgTypes.js

@@ -1,153 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.array.from.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractArgTypes = void 0;
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.join.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-var _docgen = require("../../lib/docgen");
-
-var _convert = require("../../lib/convert");
-
-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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
-
-var SECTIONS = ['props', 'events', 'slots'];
-/**
- * Check if "@values" tag is defined within docgenInfo.
- * If true, then propDef is mutated.
- */
-
-function isEnum(propDef, docgenInfo) {
-  // cast as any, since "values" doesn't exist in DocgenInfo type
-  var _ref = docgenInfo,
-      type = _ref.type,
-      values = _ref.values;
-  var matched = Array.isArray(values) && values.length && type.name !== 'enum';
-  if (!matched) return false;
-  var enumString = values.join(', ');
-  var summary = propDef.type.summary;
-  summary = summary ? "".concat(summary, ": ").concat(enumString) : enumString;
-  Object.assign(propDef.type, Object.assign({}, propDef.type, {
-    name: 'enum',
-    value: values,
-    summary: summary
-  }));
-  return propDef;
-}
-/**
- * @returns {Array} result
- * @returns {PropDef} result.def - propDef
- * @returns {boolean} result.isChanged - flag whether propDef is mutated or not.
- *  this is needed to prevent sbType from performing convert(docgenInfo).
- */
-
-
-function verifyPropDef(propDef, docgenInfo) {
-  var def = propDef;
-  var isChanged = false; // another callback can be added here.
-  // callback is mutually exclusive from each other.
-
-  var callbacks = [isEnum];
-
-  for (var i = 0, len = callbacks.length; i < len; i += 1) {
-    var matched = callbacks[i](propDef, docgenInfo);
-
-    if (matched) {
-      def = matched;
-      isChanged = true;
-    }
-  }
-
-  return [def, isChanged];
-}
-
-var extractArgTypes = function extractArgTypes(component) {
-  if (!(0, _docgen.hasDocgen)(component)) {
-    return null;
-  }
-
-  var results = {};
-  SECTIONS.forEach(function (section) {
-    var props = (0, _docgen.extractComponentProps)(component, section);
-    props.forEach(function (_ref2) {
-      var propDef = _ref2.propDef,
-          docgenInfo = _ref2.docgenInfo,
-          jsDocTags = _ref2.jsDocTags;
-
-      var _verifyPropDef = verifyPropDef(propDef, docgenInfo),
-          _verifyPropDef2 = _slicedToArray(_verifyPropDef, 2),
-          result = _verifyPropDef2[0],
-          isPropDefChanged = _verifyPropDef2[1];
-
-      var name = result.name,
-          type = result.type,
-          description = result.description,
-          defaultSummary = result.defaultValue,
-          required = result.required;
-      var sbType;
-
-      if (isPropDefChanged) {
-        sbType = type;
-      } else {
-        sbType = section === 'props' ? (0, _convert.convert)(docgenInfo) : {
-          name: 'void'
-        };
-      }
-
-      results[name] = {
-        name: name,
-        description: description,
-        type: Object.assign({
-          required: required
-        }, sbType),
-        table: {
-          type: type,
-          jsDocTags: jsDocTags,
-          defaultValue: defaultSummary,
-          category: section
-        }
-      };
-    });
-  });
-  return results;
-};
-
-exports.extractArgTypes = extractArgTypes;

package/dist/cjs/frameworks/vue/prepareForInline.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.prepareForInline = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _vue = _interopRequireDefault(require("vue"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-// Inspired by https://github.com/egoist/vue-to-react,
-// modified to store args as props in the root store
-// FIXME get this from @storybook/vue
-var COMPONENT = 'STORYBOOK_COMPONENT';
-var VALUES = 'STORYBOOK_VALUES';
-
-var prepareForInline = function prepareForInline(storyFn, _ref) {
-  var args = _ref.args;
-  var component = storyFn();
-
-  var el = _react.default.useRef(null); // FIXME: This recreates the Vue instance every time, which should be optimized
-
-
-  _react.default.useEffect(function () {
-    var root = new _vue.default({
-      el: el.current,
-      data: function data() {
-        var _ref2;
-
-        return _ref2 = {}, _defineProperty(_ref2, COMPONENT, component), _defineProperty(_ref2, VALUES, args), _ref2;
-      },
-      render: function render(h) {
-        var children = this[COMPONENT] ? [h(this[COMPONENT])] : undefined;
-        return h('div', {
-          attrs: {
-            id: 'root'
-          }
-        }, children);
-      }
-    });
-    return function () {
-      return root.$destroy();
-    };
-  });
-
-  return /*#__PURE__*/_react.default.createElement('div', null, /*#__PURE__*/_react.default.createElement('div', {
-    ref: el
-  }));
-};
-
-exports.prepareForInline = prepareForInline;