@agility/plenum-ui 1.3.11 → 1.3.12
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.
|
@@ -25,6 +25,7 @@ export interface TextareaProps {
|
|
|
25
25
|
onChange?(value: string): void;
|
|
26
26
|
/** Number of rows */
|
|
27
27
|
rows?: number;
|
|
28
|
+
placeholder?: string;
|
|
28
29
|
}
|
|
29
30
|
declare const _Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
30
31
|
export { _Textarea as Textarea };
|
package/lib/index.esm.js
CHANGED
|
@@ -12704,7 +12704,7 @@ var Radio = function (_a) {
|
|
|
12704
12704
|
};
|
|
12705
12705
|
|
|
12706
12706
|
var Textarea = function (_a, ref) {
|
|
12707
|
-
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;
|
|
12707
|
+
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;
|
|
12708
12708
|
var uniqueID = useId();
|
|
12709
12709
|
var _d = useState(externalValue || defaultValue || ""), value = _d[0], setValue = _d[1];
|
|
12710
12710
|
var handleOnchange = function (e) {
|
|
@@ -12719,7 +12719,7 @@ var Textarea = function (_a, ref) {
|
|
|
12719
12719
|
return (React__default.createElement("div", { className: cn({ "opacity-50": isDisabled }) },
|
|
12720
12720
|
label && (React__default.createElement(InputLabel, { isPlaceholder: true, isActive: true, label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
|
|
12721
12721
|
React__default.createElement("div", null,
|
|
12722
|
-
React__default.createElement("textarea", { ref: ref, maxLength: maxLength, onChange: handleOnchange, rows: rows, name: name, id: id, className: className, defaultValue: defaultValue, value: value })),
|
|
12722
|
+
React__default.createElement("textarea", { ref: ref, maxLength: maxLength, onChange: handleOnchange, rows: rows, name: name, id: id, className: className, defaultValue: defaultValue, value: value, placeholder: placeholder })),
|
|
12723
12723
|
React__default.createElement("div", { className: "flex flex-row space-x-3" },
|
|
12724
12724
|
React__default.createElement("div", { className: "grow" }, message && (React__default.createElement("span", { className: discriptionStyles }, message))),
|
|
12725
12725
|
isShowCounter && (React__default.createElement("div", { className: "shrink-0" },
|
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;
|
|
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;
|
|
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) {
|
|
@@ -12745,7 +12745,7 @@ var Textarea = function (_a, ref) {
|
|
|
12745
12745
|
return (React__default["default"].createElement("div", { className: cn({ "opacity-50": isDisabled }) },
|
|
12746
12746
|
label && (React__default["default"].createElement(InputLabel, { isPlaceholder: true, isActive: true, label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
|
|
12747
12747
|
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: className, defaultValue: defaultValue, value: value })),
|
|
12748
|
+
React__default["default"].createElement("textarea", { ref: ref, maxLength: maxLength, onChange: handleOnchange, rows: rows, name: name, id: id, className: className, defaultValue: defaultValue, value: value, placeholder: placeholder })),
|
|
12749
12749
|
React__default["default"].createElement("div", { className: "flex flex-row space-x-3" },
|
|
12750
12750
|
React__default["default"].createElement("div", { className: "grow" }, message && (React__default["default"].createElement("span", { className: discriptionStyles }, message))),
|
|
12751
12751
|
isShowCounter && (React__default["default"].createElement("div", { className: "shrink-0" },
|