@linzjs/lui 17.35.1 → 17.35.3

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [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)
+
+
+### Bug Fixes
+
+* adds type=button to LuiTab as we don't want this to submit form ([94ec8d4](https://github.com/linz/lui/commit/94ec8d4bbf77567cd43e7d6d073b73a7ddee3c4b))
+* fix Drawer option style ([#852](https://github.com/linz/lui/issues/852)) ([05639cb](https://github.com/linz/lui/commit/05639cb4b01e458b9e7f2907f6ab661d3beb1224))
+* makes onclick optional, rather than maybe undefined ([931cbef](https://github.com/linz/lui/commit/931cbef58378bf2986bd8c7cd84cfeaa7222d88c))
+
 ## [17.35.1](https://github.com/linz/lui/compare/v17.35.0...v17.35.1) (2023-02-15)
 
 

package/README.md

@@ -1,4 +1,4 @@
-# Lui - Linz User Interface!
+# Lui - Linz User Interface!!
 
 > It's written in CSS and a React wrapper!
 >

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/components/LuiTabs/LuiTab/LuiTab.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { MouseEvent } from 'react';
 interface LuiTabProps {
-    onClick: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (e: MouseEvent) => void | (() => void);
     active: boolean;
     id: string;
     ariaControls: string;

package/dist/index.js

@@ -15434,7 +15434,7 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    return (React__default["default"].createElement("button", { className: clsx$1('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
+    return (React__default["default"].createElement("button", { className: clsx$1('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", type: "button", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
 };
 
 // import './LuiTabsGroup.scss';
@@ -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;
@@ -40328,7 +40328,7 @@ var LuiHeaderV2 = function (_a) {
             React__default["default"].createElement("div", { className: "LuiHeaderV2-col" }, children))));
 };
 var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
-    var icon = _a.icon, _b = _a.iconColor, iconColor = _b === void 0 ? '#ffffff' : _b, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'menu-item' : _c, children = _a.children;
+    var icon = _a.icon, _b = _a.iconColor, iconColor = _b === void 0 ? '#E2F3F7' : _b, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'menu-item' : _c, children = _a.children;
     var menuItemClasses = clsx$1('LuiHeaderV2-menu-item', hide && buildHideClassDict(hide));
     var resolvedIcon = !icon && !label ? 'ic_menu' : icon;
     return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
@@ -40457,7 +40457,7 @@ var LuiDrawerMenuOptionV2 = function (_a) {
         React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
             typeof icon === 'string' ? (React__default["default"].createElement(LuiIcon, { size: iconSize, name: icon, alt: '', color: iconColor, "data-testid": 'drawer-option-icon' })) : (icon),
             label),
-        badge));
+        badge && (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-badge" }, badge))));
 };
 var LuiDrawerMenuV2 = function (_a) {
     var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);