@zenkigen-inc/component-ui 1.12.0 → 1.14.3

package/dist/index.esm.js

@@ -479,22 +479,25 @@ function EvaluationStar(_ref) {
     'w-6 h-6': size === 'large',
     'w-4 h-4': size === 'medium'
   });
-  var ratingStars = [];
-  var _loop = function _loop(i) {
-    var color = i <= currentRating ? 'fill-yellow-yellow50' : 'fill-icon03';
-    ratingStars.push( /*#__PURE__*/jsx("button", {
+  // 各評価のレンダリングロジックを分離（React Hooksのルールに準拠）
+  var renderStar = function renderStar(rating) {
+    var color = rating <= currentRating ? 'fill-yellow-yellow50' : 'fill-icon03';
+    return /*#__PURE__*/jsx("button", {
       type: "button",
       onClick: function onClick() {
-        return handleChangeRating(i);
+        return handleChangeRating(rating);
       },
       className: clsx$1(color, starClasses),
       disabled: !isEditable,
       children: iconElements['star-filled']
-    }, i));
+    }, rating);
   };
-  for (var i = 1; i < maxRating + 1; i++) {
-    _loop(i);
-  }
+  // 宣言的な方法で評価の配列を生成
+  var ratingStars = Array.from({
+    length: maxRating
+  }, function (_, index) {
+    return renderStar(index + 1);
+  });
   return /*#__PURE__*/jsx("span", {
     className: "flex flex-row",
     children: ratingStars
@@ -1242,7 +1245,7 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, {
     'h-10 px-4': size === 'large'
   });
-  var inputClasses = clsx('mx-2.5 h-full flex-1 text-text01 outline-0 placeholder:text-textPlaceholder', (_clsx = {}, _clsx['typography-label14regular'] = size === 'medium', _clsx['typography-label16regular'] = size === 'large', _clsx));
+  var inputClasses = clsx('mx-2 h-full flex-1 text-text01 outline-0 placeholder:text-textPlaceholder', (_clsx = {}, _clsx['typography-label14regular'] = size === 'medium', _clsx['typography-label16regular'] = size === 'large', _clsx));
   return /*#__PURE__*/jsx("div", {
     className: "relative",
     ref: ref,