armtek-uikit-react 1.0.22 → 1.0.23

package/assets/Button.scss

@@ -262,8 +262,12 @@
     }
   }
 }
+
 .button_grouped_column{
   border-radius: 0;
+  &:not(:first-child){
+    border-top-color: transparent;
+  }
   &:first-child{
     border-top-left-radius: $radius;
     border-top-right-radius: $radius;

package/assets/ButtonGroup.scss

@@ -9,4 +9,4 @@
 }
 .button_group_column{
   flex-direction: column;
-}
+}

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.22","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.23","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/AvatarGroup/AvatarGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps } from '../Avatar/Avatar';
+import { AvatarProps } from '../../ui/Avatar/Avatar';
 export type AvatarGroupProps = {
     limit?: number;
     children: ReactNode;

package/ui/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import { ButtonProps } from '../../ui/Button';
 type PropsType = {
     orientation?: 'column' | 'inline';
-} & HTMLAttributes<HTMLDivElement>;
+} & ButtonProps;
 declare const ButtonGroup: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
 export default ButtonGroup;

package/ui/ButtonGroup/ButtonGroup.js

@@ -1,5 +1,6 @@
+import { Children, cloneElement, isValidElement } from 'react';
 import clsx from 'clsx';
-import css from "../Button/Button.module.scss";
+import css from "./ButtonGroup.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const ButtonGroupClasses = ['button_group', 'button_group_inline', 'button_group_column'];
@@ -11,13 +12,20 @@ const ButtonGroup = props => {
     orientation = 'inline',
     className,
     children,
-    ...restProps
+    ...buttonProps
   } = props;
+  let arrChildren = Children.toArray(children);
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx("div", {
-      ...restProps,
       className: clsx(css.button_group, css['button_group_' + orientation], className),
-      children: children
+      children: arrChildren.map((item, index) => {
+        return /*#__PURE__*/isValidElement(item) && /*#__PURE__*/cloneElement(item, {
+          ...item.props,
+          ...buttonProps,
+          group: orientation,
+          key: index
+        });
+      })
     })
   });
 };