Skip to content

Feature/grid filter continued#269

Merged
smarcet merged 21 commits into
mainfrom
feature/grid-filter-continued
Jul 8, 2026
Merged

Feature/grid filter continued#269
smarcet merged 21 commits into
mainfrom
feature/grid-filter-continued

Conversation

@santipalenque

@santipalenque santipalenque commented Jun 18, 2026

Copy link
Copy Markdown
Contributor

https://app.clickup.com/t/86baf0qnm

Summary by CodeRabbit

  • New Features

    • Added bulk edit tables with row selection, inline editing, sorting, and pagination.
    • Expanded filter inputs to support dates, numbers, async selects, speakers, and companies.
    • Added a reusable async select, text, number, date/time, speaker, and company input experience.
  • Bug Fixes

    • Dropdowns and filters now handle missing or empty options more safely.
    • Filter values now serialize correctly for dates, numbers, and async selections.
  • Documentation

    • Updated filtering guidance and placeholder text across the UI.
  • Chores

    • Bumped the package version.

@coderabbitai

coderabbitai Bot commented Jun 18, 2026

Copy link
Copy Markdown

Review Change Stack

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

The PR adds new GridFilter value types, parsing and saved-filter APIs, introduces BulkEditTable with row selection and inline editing, replaces table pagination with a shared wrapper, and exposes the new modules through package entries and the components barrel.

Changes

GridFilter new value types and filter state API

