release v1.1.2

KevinVandy · Aug 18, 2023 · 8fe8513 · 8fe8513 · vercel · Aug 18, 2023
1 parent 499353b
commit 8fe8513
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 25 deletions.
diff --git a/apps/mantine-react-table-docs/pages/changelog.mdx b/apps/mantine-react-table-docs/pages/changelog.mdx
@@ -12,6 +12,12 @@ import Head from 'next/head';
 
 ### V1
 
+#### V1.1.2 - 2023-08-18
+
+- Disable other row edit buttons when one row is being edited by default
+- Hide global and filter text input clear buttons until there is text in the input
+- Added et translations that can be imported from `'material-react-table/locales/et'`
+
 #### V1.1.1 - 2023-08-12
 
 - Fixed editing cancel button not restoring original row data in modal editDisplayMode

diff --git a/packages/mantine-react-table/package.json b/packages/mantine-react-table/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.1.1",
+  "version": "1.1.2",
   "license": "MIT",
   "name": "mantine-react-table",
   "description": "A fully featured Mantine implementation of TanStack React Table V8, written from the ground up in TypeScript.",

diff --git a/packages/mantine-react-table/src/buttons/MRT_ToggleRowActionMenuButton.tsx b/packages/mantine-react-table/src/buttons/MRT_ToggleRowActionMenuButton.tsx
@@ -58,12 +58,17 @@ export const MRT_ToggleRowActionMenuButton = <
         <Tooltip withinPortal position="right" label={localization.edit}>
           <ActionIcon
             aria-label={localization.edit}
+            disabled={!!editingRow && editingRow.id !== row.id}
             onClick={handleStartEditMode}
             sx={{
               opacity: 0.8,
               '&:hover': {
                 opacity: 1,
               },
+              '&:disabled': {
+                backgroundColor: 'transparent',
+                border: 'none',
+              },
             }}
           >
             <IconEdit />

diff --git a/packages/mantine-react-table/src/inputs/MRT_FilterTextInput.tsx b/packages/mantine-react-table/src/inputs/MRT_FilterTextInput.tsx
@@ -320,22 +320,16 @@ export const MRT_FilterTextInput = <TData extends Record<string, any> = {}>({
     }),
   } as const;
 
-  const ClearButton = (
+  const ClearButton = filterValue ? (
     <ActionIcon
       aria-label={localization.clearFilter}
       onClick={handleClear}
       size="sm"
-      sx={{
-        '&:disabled': {
-          backgroundColor: 'transparent',
-          border: 'none',
-        },
-      }}
       title={localization.clearFilter ?? ''}
     >
       <IconX />
     </ActionIcon>
-  );
+  ) : null;
 
   return filterChipLabel ? (
     <Box sx={commonProps.sx}>

diff --git a/packages/mantine-react-table/src/inputs/MRT_GlobalFilterTextInput.tsx b/packages/mantine-react-table/src/inputs/MRT_GlobalFilterTextInput.tsx
@@ -89,22 +89,18 @@ export const MRT_GlobalFilterTextInput = <
         variant="filled"
         icon={!enableGlobalFilterModes && <IconSearch />}
         rightSection={
-          <ActionIcon
-            aria-label={localization.clearSearch}
-            disabled={!searchValue?.length}
-            onClick={handleClear}
-            size="sm"
-            sx={{
-              '&:disabled': {
-                backgroundColor: 'transparent',
-                border: 'none',
-              },
-            }}
-          >
-            <Tooltip withinPortal label={localization.clearSearch}>
-              <IconX />
-            </Tooltip>
-          </ActionIcon>
+          searchValue ? (
+            <ActionIcon
+              aria-label={localization.clearSearch}
+              disabled={!searchValue?.length}
+              onClick={handleClear}
+              size="sm"
+            >
+              <Tooltip withinPortal label={localization.clearSearch}>
+                <IconX />
+              </Tooltip>
+            </ActionIcon>
+          ) : null
         }
         {...textFieldProps}
         ref={(node) => {
@@ -116,6 +112,12 @@ export const MRT_GlobalFilterTextInput = <
             }
           }
         }}
+        sx={(theme) => ({
+          minWidth: '250px',
+          ...(textFieldProps?.sx instanceof Function
+            ? textFieldProps.sx(theme)
+            : (textFieldProps?.sx as any)),
+        })}
       />
     </Collapse>
   );