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

package/README.md

@@ -11,6 +11,19 @@
 
 # Release Notes
 
+## 3.45.1
+
+### Changes
+
+- **SearchInput**: Добавлен класс `iconClickable`
+
+## 3.45.0
+
+### Changes
+
+- **Input**: Добавлена стандартная пропса `inputMode`
+- **SearchInput**: Добавлена пропса `onSearchIconClick`
+
 ## 3.44.1
 
 ### Changes

package/dist/components/Input/types.d.ts

@@ -1,4 +1,4 @@
 import { InputHTMLAttributes } from 'react';
 import { Props as ReactInputMaskBaseProps } from 'react-input-mask';
 export type IReactInputMaskProps = Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'>;
-export type IInputHTMLBaseProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'name' | 'tabIndex' | 'placeholder' | 'type' | 'onBlur' | 'onFocus' | 'onInput' | 'onKeyDown' | 'onPaste'>;
+export type IInputHTMLBaseProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'name' | 'tabIndex' | 'placeholder' | 'type' | 'inputMode' | 'onBlur' | 'onFocus' | 'onInput' | 'onKeyDown' | 'onPaste'>;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -2,5 +2,7 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
-export type ISearchInputProps = Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
+export interface ISearchInputProps extends ICommonProps<ISearchInputStyles>, Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> {
+    onSearchIconClick?: () => void;
+}
 export declare const SearchInput: FC<ISearchInputProps>;

package/dist/components/SearchInput/SearchInput.stories.d.ts

@@ -3,11 +3,4 @@ declare const _default: {
     component: import("react").FC<import("./SearchInput").ISearchInputProps>;
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "border" | "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "hasFloatingLabel" | "errorMessage" | "errorPosition"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<Partial<import("jss").Styles<"root" | "icon", unknown, undefined>> & Partial<{
-    tweakInput: Partial<import("jss").Styles<"bottom" | "left" | "right" | "top" | "error" | "input" | "invalid" | "root" | "middle" | "icon" | "disabled" | "loading" | "label" | "requiredLabel" | "inputWrapper" | "info" | "autosize" | "clearIcon" | "focused" | "inputContent" | "unitsWrapper" | "fakeValue" | "units" | "withFloatingLabel" | "floatingLabelWithoutPadding" | "floating" | "activeLabel" | "required" | "floatingWithoutPadding" | "activeIcon" | "border-top" | "border-bottom" | "border-left" | "border-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "controls" | "inputIcon" | "withIcons" | "withControls" | "invalidLabel" | "error-top" | "error-bottom" | "withUnits", unknown, undefined>> & Partial<{
-        tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-            tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-            tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-        }>;
-    }>;
-}>>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SearchInput").ISearchInputProps>;

package/dist/components/SearchInput/SearchInput.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "iconClickable", unknown>;
 export declare const inputStyles: IInputStyles;
 export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/true-react-common-ui-kit.js

@@ -10537,6 +10537,9 @@ var useStyles$F = createThemedStyles("SearchInput", {
     width: 20,
     zIndex: 2,
     color: colors.GREY_ACTIVE
+  },
+  iconClickable: {
+    cursor: "pointer"
   }
 });
 var inputStyles$4 = {
@@ -10646,11 +10649,12 @@ function _object_without_properties_loose$e(source, excluded) {
   return target;
 }
 var SearchInput = function(_param) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$e(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, onSearchIconClick = _param.onSearchIconClick, props = _object_without_properties$e(_param, [
     "isClearable",
     "tweakStyles",
     "testId",
-    "data"
+    "data",
+    "onSearchIconClick"
   ]);
   var classes = useStyles$F({
     theme: tweakStyles
@@ -10663,15 +10667,17 @@ var SearchInput = function(_param) {
   });
   return /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
     className: classes.root
-  }, addDataTestId(testId), addDataAttributes(data)), {
+  }, addDataAttributes$1(data, testId)), {
     children: [
-      /* @__PURE__ */ jsx("div", {
-        className: classes.icon,
+      /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
+        className: clsx(classes.icon, _define_property$P({}, classes.iconClickable, isNotEmpty(onSearchIconClick)))
+      }, addClickHandler(onSearchIconClick)), {
         children: /* @__PURE__ */ jsx(Icon, {
           type: "search"
         })
-      }),
+      })),
       /* @__PURE__ */ jsx(Input, _object_spread$N({
+        inputMode: "search",
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
         testId: getTestId(testId, "input"),