Layer / File(s) Summary
Input contracts and routing
src/components/mui/Dropdown/index.jsx, src/components/mui/GridFilter/utils.js, src/components/mui/GridFilter/components/ValueInput/index.jsx, src/components/mui/GridFilter/components/Filter.jsx
Dropdown normalizes missing options and uses placeholders.select; GridFilter utilities add BEFORE/AFTER and ASYNC_VALUE_TYPES; ValueInput routes the new types; Filter adjusts the control layout.
Value input components
src/components/mui/{TextInput.jsx,DateTimeInput.jsx,NumberInput.jsx,AsyncSelectInput.jsx,SpeakerSelectInput.jsx,CompanySelectInput.jsx}
The new input components provide text, date/time, numeric, and async select behavior for the GridFilter value field.
Parsing and external state injection
src/components/mui/GridFilter/GridFilter.jsx, src/components/mui/GridFilter/hooks/useGridFilter.jsx
GridFilter serializes async option objects and warns when customParser is missing, and useGridFilter adds setFilters for writing saved filter state into Redux.
Docs, strings, and tests
src/components/mui/GridFilter/readme.md, src/i18n/en.json, src/components/mui/formik-inputs/*, src/components/mui/__tests__/GridFilter.test.jsx, src/components/mui/__tests__/useGridFilter.test.jsx, src/components/mui/__tests__/mui-formik-dropdown-radio.test.js
The README, translation strings, Formik dropdown defaults, and tests cover the new value types, placeholder keys, parsing behavior, and setFilters API.

BulkEditTable row selection and inline editing

Layer / File(s) Summary
Row selection state
src/components/mui/BulkEditTable/hooks/useRowSelection.js
useRowSelection tracks selected rows and edit mode, supports select-all and per-row toggles, updates selected row fields, and exposes reset and cancel helpers.
Editable row and toolbar primitives
src/components/mui/BulkEditTable/components/*
Cell, Heading, Row, and Toolbar render editable cells, sortable headers, row actions, and edit/apply/cancel controls for the bulk-edit flow.
BulkEditTable shell and styling
src/components/mui/BulkEditTable/BulkEditTable.js, src/components/mui/BulkEditTable/BulkEditTable.module.less, src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js
BulkEditTable composes the hook and primitives into the table, conditionally renders CustomTablePagination, and the stylesheet adds scrolling, sticky columns, and dotted borders.

Shared table pagination

Layer / File(s) Summary
Custom pagination wrapper
src/components/mui/table/CustomTablePagination.js
CustomTablePagination maps 1-based paging to MUI pagination, computes rows-per-page options, translates labels, and defines its prop contract.
Pagination integration in existing tables
src/components/mui/table/mui-table.js, src/components/mui/editable-table/mui-table-editable.js, src/components/mui/sortable-table/mui-table-sortable.js
MuiTable, MuiTableEditable, and MuiTableSortable remove local pagination handlers and render CustomTablePagination with their existing page and per-page callbacks.

Exports and bundle wiring

Layer / File(s) Summary
Module exports and bundle entries
src/components/mui/BulkEditTable/index.js, src/components/index.js, webpack.common.js, package.json
The new module entrypoint, components barrel, webpack entries, and package version update expose the new table modules.

Sequence Diagram(s)

sequenceDiagram
  participant HostApp
  participant useGridFilter as useGridFilter(id)
  participant ReduxStore
  participant GridFilter
  participant customParser as criteria.customParser

  HostApp->>useGridFilter: setFilters(filters, joinOperator)
  useGridFilter->>ReduxStore: saveFilters(id, filters, validJoinOperator)
  GridFilter->>customParser: parse async option objects
  GridFilter->>GridFilter: warn when async criteria has no customParser
Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~60 minutes

Possibly related PRs

Suggested reviewers

  • smarcet

Poem

A rabbit hopped through rows and keys,
To date and number inputs with ease.
Bulk edits danced, then paged along,
While filters sang a carrot song. 🥕

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
Title check ❓ Inconclusive The title is too generic and doesn't identify the main change beyond ongoing grid filter work. Rename it to a concise summary of the primary change, e.g. "Enhance GridFilter async values and custom pagination components".
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/grid-filter-continued

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
src/components/mui/Dropdown/index.jsx (1)

42-63: ⚠️ Potential issue | 🔴 Critical | ⚡ Quick win

Add optional chaining to prevent crash when options is null.

Now that options can be null (per the new defaultProps at line 99), line 52 and line 59 are missing the optional chaining guard that line 65 already has.

Crash scenario for line 52:

  1. Dropdown receives multiple={true} via the {...rest} spread (line 41)
  2. value is an array (e.g., [1, 2])
  3. options is null
  4. renderValue reaches line 50's Array.isArray(selected) check → true
  5. Line 52 executes options.map(...)runtime crash: "Cannot read property 'map' of null"

Crash scenario for line 59:

  1. Single-select mode (default)
  2. value is a non-empty scalar
  3. options is null
  4. Line 59 executes options.find(...)runtime crash
🛡️ Proposed fix
         if (Array.isArray(selected)) {
           const lookup = Object.fromEntries(
-            options.map((o) => [o.value, o.label])
+            options?.map((o) => [o.value, o.label]) || []
           );
           return selected
             .map((v) => lookup[v])
             .filter(Boolean)
             .join(", ");
         }
-        const selectedOption = options.find(
+        const selectedOption = options?.find(
           ({ value }) => value === selected
         );
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/mui/Dropdown/index.jsx` around lines 42 - 63, The renderValue
function in the Dropdown component is missing optional chaining guards on the
options parameter. At line 52 where options.map is called to create the lookup
object for array values, and at line 59 where options.find is called to find the
selected option label, add optional chaining (the ?. operator) before the .map()
and .find() method calls respectively. This will prevent runtime crashes when
options is null by ensuring these methods are only called if options exists.
🧹 Nitpick comments (1)
src/components/mui/GridFilter/utils.js (1)

31-32: Operator value collision: affects semantic preservation on deserialization.

BEFORE and AFTER reuse the same operator values ("<=" and ">=") as LESS_OR_EQUAL and GREATER_OR_EQUAL. The parseFilter function serializes filters using only the operator value string (e.g., "fieldName<=value"), with no way to reconstruct which semantic intent was originally selected. On filter deserialization, a filter created with BEFORE becomes indistinguishable from one created with LESS_OR_EQUAL, losing temporal context.

If this aliasing is intentional (semantic labels for date-specific contexts), document the design. Otherwise, consider using distinct values (e.g., "<=" for numeric, "<@" for temporal) to preserve semantic information.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/mui/GridFilter/utils.js` around lines 31 - 32, The BEFORE and
AFTER operators in the grid filter operators object are using the same operator
values as LESS_OR_EQUAL and GREATER_OR_EQUAL respectively, causing operator
value collision. When filters are serialized and later deserialized through the
parseFilter function, there is no way to distinguish whether a filter was
originally created with BEFORE or LESS_OR_EQUAL (both use "<="), losing the
semantic temporal context. Change the operator values for BEFORE and AFTER to
use distinct values that do not collide with numeric comparison operators (for
example, use "<@" for BEFORE and ">@" for AFTER instead of reusing "<=" and
">=") to preserve semantic information during serialization and deserialization.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/mui/GridFilter/components/ValueInput/AsyncSelectInput.jsx`:
- Around line 56-74: The fetchOptions function has a race condition where slower
earlier requests can overwrite newer results when the user types quickly, and
callbacks can also update state after unmount. Add a ref to track the mounted
status and another ref to track the current request ID. In the useEffect, set
mounted to true and clear it in the cleanup function. Modify fetchOptions to
generate a unique request ID for each call and pass it to the queryFunction
callback. In the callback, before calling setOptions and setLoading, check that
the request ID matches the current request ID stored in the ref and that the
component is still mounted. This ensures only the latest active request mutates
state and prevents updates after unmount.

---

Outside diff comments:
In `@src/components/mui/Dropdown/index.jsx`:
- Around line 42-63: The renderValue function in the Dropdown component is
missing optional chaining guards on the options parameter. At line 52 where
options.map is called to create the lookup object for array values, and at line
59 where options.find is called to find the selected option label, add optional
chaining (the ?. operator) before the .map() and .find() method calls
respectively. This will prevent runtime crashes when options is null by ensuring
these methods are only called if options exists.

---

Nitpick comments:
In `@src/components/mui/GridFilter/utils.js`:
- Around line 31-32: The BEFORE and AFTER operators in the grid filter operators
object are using the same operator values as LESS_OR_EQUAL and GREATER_OR_EQUAL
respectively, causing operator value collision. When filters are serialized and
later deserialized through the parseFilter function, there is no way to
distinguish whether a filter was originally created with BEFORE or LESS_OR_EQUAL
(both use "<="), losing the semantic temporal context. Change the operator
values for BEFORE and AFTER to use distinct values that do not collide with
numeric comparison operators (for example, use "<@" for BEFORE and ">@" for
AFTER instead of reusing "<=" and ">=") to preserve semantic information during
serialization and deserialization.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 87ce6b08-1d5e-4fb1-b5ad-f9aefa59e15b

📥 Commits

Reviewing files that changed from the base of the PR and between 789b77e and df4fa23.

📒 Files selected for processing (13)
  • src/components/mui/Dropdown/index.jsx
  • src/components/mui/GridFilter/GridFilter.jsx
  • src/components/mui/GridFilter/components/Filter.jsx
  • src/components/mui/GridFilter/components/ValueInput/AsyncSelectInput.jsx
  • src/components/mui/GridFilter/components/ValueInput/CompanySelectInput.jsx
  • src/components/mui/GridFilter/components/ValueInput/DateTimeInput.jsx
  • src/components/mui/GridFilter/components/ValueInput/NumberInput.jsx
  • src/components/mui/GridFilter/components/ValueInput/SpeakerSelectInput.jsx
  • src/components/mui/GridFilter/components/ValueInput/index.jsx
  • src/components/mui/GridFilter/readme.md
  • src/components/mui/GridFilter/utils.js
  • src/components/mui/__tests__/GridFilter.test.jsx
  • src/i18n/en.json

Comment thread src/components/mui/AsyncSelectInput.jsx

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@package.json`:
- Line 3: The `@mui/x-date-pickers` package is currently listed only in
devDependencies but needs to be added to peerDependencies as well, since the new
DateTimeInput component (which uses DateTimePicker from this package) is
exported as part of the GridFilter component library. Add `@mui/x-date-pickers` to
the peerDependencies section in package.json with the same version constraint as
what is currently specified in devDependencies, so that consuming applications
receive clear guidance about this required dependency when using GridFilter with
the datetime value type.

In `@src/components/mui/GridFilter/hooks/useGridFilter.jsx`:
- Around line 29-30: The setFilters function on line 29-30 accepts any
joinOperator value without validation before dispatching to saveFilters, which
allows invalid values to be persisted in state and cause silent semantic drift
in the filter-reducer. Add validation logic inside setFilters to ensure the
joinOperator parameter is clamped to only valid values from JOIN_OPERATORS
(specifically ALL or ANY) before passing it to the dispatch call, using a safe
default value if an invalid value is provided.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 2cbf0bec-fe2e-4eb4-9eb6-95aa3c0796d9

📥 Commits

Reviewing files that changed from the base of the PR and between df4fa23 and 75760ee.

📒 Files selected for processing (4)
  • package.json
  • src/components/mui/GridFilter/hooks/useGridFilter.jsx
  • src/components/mui/GridFilter/readme.md
  • src/components/mui/__tests__/useGridFilter.test.jsx

Comment thread package.json Outdated
Comment thread src/components/mui/GridFilter/hooks/useGridFilter.jsx Outdated

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 5

🧹 Nitpick comments (1)
src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js (1)

41-45: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Tighten payload assertion to catch accidental extra-row updates.

arrayContaining only verifies that row id: 1 exists, so this test still passes if onUpdate incorrectly receives additional unselected rows.

Suggested test assertion update
     await waitFor(() => {
       expect(onUpdate).toHaveBeenCalledTimes(1);
-      expect(onUpdate).toHaveBeenCalledWith(
-        expect.arrayContaining([expect.objectContaining({ id: 1 })])
-      );
+      expect(onUpdate).toHaveBeenCalledWith([
+        expect.objectContaining({ id: 1 })
+      ]);
     });
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js` around
lines 41 - 45, The assertion in the test for onUpdate uses arrayContaining which
only verifies that the row with id: 1 is present in the payload but does not
check that no additional unselected rows are included. Replace the
arrayContaining assertion in the onUpdate expectation with a stricter assertion
that verifies the exact contents of the array, ensuring both that id: 1 is
present and that no extra or unselected rows are accidentally included in the
update payload. This will catch cases where onUpdate is incorrectly called with
additional rows beyond what was selected.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/mui/BulkEditTable/BulkEditTable.js`:
- Around line 44-52: The handleUpdateEvents function assumes onUpdate always
returns a Promise, but it could be a synchronous handler which would crash when
calling .then(). Wrap the result of calling onUpdate(selectedRows) with
Promise.resolve() to normalize both synchronous and asynchronous returns into a
Promise before chaining the .then() and .catch() methods. This ensures the code
handles both Promise-returning and synchronous onUpdate handlers gracefully.

In `@src/components/mui/BulkEditTable/components/Cell.js`:
- Line 18: In the Cell component's input value binding, the logical OR operator
(`||`) is coercing valid falsy values like 0 and false to empty strings,
corrupting the edited data. Replace the `||` operator with the nullish
coalescing operator (`??`) in the value assignment for editRow[col.columnKey] so
that only null and undefined values default to empty string, while preserving
legitimate falsy values like 0 and false.

In `@src/components/mui/BulkEditTable/hooks/useRowSelection.js`:
- Around line 9-22: The selection check functions isSelected and isAllSelected
are reading from the captured selectedRows state in the closure, which can
become stale during batched updates. Refactor isSelected to accept the current
selectedRows array as a parameter instead of relying on the closure's
selectedRows state. Then update both toggleRow and toggleAll to pass the current
parameter from their updater functions (or the computed selection state) to
these check functions, ensuring selection comparisons always use the most
current state rather than stale closure values.

In `@src/components/mui/table/CustomTablePagination.js`:
- Around line 60-62: In the handleRowsPerPageChange function, the
ev.target.value is being passed directly to onPerPageChange, but select element
values are always strings and the callback expects a number. Parse the select
value to an integer by wrapping ev.target.value with parseInt() or Number()
before passing it to the onPerPageChange callback to ensure type consistency
with the perPage prop and prevent potential bugs in parent components.
- Around line 46-54: The initialPerPage useRef captures the perPage value only
at component mount and never updates, causing the perPageOptions array to become
stale when the parent component changes the perPage prop after mount, creating a
mismatch between the displayed value and available options. Replace the useRef
pattern with React.useMemo for the perPageOptions variable, removing the
initialPerPage reference and using the perPage prop directly in the calculation,
then include both perPage and onPerPageChange in the useMemo dependency array to
ensure the options rebuild whenever either dependency changes.

---

Nitpick comments:
In `@src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js`:
- Around line 41-45: The assertion in the test for onUpdate uses arrayContaining
which only verifies that the row with id: 1 is present in the payload but does
not check that no additional unselected rows are included. Replace the
arrayContaining assertion in the onUpdate expectation with a stricter assertion
that verifies the exact contents of the array, ensuring both that id: 1 is
present and that no extra or unselected rows are accidentally included in the
update payload. This will catch cases where onUpdate is incorrectly called with
additional rows beyond what was selected.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: bcdb4596-04ac-49e5-b270-e66551523da7

📥 Commits

Reviewing files that changed from the base of the PR and between 75760ee and 826bb4c.

📒 Files selected for processing (16)
  • package.json
  • src/components/index.js
  • src/components/mui/BulkEditTable/BulkEditTable.js
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js
  • src/components/mui/BulkEditTable/components/Cell.js
  • src/components/mui/BulkEditTable/components/Heading.js
  • src/components/mui/BulkEditTable/components/Row.js
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • src/components/mui/BulkEditTable/hooks/useRowSelection.js
  • src/components/mui/BulkEditTable/index.js
  • src/components/mui/editable-table/mui-table-editable.js
  • src/components/mui/sortable-table/mui-table-sortable.js
  • src/components/mui/table/CustomTablePagination.js
  • src/components/mui/table/mui-table.js
  • webpack.common.js
✅ Files skipped from review due to trivial changes (4)
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • package.json
  • src/components/mui/BulkEditTable/index.js

Comment thread src/components/mui/BulkEditTable/BulkEditTable.js
Comment thread src/components/mui/BulkEditTable/components/Cell.js Outdated
Comment thread src/components/mui/BulkEditTable/hooks/useRowSelection.js
Comment thread src/components/mui/table/CustomTablePagination.js Outdated
Comment thread src/components/mui/table/CustomTablePagination.js

This comment was marked as outdated.

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Post-adversarial review — 6 findings (2 dropped from original pass: no-failure-UI is correct library behavior, setFilters stale-parsed is explicitly documented). One new finding added: hidden onChange contract in Cell for custom editableField components.

Comment thread src/components/mui/BulkEditTable/hooks/useRowSelection.js Outdated
Comment thread src/components/mui/BulkEditTable/BulkEditTable.js
Comment thread src/components/mui/BulkEditTable/components/Cell.js
Comment thread src/components/mui/AsyncSelectInput.jsx
Comment thread src/components/mui/AsyncSelectInput.jsx
Comment thread src/components/mui/GridFilter/components/Filter.jsx
Comment thread src/components/mui/BulkEditTable/BulkEditTable.js Outdated
Comment thread src/components/mui/BulkEditTable/BulkEditTable.js Outdated
Comment thread src/components/mui/GridFilter/GridFilter.jsx Outdated

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@santipalenque please review comments

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/mui/Dropdown/index.jsx`:
- Line 99: Normalize the incoming options in Dropdown so it always works with an
array, not just the undefined case. The current default in Dropdown and the
fallback path from ValueInput can still pass null, which breaks renderValue when
it calls options.map and options.find. Update Dropdown’s props handling to
coerce null/undefined to an empty array and ensure the renderValue logic always
uses that normalized value.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 67cb62b5-e756-4a31-91b1-b59fdda49df3

📥 Commits

Reviewing files that changed from the base of the PR and between 826bb4c and ca22f35.

📒 Files selected for processing (14)
  • src/components/mui/BulkEditTable/BulkEditTable.js
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js
  • src/components/mui/BulkEditTable/components/Cell.js
  • src/components/mui/BulkEditTable/components/Heading.js
  • src/components/mui/BulkEditTable/components/Row.js
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • src/components/mui/BulkEditTable/hooks/useRowSelection.js
  • src/components/mui/BulkEditTable/index.js
  • src/components/mui/Dropdown/index.jsx
  • src/components/mui/GridFilter/components/ValueInput/AsyncSelectInput.jsx
  • src/components/mui/GridFilter/hooks/useGridFilter.jsx
  • src/components/mui/table/CustomTablePagination.js
  • src/i18n/en.json
✅ Files skipped from review due to trivial changes (3)
  • src/components/mui/BulkEditTable/index.js
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/i18n/en.json
🚧 Files skipped from review as they are similar to previous changes (10)
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • src/components/mui/GridFilter/hooks/useGridFilter.jsx
  • src/components/mui/BulkEditTable/hooks/useRowSelection.js
  • src/components/mui/BulkEditTable/tests/BulkEditTable.test.js
  • src/components/mui/BulkEditTable/components/Row.js
  • src/components/mui/BulkEditTable/BulkEditTable.js
  • src/components/mui/GridFilter/components/ValueInput/AsyncSelectInput.jsx
  • src/components/mui/BulkEditTable/components/Heading.js
  • src/components/mui/table/CustomTablePagination.js
  • src/components/mui/BulkEditTable/components/Cell.js

Comment thread src/components/mui/Dropdown/index.jsx
@santipalenque santipalenque force-pushed the feature/grid-filter-continued branch from 85497fe to 63c61a1 Compare June 26, 2026 19:41

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/mui/BulkEditTable/components/Row.js`:
- Around line 98-114: The Row component in BulkEditTable uses hardcoded “event”
text in the IconButton aria-labels, which makes the generic row UI announce the
wrong entity. Update the aria-labels in Row so they use neutral action text or
derive the entity name from props instead of assuming events, while keeping the
existing actions.edit and actions.delete click behavior unchanged.

In `@src/components/mui/NumberInput.jsx`:
- Around line 46-52: The NumberInput handler is clamping both `min` and `max` on
every keystroke, which rewrites intermediate user input and blocks valid values
from being typed. Update the input flow in the NumberInput change logic so
mid-typing does not eagerly enforce `min` (and avoid rewriting partial values),
while still preserving `max` behavior only when appropriate or deferring
clamping until blur/commit. Keep the existing parsing and `onChange` path in
place, but adjust the normalization inside the change handler so the user can
type through prefixes like `1` toward `15` without the value being forced early.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a75deb03-bac3-4f1b-8371-7c33de2b9332

📥 Commits

Reviewing files that changed from the base of the PR and between ca22f35 and bf4db8a.

📒 Files selected for processing (36)
  • package.json
  • src/components/index.js
  • src/components/mui/AsyncSelectInput.jsx
  • src/components/mui/BulkEditTable/BulkEditTable.js
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/components/mui/BulkEditTable/__tests__/BulkEditTable.test.js
  • src/components/mui/BulkEditTable/components/Cell.js
  • src/components/mui/BulkEditTable/components/Heading.js
  • src/components/mui/BulkEditTable/components/Row.js
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • src/components/mui/BulkEditTable/hooks/useRowSelection.js
  • src/components/mui/BulkEditTable/index.js
  • src/components/mui/CompanySelectInput.jsx
  • src/components/mui/DateTimeInput.jsx
  • src/components/mui/Dropdown/index.jsx
  • src/components/mui/GridFilter/GridFilter.jsx
  • src/components/mui/GridFilter/components/Filter.jsx
  • src/components/mui/GridFilter/components/ValueInput/index.jsx
  • src/components/mui/GridFilter/hooks/useGridFilter.jsx
  • src/components/mui/GridFilter/readme.md
  • src/components/mui/GridFilter/utils.js
  • src/components/mui/NumberInput.jsx
  • src/components/mui/SpeakerSelectInput.jsx
  • src/components/mui/TextInput.jsx
  • src/components/mui/__tests__/GridFilter.test.jsx
  • src/components/mui/__tests__/mui-formik-dropdown-radio.test.js
  • src/components/mui/__tests__/useGridFilter.test.jsx
  • src/components/mui/editable-table/mui-table-editable.js
  • src/components/mui/formik-inputs/mui-formik-dropdown-checkbox.js
  • src/components/mui/formik-inputs/mui-formik-dropdown-radio.js
  • src/components/mui/formik-inputs/mui-formik-select-v2.js
  • src/components/mui/sortable-table/mui-table-sortable.js
  • src/components/mui/table/CustomTablePagination.js
  • src/components/mui/table/mui-table.js
  • src/i18n/en.json
  • webpack.common.js
✅ Files skipped from review due to trivial changes (5)
  • src/components/mui/formik-inputs/mui-formik-dropdown-checkbox.js
  • src/components/mui/BulkEditTable/index.js
  • src/components/mui/BulkEditTable/BulkEditTable.module.less
  • src/components/mui/BulkEditTable/components/Toolbar.js
  • src/components/mui/GridFilter/readme.md
🚧 Files skipped from review as they are similar to previous changes (19)
  • src/components/index.js
  • webpack.common.js
  • src/components/mui/BulkEditTable/hooks/useRowSelection.js
  • src/components/mui/tests/useGridFilter.test.jsx
  • src/components/mui/BulkEditTable/tests/BulkEditTable.test.js
  • src/components/mui/table/CustomTablePagination.js
  • src/components/mui/GridFilter/components/ValueInput/index.jsx
  • src/components/mui/Dropdown/index.jsx
  • src/components/mui/GridFilter/hooks/useGridFilter.jsx
  • src/components/mui/BulkEditTable/components/Heading.js
  • src/components/mui/GridFilter/components/Filter.jsx
  • src/components/mui/table/mui-table.js
  • src/components/mui/editable-table/mui-table-editable.js
  • src/components/mui/BulkEditTable/BulkEditTable.js
  • src/components/mui/GridFilter/utils.js
  • src/components/mui/BulkEditTable/components/Cell.js
  • src/components/mui/sortable-table/mui-table-sortable.js
  • src/components/mui/tests/GridFilter.test.jsx
  • src/i18n/en.json

Comment thread src/components/mui/BulkEditTable/components/Row.js Outdated
Comment thread src/components/mui/NumberInput.jsx Outdated
@santipalenque santipalenque requested a review from smarcet June 26, 2026 21:44
Comment thread src/components/mui/editable-table/mui-table-editable.js
Comment thread src/components/mui/__tests__/useGridFilter.test.jsx

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@santipalenque please review

Comment thread src/components/mui/AsyncSelectInput.jsx
Comment thread src/components/mui/BulkEditTable/components/Row.js Outdated
@smarcet smarcet self-requested a review July 6, 2026 15:33
@santipalenque santipalenque force-pushed the feature/grid-filter-continued branch from bf4db8a to 8bca188 Compare July 6, 2026 15:54
Comment thread src/components/mui/DateTimeInput.jsx Outdated
Comment thread src/components/mui/BulkEditTable/BulkEditTable.js

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@santipalenque please review new comments many thanks

@smarcet

smarcet commented Jul 8, 2026

Copy link
Copy Markdown
Collaborator

@santipalenque Heads up — this branch now has a merge conflict against main. #284 ("chore: change word break style") just merged and renamed table-content.jstable-cell-content.js, touching the same import line this PR also modifies (removing TablePagination, adding CustomTablePagination) in:

  • src/components/mui/table/mui-table.js
  • src/components/mui/editable-table/mui-table-editable.js
  • src/components/mui/sortable-table/mui-table-sortable.js

It's a trivial one-line-per-file fix — after rebasing/merging main, update the import path in each of those 3 files to ../table/table-cell-content (or ./table-cell-content in mui-table.js). Just flagging so it doesn't block merge once everything else is ready.

@smarcet smarcet self-requested a review July 8, 2026 17:16

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@santipalenque santipalenque force-pushed the feature/grid-filter-continued branch from 061c7d8 to 7baf9d4 Compare July 8, 2026 18:22

@smarcet smarcet left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@smarcet smarcet merged commit a133c35 into main Jul 8, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants