@sebgroup/green-react 1.3.1 → 1.4.0

package/index.js

@@ -2092,7 +2092,8 @@ const IconButton = _a => {
 const ButtonGroup = ({
   children,
   selectedIndex,
-  variant
+  variant,
+  id
 }) => {
   const [selected, setSelected] = useState(selectedIndex);
   const [buttons, setButtons] = useState([]);
@@ -2112,9 +2113,12 @@ const ButtonGroup = ({
     });
     setButtons(buttonProps);
   }, [children, selected, variant]);
-  return jsx(Group, {
+  return jsx(Group, Object.assign({
+    "data-label": "button-group",
+    id: id
+  }, {
     children: buttons.map(props => jsx(Button, Object.assign({}, props), props.key))
-  });
+  }));
 };
 
 /* eslint-disable-next-line */
@@ -2298,6 +2302,7 @@ const FormItems = ({
 };
 
 function Group({
+  id,
   children,
   error,
   groupBorder = false
@@ -2305,7 +2310,8 @@ function Group({
   const groupClassName = `group ${groupBorder ? 'group-border' : ''} ${error ? 'is-invalid' : ''}`;
   const errorMessage = error ? error.message || error : '';
   return jsxs("div", Object.assign({
-    className: "form-group"
+    className: "form-group",
+    id: id
   }, {
     children: [jsx("div", Object.assign({
       className: groupClassName

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.6.0",
-    "@sebgroup/extract": "^1.3.0",
+    "@sebgroup/chlorophyll": "^1.7.0",
+    "@sebgroup/extract": "^1.3.1",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

package/src/lib/form/buttonGroup/buttonGroup.d.ts

@@ -5,6 +5,7 @@ interface ButtonGroupProps {
     children: ReactElement<ButtonProps> | ReactElement<ButtonProps>[];
     selectedIndex?: number;
     variant?: ButtonVariant;
+    id?: string;
 }
-export declare const ButtonGroup: ({ children, selectedIndex, variant, }: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: ({ children, selectedIndex, variant, id, }: ButtonGroupProps) => JSX.Element;
 export default ButtonGroup;

package/src/lib/form/group/group.d.ts

@@ -4,6 +4,7 @@ export interface GroupProps {
     error?: Error | string;
     groupBorder?: boolean;
     invalid?: boolean;
+    id?: string;
 }
-export declare function Group({ children, error, groupBorder }: GroupProps): JSX.Element;
+export declare function Group({ id, children, error, groupBorder, }: GroupProps): JSX.Element;
 export default Group;