업데이트 상태 및 하위 상태 열 폭
- 65px에서 90px의 상태 열 폭 변경 - 120px에서 150px까지의 하위 상태 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트 - 명시된 minWidth 및 maxWidth 제약 추가
업데이트 필터 필드 컨테이너 폭 열 폭 일치
- 300px에서 245px까지의 리드 ID 필터 컨테이너 업데이트 - 200px에서 65px까지의 상태 필터 컨테이너 업데이트 - 200px에서 120px까지 Sub Status filter container 업데이트 - 150px에서 120px까지 에이전트 필터 컨테이너 업데이트 -...
변경 날짜 열 폭 155px
- 220px에서 155px로 생성 및 할당된 열 폭 업데이트 - 두 열을 위해 155px에 명시된 폭, minWidth 및 maxWidth를 설정하십시오. - 업데이트 날짜 필터 필드 컨테이너 155px 폭 일치 - 열과 필터 필드 사이에 일관성을 유지
상태 탭 줄에 빠른 검색을 이동, 오른쪽 정렬
- 빠른 검색은 현재 상태 탭과 동일한 행에 나타납니다, 오른쪽에 정렬 - 중복 검색 표시 줄을 제거하여 단순 레이아웃 - 상태 탭 및 빠른 검색은 공간의 플렉스 컨테이너에 있습니다
핀 행 리드 ID 컬럼을 축소하여 값을 왼쪽으로 이동
- 45px에서 12px까지의 패딩을 감소시키며 핀 행 리드 ID 셀에 대한 - IdRenderer Box sx prop에 누락된 comma 수정 - 이것은 핀 행에서 왼쪽에 리드 ID 값을 더 이동
Headers와 data 대신 그리드 헤더 위에 필터 바를 이동합니다
- 그리드 위에 위치한 AG Grid container 외부 필터 바를 이동 - Overlap 문제를 일으키는 절대 위치 제거 - 필터 바는 이제 필드 헤더가 별도의 행으로 나타납니다. - 더 이상 필요하지 않은 PaddingTop 제거 - 이것은 우두머리가 항상 눈에 보이고 여과기 막...
Overlapping 데이터 행에서 필터 바를 방지하기 위해 그리드 컨테이너에 패딩 추가
- PaddingTop 추가 : 48px에서 그리드 컨테이너 박스에 - 이 자리에 헤더를 유지하면서 데이터 행을 아래로 밀어 - 필터 바 상단에 위치 : 48px (아래 헤더) - 이제 데이터 행은 96px (48px 헤더 + 48px 필터 바)에서 시작합니다
Sync에 있는 무한한 re-render 반복 방지
- 업데이트 소스를 추적하기 위해 ref를 추가하십시오 (Tab vs filter dropdown) - 다른 소스에서 시작했을 때 업데이트 건너뛰기 - React 오류 #185를 일으키는 원형 업데이트 방지 - setTimeout 를 사용하여 state 업데이트가 완료된 후 플래그를 재...
FilteredRowData 대신 AG Grid 필터를 사용하여 필터를 수동으로 적용
- 모든 필터 로직을 filteredRowData useMemo로 이동 - AG Grid에 데이터를 전달하기 전에 필터를 수동으로 적용 - AG Grid SetFilterModel 호출을 제거하여 데이터를 직접 필터링합니다. - 필터는 dropdown 값 변경으로 즉시 작동 - 이것은 ...
Properly clear filter when 비어있고 필터 모델 업데이트를 올바르게 지키십시오
- 값이 비어있을 때 모델의 Explicitly delete 필터 - Whitespace를 처리하는 트림 필터 값 - 다른 필터를 보존하기 위해 현재 필터 모델을 먼저 가져옵니다. - 모든 필터가 삭제되면 필터 모델 설정 - 필터를 올바르게 적용하고 정리합니다
Header의 밑에 위치 여과기 행 및 필터 적용을 지킵니다
- 상단에 필터 행 이동: 48px (아래 헤더) 대신 상단: 0 - PaddingTop 추가 : 48px에서 AgGridReact 필터 행에 대한 계정 - FloatingFiltersHeight를 0으로 설정하여 사용자 정의 필터 행을 사용하고 있습니다. - setFilterModel...
Align 필터 행 열 및 고정 상태 필터
- 부동 필터 공간 (48px 높이)의 위치 필터 행 - syncFilterRowWidths 함수를 추가하여 열폭을 동적으로 일치 - 그리드 준비 및 열 크기 이벤트에 동기화 폭 - 상태 및 subStatus 필드에 적용하는 상태 필터 수정 - 부모의 상태에 의해 필터링 할 때 모든 어...
필터값을 저장하고 AG Grid를 재설정하여 사용
- re-renders의 persist에 valueRef에 있는 현재값을 저장하십시오 - use isUserChangeRef 를 사용하여 sync effect를 overriding user changes 에서 방지하기 - 필터 인스턴스에서 초기 모델을 읽기 - 항상 valueRef.cu...
OnFloatingFilterChanged 콜백을 제거하고 CSS를 개선하여 필터 아이콘을 숨깁니다
- ONFloatingFilterChanged 콜백을 등록하지 마십시오. - 필터 메뉴 버튼과 아이콘을 숨기는 종합 CSS 규칙 추가 - 아이콘이 숨겨져 있는지 확인하기 위한 다중 선택기 변형 추가 - 필터 재설정을 방지하고 모든 필터 아이콘 숨기기
잘못된 DropdownFloating Filter params 및 StatusFilterValue를 상태 필터에 추가
FilterParams를 위한 customParams를 이용하고 params에 statusFilterValue를 추가하십시오
Make Status filter controlled and sync with status tabs
- Added statusFilterValue state to control Status filter dropdown - Status filter now syncs with activeStatusTab when tabs are clicked - Filter value is now con...
Prevent header refresh and maintain filter value with ref
- Use currentValueRef to track and persist filter value - Remove refreshHeader() call that was causing header to hide/reappear - Only update value from callback...
Properly track filter updates to prevent Status filter reset
- Use isUpdatingRef flag to track when we're making changes - Only allow parent model changes to update value if we're not updating - Initialize filter value fr...
Prevent filter reset with no-op callback and hide icons with menuTabs
- Register no-op onFloatingFilterChanged callback to prevent AG Grid from resetting filter value - Use menuTabs: [] instead of suppressHeaderMenuButton to hide ...
Prevent Status filter reset with ref flag and add suppressHeaderMenuButton
- Added suppressHeaderMenuButton to all columns that should hide filter icons - Improved isInternalChangeRef timing to prevent circular updates - Enhanced CSS s...
Prevent Status filter reset and improve filter icon hiding
- Added isInternalChangeRef to prevent circular updates in Status and SubStatus filters - Updated CSS selectors to better hide filter menu buttons and icons - F...
Remove extra Box wrapper that was breaking grid display
- Removed nested Box wrapper that was preventing grid from rendering - Moved CSS styles directly to the outer Box wrapper - Grid should now display leads correc...
Remove dependency from Sub Status filter useEffect to fix reactivity
Improve Sub Status filter reactivity and hide filter icons with CSS
- Remove getStatusFilterValue dependency from useEffect to prevent stale closures - Add CSS rules to hide filter menu button icons for Lead ID, Contact, Status,...
Properly enable Sub Status dropdown and remove all filter icons
- Add hasStatusFilter state to SubStatusFloatingFilter to track status filter changes - Add filterChanged event listener to immediately detect when Status filte...
Properly enable Sub Status dropdown and remove filter icons
- Fix Sub Status dropdown to be enabled when Status filter is selected (removed options.length check from disabled condition) - Add menuTabs: [] to Lead ID, Con...
Enable Sub Status dropdown when Status is selected and remove filter icons
- Fix Sub Status dropdown to be enabled when a Status filter is selected - Remove filter icons (suppressHeaderMenuButton) from Lead ID, Contact, Status, Sub Sta...
Resolve TypeScript type errors in DropdownFloatingFilter
- Change ExtendedParams to use intersection type instead of extending IFloatingFilterParams - Use type assertion for parentFilterInstance callback parameter - M...
Resolve ESLint errors in DropdownFloatingFilter component
- Add displayName to FloatingFilterComponent - Remove unused ref parameter - Replace any types with proper TypeScript interfaces - Add ExtendedParams interface ...
Change filter values from functions to arrays for dropdown display
- Change filterParams values from functions to direct arrays - AG Grid set filters require values as arrays, not functions - This should fix dropdown filters no...
Apply 50px padding only to Lead ID column in pinned rows - Change CSS selector from first-of-type to col-id=leadID to target only Lead ID column - Prevents padding from being applied to Contact and Actions columns - Pinned rows are already integrated into main datagrid via pinnedTopRowData
Align pinned rows with main list cells
- Add 50px padding-left to first cell (Lead ID) in pinned rows for account icon alignment - Compensate for 4px red border by moving pinned row left with marginL...
Replace any type with proper LeadWithAccount interface
- Create LeadWithAccount interface extending Lead with optional accountId - Replace any type assertion with LeadWithAccount type - Fixes ESLint error: Unexpecte...
Remove incorrect useMemo wrapper from ReportsPane component
- Remove erroneous }, []); closing bracket that was causing syntax error - ReportsPane is a regular function component, not wrapped in useMemo