@micromag/core 0.4.80 → 0.4.85

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.80",
+    "version": "0.4.85",
     "private": false,
     "description": "",
     "keywords": [
@@ -94,22 +94,22 @@
         "react-dom": "^19.0.0"
     },
     "peerDependencies": {
-        "@panneau/displays": "^4.0.40-alpha.1",
-        "@panneau/element-button": "^4.0.40-alpha.1",
-        "@panneau/element-buttons": "^4.0.40-alpha.1",
-        "@panneau/element-dropdown": "^4.0.40-alpha.1",
-        "@panneau/element-form-group": "^4.0.40-alpha.1",
-        "@panneau/element-grid": "^4.0.40-alpha.1",
-        "@panneau/element-icon": "^4.0.40-alpha.1",
-        "@panneau/element-link": "^4.0.40-alpha.1",
-        "@panneau/element-media-card": "^4.0.40-alpha.1",
-        "@panneau/element-media-player": "^4.0.40-alpha.1",
-        "@panneau/element-modal": "^4.0.40-alpha.1",
-        "@panneau/fields": "^4.0.40-alpha.1",
-        "@panneau/filters": "^4.0.40-alpha.1",
-        "@panneau/intl": "^4.0.40-alpha.1",
-        "@panneau/medias": "^4.0.40-alpha.1",
-        "@panneau/uppy": "^4.0.40-alpha.1",
+        "@panneau/displays": "^4.0.40",
+        "@panneau/element-button": "^4.0.40",
+        "@panneau/element-buttons": "^4.0.40",
+        "@panneau/element-dropdown": "^4.0.40",
+        "@panneau/element-form-group": "^4.0.40",
+        "@panneau/element-grid": "^4.0.40",
+        "@panneau/element-icon": "^4.0.40",
+        "@panneau/element-link": "^4.0.40",
+        "@panneau/element-media-card": "^4.0.40",
+        "@panneau/element-media-player": "^4.0.40",
+        "@panneau/element-modal": "^4.0.40",
+        "@panneau/fields": "^4.0.40",
+        "@panneau/filters": "^4.0.40",
+        "@panneau/intl": "^4.0.40",
+        "@panneau/medias": "^4.0.42",
+        "@panneau/uppy": "^4.0.40",
         "@uppy/core": "^5.1.1",
         "@uppy/dashboard": "^5.0.4",
         "@uppy/react": "^5.1.1",
@@ -157,6 +157,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "7b7cc58e5fec6cc024896ac481b80fd2976ca26d",
+    "gitHead": "21705788dfb96bc235356c11501fae2365d02a58",
     "types": "es/index.d.ts"
 }