@true-engineering/true-react-common-ui-kit 3.45.0 → 3.45.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.45.0",
+  "version": "3.45.1",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/SearchInput/SearchInput.styles.ts

@@ -1,5 +1,5 @@
 import { rgba } from '../../helpers';
-import { colors, ITweakStyles, createThemedStyles } from '../../theme';
+import { colors, createThemedStyles, ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 
 const LEFT_PADDING = 44;
@@ -19,6 +19,10 @@ export const useStyles = createThemedStyles('SearchInput', {
     zIndex: 2,
     color: colors.GREY_ACTIVE,
   },
+
+  iconClickable: {
+    cursor: 'pointer',
+  },
 });
 
 export const inputStyles: IInputStyles = {

package/src/components/SearchInput/SearchInput.tsx

@@ -1,8 +1,10 @@
 import { FC } from 'react';
+import clsx from 'clsx';
 import {
   addClickHandler,
   addDataAttributes,
   getTestId,
+  isNotEmpty,
 } from '@true-engineering/true-react-platform-helpers';
 import { useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
@@ -47,7 +49,10 @@ export const SearchInput: FC<ISearchInputProps> = ({
 
   return (
     <div className={classes.root} {...addDataAttributes(data, testId)}>
-      <div className={classes.icon} {...addClickHandler(onSearchIconClick)}>
+      <div
+        className={clsx(classes.icon, { [classes.iconClickable]: isNotEmpty(onSearchIconClick) })}
+        {...addClickHandler(onSearchIconClick)}
+      >
         <Icon type="search" />
       </div>
       <Input