ab-ui-library 1.37.7 → 1.38.0

package/components/Select/Select/Select.js

@@ -104,7 +104,7 @@ var Select = function Select(props) {
     setFieldValue = props.setFieldValue,
     setSelectedItem = props.setSelectedItem,
     onInputChange = props.onInputChange,
-    handleInputChange = props.handleInputChange,
+    onInputFormatting = props.onInputFormatting,
     outerHelperText = props.outerHelperText,
     innerHelperText = props.innerHelperText,
     isRequiredField = props.isRequiredField,
@@ -124,8 +124,6 @@ var Select = function Select(props) {
     labelAddons = props.labelAddons,
     tooltipAddons = props.tooltipAddons,
     renderOptions = props.renderOptions,
-    _props$inputType = props.inputType,
-    inputType = _props$inputType === void 0 ? 'text' : _props$inputType,
     isAllowed = props.isAllowed;
   var scrollRef = useRef(null);
   var inputRef = useRef(null);
@@ -157,11 +155,19 @@ var Select = function Select(props) {
     selectedOption = _useState8[0],
     setSelectedOption = _useState8[1];
   var isWithSearch = isSearchable || isDynamicSearchEnabled || isCreateOnOutsideClick;
+  var getFormatedValue = function getFormatedValue(value) {
+    if (onInputFormatting && value) {
+      return onInputFormatting(value);
+    }
+    return value;
+  };
   var setCurrentSelectedLabel = useCallback(function () {
     var selectedItem = options.find(function (item) {
       return item.value === currentSelection;
     });
-    setSelectedOption(selectedItem);
+    setSelectedOption(_objectSpread(_objectSpread({}, selectedItem), {}, {
+      label: getFormatedValue(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label)
+    }));
   }, [currentSelection, options]);
   var leftIconProps = selectedOption !== null && selectedOption !== void 0 && (_selectedOption$optio = selectedOption.optionLeftIcon) !== null && _selectedOption$optio !== void 0 && _selectedOption$optio.Component ? {
     Component: selectedOption === null || selectedOption === void 0 || (_selectedOption$optio2 = selectedOption.optionLeftIcon) === null || _selectedOption$optio2 === void 0 ? void 0 : _selectedOption$optio2.Component
@@ -246,7 +252,7 @@ var Select = function Select(props) {
   };
   var onSearch = function onSearch(e) {
     setSelectedOption(null);
-    setSearchValue(e.target.value);
+    setSearchValue(getFormatedValue(e.target.value));
   };
   var _useGetHasBottomSpace = useGetHasBottomSpace({
       element: dropdownRef,
@@ -278,7 +284,6 @@ var Select = function Select(props) {
     label: label,
     onChange: onSearch,
     onInput: onInputChange,
-    handleChange: handleInputChange,
     required: isRequiredField,
     leftIconProps: leftIconProps,
     rightIconProps: isOpen ? selectRightIconOpenedProps : selectRightIconProps,
@@ -286,7 +291,6 @@ var Select = function Select(props) {
     placeholder: placeHolder,
     value: searchValue || (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '',
     isValid: isValid,
-    type: inputType,
     disabled: disabled,
     helperText: outerHelperText,
     ref: inputRef,

package/components/Select/SharedComponents/ContentTop.js

@@ -1,5 +1,5 @@
 import { _ as _toConsumableArray } from '../../../toConsumableArray-9b03ca05.js';
-import React, { useRef, useMemo, useEffect } from 'react';
+import React, { useMemo } from 'react';
 import { Text } from '../../Text/Text.js';
 import { Input } from '../../Input/Input.js';
 import '../../Input/InputPassword.js';
@@ -85,7 +85,6 @@ var ContentTop = /*#__PURE__*/React.memo(function (props) {
     _props$menuOptions = props.menuOptions,
     menuOptions = _props$menuOptions === void 0 ? [] : _props$menuOptions,
     dataIdPrefix = props.dataIdPrefix;
-  var inputRef = useRef(null);
   var _ref = translations || {},
     searchInputPlaceHolder = _ref.searchInputPlaceHolder,
     innerLabel = _ref.innerLabel,
@@ -125,11 +124,6 @@ var ContentTop = /*#__PURE__*/React.memo(function (props) {
   var removeFilter = function removeFilter() {
     return setSearchValue && setSearchValue('');
   };
-  useEffect(function () {
-    if (inputRef && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [inputRef]);
   return /*#__PURE__*/React.createElement("div", {
     className: "content-top"
   }, helperText ? /*#__PURE__*/React.createElement(Text, {
@@ -137,7 +131,6 @@ var ContentTop = /*#__PURE__*/React.memo(function (props) {
     type: "secondary",
     className: "content-top__label"
   }, helperText) : null, isSearchAvailable && /*#__PURE__*/React.createElement(Input, {
-    ref: inputRef,
     className: "content-top__search",
     size: "small",
     placeholder: searchInputPlaceHolder,

package/components/Select/types.d.ts

@@ -123,7 +123,7 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
     selectedItem?: TItemValue;
     setSelectedItem?: (items: TItemValue | undefined) => void;
     onInputChange?: (event: FormEvent<HTMLInputElement>) => void;
-    handleInputChange?: (event: TChangeEventType, value: string) => void;
+    onInputFormatting?: (value: string) => string;
     isSearchable?: boolean;
     isDynamicSearchable?: boolean;
     outerHelperText?: string;
@@ -131,7 +131,6 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
     labelAddons?: JSX.Element;
     tooltipAddons?: TTooltipProps;
     isCreateOnOutsideClick?: boolean;
-    inputType?: 'text' | 'number' | 'time' | 'password' | 'email' | 'file' | 'tel' | 'date' | 'numeric';
     isAllowed?: (values: {
         formattedValue: string;
         value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.37.7",
+  "version": "1.38.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",