@linzjs/lui 15.1.3 → 15.1.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [15.1.4](https://github.com/linz/lui/compare/v15.1.3...v15.1.4) (2022-03-04)
+
+
+### Bug Fixes
+
+* **LuiButtonGroup:** Support single child ([#561](https://github.com/linz/lui/issues/561)) ([#602](https://github.com/linz/lui/issues/602)) ([50162d3](https://github.com/linz/lui/commit/50162d38e00469a3b32879874fd79a998115bee2))
+
 ## [15.1.3](https://github.com/linz/lui/compare/v15.1.2...v15.1.3) (2022-03-03)
 
 

package/dist/components/LuiButton/LuiButton.d.ts

@@ -24,6 +24,19 @@ export declare const PlainButton: React.ForwardRefExoticComponent<Pick<PlainButt
     size: string;
 }, "type" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "level" | "size"> & React.RefAttributes<HTMLButtonElement>>;
 export declare const LuiButton: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<LuiButtonProps>, "type" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "level" | "size" | "href" | "openInNewTab"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const LuiButtonGroup: React.FC<{
-    children: any;
-}>;
+interface LuiButtonGroupProps {
+    /**
+     * LuiButton component(s) to render in series.
+     *
+     * While a single child element is technically supported, we recommend using
+     * disabled styling for unavailable operations in order to communicate
+     * possible actions. Please consult with the UX team before breaking this
+     * style guideline.
+     */
+    children: ReactNode;
+}
+/**
+ * A series of Lui buttons together.
+ */
+export declare const LuiButtonGroup: (props: LuiButtonGroupProps) => JSX.Element;
+export {};

package/dist/index.js

@@ -207,8 +207,14 @@ var LuiButton = React__default["default"].forwardRef(function (props, ref) {
     }
     return (React__default["default"].createElement(PlainButton, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, level: _level, size: size, "data-testid": props['data-testid'], style: props.style, className: props.className, buttonProps: props.buttonProps, ref: ref }, props.children));
 });
+/**
+ * A series of Lui buttons together.
+ */
 var LuiButtonGroup = function (props) {
-    return (React__default["default"].createElement("div", { className: "lui-button-group", "data-testid": 'button-group' }, props.children.map(function (child, i) {
+    var children = Array.isArray(props.children)
+        ? props.children
+        : [props.children];
+    return (React__default["default"].createElement("div", { className: "lui-button-group", "data-testid": 'button-group' }, children.map(function (child, i) {
         return (React__default["default"].createElement("div", { key: i, className: 'lui-button-wrapper' }, child));
     })));
 };