@linzjs/lui 17.35.2 → 17.35.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.35.3](https://github.com/linz/lui/compare/v17.35.2...v17.35.3) (2023-02-15)
+
+
+### Bug Fixes
+
+* LuiTextInputProps now forwardsRefs ([#853](https://github.com/linz/lui/issues/853)) ([7160fdc](https://github.com/linz/lui/commit/7160fdcf16d0668f920c04bbe531ceb37e40cb3a))
+
 ## [17.35.2](https://github.com/linz/lui/compare/v17.35.1...v17.35.2) (2023-02-15)
 
 

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -1,7 +1,7 @@
-import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import React, { ChangeEventHandler } from 'react';
 export interface LuiTextInputProps {
     onChange?: ChangeEventHandler<HTMLInputElement>;
-    inputProps?: Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
+    inputProps?: Omit<JSX.IntrinsicElements['input'], 'ref'>;
     error?: string;
     warning?: string;
     hideLabel?: boolean;
@@ -20,4 +20,4 @@ export interface LuiTextInputProps {
     size?: 'sm';
 }
 export declare function useGenerateOrDefaultId(idFromProps?: string): string;
-export declare const LuiTextInput: (props: LuiTextInputProps) => JSX.Element;
+export declare const LuiTextInput: React.ForwardRefExoticComponent<LuiTextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/index.js

@@ -15662,8 +15662,8 @@ function useGenerateOrDefaultId(idFromProps) {
     var id = React$1.useState(idFromProps ? idFromProps : v4())[0];
     return id;
 }
-var BareInput = function (props) { return (React__default["default"].createElement("input", __assign$3({}, props))); };
-var LuiTextInput = function (props) {
+var BareInput = React$1.forwardRef(function (props, ref) { return React__default["default"].createElement("input", __assign$3({}, props, { ref: ref })); });
+var LuiTextInput = React$1.forwardRef(function (props, ref) {
     var _a, _b, _c;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
     var LuiInput = ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.type) === 'date' ? DateInput : BareInput;
@@ -15673,7 +15673,7 @@ var LuiTextInput = function (props) {
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
                     clsx$1(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
             React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
-                React__default["default"].createElement(LuiInput, __assign$3({ className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: ((_c = props.inputProps) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? undefined : '0', value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
+                React__default["default"].createElement(LuiInput, __assign$3({ ref: ref, className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: ((_c = props.inputProps) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? undefined : '0', value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
                 props.icon),
             props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
                 React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
@@ -15681,7 +15681,7 @@ var LuiTextInput = function (props) {
             props.warning && (React__default["default"].createElement("span", { className: "LuiTextInput-warning" },
                 React__default["default"].createElement(LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }),
                 props.warning)))));
-};
+});
 
 var LuiCheckboxInput = function (props) {
     var _a;