@megha-ui/react 1.3.32 → 1.3.34

package/README.md

@@ -88,11 +88,11 @@ A flexible grid component.
 
 #### Props:
 
-| Prop      | Type                                    | Default | Description              |
-| --------- | --------------------------------------- | ------- | ------------------------ |
-| `data`    | `Array<Object>`                         | `[]`    | Array of data to display |
-| `columns` | `Array<{ key: string; label: string }>` | `[]`    | Column configuration     |
-| `rowKey`  | `string`                                | `"id"` | Field used for stable row identity |
+| Prop      | Type                                    | Default | Description                        |
+| --------- | --------------------------------------- | ------- | ---------------------------------- |
+| `data`    | `Array<Object>`                         | `[]`    | Array of data to display           |
+| `columns` | `Array<{ key: string; label: string }>` | `[]`    | Column configuration               |
+| `rowKey`  | `string`                                | `"id"`  | Field used for stable row identity |
 
 Columns also accept a `freeze` property. When set to `true`, such columns remain visible when the grid is collapsed using the collapse icon.
 

package/dist/components/IconDropDown/index.js

@@ -169,7 +169,7 @@ const IconDropdown = ({ className, ClearIcon, clearId, closeOnSelect = true, dis
         onChange([]);
     };
     const displayValue = selectedValues.length > 0
-        ? (_b = (_a = options.find((option) => option.value === selectedValues[0])) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : ""
+        ? ((_b = (_a = options.find((option) => option.value === selectedValues[0])) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "")
         : searchTerm;
     const labelStyle = {
         fontSize: labelFontSize,

package/dist/components/card/index.js

@@ -29,6 +29,11 @@ const Card = ({ header, content, footer, className, borderRadius = "0.5rem", wid
             setRemovalHeight(`${_removalHeight}px`);
         }
     }, [header, footer]);
-    return (_jsxs("div", { ref: cardRef, className: `wk-card ${className}`, style: cardStyle, children: [header && (_jsx("div", { id: "header", className: "wk-card-header", children: header })), _jsx("div", { className: "wk-card-content", style: { height: height === "max-content" ? "max-content" : `calc(100% - ${removalHeight})`, overflow: "auto" }, children: content }), footer && (_jsx("div", { id: "footer", className: "wk-card-footer", children: footer }))] }));
+    return (_jsxs("div", { ref: cardRef, className: `wk-card ${className}`, style: cardStyle, children: [header && (_jsx("div", { id: "header", className: "wk-card-header", children: header })), _jsx("div", { className: "wk-card-content", style: {
+                    height: height === "max-content"
+                        ? "max-content"
+                        : `calc(100% - ${removalHeight})`,
+                    overflow: "auto",
+                }, children: content }), footer && (_jsx("div", { id: "footer", className: "wk-card-footer", children: footer }))] }));
 };
 export default Card;

package/dist/components/chat/components/ChatDetails.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import { VscSend } from "react-icons/vsc";
 import { FaUsers } from "react-icons/fa";
-const ChatDetails = ({ selectedUser, currentUserId }) => {
+const ChatDetails = ({ selectedUser, currentUserId, }) => {
     const [messages, setMessages] = useState([]);
     const [newMessage, setNewMessage] = useState("");
     const endRef = useRef(null);
@@ -27,9 +27,14 @@ const ChatDetails = ({ selectedUser, currentUserId }) => {
         setNewMessage("");
     };
     if (!selectedUser) {
-        return _jsx("div", { className: "wk-chat-placeholder", style: { flex: 1, padding: 16 }, children: "Select a chat" });
+        return (_jsx("div", { className: "wk-chat-placeholder", style: { flex: 1, padding: 16 }, children: "Select a chat" }));
     }
-    return (_jsxs("div", { className: "wk-chat-details", style: { flex: 1, display: "flex", flexDirection: "column" }, children: [_jsxs("div", { className: "wk-chat-header", style: { display: "flex", alignItems: "center", padding: "8px", borderBottom: "1px solid var(--divider, #f5f5f5)" }, children: [_jsx("div", { className: "wk-chat-user-icon", style: {
+    return (_jsxs("div", { className: "wk-chat-details", style: { flex: 1, display: "flex", flexDirection: "column" }, children: [_jsxs("div", { className: "wk-chat-header", style: {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "8px",
+                    borderBottom: "1px solid var(--divider, #f5f5f5)",
+                }, children: [_jsx("div", { className: "wk-chat-user-icon", style: {
                             width: 32,
                             height: 32,
                             borderRadius: "50%",
@@ -47,15 +52,31 @@ const ChatDetails = ({ selectedUser, currentUserId }) => {
                             display: "flex",
                             justifyContent: m.senderId === currentUserId ? "flex-end" : "flex-start",
                         }, children: _jsx("div", { style: {
-                                background: m.senderId === currentUserId ? "var(--background)" : "var(--background)",
+                                background: m.senderId === currentUserId
+                                    ? "var(--background)"
+                                    : "var(--background)",
                                 padding: "6px 8px",
                                 borderRadius: 4,
                                 maxWidth: "70%",
-                            }, children: m.text }) }, m.id))), _jsx("div", { ref: endRef })] }), _jsxs("div", { className: "wk-chat-input", style: { display: "flex", padding: 8, borderTop: "1px solid var(--divider, #f5f5f5)" }, children: [_jsx("input", { type: "text", value: newMessage, onChange: (e) => setNewMessage(e.target.value), onKeyDown: (e) => {
+                            }, children: m.text }) }, m.id))), _jsx("div", { ref: endRef })] }), _jsxs("div", { className: "wk-chat-input", style: {
+                    display: "flex",
+                    padding: 8,
+                    borderTop: "1px solid var(--divider, #f5f5f5)",
+                }, children: [_jsx("input", { type: "text", value: newMessage, onChange: (e) => setNewMessage(e.target.value), onKeyDown: (e) => {
                             if (e.key === "Enter") {
                                 e.preventDefault();
                                 handleSend();
                             }
-                        }, style: { flex: 1, border: "1px solid var(--form-border-color, #dbdfe9)", borderRadius: 4, padding: "6px" } }), _jsx("button", { onClick: handleSend, style: { marginLeft: 8, background: "transparent", border: "none", cursor: "pointer" }, children: _jsx(VscSend, { size: 20 }) })] })] }));
+                        }, style: {
+                            flex: 1,
+                            border: "1px solid var(--form-border-color, #dbdfe9)",
+                            borderRadius: 4,
+                            padding: "6px",
+                        } }), _jsx("button", { onClick: handleSend, style: {
+                            marginLeft: 8,
+                            background: "transparent",
+                            border: "none",
+                            cursor: "pointer",
+                        }, children: _jsx(VscSend, { size: 20 }) })] })] }));
 };
 export default ChatDetails;

