ab-ui-library 1.37.6 → 1.37.8

package/components/Select/Select/Select.js

@@ -104,6 +104,7 @@ var Select = function Select(props) {
     setFieldValue = props.setFieldValue,
     setSelectedItem = props.setSelectedItem,
     onInputChange = props.onInputChange,
+    onInputFormatting = props.onInputFormatting,
     outerHelperText = props.outerHelperText,
     innerHelperText = props.innerHelperText,
     isRequiredField = props.isRequiredField,
@@ -123,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);
@@ -156,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
@@ -245,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,
@@ -284,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/types.d.ts

@@ -123,6 +123,7 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
     selectedItem?: TItemValue;
     setSelectedItem?: (items: TItemValue | undefined) => void;
     onInputChange?: (event: FormEvent<HTMLInputElement>) => void;
+    onInputFormatting?: (value: string) => string;
     isSearchable?: boolean;
     isDynamicSearchable?: boolean;
     outerHelperText?: string;
@@ -130,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.6",
+  "version": "1.37.8",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",