@semcore/bulk-textarea 1.4.0 → 1.4.1

package/lib/esm/BulkTextarea.mjs

@@ -1,63 +1,98 @@
-import D from "@babel/runtime/helpers/esm/classCallCheck";
-import O from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/assertThisInitialized";
-import V from "@babel/runtime/helpers/esm/inherits";
-import q from "@babel/runtime/helpers/esm/createSuper";
-import i from "@babel/runtime/helpers/esm/defineProperty";
-import H, { assignProps as M, Component as j } from "@semcore/core";
-import x from "react";
-import { Box as G } from "@semcore/flex-box";
-import { InputField as J } from "./components/InputField/InputField.mjs";
-import { Counter as K } from "./components/Counter.mjs";
-import { ClearAll as Q } from "./components/ClearAll.mjs";
-import { ErrorsNavigation as U } from "./components/ErrorsNavigation.mjs";
-import { localizedMessages as W } from "./translations/__intergalactic-dynamic-locales.mjs";
-import X from "@semcore/utils/lib/enhances/i18nEnhance";
-import Y from "@semcore/utils/lib/enhances/focusSourceEnhance";
-import Z from "@semcore/utils/lib/uniqueID";
-var I = /* @__PURE__ */ function(_) {
-  V(g, _);
-  var R = q(g);
-  function g() {
-    var r;
-    D(this, g);
-    for (var e = arguments.length, t = new Array(e), l = 0; l < e; l++)
-      t[l] = arguments[l];
-    return r = R.call.apply(R, [this].concat(t)), i(d(r), "inputFieldRef", /* @__PURE__ */ x.createRef()), i(d(r), "clearAllButtonRef", /* @__PURE__ */ x.createRef()), i(d(r), "nextButtonRef", /* @__PURE__ */ x.createRef()), i(d(r), "prevButtonRef", /* @__PURE__ */ x.createRef()), i(d(r), "counterRef", /* @__PURE__ */ x.createRef()), i(d(r), "state", {
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import createComponent, { assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Box } from "@semcore/flex-box";
+import { InputField } from "./components/InputField/InputField.mjs";
+import { Counter } from "./components/Counter.mjs";
+import { ClearAll } from "./components/ClearAll.mjs";
+import { ErrorsNavigation } from "./components/ErrorsNavigation.mjs";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+import focusSourceEnhance from "@semcore/utils/lib/enhances/focusSourceEnhance";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+var BulkTextareaRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(BulkTextareaRoot2, _Component);
+  var _super = _createSuper(BulkTextareaRoot2);
+  function BulkTextareaRoot2() {
+    var _this;
+    _classCallCheck(this, BulkTextareaRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "inputFieldRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "clearAllButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "nextButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "prevButtonRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "counterRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       linesCount: 0,
-      isEmptyText: !0,
+      isEmptyText: true,
       errorIndex: -1,
-      highlightErrorIndex: !1
-    }), i(d(r), "handleChangeLinesCount", function(n) {
-      var s = !n;
-      r.setState({
-        linesCount: n,
-        isEmptyText: s
-      }), s && (r.handlers.showErrors(!1), r.handlers.errors([]), r.handlers.state("normal"));
-    }), i(d(r), "handleClickClearAll", function(n) {
-      var s;
-      r.handlers.showErrors(!1), r.handlers.errors([]), r.setState({
+      highlightErrorIndex: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChangeLinesCount", function(linesCount) {
+      var isEmpty = !linesCount;
+      _this.setState({
+        linesCount,
+        isEmptyText: isEmpty
+      });
+      if (isEmpty) {
+        _this.handlers.showErrors(false);
+        _this.handlers.errors([]);
+        _this.handlers.state("normal");
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickClearAll", function(e) {
+      var _this$inputFieldRef$c;
+      _this.handlers.showErrors(false);
+      _this.handlers.errors([]);
+      _this.setState({
         errorIndex: -1
-      }), r.handlers.value("", n), r.handlers.state("normal");
-      var a = (s = r.inputFieldRef.current) === null || s === void 0 ? void 0 : s.querySelector('[role="textbox"]');
-      a instanceof HTMLDivElement && a.focus();
-    }), i(d(r), "handleChangeErrorIndex", function(n) {
+      });
+      _this.handlers.value("", e);
+      _this.handlers.state("normal");
+      var textarea = (_this$inputFieldRef$c = _this.inputFieldRef.current) === null || _this$inputFieldRef$c === void 0 ? void 0 : _this$inputFieldRef$c.querySelector('[role="textbox"]');
+      textarea instanceof HTMLDivElement && textarea.focus();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleChangeErrorIndex", function(amount) {
       return function() {
-        var s = r.asProps.errors, a = s === void 0 ? [] : s, h = r.state.errorIndex, u = a.length - 1, o = h + n;
-        o < 0 ? o = n + u + 1 : o > u && (o = o - u - 1), a[o] ? (r.handlers.showErrors(!1), r.setState({
-          errorIndex: -1
-        }), setTimeout(function() {
-          r.handlers.showErrors(!0), r.setState({
-            errorIndex: o,
-            highlightErrorIndex: !0
+        var _this$asProps$errors = _this.asProps.errors, errors = _this$asProps$errors === void 0 ? [] : _this$asProps$errors;
+        var errorIndex = _this.state.errorIndex;
+        var itemsIndex = errors.length - 1;
+        var newIndex = errorIndex + amount;
+        if (newIndex < 0) {
+          newIndex = amount + itemsIndex + 1;
+        } else if (newIndex > itemsIndex) {
+          newIndex = newIndex - itemsIndex - 1;
+        }
+        if (!errors[newIndex]) {
+          _this.handleChangeErrorIndex(amount < 0 ? amount - 1 : amount + 1)();
+        } else {
+          _this.handlers.showErrors(false);
+          _this.setState({
+            errorIndex: -1
+          });
+          setTimeout(function() {
+            _this.handlers.showErrors(true);
+            _this.setState({
+              errorIndex: newIndex,
+              highlightErrorIndex: true
+            });
           });
-        })) : r.handleChangeErrorIndex(n < 0 ? n - 1 : n + 1)();
+        }
       };
-    }), r;
+    });
+    return _this;
   }
-  return O(g, [{
+  _createClass(BulkTextareaRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null,
         state: null,
@@ -67,129 +102,153 @@ var I = /* @__PURE__ */ function(_) {
     }
   }, {
     key: "counterId",
-    get: function() {
+    get: function get() {
       return "".concat(this.asProps.uid, "_counter");
     }
   }, {
     key: "getInputFieldProps",
-    value: function() {
-      var e = this, t = this.asProps, l = t.value, n = t.size, s = t.minRows, a = t.maxRows, h = t.lineValidation, u = t.placeholder, o = t.validateOn, B = t.linesDelimiters, $ = t.maxLines, b = t.disabled, k = t.readonly, L = t.pasteProps, S = t.lineProcessing, w = t.errors, v = w === void 0 ? [] : w, y = t.showErrors, E = this.state, T = E.errorIndex, z = E.prevError, A = E.linesCount, F = E.highlightErrorIndex;
-      return i({
-        value: l,
-        size: n,
-        state: y && (v == null ? void 0 : v.length) > 0 ? "invalid" : "normal",
-        disabled: b,
-        readonly: k,
-        minRows: s,
-        maxRows: a,
-        maxLines: $,
-        placeholder: u,
-        prevError: z,
-        pasteProps: L,
-        linesCount: A,
-        lineProcessing: S,
+    value: function getInputFieldProps() {
+      var _this2 = this;
+      var _this$asProps = this.asProps, value = _this$asProps.value, size = _this$asProps.size, minRows = _this$asProps.minRows, maxRows = _this$asProps.maxRows, lineValidation = _this$asProps.lineValidation, placeholder = _this$asProps.placeholder, validateOn = _this$asProps.validateOn, linesDelimiters = _this$asProps.linesDelimiters, maxLines = _this$asProps.maxLines, disabled = _this$asProps.disabled, readonly = _this$asProps.readonly, pasteProps = _this$asProps.pasteProps, lineProcessing = _this$asProps.lineProcessing, _this$asProps$errors2 = _this$asProps.errors, errors = _this$asProps$errors2 === void 0 ? [] : _this$asProps$errors2, showErrors = _this$asProps.showErrors;
+      var _this$state = this.state, errorIndex = _this$state.errorIndex, prevError = _this$state.prevError, linesCount = _this$state.linesCount, highlightErrorIndex = _this$state.highlightErrorIndex;
+      return _defineProperty({
+        value,
+        size,
+        state: showErrors && (errors === null || errors === void 0 ? void 0 : errors.length) > 0 ? "invalid" : "normal",
+        disabled,
+        readonly,
+        minRows,
+        maxRows,
+        maxLines,
+        placeholder,
+        prevError,
+        pasteProps,
+        linesCount,
+        lineProcessing,
         onChangeLinesCount: this.handleChangeLinesCount,
-        onChangeLineIndex: function() {
-          o != null && o.includes("blurLine") && e.handlers.showErrors(!0);
+        onChangeLineIndex: function onChangeLineIndex() {
+          if (validateOn !== null && validateOn !== void 0 && validateOn.includes("blurLine")) {
+            _this2.handlers.showErrors(true);
+          }
         },
-        onBlur: function(f, p) {
-          var m, C;
-          o != null && o.includes("blur") && (e.asProps.focusSourceRef.current === "keyboard" || p instanceof FocusEvent && p.relatedTarget !== e.clearAllButtonRef.current) && e.handlers.showErrors(!0), e.asProps.showErrors === !1 && (o != null && o.includes("blur") || o != null && o.includes("blurLine")) && setTimeout(function() {
-            var c;
-            (c = e.nextButtonRef.current) === null || c === void 0 || c.focus();
-          }, 250), (m = (C = e.props).onChange) === null || m === void 0 || m.call(C, f, p);
+        onBlur: function onBlur(value2, event) {
+          var _this2$props$onChange, _this2$props;
+          if (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") && (_this2.asProps.focusSourceRef.current === "keyboard" || event instanceof FocusEvent && event.relatedTarget !== _this2.clearAllButtonRef.current)) {
+            _this2.handlers.showErrors(true);
+          }
+          if (_this2.asProps.showErrors === false && (validateOn !== null && validateOn !== void 0 && validateOn.includes("blur") || validateOn !== null && validateOn !== void 0 && validateOn.includes("blurLine"))) {
+            setTimeout(function() {
+              var _this2$nextButtonRef$;
+              (_this2$nextButtonRef$ = _this2.nextButtonRef.current) === null || _this2$nextButtonRef$ === void 0 ? void 0 : _this2$nextButtonRef$.focus();
+            }, 250);
+          }
+          (_this2$props$onChange = (_this2$props = _this2.props).onChange) === null || _this2$props$onChange === void 0 ? void 0 : _this2$props$onChange.call(_this2$props, value2, event);
         },
-        showErrors: y,
-        validateOn: o,
-        lineValidation: h,
-        errors: v,
-        onErrorsChange: function(f) {
-          var p = f.length === 0 ? v[0] : void 0;
-          e.handlers.errors(f), e.setState({
-            prevError: p
-          }), setTimeout(function() {
-            var m = e.asProps, C = m.showErrors, c = m.errors;
-            if (C) {
-              var N = f.length === 0 ? "normal" : "invalid";
-              e.handlers.state(N);
+        showErrors,
+        validateOn,
+        lineValidation,
+        errors,
+        onErrorsChange: function onErrorsChange(newErrors) {
+          var prevError2 = newErrors.length === 0 ? errors[0] : void 0;
+          _this2.handlers.errors(newErrors);
+          _this2.setState({
+            prevError: prevError2
+          });
+          setTimeout(function() {
+            var _this2$asProps = _this2.asProps, showErrors2 = _this2$asProps.showErrors, errors2 = _this2$asProps.errors;
+            if (showErrors2) {
+              var newState = newErrors.length === 0 ? "normal" : "invalid";
+              _this2.handlers.state(newState);
+            }
+            if ((errors2 === null || errors2 === void 0 ? void 0 : errors2.length) === 0) {
+              _this2.handlers.showErrors(false);
+              setTimeout(function() {
+                _this2.setState({
+                  prevError: void 0
+                });
+              }, 150);
             }
-            (c == null ? void 0 : c.length) === 0 && (e.handlers.showErrors(!1), setTimeout(function() {
-              e.setState({
-                prevError: void 0
-              });
-            }, 150));
           }, 10);
         },
-        highlightErrorIndex: F,
-        errorIndex: T,
-        onErrorIndexChange: function(f) {
-          var p = v[T];
-          e.setState({
-            errorIndex: f,
-            prevError: p,
-            highlightErrorIndex: !1
+        highlightErrorIndex,
+        errorIndex,
+        onErrorIndexChange: function onErrorIndexChange(newErrorIndex) {
+          var prevError2 = errors[errorIndex];
+          _this2.setState({
+            errorIndex: newErrorIndex,
+            prevError: prevError2,
+            highlightErrorIndex: false
           });
         },
-        linesDelimiters: B,
+        linesDelimiters,
         ref: this.inputFieldRef
       }, "aria-describedby", this.counterId);
     }
   }, {
     key: "getCounterProps",
-    value: function() {
-      var e = this.asProps, t = e.maxLines, l = e.getI18nText, n = e.size, s = this.state, a = s.linesCount, h = s.isEmptyText, u = "";
-      return a === t ? u = "warning" : a > t && (u = "danger"), {
+    value: function getCounterProps() {
+      var _this$asProps2 = this.asProps, maxLines = _this$asProps2.maxLines, getI18nText = _this$asProps2.getI18nText, size = _this$asProps2.size;
+      var _this$state2 = this.state, linesCount = _this$state2.linesCount, isEmptyText = _this$state2.isEmptyText;
+      var counterTheme = "";
+      if (linesCount === maxLines) {
+        counterTheme = "warning";
+      } else if (linesCount > maxLines) {
+        counterTheme = "danger";
+      }
+      return {
         id: this.counterId,
         ref: this.counterRef,
-        getI18nText: l,
-        theme: u,
-        linesCount: h ? 0 : a,
-        maxLines: t,
-        size: n
+        getI18nText,
+        theme: counterTheme,
+        linesCount: isEmptyText ? 0 : linesCount,
+        maxLines,
+        size
       };
     }
   }, {
     key: "getClearAllProps",
-    value: function() {
-      var e = this.asProps, t = e.size, l = e.getI18nText, n = e.disabled, s = e.readonly;
+    value: function getClearAllProps() {
+      var _this$asProps3 = this.asProps, size = _this$asProps3.size, getI18nText = _this$asProps3.getI18nText, disabled = _this$asProps3.disabled, readonly = _this$asProps3.readonly;
       return {
         onClick: this.handleClickClearAll,
         isHidden: this.state.isEmptyText,
-        size: t,
-        getI18nText: l,
+        size,
+        getI18nText,
         ref: this.clearAllButtonRef,
-        disabled: n || s
+        disabled: disabled || readonly
       };
     }
   }, {
     key: "getErrorsNavigationProps",
-    value: function() {
-      var e = this.asProps, t = e.size, l = e.getI18nText, n = e.disabled, s = e.readonly, a = e.errors, h = a === void 0 ? [] : a, u = e.showErrors, o = this.state.errorIndex;
+    value: function getErrorsNavigationProps() {
+      var _this$asProps4 = this.asProps, size = _this$asProps4.size, getI18nText = _this$asProps4.getI18nText, disabled = _this$asProps4.disabled, readonly = _this$asProps4.readonly, _this$asProps4$errors = _this$asProps4.errors, errors = _this$asProps4$errors === void 0 ? [] : _this$asProps4$errors, showErrors = _this$asProps4.showErrors;
+      var errorIndex = this.state.errorIndex;
       return {
-        size: t,
-        getI18nText: l,
-        errorIndex: o,
+        size,
+        getI18nText,
+        errorIndex,
         onPrevError: this.handleChangeErrorIndex(-1),
         onNextError: this.handleChangeErrorIndex(1),
-        errorsCount: h.map(Boolean).length,
-        showErrors: u,
-        disabled: n || s || !1,
+        errorsCount: errors.map(Boolean).length,
+        showErrors,
+        disabled: disabled || readonly || false,
         nextButtonRef: this.nextButtonRef,
         prevButtonRef: this.prevButtonRef
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps;
-      return /* @__PURE__ */ x.createElement(G, M({
-        __excludeProps: ["onBlur", "value", "placeholder"]
-      }, e));
+    value: function render() {
+      var _ref = this.asProps;
+      return /* @__PURE__ */ React.createElement(Box, assignProps({
+        "__excludeProps": ["onBlur", "value", "placeholder"]
+      }, _ref));
     }
-  }]), g;
-}(j);
-i(I, "displayName", "BulkTextarea");
-i(I, "defaultProps", {
+  }]);
+  return BulkTextareaRoot2;
+}(Component);
+_defineProperty(BulkTextareaRoot, "displayName", "BulkTextarea");
+_defineProperty(BulkTextareaRoot, "defaultProps", {
   defaultValue: "",
   size: "m",
   defaultState: "normal",
@@ -199,17 +258,17 @@ i(I, "defaultProps", {
   validateOn: "blur",
   locale: "en",
   defaultErrors: [],
-  defaultShowErrors: !1
+  defaultShowErrors: false
 });
-i(I, "enhance", [X(W), Y(), Z()]);
-var xr = function() {
-  return H(I, {
-    InputField: J,
-    Counter: K,
-    ClearAll: Q,
-    ErrorsNavigation: U
+_defineProperty(BulkTextareaRoot, "enhance", [i18nEnhance(localizedMessages), focusSourceEnhance(), uniqueIDEnhancement()]);
+var BulkTextarea = function() {
+  return createComponent(BulkTextareaRoot, {
+    InputField,
+    Counter,
+    ClearAll,
+    ErrorsNavigation
   });
 }();
 export {
-  xr as default
+  BulkTextarea as default
 };

package/lib/esm/components/ClearAll.mjs

@@ -1,16 +1,17 @@
-import n from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as m, assignProps as a } from "@semcore/core";
-import l from "react";
-import u from "@semcore/button";
-import i from "@semcore/icon/Close/m";
-function p(t) {
-  var r = arguments[0], e, o = u;
-  return !t.isHidden && (e = m(t.styles), /* @__PURE__ */ l.createElement(o, e.cn("SButton", n({}, a({
-    theme: "muted",
-    use: "tertiary",
-    addonLeft: i
-  }, r))), t.getI18nText("BulkTextarea.ClearAllButton.buttonText")));
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import Button from "@semcore/button";
+import CloseM from "@semcore/icon/Close/m";
+function ClearAll(props) {
+  var _ref = arguments[0], _ref2;
+  var SButton = Button;
+  return !props.isHidden && (_ref2 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SButton, _ref2.cn("SButton", _objectSpread({}, assignProps({
+    "theme": "muted",
+    "use": "tertiary",
+    "addonLeft": CloseM
+  }, _ref))), props.getI18nText("BulkTextarea.ClearAllButton.buttonText")));
 }
 export {
-  p as ClearAll
+  ClearAll
 };

package/lib/esm/components/Counter.mjs

@@ -1,18 +1,19 @@
-import { assignProps as i } from "@semcore/core";
-import e from "react";
-import { ScreenReaderOnly as a } from "@semcore/flex-box";
-import u from "@semcore/counter";
-function d(t) {
-  var l = arguments[0], r = t.theme, o = t.linesCount, m = t.maxLines, n = t.getI18nText;
-  return /* @__PURE__ */ e.createElement(u, i({
-    ml: 1,
-    theme: r
-  }, l), o, /* @__PURE__ */ e.createElement("span", {
+import { assignProps } from "@semcore/core";
+import React from "react";
+import { ScreenReaderOnly } from "@semcore/flex-box";
+import CounterKit from "@semcore/counter";
+function Counter(props) {
+  var _ref = arguments[0];
+  var theme = props.theme, linesCount = props.linesCount, maxLines = props.maxLines, getI18nText = props.getI18nText;
+  return /* @__PURE__ */ React.createElement(CounterKit, assignProps({
+    "ml": 1,
+    "theme": theme
+  }, _ref), linesCount, /* @__PURE__ */ React.createElement("span", {
     "aria-hidden": "true"
-  }, "/", m), /* @__PURE__ */ e.createElement(a, null, n("BulkTextarea.Counter.ofAllowedRows:sr-message", {
-    rowsNumber: m
-  })), r === "warning" && /* @__PURE__ */ e.createElement(a, null, n("BulkTextarea.Counter.limitReached:sr-message")), r === "danger" && /* @__PURE__ */ e.createElement(a, null, n("BulkTextarea.Counter.limitExceeded:sr-message")));
+  }, "/", maxLines), /* @__PURE__ */ React.createElement(ScreenReaderOnly, null, getI18nText("BulkTextarea.Counter.ofAllowedRows:sr-message", {
+    rowsNumber: maxLines
+  })), theme === "warning" && /* @__PURE__ */ React.createElement(ScreenReaderOnly, null, getI18nText("BulkTextarea.Counter.limitReached:sr-message")), theme === "danger" && /* @__PURE__ */ React.createElement(ScreenReaderOnly, null, getI18nText("BulkTextarea.Counter.limitExceeded:sr-message")));
 }
 export {
-  d as Counter
+  Counter
 };

package/lib/esm/components/ErrorsNavigation.mjs

@@ -1,43 +1,43 @@
-import e from "react";
-import i from "@semcore/button";
-import { Flex as f } from "@semcore/flex-box";
-import { Text as d } from "@semcore/typography";
-import s from "@semcore/icon/ChevronUp/m";
-import v from "@semcore/icon/ChevronDown/m";
-function k(r) {
-  var n = r.errorIndex, o = r.errorsCount, l = r.onPrevError, m = r.onNextError, E = r.size, u = r.showErrors, t = r.getI18nText, a = r.disabled, x = r.nextButtonRef, c = r.prevButtonRef;
-  return /* @__PURE__ */ e.createElement(f, {
+import React from "react";
+import Button from "@semcore/button";
+import { Flex } from "@semcore/flex-box";
+import { Text } from "@semcore/typography";
+import ChevronUpM from "@semcore/icon/ChevronUp/m";
+import ChevronDownM from "@semcore/icon/ChevronDown/m";
+function ErrorsNavigation(props) {
+  var errorIndex = props.errorIndex, errorsCount = props.errorsCount, onPrevError = props.onPrevError, onNextError = props.onNextError, size = props.size, showErrors = props.showErrors, getI18nText = props.getI18nText, disabled = props.disabled, nextButtonRef = props.nextButtonRef, prevButtonRef = props.prevButtonRef;
+  return /* @__PURE__ */ React.createElement(Flex, {
     alignItems: "center"
-  }, o > 0 && u && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, {
-    onClick: m,
-    addonLeft: v,
+  }, errorsCount > 0 && showErrors && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
+    onClick: onNextError,
+    addonLeft: ChevronDownM,
     use: "tertiary",
     theme: "muted",
-    "aria-label": t("BulkTextarea.ErrorsNavigation.nextError:aria-label"),
+    "aria-label": getI18nText("BulkTextarea.ErrorsNavigation.nextError:aria-label"),
     hintPlacement: "bottom",
-    disabled: a,
-    ref: x
-  }), /* @__PURE__ */ e.createElement(i, {
-    onClick: l,
-    addonLeft: s,
+    disabled,
+    ref: nextButtonRef
+  }), /* @__PURE__ */ React.createElement(Button, {
+    onClick: onPrevError,
+    addonLeft: ChevronUpM,
     use: "tertiary",
     theme: "muted",
-    "aria-label": t("BulkTextarea.ErrorsNavigation.previousError:aria-label"),
+    "aria-label": getI18nText("BulkTextarea.ErrorsNavigation.previousError:aria-label"),
     hintPlacement: "bottom",
-    disabled: a,
-    ref: c
-  }), /* @__PURE__ */ e.createElement(d, {
-    size: E === "l" ? 300 : 200,
+    disabled,
+    ref: prevButtonRef
+  }), /* @__PURE__ */ React.createElement(Text, {
+    size: size === "l" ? 300 : 200,
     color: "text-critical",
     ml: 1,
-    disabled: a
-  }, n === -1 ? t("BulkTextarea.ErrorsNavigation.totalErrors", {
-    errorsCount: o
-  }) : t("BulkTextarea.ErrorsNavigation.selectedError", {
-    errorIndex: n + 1,
-    errorsCount: o
+    disabled
+  }, errorIndex === -1 ? getI18nText("BulkTextarea.ErrorsNavigation.totalErrors", {
+    errorsCount
+  }) : getI18nText("BulkTextarea.ErrorsNavigation.selectedError", {
+    errorIndex: errorIndex + 1,
+    errorsCount
   }))));
 }
 export {
-  k as ErrorsNavigation
+  ErrorsNavigation
 };