admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

added document filter chips

Browse Source
This commit is contained in:
pramod.mahajan 2025-10-09 18:25:03 +05:30
parent 5370d0eb9d
commit c1c333008f
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Documents/DocumentFilterPanel.jsx
View File

@ -11,7 +11,8 @@ import SelectMultiple from "../common/SelectMultiple";
import moment from "moment"; import moment from "moment";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
const DocumentFilterPanel = forwardRef(({ entityTypeId, onApply, setFilterdata }, ref) => { const DocumentFilterPanel = forwardRef(
({ entityTypeId, onApply, setFilterdata }, ref) => {
const [resetKey, setResetKey] = useState(0); const [resetKey, setResetKey] = useState(0);
const { status } = useParams(); const { status } = useParams();
@ -51,7 +52,6 @@ const DocumentFilterPanel = forwardRef(({ entityTypeId, onApply, setFilterdata }
useImperativeHandle(ref, () => ({ useImperativeHandle(ref, () => ({
resetFieldValue: (name, value) => { resetFieldValue: (name, value) => {
// Reset specific field
if (value !== undefined) { if (value !== undefined) {
setValue(name, value); setValue(name, value);
} else { } else {

15
src/components/Documents/Documents.jsx
View File

@ -59,7 +59,7 @@ const Documents = ({ Document_Entity, Entity }) => {
const { employeeId } = useParams(); const { employeeId } = useParams();
const [OpenDocument, setOpenDocument] = useState(false); const [OpenDocument, setOpenDocument] = useState(false);
const [filterData, setFilterdata] = useState(DocumentFilterDefaultValues); const [filterData, setFilterdata] = useState(DocumentFilterDefaultValues);
const updatedFilters = useRef(); const updatedRef = useRef();
const [ManageDoc, setManageDoc] = useState({ const [ManageDoc, setManageDoc] = useState({
document: null, document: null,
isOpen: false, isOpen: false,
@ -95,7 +95,7 @@ const Documents = ({ Document_Entity, Entity }) => {
setShowTrigger(true); setShowTrigger(true);
setOffcanvasContent( setOffcanvasContent(
"Document Filters", "Document Filters",
<DocumentFilterPanel entityTypeId={DocumentEntity} onApply={setFilter} setFilterdata={setFilterdata} ref={updatedFilters} /> <DocumentFilterPanel entityTypeId={DocumentEntity} onApply={setFilter} setFilterdata={setFilterdata} ref={updatedRef} />
); );
return () => { return () => {
@ -111,7 +111,6 @@ const Documents = ({ Document_Entity, Entity }) => {
setViewDoc, setViewDoc,
setOpenDocument, setOpenDocument,
OpenDocument, OpenDocument,
// removeFilterChip
}; };
useEffect(() => { useEffect(() => {
@ -123,13 +122,15 @@ const Documents = ({ Document_Entity, Entity }) => {
const removeFilterChip = (key, id) => { const removeFilterChip = (key, id) => {
const updatedFilters = { ...filters }; const updatedFilters = { ...filters };
if (Array.isArray(updatedFilters[key])) { if (Array.isArray(updatedFilters[key])) {
updatedFilters[key] = updatedFilters[key].filter((v) => v !== id); updatedFilters[key] = updatedFilters[key].filter((v) => v !== id);
updatedRef.current?.resetFieldValue(key,updatedFilters[key]);
} }
else if (key === "dateRange") { else if (key === "dateRange") {
updatedFilters.startDate = null; updatedFilters.startDate = null;
updatedFilters.endDate = null; updatedFilters.endDate = null;
updatedRef.current?.resetFieldValue("startDate",null);
updatedRef.current?.resetFieldValue("endDate",null);
} }
else { else {
updatedFilters[key] = null; updatedFilters[key] = null;
@ -137,12 +138,8 @@ const Documents = ({ Document_Entity, Entity }) => {
setFilter(updatedFilters); setFilter(updatedFilters);
methods.setValue(key, updatedFilters[key] ?? DocumentFilterDefaultValues[key]); return updatedFilters;
if (key === "dateRange") {
methods.setValue("startDate", null);
methods.setValue("endDate", null);
}
}; };