@true-engineering/true-react-common-ui-kit 4.0.0-alpha12 → 4.0.0-alpha14
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/dist/components/TextArea/TextArea.styles.d.ts +1 -2
- package/dist/true-react-common-ui-kit.js +10 -23
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +10 -23
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/ControlWrapper/ControlWrapper.styles.ts +1 -1
- package/src/components/NumberInput/NumberInput.stories.tsx +5 -1
- package/src/components/SearchInput/SearchInput.tsx +1 -5
- package/src/components/TextArea/TextArea.styles.ts +2 -6
- package/src/components/TextArea/TextArea.tsx +6 -4
|
@@ -9918,7 +9918,7 @@
|
|
|
9918
9918
|
position: "absolute",
|
|
9919
9919
|
pointerEvents: "none",
|
|
9920
9920
|
left: "var(--control-padding)",
|
|
9921
|
-
top: "
|
|
9921
|
+
top: "calc(var(--control-height) / 2)",
|
|
9922
9922
|
transformOrigin: "top left",
|
|
9923
9923
|
transform: "translateY(-50%)",
|
|
9924
9924
|
transition: animations.defaultTransition,
|
|
@@ -10988,15 +10988,9 @@
|
|
|
10988
10988
|
return target;
|
|
10989
10989
|
}
|
|
10990
10990
|
var SearchInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
10991
|
-
var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable,
|
|
10992
|
-
_param.data;
|
|
10993
|
-
var props = _object_without_properties$f(_param, [
|
|
10991
|
+
var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, props = _object_without_properties$f(_param, [
|
|
10994
10992
|
"isClearable",
|
|
10995
|
-
"
|
|
10996
|
-
"value",
|
|
10997
|
-
"testId",
|
|
10998
|
-
"tweakStyles",
|
|
10999
|
-
"data"
|
|
10993
|
+
"tweakStyles"
|
|
11000
10994
|
]);
|
|
11001
10995
|
var tweakInputStyles = useTweakStyles({
|
|
11002
10996
|
innerStyles: inputStyles$4,
|
|
@@ -11006,11 +11000,8 @@
|
|
|
11006
11000
|
});
|
|
11007
11001
|
return /* @__PURE__ */ jsx(Input, _object_spread$N({
|
|
11008
11002
|
ref,
|
|
11009
|
-
value,
|
|
11010
|
-
placeholder,
|
|
11011
11003
|
icon: "search",
|
|
11012
11004
|
isClearable,
|
|
11013
|
-
testId: trueReactPlatformHelpers.getTestId(testId, "input"),
|
|
11014
11005
|
tweakStyles: tweakInputStyles
|
|
11015
11006
|
}, props));
|
|
11016
11007
|
});
|
|
@@ -31259,13 +31250,9 @@
|
|
|
31259
31250
|
},
|
|
31260
31251
|
symbolsCountError: {
|
|
31261
31252
|
color: "red"
|
|
31262
|
-
}
|
|
31253
|
+
},
|
|
31254
|
+
withLabel: {}
|
|
31263
31255
|
});
|
|
31264
|
-
var controlWrapperStyles = {
|
|
31265
|
-
label: {
|
|
31266
|
-
top: 16
|
|
31267
|
-
}
|
|
31268
|
-
};
|
|
31269
31256
|
function _array_like_to_array(arr, len) {
|
|
31270
31257
|
if (len == null || len > arr.length)
|
|
31271
31258
|
len = arr.length;
|
|
@@ -31448,7 +31435,6 @@
|
|
|
31448
31435
|
currentComponentName: "TextArea"
|
|
31449
31436
|
});
|
|
31450
31437
|
var tweakControlWrapperStyles = useTweakStyles({
|
|
31451
|
-
innerStyles: controlWrapperStyles,
|
|
31452
31438
|
tweakStyles,
|
|
31453
31439
|
className: "tweakControlWrapper",
|
|
31454
31440
|
currentComponentName: "TextArea"
|
|
@@ -31469,6 +31455,7 @@
|
|
|
31469
31455
|
setFocused(false);
|
|
31470
31456
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
31471
31457
|
};
|
|
31458
|
+
var _obj2;
|
|
31472
31459
|
return /* @__PURE__ */ jsxs(WithMessages, {
|
|
31473
31460
|
errorMessage,
|
|
31474
31461
|
infoMessage,
|
|
@@ -31486,10 +31473,10 @@
|
|
|
31486
31473
|
size,
|
|
31487
31474
|
isFullWidth: true,
|
|
31488
31475
|
children: /* @__PURE__ */ jsx("div", _object_spread_props$5(_object_spread$5({
|
|
31489
|
-
className: clsx(classes.wrapper, _define_property$5(
|
|
31490
|
-
}, isAutoSized &&
|
|
31491
|
-
value
|
|
31492
|
-
})
|
|
31476
|
+
className: clsx(classes.wrapper, (_obj2 = {}, _define_property$5(_obj2, classes.autoSized, isAutoSized), _define_property$5(_obj2, classes.withLabel, hasLabel), _obj2))
|
|
31477
|
+
}, isAutoSized && {
|
|
31478
|
+
"data-value": value
|
|
31479
|
+
}), {
|
|
31493
31480
|
children: /* @__PURE__ */ jsx("textarea", _object_spread$5({
|
|
31494
31481
|
ref,
|
|
31495
31482
|
className: classes.textarea,
|