@snack-uikit/fields 0.57.2-preview-02d918ac.0 → 0.57.2

package/dist/cjs/components/FieldSelect/hooks/customOption.js

@@ -7,10 +7,8 @@ exports.useFieldSelectMultipleCustomOption = useFieldSelectMultipleCustomOption;
 exports.useFieldSelectSingleCustomOption = useFieldSelectSingleCustomOption;
 const react_1 = require("react");
 function useResolvedAddCustomOptionTriggers(_ref) {
-  let {
-    addCustomOptionTriggers,
-    addOptionByEnter
-  } = _ref;
+  let addCustomOptionTriggers = _ref.addCustomOptionTriggers,
+    addOptionByEnter = _ref.addOptionByEnter;
   return (0, react_1.useMemo)(() => {
     if (addCustomOptionTriggers !== undefined) {
       return addCustomOptionTriggers;
@@ -19,14 +17,12 @@ function useResolvedAddCustomOptionTriggers(_ref) {
   }, [addCustomOptionTriggers, addOptionByEnter]);
 }
 function useFieldSelectMultipleCustomOption(_ref2) {
-  let {
-    addCustomOptionTriggers,
-    addOptionByEnter,
-    inputValue,
-    value,
-    setValue,
-    updateInputValue
-  } = _ref2;
+  let addCustomOptionTriggers = _ref2.addCustomOptionTriggers,
+    addOptionByEnter = _ref2.addOptionByEnter,
+    inputValue = _ref2.inputValue,
+    value = _ref2.value,
+    setValue = _ref2.setValue,
+    updateInputValue = _ref2.updateInputValue;
   const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
     addCustomOptionTriggers,
     addOptionByEnter
@@ -46,12 +42,10 @@ function useFieldSelectMultipleCustomOption(_ref2) {
   };
 }
 function useFieldSelectSingleCustomOption(_ref3) {
-  let {
-    addCustomOptionTriggers,
-    addOptionByEnter,
-    inputValue,
-    handleSelectionChange
-  } = _ref3;
+  let addCustomOptionTriggers = _ref3.addCustomOptionTriggers,
+    addOptionByEnter = _ref3.addOptionByEnter,
+    inputValue = _ref3.inputValue,
+    handleSelectionChange = _ref3.handleSelectionChange;
   const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
     addCustomOptionTriggers,
     addOptionByEnter

package/dist/cjs/components/FieldSelect/legacy/components/Items/hooks.js

@@ -8,27 +8,24 @@ const react_1 = require("react");
 const list_1 = require("@snack-uikit/list");
 const utils_1 = require("../../utils");
 function useLegacyGroupItemSelection(_ref) {
-  let {
-    id = '',
-    items,
-    disabled
-  } = _ref;
-  const {
-    value,
-    setValue,
-    isSelectionMultiple
-  } = (0, list_1.useSelectionContext)();
-  const {
-    childIds,
-    allChildIds
-  } = (0, react_1.useMemo)(() => ({
-    childIds: (0, utils_1.extractChildIds)({
-      items
-    }),
-    allChildIds: (0, utils_1.extractAllChildIds)({
-      items
-    })
-  }), [items]);
+  let _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    items = _ref.items,
+    disabled = _ref.disabled;
+  const _ref2 = (0, list_1.useSelectionContext)(),
+    value = _ref2.value,
+    setValue = _ref2.setValue,
+    isSelectionMultiple = _ref2.isSelectionMultiple;
+  const _ref3 = (0, react_1.useMemo)(() => ({
+      childIds: (0, utils_1.extractChildIds)({
+        items
+      }),
+      allChildIds: (0, utils_1.extractAllChildIds)({
+        items
+      })
+    }), [items]),
+    childIds = _ref3.childIds,
+    allChildIds = _ref3.allChildIds;
   const isIndeterminate = isSelectionMultiple ? allChildIds.some(childId => value === null || value === void 0 ? void 0 : value.includes(childId)) : allChildIds.includes(value !== null && value !== void 0 ? value : '');
   const checked = isSelectionMultiple ? allChildIds.every(childId => value === null || value === void 0 ? void 0 : value.includes(childId)) : undefined;
   (0, react_1.useEffect)(() => {

package/dist/cjs/components/FieldSelect/legacy/utils.js

@@ -10,10 +10,8 @@ exports.extractAllChildIds = extractAllChildIds;
 exports.flattenItems = flattenItems;
 const list_1 = require("@snack-uikit/list");
 function withCollapsedItems(_ref) {
-  let {
-    items,
-    openCollapsedItems
-  } = _ref;
+  let items = _ref.items,
+    openCollapsedItems = _ref.openCollapsedItems;
   let itemRefs = [];
   let newItems = [];
   let ids = [];
@@ -31,26 +29,24 @@ function withCollapsedItems(_ref) {
       expandedIds = expandedIds.concat(item.id);
     }
     if ((0, list_1.isGroupItemProps)(item)) {
-      const {
-        itemRefs: nestedItemsRefs,
-        ids: nestedIds
-      } = withCollapsedItems({
-        items: item.items,
-        openCollapsedItems
-      });
+      const _withCollapsedItems = withCollapsedItems({
+          items: item.items,
+          openCollapsedItems
+        }),
+        nestedItemsRefs = _withCollapsedItems.itemRefs,
+        nestedIds = _withCollapsedItems.ids;
       ids = ids.concat(nestedIds);
       itemRefs = itemRefs.concat(nestedItemsRefs);
     }
     if ((0, list_1.isAccordionItemProps)(item) && item.id && openCollapsedItems.includes(item.id)) {
-      const {
-        itemRefs: nestedItemsRefs,
-        ids: nestedIds,
-        items: nestedItems,
-        expandedIds: nestedExpandedIds
-      } = withCollapsedItems({
-        items: item.items,
-        openCollapsedItems
-      });
+      const _withCollapsedItems2 = withCollapsedItems({
+          items: item.items,
+          openCollapsedItems
+        }),
+        nestedItemsRefs = _withCollapsedItems2.itemRefs,
+        nestedIds = _withCollapsedItems2.ids,
+        nestedItems = _withCollapsedItems2.items,
+        nestedExpandedIds = _withCollapsedItems2.expandedIds;
       ids = ids.concat(nestedIds);
       newItems = newItems.concat(nestedItems);
       itemRefs = itemRefs.concat(nestedItemsRefs);
@@ -77,9 +73,7 @@ function extractItemIds(items) {
   }, []);
 }
 function extractChildIds(_ref2) {
-  let {
-    items
-  } = _ref2;
+  let items = _ref2.items;
   return items.filter(item => (0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item) || (0, list_1.isGroupItemProps)(item) || (0, list_1.isBaseItemProps)(item) && !item.disabled && !item.inactive).reduce((prev, item) => {
     var _a;
     if ((0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item)) {
@@ -96,9 +90,7 @@ function extractChildIds(_ref2) {
   }, []);
 }
 function extractAllChildIds(_ref3) {
-  let {
-    items
-  } = _ref3;
+  let items = _ref3.items;
   return items.filter(item => (0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item) || (0, list_1.isGroupItemProps)(item) || (0, list_1.isBaseItemProps)(item) && !item.inactive).reduce((prev, item) => {
     var _a;
     if ((0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item)) {

package/dist/cjs/components/FieldSelect/utils/checkisSearchUnavailable.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.checkisSearchUnavailable = checkisSearchUnavailable;
 function checkisSearchUnavailable(_ref) {
-  let {
-    autocomplete,
-    searchable,
-    isSameValue
-  } = _ref;
+  let autocomplete = _ref.autocomplete,
+    searchable = _ref.searchable,
+    isSameValue = _ref.isSameValue;
   return autocomplete || !searchable || isSameValue;
 }

package/dist/cjs/components/FieldSelect/utils/extractListProps.js

@@ -5,21 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractListProps = extractListProps;
 function extractListProps(_ref) {
-  let {
-    dataError,
-    noDataState,
-    noResultsState,
-    errorDataState,
-    dataFiltered,
-    loading,
-    footer,
-    widthStrategy,
-    scrollToSelectedItem,
-    virtualized,
-    scrollRef,
-    scrollContainerRef,
-    onScroll
-  } = _ref;
+  let dataError = _ref.dataError,
+    noDataState = _ref.noDataState,
+    noResultsState = _ref.noResultsState,
+    errorDataState = _ref.errorDataState,
+    dataFiltered = _ref.dataFiltered,
+    loading = _ref.loading,
+    footer = _ref.footer,
+    widthStrategy = _ref.widthStrategy,
+    scrollToSelectedItem = _ref.scrollToSelectedItem,
+    virtualized = _ref.virtualized,
+    scrollRef = _ref.scrollRef,
+    scrollContainerRef = _ref.scrollContainerRef,
+    onScroll = _ref.onScroll;
   return {
     dataError,
     noDataState,

package/dist/cjs/components/FieldSelect/utils/getArrowIcon.js

@@ -7,10 +7,8 @@ exports.getArrowIcon = getArrowIcon;
 const icons_1 = require("@snack-uikit/icons");
 const input_private_1 = require("@snack-uikit/input-private");
 function getArrowIcon(_ref) {
-  let {
-    size,
-    open
-  } = _ref;
+  let size = _ref.size,
+    open = _ref.open;
   return {
     ArrowIcon: open ? icons_1.ChevronUpSVG : icons_1.ChevronDownSVG,
     arrowIconSize: size === input_private_1.SIZE.S ? input_private_1.ICON_SIZE.Xs : input_private_1.ICON_SIZE.S

package/dist/cjs/components/FieldSelect/utils/options.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -19,13 +21,11 @@ const typeGuards_1 = require("./typeGuards");
 function transformOptionsToItems(options) {
   return options.map(option => {
     if ((0, typeGuards_1.isAccordionOptionProps)(option) || (0, typeGuards_1.isNextListOptionProps)(option)) {
-      const {
-          description,
-          option: contentOption,
-          caption,
-          options,
-          value
-        } = option,
+      const description = option.description,
+        contentOption = option.option,
+        caption = option.caption,
+        options = option.options,
+        value = option.value,
         rest = __rest(option, ["description", "option", "caption", "options", "value"]);
       return Object.assign(Object.assign({
         'data-test-id': 'field-select__list-option-' + option.value
@@ -40,22 +40,18 @@ function transformOptionsToItems(options) {
       });
     }
     if ((0, typeGuards_1.isGroupOptionProps)(option)) {
-      const {
-          options
-        } = option,
+      const options = option.options,
         rest = __rest(option, ["options"]);
       return Object.assign(Object.assign({}, rest), {
         items: transformOptionsToItems(options)
       });
     }
     const _a = option,
-      {
-        description,
-        option: contentOption,
-        caption,
-        value,
-        appearance
-      } = _a,
+      description = _a.description,
+      contentOption = _a.option,
+      caption = _a.caption,
+      value = _a.value,
+      appearance = _a.appearance,
       rest = __rest(_a, ["description", "option", "caption", "value", "appearance"]);
     return Object.assign(Object.assign({
       'data-test-id': 'field-select__list-option-' + option.value
@@ -93,7 +89,10 @@ function findSelectedOptions(items, value) {
   let placeholderItems;
   value.forEach(value => {
     if (flatten) {
-      const [found, placeholder] = findSelectedOption(flatten, value);
+      const _findSelectedOption = findSelectedOption(flatten, value),
+        _findSelectedOption2 = (0, _slicedToArray2.default)(_findSelectedOption, 2),
+        found = _findSelectedOption2[0],
+        placeholder = _findSelectedOption2[1];
       if (found || foundItems) {
         foundItems = (foundItems !== null && foundItems !== void 0 ? foundItems : []).concat(found !== null && found !== void 0 ? found : []);
       }

package/dist/cjs/components/FieldSelect/utils/updateItems.js

@@ -18,11 +18,9 @@ function createPlaceholderItem(value) {
   };
 }
 function updateItems(_ref) {
-  let {
-    options,
-    value,
-    selectedItem
-  } = _ref;
+  let options = _ref.options,
+    value = _ref.value,
+    selectedItem = _ref.selectedItem;
   if (options.length < 1) {
     return {
       selectedItem: undefined,
@@ -55,11 +53,9 @@ function updateItems(_ref) {
   };
 }
 function updateMultipleItems(_ref2) {
-  let {
-    options,
-    value,
-    selectedItems
-  } = _ref2;
+  let options = _ref2.options,
+    value = _ref2.value,
+    selectedItems = _ref2.selectedItems;
   if (options.length < 1) {
     return {
       selectedItems: undefined,

package/dist/cjs/components/FieldSlider/FieldSlider.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -39,44 +41,54 @@ const getDefaultValue = (range, min, max, value) => {
   return value !== null && value !== void 0 ? value : min;
 };
 exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      min,
-      max,
-      step,
-      marks,
-      showScaleBar = true,
-      value: valueProp,
-      range = false,
-      disabled = false,
-      readonly = false,
-      onChange: onChangeProp,
-      onFocus,
-      onBlur,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required,
-      caption,
-      hint,
-      showHintIcon,
-      size = input_private_1.SIZE.S,
-      textInputFormatter,
-      unbindInputFromMarks,
-      postfixIcon,
-      prefix,
-      postfix,
-      autoFocus
-    } = _a,
+  var id = _a.id,
+    name = _a.name,
+    min = _a.min,
+    max = _a.max,
+    step = _a.step,
+    marks = _a.marks,
+    _a$showScaleBar = _a.showScaleBar,
+    showScaleBar = _a$showScaleBar === void 0 ? true : _a$showScaleBar,
+    valueProp = _a.value,
+    _a$range = _a.range,
+    range = _a$range === void 0 ? false : _a$range,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    onChangeProp = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    className = _a.className,
+    label = _a.label,
+    labelTooltip = _a.labelTooltip,
+    labelTooltipPlacement = _a.labelTooltipPlacement,
+    required = _a.required,
+    caption = _a.caption,
+    hint = _a.hint,
+    showHintIcon = _a.showHintIcon,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? input_private_1.SIZE.S : _a$size,
+    textInputFormatter = _a.textInputFormatter,
+    unbindInputFromMarks = _a.unbindInputFromMarks,
+    postfixIcon = _a.postfixIcon,
+    prefix = _a.prefix,
+    postfix = _a.postfix,
+    autoFocus = _a.autoFocus,
     rest = __rest(_a, ["id", "name", "min", "max", "step", "marks", "showScaleBar", "value", "range", "disabled", "readonly", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "textInputFormatter", "unbindInputFromMarks", "postfixIcon", "prefix", "postfix", "autoFocus"]);
-  const [value = getDefaultValue(range, min, max, valueProp), onChange] = (0, hooks_1.useValueControl)({
-    value: valueProp,
-    defaultValue: getDefaultValue(range, min, max, valueProp),
-    onChange: onChangeProp
-  });
-  const [textFieldInputValue, setTextFieldInputValue] = (0, react_1.useState)((0, helpers_1.getTextFieldValue)(value, textInputFormatter));
+  const _ref = (0, hooks_1.useValueControl)({
+      value: valueProp,
+      defaultValue: getDefaultValue(range, min, max, valueProp),
+      onChange: onChangeProp
+    }),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    _ref2$ = _ref2[0],
+    value = _ref2$ === void 0 ? getDefaultValue(range, min, max, valueProp) : _ref2$,
+    onChange = _ref2[1];
+  const _ref3 = (0, react_1.useState)((0, helpers_1.getTextFieldValue)(value, textInputFormatter)),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    textFieldInputValue = _ref4[0],
+    setTextFieldInputValue = _ref4[1];
   const localRef = (0, react_1.useRef)(null);
   const prefixSettings = (0, hooks_1.usePrefix)({
     prefix,
@@ -125,9 +137,8 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
       handleChange(max);
       return;
     }
-    const {
-      mark
-    } = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark.value);
+    const _ref5 = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark.value),
+      mark = _ref5.mark;
     handleChange(mark.key);
   };
   const handleEqualMarksSliderChange = textFieldNumValue => {
@@ -150,9 +161,8 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
         handleChange(textFieldNumValue);
         return;
       }
-      const {
-        mark
-      } = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark);
+      const _ref6 = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark),
+        mark = _ref6.mark;
       handleChange(mark);
       return;
     }
@@ -161,9 +171,8 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
       handleChange(textFieldNumValue);
       return;
     }
-    const {
-      mark
-    } = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark);
+    const _ref7 = (0, helpers_1.getClosestMark)(textFieldNumValue, allowedValues, mark => mark),
+      mark = _ref7.mark;
     handleChange(mark);
   };
   const handleTextValueChange = (0, utils_1.useEventHandler)(() => {

package/dist/cjs/components/FieldStepper/FieldStepper.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -50,47 +52,63 @@ const SymbolWidth = {
   l: 10
 };
 exports.FieldStepper = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      id,
-      name,
-      value: valueProp,
-      min = Number.NEGATIVE_INFINITY,
-      max = Number.POSITIVE_INFINITY,
-      plusButtonTooltip,
-      minusButtonTooltip,
-      step = 1,
-      disabled = false,
-      readonly = false,
-      allowMoreThanLimits = true,
-      onChange: onChangeProp,
-      onFocus,
-      onBlur,
-      className,
-      label,
-      labelTooltip,
-      labelTooltipPlacement,
-      required = false,
-      caption,
-      hint,
-      showHintIcon,
-      size = input_private_1.SIZE.S,
-      validationState = constants_1.VALIDATION_STATE.Default,
-      error,
-      prefix,
-      postfix,
-      autoFocus
-    } = _a,
+  var id = _a.id,
+    name = _a.name,
+    valueProp = _a.value,
+    _a$min = _a.min,
+    min = _a$min === void 0 ? Number.NEGATIVE_INFINITY : _a$min,
+    _a$max = _a.max,
+    max = _a$max === void 0 ? Number.POSITIVE_INFINITY : _a$max,
+    plusButtonTooltip = _a.plusButtonTooltip,
+    minusButtonTooltip = _a.minusButtonTooltip,
+    _a$step = _a.step,
+    step = _a$step === void 0 ? 1 : _a$step,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    _a$allowMoreThanLimit = _a.allowMoreThanLimits,
+    allowMoreThanLimits = _a$allowMoreThanLimit === void 0 ? true : _a$allowMoreThanLimit,
+    onChangeProp = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    className = _a.className,
+    label = _a.label,
+    labelTooltip = _a.labelTooltip,
+    labelTooltipPlacement = _a.labelTooltipPlacement,
+    _a$required = _a.required,
+    required = _a$required === void 0 ? false : _a$required,
+    caption = _a.caption,
+    hint = _a.hint,
+    showHintIcon = _a.showHintIcon,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? input_private_1.SIZE.S : _a$size,
+    _a$validationState = _a.validationState,
+    validationState = _a$validationState === void 0 ? constants_1.VALIDATION_STATE.Default : _a$validationState,
+    error = _a.error,
+    prefix = _a.prefix,
+    postfix = _a.postfix,
+    autoFocus = _a.autoFocus,
     rest = __rest(_a, ["id", "name", "value", "min", "max", "plusButtonTooltip", "minusButtonTooltip", "step", "disabled", "readonly", "allowMoreThanLimits", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "prefix", "postfix", "autoFocus"]);
-  const {
-    t
-  } = (0, locale_1.useLocale)('Fields');
-  const [value = 0, setValue] = (0, hooks_1.useValueControl)({
-    value: valueProp,
-    defaultValue: getDefaultValue(min, max),
-    onChange: onChangeProp
-  });
-  const [tooltipOpen, setTooltipOpen] = (0, react_1.useState)(false);
-  const [tooltip, setTooltip] = (0, react_1.useState)('');
+  const _ref = (0, locale_1.useLocale)('Fields'),
+    t = _ref.t;
+  const _ref2 = (0, hooks_1.useValueControl)({
+      value: valueProp,
+      defaultValue: getDefaultValue(min, max),
+      onChange: onChangeProp
+    }),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    _ref3$ = _ref3[0],
+    value = _ref3$ === void 0 ? 0 : _ref3$,
+    setValue = _ref3[1];
+  const _ref4 = (0, react_1.useState)(false),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    tooltipOpen = _ref5[0],
+    setTooltipOpen = _ref5[1];
+  const _ref6 = (0, react_1.useState)(''),
+    _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
+    tooltip = _ref7[0],
+    setTooltip = _ref7[1];
   const timerRef = (0, react_1.useRef)();
   const inputRef = (0, react_1.useRef)(null);
   const isMinusButtonDisabled = typeof min === 'number' && value <= min || readonly || disabled;
@@ -121,11 +139,11 @@ exports.FieldStepper = (0, react_1.forwardRef)((_a, ref) => {
   const handleInputBlur = event => {
     if (!allowMoreThanLimits) {
       if (max !== undefined && value > max) {
-        setTooltip(`${t('limitTooltip.max')}${max}`);
+        setTooltip("".concat(t('limitTooltip.max')).concat(max));
         adjustValue(max);
       }
       if (min !== undefined && value < min) {
-        setTooltip(`${t('limitTooltip.min')}${min}`);
+        setTooltip("".concat(t('limitTooltip.min')).concat(min));
         adjustValue(min);
       }
     }