@panneau/element-range 4.0.38 → 4.0.40-alpha.1

package/dist/index.js

@@ -1,32 +1,58 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
-import { useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"container":"panneau-element-range-container"};
 
-function Range(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? null : _ref$title,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 50 : _ref$value,
-    onChange = _ref.onChange,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className;
-  var onValueChange = useCallback(function (e) {
-    onChange(e.target.value);
-  }, [onChange, max]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
-    children: [/*#__PURE__*/jsx("h4", {
+function Range(t0) {
+  const $ = c(14);
+  const {
+    title: t1,
+    value: t2,
+    onChange,
+    max: t3,
+    className: t4
+  } = t0;
+  const title = t1 === undefined ? null : t1;
+  const value = t2 === undefined ? 50 : t2;
+  const max = t3 === undefined ? 100 : t3;
+  const className = t4 === undefined ? null : t4;
+  let t5;
+  if ($[0] !== onChange) {
+    t5 = e => {
+      onChange(e.target.value);
+    };
+    $[0] = onChange;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const onValueChange = t5;
+  let t6;
+  if ($[2] !== className) {
+    t6 = classNames([styles.container, className]);
+    $[2] = className;
+    $[3] = t6;
+  } else {
+    t6 = $[3];
+  }
+  let t7;
+  if ($[4] !== title) {
+    t7 = /*#__PURE__*/jsx("h4", {
       children: /*#__PURE__*/jsx("label", {
         className: styles.label,
         htmlFor: "range",
         children: title
       })
-    }), /*#__PURE__*/jsx("input", {
+    });
+    $[4] = title;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  let t8;
+  if ($[6] !== max || $[7] !== onValueChange || $[8] !== value) {
+    t8 = /*#__PURE__*/jsx("input", {
       className: "form-range",
       type: "range",
       id: "range",
@@ -34,8 +60,28 @@ function Range(_ref) {
       max: max,
       onChange: onValueChange,
       value: value
-    })]
-  });
+    });
+    $[6] = max;
+    $[7] = onValueChange;
+    $[8] = value;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  let t9;
+  if ($[10] !== t6 || $[11] !== t7 || $[12] !== t8) {
+    t9 = /*#__PURE__*/jsxs("div", {
+      className: t6,
+      children: [t7, t8]
+    });
+    $[10] = t6;
+    $[11] = t7;
+    $[12] = t8;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  return t9;
 }
 
 export { Range as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/element-range",
-    "version": "4.0.38",
+    "version": "4.0.40-alpha.1",
     "description": "Range element",
     "keywords": [
         "javascript"
@@ -64,12 +64,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.38",
+        "@panneau/core": "^4.0.40-alpha.1",
         "classnames": "^2.5.1",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fa4b9c4ec7fe5c0e360dda5a40f8b5d8c7ada651"
+    "gitHead": "66520f92373b3aa371222b354d60ed3cf3d20c96"
 }