package/dist/components/chat/components/ChatList.js

@@ -52,7 +52,11 @@ const ChatList = ({ users, onSelectUser, selectedUserId, unreadCounts = {}, }) =
                             alignItems: "center",
                             justifyContent: "center",
                             fontSize: "0.75rem",
-                        }, children: unreadCounts[user.id] })), _jsx("div", { style: { marginLeft: 8, fontSize: "0.75rem", color: "var(--foreground)" }, children: formatTimestamp(user.latestMessageTimestamp) })] }, user.id));
+                        }, children: unreadCounts[user.id] })), _jsx("div", { style: {
+                            marginLeft: 8,
+                            fontSize: "0.75rem",
+                            color: "var(--foreground)",
+                        }, children: formatTimestamp(user.latestMessageTimestamp) })] }, user.id));
         })) : (_jsx("div", { style: { padding: 16, textAlign: "center" }, children: _jsx(Loader, { size: 24 }) })) }));
 };
 export default ChatList;

package/dist/components/chat/index.js

@@ -4,6 +4,10 @@ import ChatList from "./components/ChatList";
 import ChatDetails from "./components/ChatDetails";
 const Chat = ({ users, currentUserId }) => {
     const [selectedUser, setSelectedUser] = useState(null);
-    return (_jsxs("div", { className: "wk-chat-container", style: { display: "flex", border: "1px solid var(--form-border-color, #dbdfe9)", height: "400px" }, children: [_jsx(ChatList, { users: users, onSelectUser: setSelectedUser, selectedUserId: selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id }), _jsx(ChatDetails, { selectedUser: selectedUser, currentUserId: currentUserId })] }));
+    return (_jsxs("div", { className: "wk-chat-container", style: {
+            display: "flex",
+            border: "1px solid var(--form-border-color, #dbdfe9)",
+            height: "400px",
+        }, children: [_jsx(ChatList, { users: users, onSelectUser: setSelectedUser, selectedUserId: selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id }), _jsx(ChatDetails, { selectedUser: selectedUser, currentUserId: currentUserId })] }));
 };
 export default Chat;

