@micromag/element-keypad 0.4.69 → 0.4.74

package/es/index.js

@@ -1,47 +1,115 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { getStyleFromAlignment } from '@micromag/core/utils';
 import { jsx } from 'react/jsx-runtime';
 
 var styles = {"inner":"micromag-element-keypad-inner"};
 
-function Keypad(_ref) {
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? null : _ref$items,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? null : _ref$align,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? 1 : _ref$columns,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 10 : _ref$spacing,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$itemClassName = _ref.itemClassName,
-    itemClassName = _ref$itemClassName === void 0 ? null : _ref$itemClassName,
-    _ref$innerClassName = _ref.innerClassName,
-    innerClassName = _ref$innerClassName === void 0 ? null : _ref$innerClassName;
-  var itemWidth = "".concat(100 / columns, "%");
-  return /*#__PURE__*/jsx("div", {
-    className: classNames([styles.container, className]),
-    children: /*#__PURE__*/jsx("div", {
-      className: classNames([styles.inner, innerClassName]),
-      style: _objectSpread({}, getStyleFromAlignment({
-        horizontal: align
-      })),
-      children: items !== null ? items.map(function (item) {
-        var _ref2 = item || {},
-          key = _ref2.key;
-        return /*#__PURE__*/jsx("div", {
-          className: classNames([styles.item, itemClassName]),
-          style: {
-            width: itemWidth,
-            padding: spacing / 2
-          },
-          children: item
-        }, key);
-      }) : null
-    })
-  });
+function Keypad(t0) {
+  const $ = c(20);
+  const {
+    items: t1,
+    align: t2,
+    columns: t3,
+    spacing: t4,
+    className: t5,
+    itemClassName: t6,
+    innerClassName: t7
+  } = t0;
+  const items = t1 === undefined ? null : t1;
+  const align = t2 === undefined ? null : t2;
+  const columns = t3 === undefined ? 1 : t3;
+  const spacing = t4 === undefined ? 10 : t4;
+  const className = t5 === undefined ? null : t5;
+  const itemClassName = t6 === undefined ? null : t6;
+  const innerClassName = t7 === undefined ? null : t7;
+  const itemWidth = `${100 / columns}%`;
+  let t8;
+  if ($[0] !== className) {
+    t8 = classNames([styles.container, className]);
+    $[0] = className;
+    $[1] = t8;
+  } else {
+    t8 = $[1];
+  }
+  let t9;
+  if ($[2] !== innerClassName) {
+    t9 = classNames([styles.inner, innerClassName]);
+    $[2] = innerClassName;
+    $[3] = t9;
+  } else {
+    t9 = $[3];
+  }
+  let t10;
+  if ($[4] !== align) {
+    t10 = getStyleFromAlignment({
+      horizontal: align
+    });
+    $[4] = align;
+    $[5] = t10;
+  } else {
+    t10 = $[5];
+  }
+  let t11;
+  if ($[6] !== t10) {
+    t11 = {
+      ...t10
+    };
+    $[6] = t10;
+    $[7] = t11;
+  } else {
+    t11 = $[7];
+  }
+  let t12;
+  if ($[8] !== itemClassName || $[9] !== itemWidth || $[10] !== items || $[11] !== spacing) {
+    t12 = items !== null ? items.map(item => {
+      const {
+        key
+      } = item || {};
+      return /*#__PURE__*/jsx("div", {
+        className: classNames([styles.item, itemClassName]),
+        style: {
+          width: itemWidth,
+          padding: spacing / 2
+        },
+        children: item
+      }, key);
+    }) : null;
+    $[8] = itemClassName;
+    $[9] = itemWidth;
+    $[10] = items;
+    $[11] = spacing;
+    $[12] = t12;
+  } else {
+    t12 = $[12];
+  }
+  let t13;
+  if ($[13] !== t11 || $[14] !== t12 || $[15] !== t9) {
+    t13 = /*#__PURE__*/jsx("div", {
+      className: t9,
+      style: t11,
+      children: t12
+    });
+    $[13] = t11;
+    $[14] = t12;
+    $[15] = t9;
+    $[16] = t13;
+  } else {
+    t13 = $[16];
+  }
+  let t14;
+  if ($[17] !== t13 || $[18] !== t8) {
+    t14 = /*#__PURE__*/jsx("div", {
+      className: t8,
+      children: t13
+    });
+    $[17] = t13;
+    $[18] = t8;
+    $[19] = t14;
+  } else {
+    t14 = $[19];
+  }
+  return t14;
 }
 
 export { Keypad as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-keypad",
-    "version": "0.4.69",
+    "version": "0.4.74",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,9 +32,11 @@
     "license": "ISC",
     "type": "module",
     "module": "es/index.js",
+    "style": "./assets/css/styles.css",
     "exports": {
         ".": {
             "types": "./es/index.d.ts",
+            "style": "./assets/css/styles.css",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -51,16 +53,16 @@
         "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^18.3.0 || ^19.0.0",
-        "react-dom": "^18.3.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "peerDependencies": {
-        "react": "^18.3.0 || ^19.0.0",
-        "react-dom": "^18.3.0 || ^19.0.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.69",
+        "@micromag/core": "^0.4.74",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -70,6 +72,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "509e113dc06022d6092e4aac9f47ccd5facfd59d",
+    "gitHead": "fe510ee87845280d0760cb292aef9d2eb69e67c1",
     "types": "es/index.d.ts"
 }