@megha-ui/react 1.2.201 → 1.2.203

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/dist/components/grid/utils/gridRow.js

@@ -47,7 +47,7 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
         }
         setDraggableIndex(_dragIndex);
     }, [columns]);
-    return isExpandable &&
+    return isExpandable && item.id.value &&
         expandedRow === item.id.value &&
         item.expandedDetails ? (_jsxs("div", { children: [_jsxs("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0
                         ? "var(--row-bg)"
@@ -109,7 +109,7 @@ const GridRow = ({ item, rowStyle, cellStyle, rowHeight, bulkSelect, selectedRow
                                         }, children: isUrl(cellUrl) ? (_jsx("a", { href: cellUrl, target: "_blank", rel: "noopener noreferrer", children: cellValue })) : column.render ? (column.render(cellValue)) : (cellValue) }))] }, `${column.key}-${(_d = (_c = item.id) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : index}`));
                         }
                         return null;
-                    })] }), isExpandable &&
+                    })] }), isExpandable && item.id.value &&
                 expandedRow === item.id.value &&
                 item.expandedDetails &&
                 item.expandedDetails.html] }, String((_g = (_f = item.id) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : index))) : (_jsxs("div", { id: `${index}`, draggable: draggable, onDragStart: (e) => handleDragStart && handleDragStart(e, index), onDragOver: (e) => handleDragOver && handleDragOver(e), onDrop: (e) => handleDrop && handleDrop(e, index), className: getRowClassNames(), style: Object.assign(Object.assign({}, rowStyle), { position: "relative", display: "flex", alignItems: itemsAlign, fontSize: "inherit", minHeight: rowHeight, height: "max-content", boxSizing: "border-box", backgroundColor: alternateRowColor && (index + 1) % 2 === 0

package/package.json

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