@monolith-forensics/monolith-ui 1.3.61 → 1.3.62

package/dist/Input/Input.d.ts

@@ -5,9 +5,6 @@ export interface InputProps {
     size?: Size;
     variant?: Variant;
     width?: string | number | null | undefined;
-    password?: boolean;
-    clearable?: boolean;
-    onClear?: () => void;
 }
 declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/Input/Input.js

@@ -9,10 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from "styled-components";
-import { forwardRef, useState } from "react";
-import { Eye, EyeOff, X } from "lucide-react";
+import { forwardRef } from "react";
 const StyledInput = styled.input `
   font-family: ${({ theme }) => theme.typography.fontFamily};
   pointer-events: "all";
@@ -144,73 +143,8 @@ const StyledInput = styled.input `
     opacity: 0.5;
   }
 `;
-const InputContainer = styled.div `
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: ${({ width }) => {
-    if (typeof width === "undefined")
-        return "100%";
-    if (width === null)
-        return "100%";
-    if (typeof width === "string")
-        return width;
-    if (typeof width === "number")
-        return `${width}px`;
-}};
-`;
-const InputButton = styled.button `
-  position: absolute;
-  right: 8px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${(props) => props.theme.palette.text.secondary};
-  padding: 4px;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-
-  &:hover {
-    color: ${(props) => props.theme.palette.text.primary};
-    background-color: ${(props) => props.theme.palette.action.hover};
-  }
-
-  &:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px ${(props) => props.theme.palette.primary.main}40;
-  }
-
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-`;
 const Input = forwardRef((_a, ref) => {
-    var { className, password = false, clearable = false, onClear, width, value } = _a, props = __rest(_a, ["className", "password", "clearable", "onClear", "width", "value"]);
-    const [passwordVisible, setPasswordVisible] = useState(false);
-    const hasButton = password || (clearable && value);
-    const handlePasswordToggle = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setPasswordVisible((prev) => !prev);
-    };
-    const handleClear = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onClear === null || onClear === void 0 ? void 0 : onClear();
-    };
-    return (_jsxs(InputContainer, { className: className, width: width, children: [_jsx(StyledInput, Object.assign({ ref: ref, value: value, width: width, type: password && !passwordVisible ? "password" : "text", style: {
-                    paddingRight: hasButton ? "36px" : undefined,
-                } }, props)), password ? (_jsx(InputButton, { onClick: handlePasswordToggle, onMouseDown: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }, type: "button", children: passwordVisible ? _jsx(Eye, {}) : _jsx(EyeOff, {}) })) : clearable && value ? (_jsx(InputButton, { onClick: handleClear, onMouseDown: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }, type: "button", children: _jsx(X, {}) })) : null] }));
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return _jsx(StyledInput, Object.assign({ ref: ref, className: className }, props));
 });
-Input.displayName = "Input";
 export default Input;

package/dist/TextInput/TextInput.d.ts

@@ -10,5 +10,9 @@ export type TextInputProps = InputProps & {
     description?: string;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     style?: React.CSSProperties;
+    password?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
 };
 export declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/TextInput/TextInput.js

@@ -13,11 +13,78 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { FieldLabel } from "..";
 import Input from "../Input/Input";
-import { forwardRef } from "react";
+import { forwardRef, useState } from "react";
+import { Eye, EyeOff, X } from "lucide-react";
 const StyledContainer = styled.div `
   grid-column: span ${({ colSpan }) => colSpan || 1};
 `;
+const InputContainer = styled.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: ${({ width }) => {
+    if (typeof width === "undefined")
+        return "100%";
+    if (width === null)
+        return "100%";
+    if (typeof width === "string")
+        return width;
+    if (typeof width === "number")
+        return `${width}px`;
+}};
+`;
+const InputButton = styled.button `
+  position: absolute;
+  right: 8px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${(props) => props.theme.palette.text.secondary};
+  padding: 4px;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    color: ${(props) => props.theme.palette.text.primary};
+    background-color: ${(props) => props.theme.palette.action.hover};
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px ${(props) => props.theme.palette.primary.main}40;
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
 export const TextInput = forwardRef((_a, ref) => {
-    var { className, label, error, required, colSpan = 1, description, size = "sm", inputProps } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size", "inputProps"]);
-    return (_jsxs(StyledContainer, { className: className, colSpan: colSpan, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ ref: ref, size: size }, inputProps, rest))] }));
+    var { className, label, error, required, colSpan = 1, description, size = "sm", inputProps, password = false, clearable = false, onClear, type, style, value } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size", "inputProps", "password", "clearable", "onClear", "type", "style", "value"]);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const handlePasswordToggle = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setPasswordVisible((prev) => !prev);
+    };
+    const handleClear = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+    };
+    // Enhanced features: password or clearable functionality
+    const inputType = password && !passwordVisible ? "password" : type || "text";
+    const inputStyle = Object.assign(Object.assign({}, style), (password || (clearable && value) ? { paddingRight: "36px" } : {}));
+    return (_jsxs(StyledContainer, { className: className, colSpan: colSpan, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(InputContainer, { children: [_jsx(Input, Object.assign({ ref: ref, value: value, size: size, type: inputType, style: inputStyle }, inputProps, rest)), password ? (_jsx(InputButton, { onClick: handlePasswordToggle, onMouseDown: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }, type: "button", children: passwordVisible ? _jsx(Eye, {}) : _jsx(EyeOff, {}) })) : clearable && value ? (_jsx(InputButton, { onClick: handleClear, onMouseDown: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }, type: "button", children: _jsx(X, {}) })) : null] })] }));
 });
+TextInput.displayName = "TextInput";
+export default TextInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.61",
+  "version": "1.3.62",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",