package/dist/components/dropdown/index.js

@@ -362,7 +362,6 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
         }
         return text;
     };
-    console.log({ options });
     return (_jsxs("div", { style: {
             width: width !== null && width !== void 0 ? width : "max-content",
             marginBottom,
@@ -498,7 +497,7 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
                                                 display: "flex",
                                                 alignItems: "start",
                                                 width: "100%",
-                                            }, children: [option.icon && option.isDelete && !option.isDelete && (_jsx("span", { style: { margin: "0 0.5rem" }, children: option.icon })), _jsx("span", { children: option.label })] }), option.icon && option.isDelete && option.icon] }, String(option.value))))) }), onApplyChange && (_jsx("li", { style: {
+                                            }, children: [option.icon && option.isDelete && !option.isDelete ? (_jsx("span", { style: { margin: "0 0.5rem" }, children: option.icon })) : (_jsx("span", { children: "something" })), _jsx("span", { children: option.label })] }), option.icon && option.isDelete && option.icon] }, String(option.value))))) }), onApplyChange && (_jsx("li", { style: {
                                     display: "flex",
                                     alignItems: "center",
                                     justifyContent: "end",

package/dist/components/grid/hooks/useBulkSelect.js

@@ -17,7 +17,7 @@ export const useBulkSelect = ({ data, selectedRows, setSelectedRows, idKey, }) =
         setSelectedRows &&
             setSelectedRows((prevSelectedRows) => {
                 const newSelectedRows = new Set(prevSelectedRows);
-                console.log(visibleData.map(item => item === null || item === void 0 ? void 0 : item[idKey]));
+                console.log(visibleData.map((item) => item === null || item === void 0 ? void 0 : item[idKey]));
                 if (allSelected) {
                     visibleData.forEach((item) => { var _a; return newSelectedRows.delete((_a = item === null || item === void 0 ? void 0 : item[idKey].value) === null || _a === void 0 ? void 0 : _a.toString()); });
                 }

package/dist/components/grid/hooks/useSort.js

@@ -52,7 +52,9 @@ export const useSort = (data, columns, uniqueSearch, multiSorting, withAscii, co
                         }
                     }
                 }
-                else if (key !== "id" && aValue.toString().includes("-") && bValue.toString().includes("-")) {
+                else if (key !== "id" &&
+                    aValue.toString().includes("-") &&
+                    bValue.toString().includes("-")) {
                     aValue = aValue.toString().split("-")[0];
                     bValue = bValue.toString().split("-")[0];
                     aValue = isNaN(parseFloat(aValue)) ? aValue : parseFloat(aValue);

package/dist/components/grid/index.js

@@ -550,7 +550,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         data: sortedData,
         selectedRows: selectedCheckBox,
         setSelectedRows: setSelectedCheckbox,
-        idKey: bulkId
+        idKey: bulkId,
     });
     const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
     const [rowOpened, setRowOpened] = useState([]);

package/dist/components/grid/utils/globalSearchChips.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import TextInput from "../../text-input";
 import { FiSearch } from "react-icons/fi";
-const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips, setChips, inputValue, setInputValue, expanded, setExpanded, shouldClose = true }) => {
+const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips, setChips, inputValue, setInputValue, expanded, setExpanded, shouldClose = true, }) => {
     const wrapperRef = useRef(null);
     const inputDiv = useRef(null);
     useEffect(() => {
@@ -36,14 +36,22 @@ const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips,
         const handleClickOutside = (e) => {
             if (wrapperRef.current &&
                 !wrapperRef.current.contains(e.target) &&
-                !globalInputSearch && !inputValue && shouldClose) {
+                !globalInputSearch &&
+                !inputValue &&
+                shouldClose) {
                 setExpanded(false);
             }
         };
         document.addEventListener("mousedown", handleClickOutside);
         return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [expanded, chips.length, globalInputSearch, inputValue, shouldClose]);
-    return (_jsxs("div", { style: { width: "100%", display: "flex", alignItems: "center", border: expanded ? "1px solid var(--border)" : "none", borderRadius: "0.25rem" }, ref: wrapperRef, children: [_jsx("div", { onClick: () => setExpanded(true), style: { cursor: "pointer", paddingLeft: "0.5rem" }, children: _jsx(FiSearch, {}) }), _jsx("div", { ref: inputDiv, style: { flexGrow: 1 }, children: expanded && (_jsx(TextInput, { value: inputValue, placeholder: "Global search", extraInputStyle: { outline: "none" }, onChange: (e) => setInputValue(e.target.value), border: "none", onKeyDown: (e) => {
+    return (_jsxs("div", { style: {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            border: expanded ? "1px solid var(--border)" : "none",
+            borderRadius: "0.25rem",
+        }, ref: wrapperRef, children: [_jsx("div", { onClick: () => setExpanded(true), style: { cursor: "pointer", paddingLeft: "0.5rem" }, children: _jsx(FiSearch, {}) }), _jsx("div", { ref: inputDiv, style: { flexGrow: 1 }, children: expanded && (_jsx(TextInput, { value: inputValue, placeholder: "Global search", extraInputStyle: { outline: "none" }, onChange: (e) => setInputValue(e.target.value), border: "none", onKeyDown: (e) => {
                         if (e.key === "Enter") {
                             setGlobalInputSearch([...new Set([...chips, e.currentTarget.value])].join(","));
                             setInputValue("");

package/dist/components/grid/utils/gridHeader.js

@@ -68,7 +68,7 @@ export const getColumnData = (columnKey, gridData, type, combinedColumns) => {
         return 0;
     });
 };
-const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resizable = false, defaultSearchOperation, sortQueries, onSort, bulkSelect, allRowsSelected, someRowsSelected, toggleSelectAll, cellStyle, widthMode, rowHeight, headerRef, showMenu, headerBackground, headerTopBorder, headerBottomBorder, groupBy, setGroupBy, updateGridColumns, setGridColumns, headerDropdownIndex, widthUnits, textFilterLabel = "Text Filter", gridData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, hugColumnWidths, menuVisible, setMenuVisible, dropdownVisible, setDropdownVisible, actionsKey = "actions", columnSearchOutside, locale, formatOptions, combinedColumns }) => {
+const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resizable = false, defaultSearchOperation, sortQueries, onSort, bulkSelect, allRowsSelected, someRowsSelected, toggleSelectAll, cellStyle, widthMode, rowHeight, headerRef, showMenu, headerBackground, headerTopBorder, headerBottomBorder, groupBy, setGroupBy, updateGridColumns, setGridColumns, headerDropdownIndex, widthUnits, textFilterLabel = "Text Filter", gridData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, hugColumnWidths, menuVisible, setMenuVisible, dropdownVisible, setDropdownVisible, actionsKey = "actions", columnSearchOutside, locale, formatOptions, combinedColumns, }) => {
     const [menuPosition, setMenuPosition] = useState(null);
     const [searchOpsPosition, setSearchOpsPosition] = useState(null);
     const [headerColumns, setHeaderColumns] = useState([]);

package/dist/components/grid/utils/groupedGridDetails.js

@@ -111,7 +111,9 @@ const GroupedGrid = ({ groupedData, rowOpened, startIndex, endIndex, alternateRo
                                         alignItems: "center",
                                         flexWrap: "wrap",
                                     }, children: [_jsx("span", { style: { marginRight: "0.5rem" }, children: item.html ? _jsx(_Fragment, { children: item.html }) : item.value }), _jsx("span", { children: `(${item === null || item === void 0 ? void 0 : item.count})` })] })] }), isSummarise &&
-                            parseInt(((_d = item === null || item === void 0 ? void 0 : item.count) === null || _d === void 0 ? void 0 : _d.toString()) || "0") > 0 && (_jsx(SummariseDetails, { rowIndex: gIndex, removedKeys: item.groupedKey.split(">"), columns: gridColumns, groupBy: gridGroupBy, sortable: sortable, cellStyle: cellStyle, columnWidths: columnWidths, widthMode: widthMode, summariseKeys: summariseKeys, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, groupedData: item.groupedValue, actionsKey: actionsKey }))] }, String((_e = item.groupedValue) !== null && _e !== void 0 ? _e : gIndex))) : (_jsx(GroupedRow, { item: item.rowData, index: gIndex, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === ((_g = (_f = item.rowData) === null || _f === void 0 ? void 0 : _f.id) === null || _g === void 0 ? void 0 : _g.value) ? selectedRowStyle : {})), cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, columns: gridColumns, widthMode: widthMode, rowKey: rowKey, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, selectedRows: selectedRows, toggleRowSelection: toggleRowSelection, hasVerticalScroll: hasVerticalScroll, hugColumnWidths: columnWidths, actionsKey: actionsKey, ignoreClickKeys: ignoreClickKeys }, String(((_j = (_h = item.rowData) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.value)
+                            parseInt(((_d = item === null || item === void 0 ? void 0 : item.count) === null || _d === void 0 ? void 0 : _d.toString()) || "0") > 0 && (_jsx(SummariseDetails, { rowIndex: gIndex, removedKeys: item.groupedKey.split(">"), columns: gridColumns, groupBy: gridGroupBy, sortable: sortable, cellStyle: cellStyle, columnWidths: columnWidths, widthMode: widthMode, summariseKeys: summariseKeys, summariseDetails: summariseDetails, activeCalculateColor: activeCalculateColor, gridRef: gridRef, setCalculatePosition: setCalculatePosition, calculatePosition: calculatePosition, calculatetextColor: calculatetextColor, setCalculateVisible: setCalculateVisible, calculateVisible: calculateVisible, summariseDisplay: summariseDisplay, recalculate: recalculate, groupedData: item.groupedValue, actionsKey: actionsKey }))] }, String((_e = item.groupedValue) !== null && _e !== void 0 ? _e : gIndex))) : (_jsx(GroupedRow, { item: item.rowData, index: gIndex, rowStyle: Object.assign(Object.assign({}, rowStyle), (selectedRow === ((_g = (_f = item.rowData) === null || _f === void 0 ? void 0 : _f.id) === null || _g === void 0 ? void 0 : _g.value)
+                        ? selectedRowStyle
+                        : {})), cellStyle: cellStyle, rowHeight: rowHeight, alternateRowColor: alternateRowColor, bulkSelect: bulkSelect, columns: gridColumns, widthMode: widthMode, rowKey: rowKey, onRowClick: onRowClick, loading: isLoading, groupBy: gridGroupBy, selectedRows: selectedRows, toggleRowSelection: toggleRowSelection, hasVerticalScroll: hasVerticalScroll, hugColumnWidths: columnWidths, actionsKey: actionsKey, ignoreClickKeys: ignoreClickKeys }, String(((_j = (_h = item.rowData) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.value)
                     ? `${item.groupedValue}-${(_l = (_k = item.rowData) === null || _k === void 0 ? void 0 : _k.id) === null || _l === void 0 ? void 0 : _l.value}`
                     : gIndex)));
         }) }));

package/dist/components/grid/utils/groupedRow.js

@@ -16,7 +16,7 @@ const isUrl = (value) => {
     }
     return false;
 };
-const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode, index, rowKey, onRowClick, loading, groupBy, hugColumnWidths, alternateRowColor, actionsKey, ignoreClickKeys }) => {
+const GroupedRow = ({ item, rowStyle, cellStyle, rowHeight, columns, widthMode, index, rowKey, onRowClick, loading, groupBy, hugColumnWidths, alternateRowColor, actionsKey, ignoreClickKeys, }) => {
     const handleRowClick = useCallback((column) => {
         if ((actionsKey === null || actionsKey === void 0 ? void 0 : actionsKey.split(",").includes(column.key)) ||
             (ignoreClickKeys === null || ignoreClickKeys === void 0 ? void 0 : ignoreClickKeys.split(",").includes(column.key)))

package/dist/components/textarea/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Textarea = ({ value = "", onChange, onBlur = () => { }, placeholder = "", className = "", disabled = false, rows = 4, cols = 50, width = "100%", height, padding = "0.5rem", borderRadius = 4, fontSize = "0.85rem", resize = "none", labelFontSize, labelFontWeight, labelMarginBottom, asteriskColor, label, required, name }) => {
+const Textarea = ({ value = "", onChange, onBlur = () => { }, placeholder = "", className = "", disabled = false, rows = 4, cols = 50, width = "100%", height, padding = "0.5rem", borderRadius = 4, fontSize = "0.85rem", resize = "none", labelFontSize, labelFontWeight, labelMarginBottom, asteriskColor, label, required, name, }) => {
     const handleTextChange = (event) => {
         onChange(event);
     };

package/dist/components/texteditor/index.js

@@ -215,7 +215,9 @@ const TextEditor = ({ value, onChange, enabledTools = {
                         borderRadius: "0.25rem",
                         cursor: "pointer",
                         padding: "0.25rem",
-                    }, children: collapsed ? toolbarToggleOn !== null && toolbarToggleOn !== void 0 ? toolbarToggleOn : _jsx(SiStyledcomponents, {}) : toolbarToggleOff !== null && toolbarToggleOff !== void 0 ? toolbarToggleOff : _jsx(SiStyledcomponents, {}) }) }), !collapsed && (_jsxs("div", { style: {
+                    }, children: collapsed
+                        ? (toolbarToggleOn !== null && toolbarToggleOn !== void 0 ? toolbarToggleOn : _jsx(SiStyledcomponents, {}))
+                        : (toolbarToggleOff !== null && toolbarToggleOff !== void 0 ? toolbarToggleOff : _jsx(SiStyledcomponents, {})) }) }), !collapsed && (_jsxs("div", { style: {
                     display: "flex",
                     gap: "0.65rem",
                     marginBottom: "0.65rem",

package/dist/context/DensityContext.js

@@ -7,6 +7,6 @@ const DensityContext = createContext({
 export const DensityProvider = ({ initialDensity = "normal", children }) => {
     const [density, setDensity] = useState(initialDensity);
     const value = useMemo(() => ({ density, setDensity }), [density]);
-    return _jsx(DensityContext.Provider, { value: value, children: children });
+    return (_jsx(DensityContext.Provider, { value: value, children: children }));
 };
 export const useDensity = () => useContext(DensityContext);

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.3.32",
+  "version": "1.3.34",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
     "build": "tsc",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "prepublishOnly": "npm run build",
     "publish:patch": "npm version patch && npm publish --access public",
     "publish:minor": "npm version minor && npm publish --access public",
@@ -43,6 +45,7 @@
   ],
   "dependencies": {
     "file-saver": "^2.0.5",
+    "prettier": "^3.8.1",
     "react-icons": "^5.5.0",
     "react-tooltip": "^5.30.0",
     "styled-components": "^6.1.19",