ab-ui-library 1.37.0 → 1.37.1

package/components/Select/Select/Select.js

@@ -95,7 +95,7 @@ var Select = function Select(props) {
     _props$dataId = props.dataId,
     dataId = _props$dataId === void 0 ? '' : _props$dataId,
     placeHolder = props.placeHolder,
-    isCreatable = props.isCreatable,
+    isCreateOnOutsideClick = props.isCreateOnOutsideClick,
     _props$selectedItem = props.selectedItem,
     selectedItem = _props$selectedItem === void 0 ? null : _props$selectedItem,
     setFieldValue = props.setFieldValue,
@@ -149,7 +149,7 @@ var Select = function Select(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     selectedOption = _useState8[0],
     setSelectedOption = _useState8[1];
-  var isWithSearch = withSearch && isDynamicSearchEnabled || isCreatable;
+  var isWithSearch = withSearch && isDynamicSearchEnabled || isCreateOnOutsideClick;
   var setCurrentSelectedLabel = useCallback(function () {
     var selectedItem = options.find(function (item) {
       return item.value === currentSelection;
@@ -167,7 +167,7 @@ var Select = function Select(props) {
   };
   var closeDropdown = function closeDropdown() {
     setIsOpen(false);
-    if (!isCreatable) {
+    if (!isCreateOnOutsideClick) {
       setSearchValue('');
       setCurrentSelectedLabel();
     }
@@ -175,17 +175,12 @@ var Select = function Select(props) {
   var handleOutsideClick = function handleOutsideClick() {
     if (!searchValue) {
       setCurrentSelectedLabel();
-    } else if (isCreatable) {
-      var _selectedItem$label;
-      var _selectedItem = options.find(function (item) {
-        return item.value === currentSelection;
-      });
+    } else if (isCreateOnOutsideClick) {
       setSelectedOption({
-        label: (_selectedItem === null || _selectedItem === void 0 ? void 0 : _selectedItem.label) || '',
-        value: (_selectedItem === null || _selectedItem === void 0 ? void 0 : _selectedItem.value) || ''
+        label: searchValue,
+        value: searchValue
       });
-      onItemSelect((_selectedItem === null || _selectedItem === void 0 ? void 0 : _selectedItem.value) || '');
-      setSearchValue((_selectedItem === null || _selectedItem === void 0 || (_selectedItem$label = _selectedItem.label) === null || _selectedItem$label === void 0 ? void 0 : _selectedItem$label.toString()) || '');
+      onItemSelect(searchValue);
     }
     closeDropdown();
   };
@@ -255,12 +250,6 @@ var Select = function Select(props) {
     element: dropdownRef,
     input: inputRef.current
   });
-  var inputValue = useMemo(function () {
-    if (searchValue) {
-      return searchValue;
-    }
-    return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '';
-  }, [searchValue, selectedOption]);
   useChangePositionsOnScroll({
     parentElement: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current,
     childElement: dropdownRef,
@@ -287,7 +276,7 @@ var Select = function Select(props) {
     rightIconProps: isOpen ? selectRightIconOpenedProps : selectRightIconProps,
     readonly: !searchValue && !isWithSearch,
     placeholder: placeHolder,
-    value: inputValue,
+    value: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || searchValue || '',
     isValid: isValid,
     disabled: disabled,
     helperText: outerHelperText,

package/components/Select/types.d.ts

@@ -128,7 +128,7 @@ export interface TSingleSelectPropTypes extends IFormCompProps, TSelectBaseProps
     innerHelperText?: string;
     labelAddons?: JSX.Element;
     tooltipAddons?: TTooltipProps;
-    isCreatable?: boolean;
+    isCreateOnOutsideClick?: boolean;
     renderOptions?: (props: IRenderOptionItemProps) => JSX.Element;
 }
 export type TSelectFooterPropTypes = {

package/package.json

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