@agility/plenum-ui 1.3.26 → 1.3.29

package/lib/index.esm.js

@@ -12507,10 +12507,10 @@ var InputCta = function (_a) {
     var handleClick = function () {
         onClickHandler && onClickHandler();
     };
-    var buttonStyle = cn('relative z-10 inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
+    var buttonStyle = cn('relative inline-flex items-center space-x-2 px-4 py-2 border border-gray-300 text-sm font-medium focus:outline-none focus:ring-1 focus:ring-purple-500 focus:border-purple-500', {
         'rounded-r text-gray-700 -ml-px': align === 'right'
     }, {
-        'rounded-l text-gray-500 -mr-px focus-within:z-10': align === 'left'
+        'rounded-l text-gray-500 -mr-px': align === 'left'
     }, {
         'cursor-default': !onClickHandler
     }, {
@@ -12576,7 +12576,7 @@ var TextInputAddon = function (_a, ref) {
         label && (React__default.createElement(InputLabel, { label: label, isRequired: isRequired, id: id, isError: isError, isDisabled: isDisabled })),
         React__default.createElement("div", { className: "flex" },
             (leadIcon || leadLabel) && (React__default.createElement(InputCta, { icon: leadIcon, ctaLabel: leadLabel, align: "left", isClear: clearCta === "left" || clearCta === "both" })),
-            React__default.createElement("div", { className: "relative flex-grow focus-within:z-20" },
+            React__default.createElement("div", { className: "relative flex-grow" },
                 inlineIcon && (React__default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                     React__default.createElement(DynamicIcons, { icon: inlineIcon, className: "h-5 w-5 text-gray-400", outline: false }))),
                 React__default.createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: ref, type: type, name: name, id: id, className: cn("w-full rounded border border-gray-300 py-2 px-3 text-sm font-normal leading-5 outline-purple-500 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 ", {
@@ -12726,6 +12726,12 @@ var Textarea = function (_a, ref) {
         setValue(targetValue);
     };
     var discriptionStyles = cn("text-sm mt-1 block", { "text-gray-500": !isError }, { "text-red-500": isError });
+    useEffect(function () {
+        //if the external value is updated by the parent component, reset the value in here...
+        if (externalValue !== undefined && externalValue !== null) {
+            setValue(externalValue);
+        }
+    }, [externalValue]);
     if (!id)
         id = "ta-".concat(uniqueID);
     return (React__default.createElement("div", { className: cn({ "opacity-50": isDisabled }) },
@@ -12733,7 +12739,7 @@ var Textarea = function (_a, ref) {
         React__default.createElement("div", null,
             React__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 }, {
                     "border-red-500 outline-red-500 focus:ring-red-500": isError
-                }, className), defaultValue: defaultValue, value: value, placeholder: placeholder })),
+                }, className), disabled: isDisabled, defaultValue: defaultValue, value: value, placeholder: placeholder })),
         React__default.createElement("div", { className: "flex flex-row space-x-3" },
             React__default.createElement("div", { className: "grow" }, message && (React__default.createElement("span", { className: discriptionStyles }, message))),
             isShowCounter && (React__default.createElement("div", { className: "shrink-0" },