@doist/reactist 28.3.0 → 28.3.1

package/dist/reactist.cjs.development.js

@@ -2002,15 +2002,13 @@ function BaseField({
   const [characterCount, setCharacterCount] = React__namespace.useState(inputLength.count);
   const [characterCountTone, setCharacterCountTone] = React__namespace.useState(inputLength.tone);
   const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : message ? messageId : null;
-  /**
-   * Renders the character count element.
-   * If the characterCountPosition value is 'hidden', it returns null.
-   */
+  const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
+  const renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
 
   function renderCharacterCount() {
-    return characterCountPosition !== 'hidden' ? /*#__PURE__*/React__namespace.createElement(FieldCharacterCount, {
+    return /*#__PURE__*/React__namespace.createElement(FieldCharacterCount, {
       tone: characterCountTone
-    }, characterCount) : null;
+    }, characterCount);
   }
 
   const childrenProps = _objectSpread2(_objectSpread2({
@@ -2035,7 +2033,7 @@ function BaseField({
     },
 
     // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
-    characterCountElement: characterCountPosition === 'inline' ? renderCharacterCount() : null
+    characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null
   });
 
   React__namespace.useEffect(function updateCharacterCountOnPropChange() {
@@ -2075,7 +2073,7 @@ function BaseField({
   }, label) : null), auxiliaryLabel ? /*#__PURE__*/React__namespace.createElement(Box$1, {
     className: modules_540a88ff.auxiliaryLabel,
     paddingLeft: "small"
-  }, auxiliaryLabel) : null) : null, children(childrenProps)), endSlot && endSlotPosition === 'fullHeight' ? endSlot : null), message || characterCount ? /*#__PURE__*/React__namespace.createElement(Columns, {
+  }, auxiliaryLabel) : null) : null, children(childrenProps)), endSlot && endSlotPosition === 'fullHeight' ? endSlot : null), message || renderCharacterCountBelow ? /*#__PURE__*/React__namespace.createElement(Columns, {
     align: "right",
     space: "small",
     maxWidth: maxWidth