hplx-react-elements-dev 1.0.61 → 1.0.63

package/dist/esm/buttonGroups/ButtonGroups.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ButtonGroupsProps } from "../types";
-declare const ButtonGroups: ({ options, disabled, value, onChange, ...ButtonGroupsProps }: ButtonGroupsProps) => JSX.Element;
+declare const ButtonGroups: ({ options, disabled, value, onChange, className, style, ...ButtonGroupsProps }: ButtonGroupsProps) => JSX.Element;
 export default ButtonGroups;

package/dist/esm/index.js

@@ -2893,11 +2893,14 @@ var ButtonGroups = function ButtonGroups(_a) {
       disabled = _b === void 0 ? false : _b,
       value = _a.value,
       onChange = _a.onChange,
-      ButtonGroupsProps = __rest(_a, ["options", "disabled", "value", "onChange"]);
+      _c = _a.className,
+      className = _c === void 0 ? '' : _c,
+      style = _a.style,
+      ButtonGroupsProps = __rest(_a, ["options", "disabled", "value", "onChange", "className", "style"]);
 
-  var _c = useState(-1),
-      hovered = _c[0],
-      setHovered = _c[1]; // const touch = touched && touched[name];
+  var _d = useState(-1),
+      hovered = _d[0],
+      setHovered = _d[1]; // const touch = touched && touched[name];
   // const error = errors && errors[name];
   // const errorMsg = touch && error ? error : undefined;
 
@@ -2919,7 +2922,8 @@ var ButtonGroups = function ButtonGroups(_a) {
   };
 
   return jsxRuntime.exports.jsx("div", __assign({
-    className: "hplxt-border-1 hplxt-border-Gray-300 hplxt-rounded-lg hplxt-flex hplxt-overflow-hidden"
+    className: "hplxt-border-1 hplxt-border-Gray-300 hplxt-rounded-lg hplxt-flex hplxt-overflow-hidden ".concat(className),
+    style: style
   }, {
     children: !!options && options.constructor === Array && options.map(function (option, index) {
       var _a = option || {},
@@ -17374,9 +17378,9 @@ var DoubleInput = function DoubleInput(_a) {
       active = _0[0],
       setActive = _0[1];
 
-  var _1 = useState(false),
-      suffixActive = _1[0],
-      setSuffixActive = _1[1];
+  var _1 = useState(false);
+      _1[0];
+      var setSuffixActive = _1[1];
 
   var handleFocus = function handleFocus(event) {
     setActive(true);
@@ -17398,7 +17402,7 @@ var DoubleInput = function DoubleInput(_a) {
     }
 
     if (suffixWrapperRef.current && !suffixWrapperRef.current.contains(e.target)) {
-      !suffixActive && suffixValueChanged && onlySuffixDropdownItemsAllowed && setSuffixValue("");
+      suffixValueChanged && onlySuffixDropdownItemsAllowed && setSuffixValue("");
       setShowSuffixDropdown(false);
     }
   };

package/dist/esm/types.d.ts

@@ -184,6 +184,8 @@ export interface ButtonGroupsProps {
     onChange?: (value: string) => void;
     options: Array<ButtonGroupOptionType>;
     disabled: boolean;
+    className?: string;
+    style?: {};
 }
 type tooltipPosition = "Top" | "Top end" | "Top start" | "Bottom" | "Left" | "Right";
 type toolTipTheme = "dark" | "light";

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.61",
+  "version": "1.0.63",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",