@micromag/core 0.4.83 → 0.4.86

package/es/components.d.ts

@@ -97,9 +97,10 @@ declare function BackButton({ className, ...props }: BackButtonProps): react_jsx
 
 interface ClearButtonProps {
     onClick?: ((...args: unknown[]) => void) | null;
+    iconOnly?: boolean;
     className?: string | null;
 }
-declare function ClearButton({ onClick, className, ...props }: ClearButtonProps): react_jsx_runtime.JSX.Element;
+declare function ClearButton({ onClick, className, iconOnly, ...props }: ClearButtonProps): react_jsx_runtime.JSX.Element;
 
 interface FormProps {
     action: string;

package/es/components.js

@@ -328,61 +328,68 @@ function BackButton(t0) {
 var styles$w = {"container":"micromag-core-buttons-clear-container","icon":"micromag-core-buttons-clear-icon"};
 
 function ClearButton(t0) {
-  const $ = c(11);
+  const $ = c(13);
   let props;
   let t1;
   let t2;
+  let t3;
   if ($[0] !== t0) {
     ({
       onClick: t1,
       className: t2,
+      iconOnly: t3,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = props;
     $[2] = t1;
     $[3] = t2;
+    $[4] = t3;
   } else {
     props = $[1];
     t1 = $[2];
     t2 = $[3];
+    t3 = $[4];
   }
   const onClick = t1 === undefined ? null : t1;
   const className = t2 === undefined ? null : t2;
-  let t3;
-  if ($[4] !== className) {
-    t3 = classNames([styles$w.container, className]);
-    $[4] = className;
-    $[5] = t3;
+  const iconOnly = t3 === undefined ? false : t3;
+  const ButtonComponent = iconOnly ? "span" : "button";
+  let t4;
+  if ($[5] !== className) {
+    t4 = classNames([styles$w.container, className]);
+    $[5] = className;
+    $[6] = t4;
   } else {
-    t3 = $[5];
+    t4 = $[6];
   }
-  let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsx(FontAwesomeIcon, {
+  let t5;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/jsx(FontAwesomeIcon, {
       className: styles$w.icon,
       icon: faClose
     });
-    $[6] = t4;
+    $[7] = t5;
   } else {
-    t4 = $[6];
+    t5 = $[7];
   }
-  let t5;
-  if ($[7] !== onClick || $[8] !== props || $[9] !== t3) {
-    t5 = /*#__PURE__*/jsx("button", {
-      className: t3,
+  let t6;
+  if ($[8] !== ButtonComponent || $[9] !== onClick || $[10] !== props || $[11] !== t4) {
+    t6 = /*#__PURE__*/jsx(ButtonComponent, {
+      className: t4,
       onClick: onClick,
       ...props,
-      children: t4
+      children: t5
     });
-    $[7] = onClick;
-    $[8] = props;
-    $[9] = t3;
-    $[10] = t5;
+    $[8] = ButtonComponent;
+    $[9] = onClick;
+    $[10] = props;
+    $[11] = t4;
+    $[12] = t6;
   } else {
-    t5 = $[10];
+    t6 = $[12];
   }
-  return t5;
+  return t6;
 }
 
 const emptyArray$8 = [];

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/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.83",
+    "version": "0.4.86",
     "private": false,
     "description": "",
     "keywords": [
@@ -157,6 +157,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "323b1d85d8fe4665b160783048a92d78f663050f",
+    "gitHead": "24785d81e840b81c58dc101ba7305d088e61f0e0",
     "types": "es/index.d.ts"
 }