@micromag/core 0.4.85 → 0.4.88

package/es/contexts.d.ts

@@ -195,6 +195,7 @@ declare class ComponentsManager extends EventEmitter {
 
 declare class DefinitionsManager<T extends Definition = Definition> extends EventEmitter {
     definitions: T[];
+    components: Record<string, Component> | null;
     constructor(definitions?: T[]);
     addDefinition(definition: T | T[]): this;
     addDefinitions(definitions: T[]): this;

package/es/contexts.js

@@ -552,7 +552,7 @@ function _temp$3(t0) {
 const ScreensContext = /*#__PURE__*/createContext(null);
 const useScreensManager = () => use(ScreensContext);
 function ScreensProvider(t0) {
-  const $ = c(17);
+  const $ = c(14);
   const {
     screens: t1,
     namespaces: t2,
@@ -595,58 +595,39 @@ function ScreensProvider(t0) {
   const [finalManager] = useState(t5);
   let t6;
   if ($[6] !== finalManager) {
-    t6 = () => finalManager.getComponents();
+    t6 = finalManager.getComponents();
     $[6] = finalManager;
     $[7] = t6;
   } else {
     t6 = $[7];
   }
-  const [components, setComponents] = useState(t6);
+  const components = t6;
   let t7;
-  let t8;
-  if ($[8] !== finalManager) {
-    t7 = () => {
-      const onChange = () => setComponents(finalManager.getComponents());
-      finalManager.on("change", onChange);
-      return () => {
-        finalManager.off("change", onChange);
-      };
-    };
-    t8 = [finalManager, setComponents];
-    $[8] = finalManager;
-    $[9] = t7;
-    $[10] = t8;
-  } else {
-    t7 = $[9];
-    t8 = $[10];
-  }
-  useEffect(t7, t8);
-  let t9;
-  if ($[11] !== children || $[12] !== components) {
-    t9 = /*#__PURE__*/jsx(ComponentsProvider, {
+  if ($[8] !== children || $[9] !== components) {
+    t7 = /*#__PURE__*/jsx(ComponentsProvider, {
       namespace: SCREENS_NAMESPACE,
       components: components,
       children: children
     });
-    $[11] = children;
-    $[12] = components;
-    $[13] = t9;
+    $[8] = children;
+    $[9] = components;
+    $[10] = t7;
   } else {
-    t9 = $[13];
+    t7 = $[10];
   }
-  let t10;
-  if ($[14] !== finalManager || $[15] !== t9) {
-    t10 = /*#__PURE__*/jsx(ScreensContext, {
+  let t8;
+  if ($[11] !== finalManager || $[12] !== t7) {
+    t8 = /*#__PURE__*/jsx(ScreensContext, {
       value: finalManager,
-      children: t9
+      children: t7
     });
-    $[14] = finalManager;
-    $[15] = t9;
-    $[16] = t10;
+    $[11] = finalManager;
+    $[12] = t7;
+    $[13] = t8;
   } else {
-    t10 = $[16];
+    t8 = $[13];
   }
-  return t10;
+  return t8;
 }
 
 const StoryContext = /*#__PURE__*/createContext(null);

package/es/hooks.js

@@ -259,7 +259,7 @@ const defaultDragOptions = {
   filterTaps: true
 };
 function useDragProgress(t0) {
-  const $ = c(41);
+  const $ = c(36);
   const {
     progress: wantedProgress,
     onTap: t1,
@@ -337,7 +337,8 @@ function useDragProgress(t0) {
       const {
         active,
         tap,
-        first
+        first,
+        last
       } = gestureState;
       if (disabled) {
         draggingRef.current = false;
@@ -373,7 +374,7 @@ function useDragProgress(t0) {
           }
         },
         onStart: first ? onTransitionStart : undefined,
-        onRest: !active ? onTransitionComplete : undefined,
+        onRest: last ? onTransitionComplete : undefined,
         ...springParams
       });
       if (onProgress !== null) {
@@ -459,38 +460,27 @@ function useDragProgress(t0) {
     t21 = $[29];
   }
   useEffect(t20, t21);
-  let t22;
-  if ($[30] !== dragging || $[31] !== progress || $[32] !== transitioned || $[33] !== wantedProgress) {
-    t22 = wantedProgress !== progress.get() || progress.isAnimating || dragging || !transitioned;
-    $[30] = dragging;
-    $[31] = progress;
-    $[32] = transitioned;
-    $[33] = wantedProgress;
-    $[34] = t22;
-  } else {
-    t22 = $[34];
-  }
-  const transitioning = t22;
-  const t23 = wantedProgress !== lastWantedProgress ? wantedProgress < lastWantedProgress ? -1 : 1 : direction;
-  let t24;
-  if ($[35] !== bind || $[36] !== dragging || $[37] !== progress || $[38] !== t23 || $[39] !== transitioning) {
-    t24 = {
+  const transitioning = progress.isAnimating || dragging || !transitioned;
+  const t22 = wantedProgress !== lastWantedProgress ? wantedProgress < lastWantedProgress ? -1 : 1 : direction;
+  let t23;
+  if ($[30] !== bind || $[31] !== dragging || $[32] !== progress || $[33] !== t22 || $[34] !== transitioning) {
+    t23 = {
       transitioning,
       bind,
       dragging,
       progress,
-      direction: t23
+      direction: t22
     };
-    $[35] = bind;
-    $[36] = dragging;
-    $[37] = progress;
-    $[38] = t23;
-    $[39] = transitioning;
-    $[40] = t24;
+    $[30] = bind;
+    $[31] = dragging;
+    $[32] = progress;
+    $[33] = t22;
+    $[34] = transitioning;
+    $[35] = t23;
   } else {
-    t24 = $[40];
+    t23 = $[35];
   }
-  return t24;
+  return t23;
 }
 
 function useForm(t0) {

package/es/index.d.ts

@@ -492,6 +492,7 @@ declare class ComponentsManager extends EventEmitter {
 
 declare class DefinitionsManager<T extends Definition = Definition> extends EventEmitter {
     definitions: T[];
+    components: Record<string, Component> | null;
     constructor(definitions?: T[]);
     addDefinition(definition: T | T[]): this;
     addDefinitions(definitions: T[]): this;

package/es/index.js

@@ -236,6 +236,7 @@ class DefinitionsManager extends EventEmitter {
   constructor(definitions = []) {
     super();
     this.definitions = definitions || [];
+    this.components = null;
   }
   addDefinition(definition) {
     this.addDefinitions(isArray(definition) ? definition : [definition]);
@@ -243,6 +244,7 @@ class DefinitionsManager extends EventEmitter {
   }
   addDefinitions(definitions) {
     this.definitions = uniqBy([...definitions, ...this.definitions], it => it.id);
+    this.components = null;
     this.emit('change');
     return this;
   }
@@ -273,13 +275,16 @@ class DefinitionsManager extends EventEmitter {
     return component;
   }
   getComponents() {
-    return this.definitions.reduce((allComponents, {
-      id,
-      component = null
-    }) => component !== null ? {
-      ...allComponents,
-      [id]: component
-    } : allComponents, {});
+    if (this.components === null) {
+      this.components = this.definitions.reduce((allComponents, {
+        id,
+        component = null
+      }) => component !== null ? {
+        ...allComponents,
+        [id]: component
+      } : allComponents, {});
+    }
+    return this.components;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.85",
+    "version": "0.4.88",
     "private": false,
     "description": "",
     "keywords": [
@@ -157,6 +157,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "21705788dfb96bc235356c11501fae2365d02a58",
+    "gitHead": "cf331286bb6037d61e664cd5c961955c136719c6",
     "types": "es/index.d.ts"
 }