@true-engineering/true-react-common-ui-kit 3.44.0 → 3.45.0
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/true-react-common-ui-kit.js +10 -7
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +10 -7
- 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.tsx +27 -18
- package/src/components/WithPopup/WithPopup.tsx +1 -1
|
@@ -8055,7 +8055,7 @@
|
|
|
8055
8055
|
children: triggerElement
|
|
8056
8056
|
})) : triggerElement,
|
|
8057
8057
|
isMounted && /* @__PURE__ */ jsx(react.FloatingPortal, {
|
|
8058
|
-
root:
|
|
8058
|
+
root: shouldRenderInBody ? document.body : refs.reference.current,
|
|
8059
8059
|
children: /* @__PURE__ */ jsx("div", _object_spread_props$R(_object_spread$_({
|
|
8060
8060
|
ref: refs.setFloating,
|
|
8061
8061
|
style: floatingStyles,
|
|
@@ -10634,11 +10634,12 @@
|
|
|
10634
10634
|
return target;
|
|
10635
10635
|
}
|
|
10636
10636
|
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, [
|
|
10637
|
+
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
10638
|
"isClearable",
|
|
10639
10639
|
"tweakStyles",
|
|
10640
10640
|
"testId",
|
|
10641
|
-
"data"
|
|
10641
|
+
"data",
|
|
10642
|
+
"onSearchIconClick"
|
|
10642
10643
|
]);
|
|
10643
10644
|
var classes = useStyles$F({
|
|
10644
10645
|
theme: tweakStyles
|
|
@@ -10651,15 +10652,17 @@
|
|
|
10651
10652
|
});
|
|
10652
10653
|
return /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
|
|
10653
10654
|
className: classes.root
|
|
10654
|
-
}, trueReactPlatformHelpers.
|
|
10655
|
+
}, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
|
|
10655
10656
|
children: [
|
|
10656
|
-
/* @__PURE__ */ jsx("div", {
|
|
10657
|
-
className: classes.icon
|
|
10657
|
+
/* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
|
|
10658
|
+
className: classes.icon
|
|
10659
|
+
}, trueReactPlatformHelpers.addClickHandler(onSearchIconClick)), {
|
|
10658
10660
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
10659
10661
|
type: "search"
|
|
10660
10662
|
})
|
|
10661
|
-
}),
|
|
10663
|
+
})),
|
|
10662
10664
|
/* @__PURE__ */ jsx(Input, _object_spread$N({
|
|
10665
|
+
inputMode: "search",
|
|
10663
10666
|
isClearable,
|
|
10664
10667
|
isActive: props.value !== "" && props.value !== void 0,
|
|
10665
10668
|
testId: trueReactPlatformHelpers.getTestId(testId, "input"),
|