@agility/plenum-ui 1.3.39 → 1.3.41

package/lib/index.js

@@ -12433,21 +12433,19 @@ var Avatar = function (_a) {
 /** Primary UI component for user interaction */
 var InputCounter = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 0 : _b, limit = _a.limit;
-    return (React__default["default"].createElement("span", { className: "text-gray-500 text-sm mt-1 block text-center" },
-        React__default["default"].createElement("span", { className: "currentCount" },
-            current > limit ? limit : current,
-            " "),
-        "/",
-        React__default["default"].createElement("span", { className: "limitCount" },
-            " ",
-            limit)));
+    return (React__default["default"].createElement("div", { className: "mt-1 text-center text-sm text-gray-500 flex gap-1" },
+        React__default["default"].createElement("div", { className: "currentCount" }, current),
+        (limit || 0) > 0 &&
+            React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", null, "/"),
+                React__default["default"].createElement("div", { className: "limitCount" }, limit))));
 };
 
 /** default input styles */
 var defaultStyles = "border py-2 px-3 rounded text-sm leading-5 font-normal w-full border-gray-300 shadow-sm";
 /** Base input field component */
 var BaseField = function (_a, ref) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, id = _a.id, name = _a.name, type = _a.type, value = _a.value, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, _b = _a.maxLength, maxLength = _b === void 0 ? 100 : _b, placeholder = _a.placeholder, _c = _a.className, className = _c === void 0 ? defaultStyles : _c, onChange = _a.onChange, onValueChange = _a.onValueChange;
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, id = _a.id, name = _a.name, type = _a.type, value = _a.value, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, maxLength = _a.maxLength, placeholder = _a.placeholder, _b = _a.className, className = _b === void 0 ? defaultStyles : _b, onChange = _a.onChange, onValueChange = _a.onValueChange;
     var handleChange = function (e) {
         var targetValue = e.currentTarget.value;
         onChange && onChange(targetValue);
@@ -12479,11 +12477,11 @@ var useId = function () {
 };
 
 var TextInput = function (_a, ref) {
-    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, message = _a.message, isShowCounter = _a.isShowCounter, _b = _a.maxLength, maxLength = _b === void 0 ? 100 : _b, onChange = _a.onChange, externalValue = _a.value, className = _a.className;
+    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly, message = _a.message, isShowCounter = _a.isShowCounter, maxLength = _a.maxLength, onChange = _a.onChange, externalValue = _a.value, className = _a.className;
     var uniqueID = useId();
-    var _c = React.useState(Boolean(isFocused)), isFocus = _c[0], setIsFocus = _c[1];
-    var _d = React.useState(false); _d[0]; var setIsActive = _d[1];
-    var _e = React.useState(externalValue || defaultValue || ""), value = _e[0], setValue = _e[1];
+    var _b = React.useState(Boolean(isFocused)), isFocus = _b[0], setIsFocus = _b[1];
+    var _c = React.useState(false); _c[0]; var setIsActive = _c[1];
+    var _d = React.useState(externalValue || defaultValue || ""), value = _d[0], setValue = _d[1];
     var inputRef = React.useRef(null);
     React.useEffect(function () {
         //if the external value is updated by the parent component, reset the value in here...
@@ -12567,9 +12565,9 @@ var InputCta = function (_a) {
 };
 
 var TextInputAddon = function (_a, ref) {
-    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, message = _a.message, isShowCounter = _a.isShowCounter, _b = _a.maxLength, maxLength = _b === void 0 ? 100 : _b, placeholder = _a.placeholder, leadIcon = _a.leadIcon, trailIcon = _a.trailIcon, inlineIcon = _a.inlineIcon, inlineTrailingIcon = _a.inlineTrailingIcon, trailLabel = _a.trailLabel, leadLabel = _a.leadLabel, _c = _a.clearCta, clearCta = _c === void 0 ? "none" : _c, onChange = _a.onChange, onCtaClick = _a.onCtaClick, externalValue = _a.value, className = _a.className;
-    var _d = React.useState(Boolean(isFocused)), isFocus = _d[0], setIsFocus = _d[1];
-    var _e = React.useState(defaultValue || ""), value = _e[0], setValue = _e[1];
+    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, message = _a.message, isShowCounter = _a.isShowCounter, maxLength = _a.maxLength, placeholder = _a.placeholder, leadIcon = _a.leadIcon, trailIcon = _a.trailIcon, inlineIcon = _a.inlineIcon, inlineTrailingIcon = _a.inlineTrailingIcon, trailLabel = _a.trailLabel, leadLabel = _a.leadLabel, _b = _a.clearCta, clearCta = _b === void 0 ? "none" : _b, onChange = _a.onChange, onCtaClick = _a.onCtaClick, externalValue = _a.value, className = _a.className;
+    var _c = React.useState(Boolean(isFocused)), isFocus = _c[0], setIsFocus = _c[1];
+    var _d = React.useState(defaultValue || ""), value = _d[0], setValue = _d[1];
     var inputRef = React.useRef(null);
     var uniqueID = useId();
     if (!id)
@@ -12657,9 +12655,9 @@ var InputSelect = function (_a) {
 };
 
 var TextInputSelect = function (_a) {
-    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, message = _a.message, isShowCounter = _a.isShowCounter, _b = _a.maxLength, maxLength = _b === void 0 ? 100 : _b, placeholder = _a.placeholder, inputOptions = _a.inputOptions, _c = _a.selectLocation, selectLocation = _c === void 0 ? "right" : _c, prefix = _a.prefix, onChange = _a.onChange, onSelectOption = _a.onSelectOption, externalValue = _a.value;
-    var _d = React.useState(Boolean(isFocused)), isFocus = _d[0], setIsFocus = _d[1];
-    var _e = React.useState(defaultValue || ""), value = _e[0], setValue = _e[1];
+    var label = _a.label, isFocused = _a.isFocused, isError = _a.isError, id = _a.id, name = _a.name, isRequired = _a.isRequired, type = _a.type, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, message = _a.message, isShowCounter = _a.isShowCounter, maxLength = _a.maxLength, placeholder = _a.placeholder, inputOptions = _a.inputOptions, _b = _a.selectLocation, selectLocation = _b === void 0 ? "right" : _b, prefix = _a.prefix, onChange = _a.onChange, onSelectOption = _a.onSelectOption, externalValue = _a.value;
+    var _c = React.useState(Boolean(isFocused)), isFocus = _c[0], setIsFocus = _c[1];
+    var _d = React.useState(defaultValue || ""), value = _d[0], setValue = _d[1];
     var inputRef = React.useRef(null);
     var uniqueID = useId();
     if (!id)
@@ -12756,9 +12754,9 @@ var Radio = function (_a) {
 };
 
 var Textarea = function (_a, ref) {
-    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;
+    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, maxLength = _a.maxLength, _b = _a.rows, rows = _b === void 0 ? 4 : _b, onChange = _a.onChange, externalValue = _a.value, placeholder = _a.placeholder, className = _a.className;
     var uniqueID = useId();
-    var _d = React.useState(externalValue || defaultValue || ""), value = _d[0], setValue = _d[1];
+    var _c = React.useState(externalValue || defaultValue || ""), value = _c[0], setValue = _c[1];
     var handleOnchange = function (e) {
         var targetValue = e.currentTarget.value;
         typeof onChange === "function" && onChange(targetValue);