@agility/plenum-ui 1.3.12 → 1.3.13
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/lib/index.js
CHANGED
|
@@ -12730,7 +12730,7 @@ var Radio = function (_a) {
|
|
|
12730
12730
|
};
|
|
12731
12731
|
|
|
12732
12732
|
var Textarea = function (_a, ref) {
|
|
12733
|
-
var id = _a.id, name = _a.name, label = _a.label, isError = _a.isError, isRequired = _a.isRequired, isDisabled = _a.isDisabled, defaultValue = _a.defaultValue, message = _a.message, isShowCounter = _a.isShowCounter, _b = _a.maxLength, maxLength = _b === void 0 ? 500 : _b, _c = _a.rows, rows = _c === void 0 ? 4 : _c, onChange = _a.onChange, externalValue = _a.value, placeholder = _a.placeholder;
|
|
12733
|
+
var id = _a.id, name = _a.name, label = _a.label, isError = _a.isError, isRequired = _a.isRequired, isDisabled = _a.isDisabled, defaultValue = _a.defaultValue, message = _a.message, isShowCounter = _a.isShowCounter, _b = _a.maxLength, maxLength = _b === void 0 ? 500 : _b, _c = _a.rows, rows = _c === void 0 ? 4 : _c, onChange = _a.onChange, externalValue = _a.value, placeholder = _a.placeholder, className = _a.className;
|
|
12734
12734
|
var uniqueID = useId();
|
|
12735
12735
|
var _d = React.useState(externalValue || defaultValue || ""), value = _d[0], setValue = _d[1];
|
|
12736
12736
|
var handleOnchange = function (e) {
|
|
@@ -12738,14 +12738,15 @@ var Textarea = function (_a, ref) {
|
|
|
12738
12738
|
typeof onChange === "function" && onChange(targetValue);
|
|
12739
12739
|
setValue(targetValue);
|
|
12740
12740
|
};
|
|
12741
|
-
var className = cn("focus:ring-purple-500 focus:border-purple-500 block w-full sm:text-sm rounded", { "border-gray-300 ": !isError }, { "focus:ring-red-500 border-red-500 outline-red-500": isError });
|
|
12742
12741
|
var discriptionStyles = cn("text-sm mt-1 block", { "text-gray-500": !isError }, { "text-red-500": isError });
|
|
12743
12742
|
if (!id)
|
|
12744
12743
|
id = "ta-".concat(uniqueID);
|
|
12745
12744
|
return (React__default["default"].createElement("div", { className: cn({ "opacity-50": isDisabled }) },
|
|
12746
12745
|
label && (React__default["default"].createElement(InputLabel, { isPlaceholder: true, isActive: true, label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
|
|
12747
12746
|
React__default["default"].createElement("div", null,
|
|
12748
|
-
React__default["default"].createElement("textarea", { ref: ref, maxLength: maxLength, onChange: handleOnchange, rows: rows, name: name, id: id, className:
|
|
12747
|
+
React__default["default"].createElement("textarea", { ref: ref, maxLength: maxLength, onChange: handleOnchange, rows: rows, name: name, id: id, className: cn("block w-full rounded focus:border-purple-500 focus:ring-purple-500 sm:text-sm", { "border-gray-300 ": !isError }, {
|
|
12748
|
+
"border-red-500 outline-red-500 focus:ring-red-500": isError
|
|
12749
|
+
}, className), defaultValue: defaultValue, value: value, placeholder: placeholder })),
|
|
12749
12750
|
React__default["default"].createElement("div", { className: "flex flex-row space-x-3" },
|
|
12750
12751
|
React__default["default"].createElement("div", { className: "grow" }, message && (React__default["default"].createElement("span", { className: discriptionStyles }, message))),
|
|
12751
12752
|
isShowCounter && (React__default["default"].createElement("div", { className: "shrink-0" },
|