@true-engineering/true-react-common-ui-kit 3.44.1 → 3.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/dist/components/Input/types.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +3 -1
- package/dist/components/SearchInput/SearchInput.stories.d.ts +1 -8
- package/dist/components/SearchInput/SearchInput.styles.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +12 -6
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +12 -6
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Input/types.ts +1 -0
- package/src/components/SearchInput/SearchInput.styles.ts +5 -1
- package/src/components/SearchInput/SearchInput.tsx +32 -18
|
@@ -10525,6 +10525,9 @@
|
|
|
10525
10525
|
width: 20,
|
|
10526
10526
|
zIndex: 2,
|
|
10527
10527
|
color: colors.GREY_ACTIVE
|
|
10528
|
+
},
|
|
10529
|
+
iconClickable: {
|
|
10530
|
+
cursor: "pointer"
|
|
10528
10531
|
}
|
|
10529
10532
|
});
|
|
10530
10533
|
var inputStyles$4 = {
|
|
@@ -10634,11 +10637,12 @@
|
|
|
10634
10637
|
return target;
|
|
10635
10638
|
}
|
|
10636
10639
|
var SearchInput = function(_param) {
|
|
10637
|
-
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, [
|
|
10640
|
+
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, [
|
|
10638
10641
|
"isClearable",
|
|
10639
10642
|
"tweakStyles",
|
|
10640
10643
|
"testId",
|
|
10641
|
-
"data"
|
|
10644
|
+
"data",
|
|
10645
|
+
"onSearchIconClick"
|
|
10642
10646
|
]);
|
|
10643
10647
|
var classes = useStyles$F({
|
|
10644
10648
|
theme: tweakStyles
|
|
@@ -10651,15 +10655,17 @@
|
|
|
10651
10655
|
});
|
|
10652
10656
|
return /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
|
|
10653
10657
|
className: classes.root
|
|
10654
|
-
}, trueReactPlatformHelpers.
|
|
10658
|
+
}, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
|
|
10655
10659
|
children: [
|
|
10656
|
-
/* @__PURE__ */ jsx("div", {
|
|
10657
|
-
className: classes.icon,
|
|
10660
|
+
/* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
|
|
10661
|
+
className: clsx(classes.icon, _define_property$P({}, classes.iconClickable, trueReactPlatformHelpers.isNotEmpty(onSearchIconClick)))
|
|
10662
|
+
}, trueReactPlatformHelpers.addClickHandler(onSearchIconClick)), {
|
|
10658
10663
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
10659
10664
|
type: "search"
|
|
10660
10665
|
})
|
|
10661
|
-
}),
|
|
10666
|
+
})),
|
|
10662
10667
|
/* @__PURE__ */ jsx(Input, _object_spread$N({
|
|
10668
|
+
inputMode: "search",
|
|
10663
10669
|
isClearable,
|
|
10664
10670
|
isActive: props.value !== "" && props.value !== void 0,
|
|
10665
10671
|
testId: trueReactPlatformHelpers.getTestId(testId, "input"),
|