@micromag/core 0.3.497 → 0.3.505

package/es/components.js

@@ -1914,7 +1914,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-header', 'p-2', styles$l.header, {
+    className: classNames(['modal-header', 'p-2', 'd-flex', 'justify-content-between', styles$l.header, {
       // 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
@@ -1923,7 +1923,7 @@ var ModalDialog = function ModalDialog(_ref) {
     className: "modal-title"
   }, /*#__PURE__*/React.createElement(Label$1, null, title)), /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "btn-close",
+    className: "btn btn-close p-2",
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React.createElement("div", {

package/es/hooks.js

@@ -230,13 +230,16 @@ function useDragProgress() {
     var active = gestureState.active,
       tap = gestureState.tap;
     if (disabled) {
+      refDragging.current = false;
       return;
     }
     if (tap) {
+      refDragging.current = false;
       if (onTap !== null) onTap(gestureState);
       return;
     }
     if (dragDisabled) {
+      refDragging.current = false;
       return;
     }
     var newProgress = computeProgress(gestureState);

package/es/index.js

@@ -793,7 +793,7 @@ var ColorsParser = /*#__PURE__*/function () {
   }
 
   // Convert medias object to path
-  _createClass(ColorsParser, [{
+  return _createClass(ColorsParser, [{
     key: "parse",
     value: function parse(story) {
       var _this = this;
@@ -912,7 +912,6 @@ var ColorsParser = /*#__PURE__*/function () {
       });
     }
   }]);
-  return ColorsParser;
 }();
 var ColorsParser$1 = ColorsParser;
 
@@ -928,7 +927,6 @@ var getComponentFromName = function getComponentFromName() {
 };
 
 var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(ComponentsManager, _EventEmitter);
   function ComponentsManager() {
     var _this;
     var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -937,7 +935,8 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.components = components;
     return _this;
   }
-  _createClass(ComponentsManager, [{
+  _inherits(ComponentsManager, _EventEmitter);
+  return _createClass(ComponentsManager, [{
     key: "addComponent",
     value: function addComponent(name, component) {
       var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -997,12 +996,10 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
       return this.components !== null && typeof this.components[namespace !== null ? "".concat(namespace, ".").concat(name) : name] !== 'undefined';
     }
   }]);
-  return ComponentsManager;
 }(EventEmitter);
 var ComponentsManager$1 = ComponentsManager;
 
 var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(DefinitionsManager, _EventEmitter);
   function DefinitionsManager() {
     var _this;
     var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -1011,7 +1008,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.definitions = definitions || [];
     return _this;
   }
-  _createClass(DefinitionsManager, [{
+  _inherits(DefinitionsManager, _EventEmitter);
+  return _createClass(DefinitionsManager, [{
     key: "addDefinition",
     value: function addDefinition(definition) {
       this.addDefinitions(isArray(definition) ? definition : [definition]);
@@ -1077,12 +1075,10 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
       }, {});
     }
   }]);
-  return DefinitionsManager;
 }(EventEmitter);
 var DefinitionsManager$1 = DefinitionsManager;
 
 var EventsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(EventsManager, _EventEmitter);
   function EventsManager(element) {
     var _this;
     _classCallCheck(this, EventsManager);
@@ -1092,7 +1088,8 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.listeners = {};
     return _this;
   }
-  _createClass(EventsManager, [{
+  _inherits(EventsManager, _EventEmitter);
+  return _createClass(EventsManager, [{
     key: "subscribe",
     value: function subscribe(event, callback) {
       this.on(event, callback);
@@ -1139,17 +1136,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
       this.element.removeEventListener(event, this.listeners[event]);
     }
   }]);
-  return EventsManager;
 }(EventEmitter);
 var EventsManager$1 = EventsManager;
 
 var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
-  _inherits(FieldsManager, _DefinitionsManager);
   function FieldsManager() {
     _classCallCheck(this, FieldsManager);
     return _callSuper(this, FieldsManager, arguments);
   }
-  _createClass(FieldsManager, [{
+  _inherits(FieldsManager, _DefinitionsManager);
+  return _createClass(FieldsManager, [{
     key: "filter",
     value: function filter(_filter) {
       return new FieldsManager(this.definitions.filter(_filter));
@@ -1157,7 +1153,6 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
       // return this;
     }
   }]);
-  return FieldsManager;
 }(DefinitionsManager$1);
 var FieldsManager$1 = FieldsManager;
 
@@ -1175,7 +1170,7 @@ var MediasParser = /*#__PURE__*/function () {
     this.fieldsPatternCache = fieldsPattern || {};
     this.parsedThemesCache = {};
   }
-  _createClass(MediasParser, [{
+  return _createClass(MediasParser, [{
     key: "getParsedStoryTheme",
     value: function getParsedStoryTheme(storyId, theme) {
       if (typeof this.parsedThemesCache[storyId] === 'undefined') {
@@ -1432,12 +1427,10 @@ var MediasParser = /*#__PURE__*/function () {
       return isArray(obj) ? _toConsumableArray(obj.keys()) : Object.keys(obj);
     }
   }]);
-  return MediasParser;
 }();
 var MediasParser$1 = MediasParser;
 
 var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
-  _inherits(ScreensManager, _DefinitionsManager);
   function ScreensManager() {
     var _this;
     var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -1446,7 +1439,8 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     _this.fieldsPattern = null;
     return _this;
   }
-  _createClass(ScreensManager, [{
+  _inherits(ScreensManager, _DefinitionsManager);
+  return _createClass(ScreensManager, [{
     key: "getFields",
     value: function getFields(id) {
       var _ref = this.getDefinition(id) || {},
@@ -1489,7 +1483,6 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
       return this.addDefinitions(manager.getDefinitions());
     }
   }]);
-  return ScreensManager;
 }(DefinitionsManager$1);
 var ScreensManager$1 = ScreensManager;
 
@@ -1505,7 +1498,7 @@ var FontsParser = /*#__PURE__*/function () {
     this.screensManager = screensManager;
     this.fieldsPatternCache = fieldsPattern || {};
   }
-  _createClass(FontsParser, [{
+  return _createClass(FontsParser, [{
     key: "getFieldsPatternByScreen",
     value: function getFieldsPatternByScreen(type) {
       if (typeof this.fieldsPatternCache[type] === 'undefined') {
@@ -1618,7 +1611,6 @@ var FontsParser = /*#__PURE__*/function () {
       }, []);
     }
   }]);
-  return FontsParser;
 }();
 var FontsParser$1 = FontsParser;
 
@@ -1632,7 +1624,7 @@ var MigrationsParser = /*#__PURE__*/function () {
   }
 
   // eslint-disable-next-line class-methods-use-this
-  _createClass(MigrationsParser, [{
+  return _createClass(MigrationsParser, [{
     key: "parse",
     value: function parse(story) {
       if (story === null) {
@@ -1681,7 +1673,6 @@ var MigrationsParser = /*#__PURE__*/function () {
       });
     }
   }]);
-  return MigrationsParser;
 }();
 
 var _excluded$1 = ["textStyle", "color", "boxStyle"];
@@ -1693,7 +1684,7 @@ var ThemeParser = /*#__PURE__*/function () {
     this.definitionCache = {};
     this.fieldsCache = {};
   }
-  _createClass(ThemeParser, [{
+  return _createClass(ThemeParser, [{
     key: "getDefinitionByScreen",
     value: function getDefinitionByScreen(type, themeComponents) {
       if (typeof this.definitionCache[type] === 'undefined') {
@@ -2035,7 +2026,6 @@ var ThemeParser = /*#__PURE__*/function () {
       return initialValue;
     }
   }]);
-  return ThemeParser;
 }();
 var ThemeParser$1 = ThemeParser;
 
@@ -2067,7 +2057,7 @@ var StoryParser = /*#__PURE__*/function () {
       screensManager: screensManager
     });
   }
-  _createClass(StoryParser, [{
+  return _createClass(StoryParser, [{
     key: "parse",
     value: function parse(story) {
       var _this = this;
@@ -2100,14 +2090,12 @@ var StoryParser = /*#__PURE__*/function () {
       }, story);
     }
   }]);
-  return StoryParser;
 }();
 var StoryParser$1 = StoryParser;
 
 var _excluded = ["value"],
   _excluded2 = ["value", "currentTime"];
 var Tracking = /*#__PURE__*/function (_BaseTracking) {
-  _inherits(Tracking, _BaseTracking);
   function Tracking() {
     var _this;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2122,7 +2110,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     }
     return _this;
   }
-  _createClass(Tracking, [{
+  _inherits(Tracking, _BaseTracking);
+  return _createClass(Tracking, [{
     key: "setVariables",
     value: function setVariables(variables) {
       this.variables = variables;
@@ -2218,7 +2207,6 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       this.push(data);
     }
   }]);
-  return Tracking;
 }(Tracking$2);
 var Tracking$1 = Tracking;
 

package/lib/components.js

@@ -65,11 +65,13 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-// React.useInsertionEffect is not available in React <18
 var useEffect = React__namespace.useEffect,
   useLayoutEffect = React__namespace.useLayoutEffect,
-  useRef = React__namespace.useRef,
-  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+  useRef = React__namespace.useRef;
+
+// React.useInsertionEffect is not available in React <18
+// This hack fixes a transpilation issue on some apps
+var useBuiltinInsertionEffect = React__namespace['useInsertion' + 'Effect'];
 
 // Copied from:
 // https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js
@@ -197,7 +199,7 @@ if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
   });
 }
 
-var _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "className", "replace", "state"];
 
 /*
  * Transforms `path` into its relative `base` version
@@ -240,7 +242,11 @@ var defaultRouter = {
   base: "",
   // this option is used to override the current location during SSR
   ssrPath: undefined,
-  ssrSearch: undefined
+  ssrSearch: undefined,
+  // customizes how `href` props are transformed for <Link />
+  hrefs: function hrefs(x) {
+    return x;
+  }
 };
 var RouterCtx = React.createContext(defaultRouter);
 
@@ -279,13 +285,15 @@ var Link$2 = React.forwardRef(function (props, ref) {
   var router = useRouter();
   var _useLocationFromRoute3 = useLocationFromRouter(router),
     _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    path = _useLocationFromRoute4[0],
     navigate = _useLocationFromRoute4[1];
   var to = props.to,
     _props$href = props.href,
     _href = _props$href === void 0 ? to : _props$href,
     _onClick = props.onClick,
     asChild = props.asChild,
-    children = props.children;
+    children = props.children,
+    cls = props.className;
     props.replace;
     props.state;
     var restProps = _objectWithoutProperties(props, _excluded3);
@@ -293,7 +301,7 @@ var Link$2 = React.forwardRef(function (props, ref) {
     // ignores the navigation when clicked using right mouse button or
     // by holding a special modifier key: ctrl, command, win, alt, shift
     if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
-    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    _onClick === null || _onClick === void 0 || _onClick(event);
     if (!event.defaultPrevented) {
       event.preventDefault();
       navigate(_href, props);
@@ -301,13 +309,16 @@ var Link$2 = React.forwardRef(function (props, ref) {
   });
 
   // handle nested routers and absolute paths
-  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  var href = router.hrefs(_href[0] === "~" ? _href.slice(1) : router.base + _href, router // pass router as a second argument for convinience
+  );
   return asChild && React.isValidElement(children) ? React.cloneElement(children, {
-    href: href,
-    onClick: onClick
+    onClick: onClick,
+    href: href
   }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
-    href: href,
     onClick: onClick,
+    href: href,
+    // `className` can be a function to apply the class if this link is active
+    className: cls !== null && cls !== void 0 && cls.call ? cls(path === href) : cls,
     children: children,
     ref: ref
   }));
@@ -2184,7 +2195,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-header', 'p-2', styles$l.header, {
+    className: classNames(['modal-header', 'p-2', 'd-flex', 'justify-content-between', styles$l.header, {
       // 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
@@ -2193,7 +2204,7 @@ var ModalDialog = function ModalDialog(_ref) {
     className: "modal-title"
   }, /*#__PURE__*/React.createElement(Label$1, null, title)), /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "btn-close",
+    className: "btn btn-close p-2",
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React.createElement("div", {

package/lib/contexts.js

@@ -1006,11 +1006,13 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
 PlaybackProvider.propTypes = propTypes$7;
 PlaybackProvider.defaultProps = defaultProps$7;
 
-// React.useInsertionEffect is not available in React <18
 var useEffect = React__namespace.useEffect,
   useLayoutEffect = React__namespace.useLayoutEffect,
-  useRef = React__namespace.useRef,
-  useBuiltinInsertionEffect = React__namespace.useInsertionEffect;
+  useRef = React__namespace.useRef;
+
+// React.useInsertionEffect is not available in React <18
+// This hack fixes a transpilation issue on some apps
+var useBuiltinInsertionEffect = React__namespace['useInsertion' + 'Effect'];
 
 // Copied from:
 // https://github.com/facebook/react/blob/main/packages/shared/ExecutionEnvironment.js
@@ -1138,7 +1140,7 @@ if (typeof history !== "undefined" && typeof window[patchKey] === "undefined") {
   });
 }
 
-var _excluded3 = ["to", "href", "onClick", "asChild", "children", "replace", "state"];
+var _excluded3 = ["to", "href", "onClick", "asChild", "children", "className", "replace", "state"];
 
 /*
  * Transforms `path` into its relative `base` version
@@ -1181,7 +1183,11 @@ var defaultRouter = {
   base: "",
   // this option is used to override the current location during SSR
   ssrPath: undefined,
-  ssrSearch: undefined
+  ssrSearch: undefined,
+  // customizes how `href` props are transformed for <Link />
+  hrefs: function hrefs(x) {
+    return x;
+  }
 };
 var RouterCtx = React.createContext(defaultRouter);
 
@@ -1223,13 +1229,15 @@ React.forwardRef(function (props, ref) {
   var router = useRouter();
   var _useLocationFromRoute3 = useLocationFromRouter(router),
     _useLocationFromRoute4 = _slicedToArray(_useLocationFromRoute3, 2),
+    path = _useLocationFromRoute4[0],
     navigate = _useLocationFromRoute4[1];
   var to = props.to,
     _props$href = props.href,
     _href = _props$href === void 0 ? to : _props$href,
     _onClick = props.onClick,
     asChild = props.asChild,
-    children = props.children;
+    children = props.children,
+    cls = props.className;
     props.replace;
     props.state;
     var restProps = _objectWithoutProperties(props, _excluded3);
@@ -1237,7 +1245,7 @@ React.forwardRef(function (props, ref) {
     // ignores the navigation when clicked using right mouse button or
     // by holding a special modifier key: ctrl, command, win, alt, shift
     if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || event.button !== 0) return;
-    _onClick && _onClick(event); // TODO: is it safe to use _onClick?.(event)
+    _onClick === null || _onClick === void 0 || _onClick(event);
     if (!event.defaultPrevented) {
       event.preventDefault();
       navigate(_href, props);
@@ -1245,13 +1253,16 @@ React.forwardRef(function (props, ref) {
   });
 
   // handle nested routers and absolute paths
-  var href = _href[0] === "~" ? _href.slice(1) : router.base + _href;
+  var href = router.hrefs(_href[0] === "~" ? _href.slice(1) : router.base + _href, router // pass router as a second argument for convinience
+  );
   return asChild && React.isValidElement(children) ? React.cloneElement(children, {
-    href: href,
-    onClick: onClick
+    onClick: onClick,
+    href: href
   }) : React.createElement("a", _objectSpread(_objectSpread({}, restProps), {}, {
-    href: href,
     onClick: onClick,
+    href: href,
+    // `className` can be a function to apply the class if this link is active
+    className: cls !== null && cls !== void 0 && cls.call ? cls(path === href) : cls,
     children: children,
     ref: ref
   }));
@@ -1290,12 +1301,12 @@ RoutesProvider.defaultProps = defaultProps$6;
 var compilers = {};
 function generatePath(fullPath, data) {
   var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var fullUrlMatches = fullPath.match(/^(https?:\/\/[^/]+)\//);
+  var fullUrlMatches = fullPath.match(/^(https?:\/\/)/);
   if (typeof compilers[fullPath] === 'undefined') {
-    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/[^/]+)\//, '/'), opts);
+    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/)/, ''), opts);
   }
   var compiler = compilers[fullPath];
-  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1].substr(0, -1)).concat(compiler(data)) : compiler(data);
+  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1]).concat(compiler(data)) : compiler(data);
 }
 var useUrlGeneratorPathToRepexp = function useUrlGeneratorPathToRepexp() {
   var _ref2 = useRoutesContext() || {},

package/lib/hooks.js

@@ -232,13 +232,16 @@ function useDragProgress() {
     var active = gestureState.active,
       tap = gestureState.tap;
     if (disabled) {
+      refDragging.current = false;
       return;
     }
     if (tap) {
+      refDragging.current = false;
       if (onTap !== null) onTap(gestureState);
       return;
     }
     if (dragDisabled) {
+      refDragging.current = false;
       return;
     }
     var newProgress = computeProgress(gestureState);

package/lib/index.js

@@ -879,7 +879,7 @@ var ColorsParser = /*#__PURE__*/function () {
   }
 
   // Convert medias object to path
-  _createClass(ColorsParser, [{
+  return _createClass(ColorsParser, [{
     key: "parse",
     value: function parse(story) {
       var _this = this;
@@ -998,7 +998,6 @@ var ColorsParser = /*#__PURE__*/function () {
       });
     }
   }]);
-  return ColorsParser;
 }();
 var ColorsParser$1 = ColorsParser;
 
@@ -1014,7 +1013,6 @@ var getComponentFromName = function getComponentFromName() {
 };
 
 var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(ComponentsManager, _EventEmitter);
   function ComponentsManager() {
     var _this;
     var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -1023,7 +1021,8 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.components = components;
     return _this;
   }
-  _createClass(ComponentsManager, [{
+  _inherits(ComponentsManager, _EventEmitter);
+  return _createClass(ComponentsManager, [{
     key: "addComponent",
     value: function addComponent(name, component) {
       var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -1083,12 +1082,10 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
       return this.components !== null && typeof this.components[namespace !== null ? "".concat(namespace, ".").concat(name) : name] !== 'undefined';
     }
   }]);
-  return ComponentsManager;
 }(EventEmitter);
 var ComponentsManager$1 = ComponentsManager;
 
 var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(DefinitionsManager, _EventEmitter);
   function DefinitionsManager() {
     var _this;
     var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -1097,7 +1094,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.definitions = definitions || [];
     return _this;
   }
-  _createClass(DefinitionsManager, [{
+  _inherits(DefinitionsManager, _EventEmitter);
+  return _createClass(DefinitionsManager, [{
     key: "addDefinition",
     value: function addDefinition(definition) {
       this.addDefinitions(isArray(definition) ? definition : [definition]);
@@ -1163,12 +1161,10 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
       }, {});
     }
   }]);
-  return DefinitionsManager;
 }(EventEmitter);
 var DefinitionsManager$1 = DefinitionsManager;
 
 var EventsManager = /*#__PURE__*/function (_EventEmitter) {
-  _inherits(EventsManager, _EventEmitter);
   function EventsManager(element) {
     var _this;
     _classCallCheck(this, EventsManager);
@@ -1178,7 +1174,8 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
     _this.listeners = {};
     return _this;
   }
-  _createClass(EventsManager, [{
+  _inherits(EventsManager, _EventEmitter);
+  return _createClass(EventsManager, [{
     key: "subscribe",
     value: function subscribe(event, callback) {
       this.on(event, callback);
@@ -1225,17 +1222,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
       this.element.removeEventListener(event, this.listeners[event]);
     }
   }]);
-  return EventsManager;
 }(EventEmitter);
 var EventsManager$1 = EventsManager;
 
 var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
-  _inherits(FieldsManager, _DefinitionsManager);
   function FieldsManager() {
     _classCallCheck(this, FieldsManager);
     return _callSuper(this, FieldsManager, arguments);
   }
-  _createClass(FieldsManager, [{
+  _inherits(FieldsManager, _DefinitionsManager);
+  return _createClass(FieldsManager, [{
     key: "filter",
     value: function filter(_filter) {
       return new FieldsManager(this.definitions.filter(_filter));
@@ -1243,7 +1239,6 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
       // return this;
     }
   }]);
-  return FieldsManager;
 }(DefinitionsManager$1);
 var FieldsManager$1 = FieldsManager;
 
@@ -1261,7 +1256,7 @@ var MediasParser = /*#__PURE__*/function () {
     this.fieldsPatternCache = fieldsPattern || {};
     this.parsedThemesCache = {};
   }
-  _createClass(MediasParser, [{
+  return _createClass(MediasParser, [{
     key: "getParsedStoryTheme",
     value: function getParsedStoryTheme(storyId, theme) {
       if (typeof this.parsedThemesCache[storyId] === 'undefined') {
@@ -1518,12 +1513,10 @@ var MediasParser = /*#__PURE__*/function () {
       return isArray(obj) ? _toConsumableArray(obj.keys()) : Object.keys(obj);
     }
   }]);
-  return MediasParser;
 }();
 var MediasParser$1 = MediasParser;
 
 var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
-  _inherits(ScreensManager, _DefinitionsManager);
   function ScreensManager() {
     var _this;
     var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -1532,7 +1525,8 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
     _this.fieldsPattern = null;
     return _this;
   }
-  _createClass(ScreensManager, [{
+  _inherits(ScreensManager, _DefinitionsManager);
+  return _createClass(ScreensManager, [{
     key: "getFields",
     value: function getFields(id) {
       var _ref = this.getDefinition(id) || {},
@@ -1575,7 +1569,6 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
       return this.addDefinitions(manager.getDefinitions());
     }
   }]);
-  return ScreensManager;
 }(DefinitionsManager$1);
 var ScreensManager$1 = ScreensManager;
 
@@ -1591,7 +1584,7 @@ var FontsParser = /*#__PURE__*/function () {
     this.screensManager = screensManager;
     this.fieldsPatternCache = fieldsPattern || {};
   }
-  _createClass(FontsParser, [{
+  return _createClass(FontsParser, [{
     key: "getFieldsPatternByScreen",
     value: function getFieldsPatternByScreen(type) {
       if (typeof this.fieldsPatternCache[type] === 'undefined') {
@@ -1704,7 +1697,6 @@ var FontsParser = /*#__PURE__*/function () {
       }, []);
     }
   }]);
-  return FontsParser;
 }();
 var FontsParser$1 = FontsParser;
 
@@ -1718,7 +1710,7 @@ var MigrationsParser = /*#__PURE__*/function () {
   }
 
   // eslint-disable-next-line class-methods-use-this
-  _createClass(MigrationsParser, [{
+  return _createClass(MigrationsParser, [{
     key: "parse",
     value: function parse(story) {
       if (story === null) {
@@ -1767,7 +1759,6 @@ var MigrationsParser = /*#__PURE__*/function () {
       });
     }
   }]);
-  return MigrationsParser;
 }();
 
 var _excluded$1 = ["textStyle", "color", "boxStyle"];
@@ -1779,7 +1770,7 @@ var ThemeParser = /*#__PURE__*/function () {
     this.definitionCache = {};
     this.fieldsCache = {};
   }
-  _createClass(ThemeParser, [{
+  return _createClass(ThemeParser, [{
     key: "getDefinitionByScreen",
     value: function getDefinitionByScreen(type, themeComponents) {
       if (typeof this.definitionCache[type] === 'undefined') {
@@ -2121,7 +2112,6 @@ var ThemeParser = /*#__PURE__*/function () {
       return initialValue;
     }
   }]);
-  return ThemeParser;
 }();
 var ThemeParser$1 = ThemeParser;
 
@@ -2153,7 +2143,7 @@ var StoryParser = /*#__PURE__*/function () {
       screensManager: screensManager
     });
   }
-  _createClass(StoryParser, [{
+  return _createClass(StoryParser, [{
     key: "parse",
     value: function parse(story) {
       var _this = this;
@@ -2186,14 +2176,12 @@ var StoryParser = /*#__PURE__*/function () {
       }, story);
     }
   }]);
-  return StoryParser;
 }();
 var StoryParser$1 = StoryParser;
 
 var _excluded = ["value"],
   _excluded2 = ["value", "currentTime"];
 var Tracking = /*#__PURE__*/function (_BaseTracking) {
-  _inherits(Tracking, _BaseTracking);
   function Tracking() {
     var _this;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2208,7 +2196,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
     }
     return _this;
   }
-  _createClass(Tracking, [{
+  _inherits(Tracking, _BaseTracking);
+  return _createClass(Tracking, [{
     key: "setVariables",
     value: function setVariables(variables) {
       this.variables = variables;
@@ -2304,7 +2293,6 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       this.push(data);
     }
   }]);
-  return Tracking;
 }(tracking.Tracking);
 var Tracking$1 = Tracking;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.497",
+    "version": "0.3.505",
     "private": false,
     "description": "",
     "keywords": [
@@ -155,5 +155,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "94e795f19f551f20411fb12fada0906c5cdb0d4b"
+    "gitHead": "f16e0f95385c69df3b07b182c70a9f0eb56cbe3a"
 }