@moderneinc/design-system-components 7.6.1-next.f065cb → 7.7.0-next.19b91c

package/dist/index.esm.js

@@ -943,8 +943,9 @@ function useTabAriaSync() {
             observerRef.current.disconnect();
             observerRef.current = null;
         }
-        if (!node)
+        if (!node) {
             return;
+        }
         const sync = () => {
             node.setAttribute('role', 'tab');
             node.setAttribute('aria-selected', String(node.classList.contains('Mui-selected')));
@@ -1764,8 +1765,9 @@ sx: _sx, theme: _theme, ...props }) => {
     const [searchText, setSearchText] = useState('');
     // Filter columns based on search
     const filteredColumns = useMemo(() => {
-        if (!searchText)
+        if (!searchText) {
             return columns;
+        }
         const search = searchText.toLowerCase();
         return columns.filter(col => {
             const headerName = col.headerName || col.field;
@@ -1798,8 +1800,9 @@ sx: _sx, theme: _theme, ...props }) => {
                             disableUnderline: true,
                         },
                     } })), filteredColumns.map(column => {
-                    if (column.hideable === false)
+                    if (column.hideable === false) {
                         return null;
+                    }
                     const isVisible = columnVisibilityModel[column.field] !== false;
                     const headerName = column.headerName || column.field;
                     return (jsx(ColumnItemContainer, { onClick: () => handleColumnToggle(column.field), children: jsxs(MenuItemContent$1, { children: [jsx(ModCheckbox, { checked: isVisible, size: "small", disableRipple: true }), jsx(MenuItemLabel, { children: headerName })] }) }, column.field));
@@ -3091,11 +3094,13 @@ const ActionButton = styled(IconButton)({
  */
 const ModDownloadToast = ({ title, fileName, progress, showClose = true, showPause = true, onClose, onPause, actions, ...props }) => {
     const renderActions = () => {
-        if (actions)
+        if (actions) {
             return actions;
+        }
         const hasActions = showPause || showClose;
-        if (!hasActions)
+        if (!hasActions) {
             return null;
+        }
         return (jsxs(Stack, { direction: "row", sx: { alignItems: 'center', gap: `${spacing.spacing_2}px` }, children: [showPause && (jsx(ActionButton, { size: "small", onClick: onPause, "aria-label": "Pause download", children: jsx(Minus, { size: spacing.spacing_2 }) })), showClose && (jsx(ActionButton, { size: "small", onClick: onClose, "aria-label": "Close", children: jsx(X, { size: spacing.spacing_2 }) }))] }));
     };
     return (jsxs(StyledRoot$1, { elevation: 0, role: "status", ...props, children: [jsxs(Stack, { direction: "row", sx: {
@@ -4449,8 +4454,9 @@ const CellRoot = styled('div', {
  * ModIconCell — Icon cell for DataGrid. Renders an icon centered in the cell.
  */
 const ModIconCell = ({ icon, ariaLabel, disabled = false }) => {
-    if (!icon)
+    if (!icon) {
         return null;
+    }
     return (jsx(CellRoot, { disabled: disabled, "aria-label": ariaLabel, children: jsx(ModIconWrapper, { size: 16, children: icon }) }));
 };
 ModIconCell.displayName = 'ModIconCell';
@@ -4940,8 +4946,9 @@ function ModPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky = fal
     const containerRef = useRef(null);
     // Intersection observer for back to top button
     useEffect(() => {
-        if (!showBackToTop || !headerRef.current)
+        if (!showBackToTop || !headerRef.current) {
             return;
+        }
         const observer = new IntersectionObserver(([entry]) => {
             setShowBackToTopButton(!entry.isIntersecting);
         }, {