@megha-ui/react 1.2.201 → 1.2.202

package/dist/components/checkbox/index.d.ts

@@ -12,6 +12,7 @@ interface RadioInputProps {
     label?: string;
     value?: string;
     disabled?: boolean;
+    id?: string;
 }
 declare const Checkbox: React.FC<RadioInputProps>;
 export default Checkbox;

package/dist/components/checkbox/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
-const Checkbox = ({ onChange, disabled, wrapperClass, name, width, noLabel, label, value, labelMargin, style, indeterminate, selected = false, }) => {
+const Checkbox = ({ onChange, disabled, wrapperClass, name, width, noLabel, label, value, labelMargin, style, indeterminate, selected = false, id }) => {
     const checkboxWrapper = useRef(null);
     useEffect(() => {
         let checkbox = null;
@@ -16,10 +16,10 @@ const Checkbox = ({ onChange, disabled, wrapperClass, name, width, noLabel, labe
     }, [indeterminate]);
     return (_jsx("div", { ref: checkboxWrapper, className: wrapperClass, style: style, children: _jsxs("label", { style: {
                 width: width,
-                display: "inline-flex",
+                display: "flex",
                 alignItems: "center",
                 margin: labelMargin,
-            }, children: [_jsx("input", { type: "checkbox", id: "checkbox", name: name, value: value, checked: selected, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), _jsx("span", { style: {
+            }, children: [_jsx("input", { type: "checkbox", className: "checkbox", id: id, name: name, value: value, checked: selected, disabled: disabled, onChange: (event) => onChange(event.target.checked) }), _jsx("span", { style: {
                         marginRight: !noLabel ? "0.5rem" : "",
                         display: "flex",
                         alignItems: "center",

package/dist/components/dropdown/index.js

@@ -351,7 +351,7 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
                                         if (!option.disabled) {
                                             setHighlightIndex(index);
                                         }
-                                    }, children: [isMultiple && (_jsx("div", { style: { marginLeft: "0.5rem" }, children: _jsx(Checkbox, { selected: intermediateValues.includes(option.value), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }) })), _jsxs("div", { style: {
+                                    }, children: [isMultiple && (_jsx("div", { style: { marginRight: "0.5rem" }, children: _jsx(Checkbox, { selected: intermediateValues.includes(option.value), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }) })), _jsxs("div", { style: {
                                                 display: "flex",
                                                 alignItems: "start",
                                                 width: "100%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.201",
+  "version": "1.2.202",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",