@agility/plenum-ui 1.3.22 → 1.3.23

package/lib/components/Forms/TextInput/TextInput.d.ts

@@ -8,7 +8,7 @@ export interface TextInputProps {
     /** Input Name */
     name?: string;
     /** Label for the input */
-    label: string;
+    label?: string;
     /** Force the focus state on the input */
     isFocused?: boolean;
     /** Error state */

package/lib/index.esm.js

@@ -7149,6 +7149,8 @@ function h(e=""){return e.split(" ").filter(n=>n.trim().length>1)}let N=createCo
 var InputLabel = function (_a) {
     var _b = _a.isPlaceholder, isPlaceholder = _b === void 0 ? false : _b, id = _a.id, isRequired = _a.isRequired, isDisabled = _a.isDisabled, isActive = _a.isActive, isError = _a.isError, label = _a.label;
     var labelStyles = cn('z-20', { 'inline-block font-medium transition-all text-sm text-gray-700 mb-1': !isPlaceholder }, { 'inline-block font-medium ml-2 relative transition-all': isPlaceholder }, { 'text-sm text-gray-400 px-2 top-8': isPlaceholder && !isActive }, { 'text-xs text-gray-700 px-1 top-[10px] bg-white': isPlaceholder && isActive }, { 'text-xs text-red-500 px-1 top-[10px] bg-white': isPlaceholder && isError }, { 'text-red-500 bg-white': !isPlaceholder && isError }, { 'text-gray-700/[.5]': isDisabled });
+    if (!label)
+        return null;
     return (React__default.createElement("label", { htmlFor: id, className: labelStyles },
         label,
         isRequired && React__default.createElement("span", { className: "text-red-500" }, " *")));
@@ -12481,24 +12483,21 @@ var TextInput = function (_a, ref) {
         setIsFocus(false);
         setIsActive(!(input && input.value === ""));
     };
-    var discriptionStyles = cn("text-sm mt-1 block", { "text-gray-500": !isError }, { "text-red-500": isError });
     if (!id)
         id = "input-".concat(uniqueID);
     if (!name)
         name = id;
-    console.log();
-    return (React__default.createElement("div", null,
+    return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(InputLabel, { isPlaceholder: true, label: label, isRequired: isRequired, id: id, isError: isError, isActive: true, isDisabled: isDisabled }),
-        React__default.createElement("div", null,
-            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 py-2 px-3 text-sm font-normal leading-5", { "border-gray-300": !isFocus && !isError }, {
-                    "border-purple-500 shadow-none outline-purple-500 focus:ring-purple-500": isFocus && !isError
-                }, {
-                    "!border-red-500 shadow-none focus:ring-red-500": isError
-                }, className), isDisabled: isDisabled, value: value, defaultValue: defaultValue, maxLength: maxLength }),
-            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" },
-                    React__default.createElement(InputCounter, { current: Number(value === null || value === void 0 ? void 0 : value.length), limit: maxLength })))))));
+        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 py-2 px-3 text-sm font-normal leading-5", { "border-gray-300": !isFocus && !isError }, {
+                "border-purple-500 shadow-none outline-purple-500 focus:ring-purple-500": isFocus && !isError
+            }, {
+                "!border-red-500 shadow-none focus:ring-red-500": isError
+            }, className), isDisabled: isDisabled, value: value, defaultValue: defaultValue, maxLength: maxLength }),
+        React__default.createElement("div", { className: "flex flex-row space-x-3" },
+            React__default.createElement("div", { className: "grow" }, message && (React__default.createElement("span", { className: cn("mt-1 block text-sm", isError ? "text-red-500" : "text-gray-500") }, message))),
+            isShowCounter && (React__default.createElement("div", { className: "shrink-0" },
+                React__default.createElement(InputCounter, { current: Number(value === null || value === void 0 ? void 0 : value.length), limit: maxLength }))))));
 };
 var _TextInput = forwardRef(TextInput);