dhre-component-lib 0.4.4 → 0.4.5
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/index.esm.js +1 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -9618,15 +9618,9 @@ n(css$8,{});
|
|
|
9618
9618
|
|
|
9619
9619
|
function TextArea(props) {
|
|
9620
9620
|
const { value, onChange, requiredLimit, placeholder, charText, property } = props;
|
|
9621
|
-
const [showLabelOnBorder, setShowLabelOnBorder] = React__default.useState(false);
|
|
9622
|
-
const checkFieldValue = (e) => {
|
|
9623
|
-
if (!e.target.value) {
|
|
9624
|
-
setShowLabelOnBorder(false);
|
|
9625
|
-
}
|
|
9626
|
-
};
|
|
9627
9621
|
return (React__default.createElement(React__default.Fragment, null,
|
|
9628
9622
|
React__default.createElement("div", { className: "textArea100" },
|
|
9629
|
-
React__default.createElement("textarea", { value: value, onChange: (event) => onChange(event, property), maxLength: Number(requiredLimit),
|
|
9623
|
+
React__default.createElement("textarea", { value: value, onChange: (event) => onChange(event, property), maxLength: Number(requiredLimit), className: `textArea ${value?.length === Number(requiredLimit) ? "maxLimitArea" : ""}`, placeholder: placeholder })),
|
|
9630
9624
|
React__default.createElement(Typography, { className: `characters ${value?.length === Number(requiredLimit) ? "maxLimit" : ""}`, variant: "L1", weight: "SEMI_BOLD" },
|
|
9631
9625
|
value?.length ?? 0,
|
|
9632
9626
|
"/",
|