@monolith-forensics/monolith-ui 1.1.40 → 1.1.42

package/dist/TextAreaInput/TextAreaInput.d.ts

@@ -20,5 +20,5 @@ interface TextAreaInputProps {
     cacheMeasurements?: boolean;
     style?: any;
 }
-declare const TextAreaInput: ({ defaultValue, value, onChange, label, error, required, colSpan, size, description, inputRef, maxRows, minRows, onHeightChange, onKeyUp, cacheMeasurements, style, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextAreaInput: ({ defaultValue, value, placeholder, onChange, label, error, required, colSpan, size, description, inputRef, maxRows, minRows, onHeightChange, onKeyUp, cacheMeasurements, style, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextAreaInput;

package/dist/TextAreaInput/TextAreaInput.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TextArea, FieldLabel } from "..";
-const TextAreaInput = ({ defaultValue, value, onChange, label, error, required, colSpan = 1, size = "sm", description, inputRef = null, maxRows = 6, minRows = 3, onHeightChange, onKeyUp, cacheMeasurements, style, }) => {
+const TextAreaInput = ({ defaultValue, value, placeholder, onChange, label, error, required, colSpan = 1, size = "sm", description, inputRef = null, maxRows = 6, minRows = 3, onHeightChange, onKeyUp, cacheMeasurements, style, }) => {
     return (_jsxs("div", { style: {
             gridColumn: `span ${colSpan}`,
             height: "fit-content",
-        }, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(TextArea, { defaultValue: defaultValue, value: value, placeholder: "", onChange: onChange, onKeyUp: onKeyUp, ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
+        }, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(TextArea, { defaultValue: defaultValue, value: value, placeholder: placeholder, onChange: onChange, onKeyUp: onKeyUp, ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
 };
 export default TextAreaInput;

package/dist/TextInput/TextInput.d.ts

@@ -9,5 +9,7 @@ interface TextInputProps extends InputProps {
     colSpan?: number;
     description?: string;
 }
-declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TextInputProps, never>> & string & Omit<({ className, label, error, required, colSpan, description, size, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
 export default TextInput;

package/dist/TextInput/TextInput.js

@@ -13,10 +13,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { FieldLabel } from "..";
 import Input from "../Input/Input";
-const TextInput = styled((_a) => {
+import { forwardRef } from "react";
+const TextInput = styled(forwardRef((_a, ref) => {
     var { className, label, error, required, colSpan = 1, description, size = "sm" } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size"]);
-    return (_jsxs("div", { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ size: size }, rest))] }));
-}) `
+    return (_jsxs("div", { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ ref: ref, size: size }, rest))] }));
+})) `
   grid-column: span ${({ colSpan }) => colSpan || 1};
   display: flex;
   flex-direction: column;

package/package.json

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