@moderneinc/design-system-components 7.6.0 → 7.6.1-next.3dd0ae

package/dist/index.js

@@ -559,7 +559,7 @@ const iconMap = {
     error: jsxRuntime.jsx(lucideReact.CircleAlert, { size: 24 }),
     warning: jsxRuntime.jsx(lucideReact.TriangleAlert, { size: 24 }),
     offline: jsxRuntime.jsx(lucideReact.WifiOff, { size: 24 }),
-    info: jsxRuntime.jsx(lucideReact.BadgeInfo, { size: 24 }),
+    info: jsxRuntime.jsx(lucideReact.Info, { size: 24 }),
 };
 /**
  * ModAlert - Alert component for displaying contextual status messages
@@ -945,8 +945,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')));
@@ -1766,8 +1767,9 @@ sx: _sx, theme: _theme, ...props }) => {
     const [searchText, setSearchText] = React.useState('');
     // Filter columns based on search
     const filteredColumns = React.useMemo(() => {
-        if (!searchText)
+        if (!searchText) {
             return columns;
+        }
         const search = searchText.toLowerCase();
         return columns.filter(col => {
             const headerName = col.headerName || col.field;
@@ -1800,8 +1802,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 (jsxRuntime.jsx(ColumnItemContainer, { onClick: () => handleColumnToggle(column.field), children: jsxRuntime.jsxs(MenuItemContent$1, { children: [jsxRuntime.jsx(ModCheckbox, { checked: isVisible, size: "small", disableRipple: true }), jsxRuntime.jsx(MenuItemLabel, { children: headerName })] }) }, column.field));
@@ -3093,11 +3096,13 @@ const ActionButton = styles.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 (jsxRuntime.jsxs(Stack, { direction: "row", sx: { alignItems: 'center', gap: `${designSystemTokens.spacing.spacing_2}px` }, children: [showPause && (jsxRuntime.jsx(ActionButton, { size: "small", onClick: onPause, "aria-label": "Pause download", children: jsxRuntime.jsx(lucideReact.Minus, { size: designSystemTokens.spacing.spacing_2 }) })), showClose && (jsxRuntime.jsx(ActionButton, { size: "small", onClick: onClose, "aria-label": "Close", children: jsxRuntime.jsx(lucideReact.X, { size: designSystemTokens.spacing.spacing_2 }) }))] }));
     };
     return (jsxRuntime.jsxs(StyledRoot$1, { elevation: 0, role: "status", ...props, children: [jsxRuntime.jsxs(Stack, { direction: "row", sx: {
@@ -4451,8 +4456,9 @@ const CellRoot = styles.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 (jsxRuntime.jsx(CellRoot, { disabled: disabled, "aria-label": ariaLabel, children: jsxRuntime.jsx(ModIconWrapper, { size: 16, children: icon }) }));
 };
 ModIconCell.displayName = 'ModIconCell';
@@ -4942,8 +4948,9 @@ function ModPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky = fal
     const containerRef = React.useRef(null);
     // Intersection observer for back to top button
     React.useEffect(() => {
-        if (!showBackToTop || !headerRef.current)
+        if (!showBackToTop || !headerRef.current) {
             return;
+        }
         const observer = new IntersectionObserver(([entry]) => {
             setShowBackToTopButton(!entry.isIntersecting);
         }, {