@linzjs/lui 23.6.0 → 23.6.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [23.6.2](https://github.com/linz/lui/compare/v23.6.1...v23.6.2) (2025-07-09)
+
+
+### Bug Fixes
+
+* remove console log ([#1237](https://github.com/linz/lui/issues/1237)) ([80e2282](https://github.com/linz/lui/commit/80e2282e03bc1fe474b7582fb8ed69318e9894c5))
+
+## [23.6.1](https://github.com/linz/lui/compare/v23.6.0...v23.6.1) (2025-07-07)
+
+
+### Bug Fixes
+
+* missed export ([#1236](https://github.com/linz/lui/issues/1236)) ([5cb08c0](https://github.com/linz/lui/commit/5cb08c048f85a5a994cf0029dbeb6e8fec3cf90d))
+
 # [23.6.0](https://github.com/linz/lui/compare/v23.5.0...v23.6.0) (2025-07-07)
 
 

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { LuiCheckboxInput } from './components/LuiFormElements/LuiCheckboxInput/
 export { LuiFileInputBox } from './components/LuiFormElements/LuiFileInputBox/LuiFileInputBox';
 export { LuiSelectInput } from './components/LuiFormElements/LuiSelectInput/LuiSelectInput';
 export { LuiTextAreaInput } from './components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput';
+export { LuiAutoExpandTextAreaInput } from './components/LuiFormElements/LuiTextAreaInput/LuiAutoExpandTextAreaInput';
 export { LuiTextInput } from './components/LuiFormElements/LuiTextInput/LuiTextInput';
 export { LuiDateInput } from './components/LuiFormElements/LuiDateInput/LuiDateInput';
 export { LuiMoneyInput } from './components/LuiFormElements/LuiMoneyInput/LuiMoneyInput';

package/dist/index.js

@@ -7202,7 +7202,6 @@ var LuiTextAreaInput = React__default["default"].forwardRef(function (props, ref
     var _a, _b;
     var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
     var rows = props.rows !== undefined ? props.rows : 5;
-    console.log('🚀 ~ rows:', rows);
     return (React__default["default"].createElement("div", { className: clsx('LuiTextAreaInput', ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '', props.warning ? 'hasWarning' : '') },
         React__default["default"].createElement("label", { htmlFor: id },
             props.mandatory && (React__default["default"].createElement("span", { className: "LuiTextAreaInput-mandatory" }, "*")),
@@ -7217,6 +7216,43 @@ var LuiTextAreaInput = React__default["default"].forwardRef(function (props, ref
             props.warning))));
 });
 
+// Example taken from https://codesandbox.io/p/github/philals/auto-size-input/main?file=%2Fsrc%2FApp.tsx%3A54%2C53&import=true&workspaceId=ws_HCohVkSSrGceH2wAjz2JrW
+// Note soon this can be replaced by the new CSS class field-sizing (https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing)h
+var LuiAutoExpandTextAreaInput = function (props) {
+    var _a;
+    var handleInputChange = function (e) {
+        if (props.onChange) {
+            props.onChange(e);
+        }
+        adjustHeight(e.target);
+    };
+    var ref = React.useRef(null);
+    var adjustHeight = React.useCallback(function (element) {
+        // Reset height to auto to get proper scrollHeight
+        element.style.height = 'auto';
+        var height = "".concat(element.scrollHeight, "px");
+        // Set the height to match content
+        element.style.height = height;
+    }, []);
+    React.useEffect(function () {
+        if (ref.current) {
+            adjustHeight(ref.current);
+        }
+    }, [props.value, adjustHeight]); // Re-run when value changes
+    // Since we can't directly use refs, we'll use a custom render approach
+    // We'll handle the auto-resize via the onChange and onKeyUp events
+    var customInputProps = __assign(__assign({}, props.inputProps), { onKeyUp: function (e) {
+            var _a;
+            adjustHeight(e.currentTarget);
+            if ((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.onKeyUp) {
+                props.inputProps.onKeyUp(e);
+            }
+        }, style: __assign({ resize: 'none', overflow: 'hidden', maxHeight: '500px', 
+            // boxSizing: 'border-box',
+            minHeight: '1px' }, (_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.style) });
+    return (React__default["default"].createElement(LuiTextAreaInput, __assign({}, props, { rows: 1, onChange: handleInputChange, inputProps: customInputProps, ref: ref })));
+};
+
 var LuiDateInput = React__default["default"].forwardRef(function (_a, ref) {
     var inputProps = _a.inputProps, rest = __rest(_a, ["inputProps"]);
     var mapped = __assign({ inputProps: __assign(__assign({}, inputProps), { type: 'date' }) }, rest);
@@ -35359,6 +35395,7 @@ exports.LuiAlertModal = LuiAlertModal;
 exports.LuiAlertModalButtons = LuiAlertModalButtons;
 exports.LuiAlertModalV2 = LuiAlertModalV2;
 exports.LuiAppFooterSml = LuiAppFooterSml;
+exports.LuiAutoExpandTextAreaInput = LuiAutoExpandTextAreaInput;
 exports.LuiBadge = LuiBadge;
 exports.LuiBanner = LuiBanner;
 exports.LuiBannerContent = LuiBannerContent;