@commercetools-uikit/selectable-search-input 16.1.0 → 16.1.1

package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js

@@ -121,14 +121,11 @@ const createSelectableSelectStyles = _ref => {
     isDisabled = _ref.isDisabled,
     isReadOnly = _ref.isReadOnly,
     menuPortalZIndex = _ref.menuPortalZIndex,
-    isNewTheme = _ref.isNewTheme,
-    dropdownHasFocus = _ref.dropdownHasFocus,
-    textInputHasFocus = _ref.textInputHasFocus;
+    dropdownHasFocus = _ref.dropdownHasFocus;
   const selectStyles = selectUtils.createSelectStyles({
     hasWarning,
     hasError,
     menuPortalZIndex,
-    isNewTheme,
     isDisabled,
     isReadOnly
   });
@@ -144,9 +141,6 @@ const createSelectableSelectStyles = _ref => {
         if (isReadOnly) return "".concat(designSystem.designTokens.borderColorForInputWhenReadonly, " !important");
         if (hasError) return designSystem.designTokens.borderColorForInputWhenError;
         if (hasWarning) return designSystem.designTokens.borderColorForInputWhenWarning;
-        if (textInputHasFocus && !isNewTheme) {
-          return designSystem.designTokens.borderColorForInputWhenFocused;
-        }
         if (dropdownHasFocus) {
           return designSystem.designTokens.borderColorForInputWhenFocused;
         }
@@ -200,17 +194,13 @@ const SingleValue = _ref => {
 SingleValue.propTypes = {};
 const SelectableSelect = props => {
   const intl = reactIntl.useIntl();
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
   const dropdownStyles = createSelectableSelectStyles({
     hasWarning: props.hasWarning,
     hasError: props.hasError,
     isDisabled: props.isDisabled,
     isReadOnly: props.isReadOnly,
     menuPortalZIndex: props.menuPortalZIndex,
-    isNewTheme,
-    dropdownHasFocus: props.dropdownHasFocus,
-    textInputHasFocus: props.textInputHasFocus
+    dropdownHasFocus: props.dropdownHasFocus
   });
   const onChange = props.onChange,
     name = props.name,
@@ -288,20 +278,14 @@ const SelectableSearchInput = props => {
   var _context;
   const _useToggleState = hooks.useToggleState(false),
     _useToggleState2 = _slicedToArray(_useToggleState, 2),
-    textInputHasFocus = _useToggleState2[0],
-    toggleTextInputHasFocus = _useToggleState2[1];
-  const _useToggleState3 = hooks.useToggleState(false),
-    _useToggleState4 = _slicedToArray(_useToggleState3, 2),
-    dropdownHasFocus = _useToggleState4[0],
-    toggleDropdownHasFocus = _useToggleState4[1];
+    dropdownHasFocus = _useToggleState2[0],
+    toggleDropdownHasFocus = _useToggleState2[1];
   const _useState = react$1.useState(props.value.text || ''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
   const containerRef = react$1.useRef(null);
   const textInputRef = react$1.useRef(null);
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
   const optionsWithoutGroups = _flatMapInstanceProperty__default["default"](_context = props.options).call(_context, option => {
     if (isOptionObject(option)) {
       return option.options;
@@ -328,8 +312,7 @@ const SelectableSearchInput = props => {
         }
       });
     }
-    toggleTextInputHasFocus(true);
-  }, [toggleTextInputHasFocus, onFocus, selectablSearchInputId, name]);
+  }, [onFocus, selectablSearchInputId, name]);
   const handleTextInputBlur = react$1.useCallback(() => {
     if (onBlur) {
       onBlur({
@@ -339,8 +322,7 @@ const SelectableSearchInput = props => {
         }
       });
     }
-    toggleTextInputHasFocus(false);
-  }, [toggleTextInputHasFocus, onBlur, selectablSearchInputId, name]);
+  }, [onBlur, selectablSearchInputId, name]);
   const handleClear = () => {
     setSearchValue('');
     if (props.onReset) {
@@ -423,16 +405,14 @@ const SelectableSearchInput = props => {
         children: jsxRuntime.jsx(SelectableSelect$1, _objectSpread(_objectSpread({}, props), {}, {
           id: SelectableSearchInput.getDropdownId(selectablSearchInputId),
           name: getDropdownName(props.name),
-          textInputHasFocus: textInputHasFocus,
           dropdownHasFocus: dropdownHasFocus,
           handleDropdownFocus: handleDropdownFocus,
           handleDropdownBlur: handleDropdownBlur,
-          isNewTheme: isNewTheme,
           textInputRef: textInputRef,
           selectedOption: selectedOption
         }))
       }), jsxRuntime.jsxs("div", {
-        css: [getSelectableSearchInputContainerStyles(props), dropdownHasFocus && isNewTheme && !props.isReadOnly && /*#__PURE__*/react.css("border-left-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";&:hover{border-left-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}" + ("" ), "" ), "" , "" ],
+        css: [getSelectableSearchInputContainerStyles(props), dropdownHasFocus && !props.isReadOnly && /*#__PURE__*/react.css("border-left-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";&:hover{border-left-color:", designSystem.designTokens.borderColorForInputWhenFocused, ";}" + ("" ), "" ), "" , "" ],
         children: [jsxRuntime.jsx("input", _objectSpread(_objectSpread({
           ref: textInputRef,
           id: SelectableSearchInput.getTextInputId(selectablSearchInputId),
@@ -489,7 +469,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
 var SelectableSearchInput$1 = SelectableSearchInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.1.0";
+var version = "16.1.1";
 
 exports["default"] = SelectableSearchInput$1;
 exports.version = version;