rez-table-listing-mui 1.3.51 → 1.3.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.3.51",
+  "version": "1.3.53",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/listing/components/common/saved-filter-modal/index.tsx

@@ -38,6 +38,7 @@ interface SavedFilterModalViewProps {
   columnsData: FilterFormComponentProps | undefined;
   hasSavedFilters?: boolean;
   forceShowSharingControls?: boolean;
+  disableShareFilter?: boolean;
 }
 
 const SavedFilterModalView = ({
@@ -47,7 +48,7 @@ const SavedFilterModalView = ({
   filterMaster,
   setFilterMaster,
   columnsData,
-
+  disableShareFilter = false,
   forceShowSharingControls = false,
 }: SavedFilterModalViewProps) => {
   const [shareWithTeam, setShareWithTeam] = useState<boolean>(false);
@@ -283,65 +284,73 @@ const SavedFilterModalView = ({
               "&.Mui-focused fieldset": { borderColor: primary },
             },
           }}
-          onChange={(e) =>
+          onChange={(e) => {
+            const val = e.target.value;
+
+            // block more than 200 chars
+            if (val.length > 200) return;
+
             setFilterMaster((prev) => {
               if (!prev) return prev;
               return {
                 ...prev,
                 saved_filters: {
                   ...(prev.saved_filters ?? {}),
-                  description: e.target.value,
+                  description: val,
                 },
               };
-            })
-          }
+            });
+          }}
         />
+
         <Typography sx={{ mb: 1, fontSize: 12, color: "#888" }}>
-          (Max. 300 Characters)
+          (Max. 200 Characters)
         </Typography>
         {/* Sharing Controls */}
-        {shouldShowSharingControls && (showCheckboxes || isshow) && (
-          <Box
-            sx={{
-              display: "flex",
-              flexDirection: "column",
-              gap: 0.5,
-              "& .MuiFormControlLabel-label": { fontSize: "14px" },
-            }}
-          >
-            <FormControlLabel
-              control={
-                <Checkbox
-                  size="small"
-                  checked={shareWithTeam}
-                  onChange={handleShareToggle}
-                  sx={{
-                    color: "black",
-                    "&.Mui-checked": { color: "black" },
-                  }}
-                />
-              }
-              label="Share with team member."
-            />
-
-            {shareWithTeam && (
+        {shouldShowSharingControls &&
+          (showCheckboxes || isshow) &&
+          !disableShareFilter && (
+            <Box
+              sx={{
+                display: "flex",
+                flexDirection: "column",
+                gap: 0.5,
+                "& .MuiFormControlLabel-label": { fontSize: "14px" },
+              }}
+            >
               <FormControlLabel
                 control={
                   <Checkbox
                     size="small"
-                    checked={allowTeamEdit}
-                    onChange={handleAllowEditToggle}
+                    checked={shareWithTeam}
+                    onChange={handleShareToggle}
                     sx={{
                       color: "black",
                       "&.Mui-checked": { color: "black" },
                     }}
                   />
                 }
-                label="Allow editing to Team member"
+                label="Share with team member."
               />
-            )}
-          </Box>
-        )}
+
+              {shareWithTeam && (
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      size="small"
+                      checked={allowTeamEdit}
+                      onChange={handleAllowEditToggle}
+                      sx={{
+                        color: "black",
+                        "&.Mui-checked": { color: "black" },
+                      }}
+                    />
+                  }
+                  label="Allow editing to Team member"
+                />
+              )}
+            </Box>
+          )}
         {/* prefields */}
         {showPrefields && !isshow && (
           <Box

package/src/listing/components/filter/index.tsx

@@ -54,6 +54,7 @@ export function TableFilter({
     showTabs: true,
     tabOptions: {
       isSingleFilter: false,
+      disableShareFilter: false,
       isSingleEntity: false,
       showFilter: "main",
       mainFilter: {
@@ -644,6 +645,9 @@ export function TableFilter({
         setFilterMaster={tableStates.setFilterMaster}
         hasSavedFilters={hasSavedFilterRecords}
         columnsData={columnsData}
+        disableShareFilter={
+          filterComponentOptions?.tabOptions?.disableShareFilter
+        }
       />
     </Box>
   );

package/src/listing/types/filter.ts

@@ -142,6 +142,7 @@ interface FilterComponentTabOptions {
   isSingleFilter?: boolean;
   isSingleEntity?: boolean;
   showFilter?: TabType;
+  disableShareFilter?: boolean;
 }
 
 export type FilterComponentOptions =

package/src/view/ListingView.tsx

@@ -480,6 +480,7 @@ function ListingView() {
               showTabs: true,
               isRuleEngine: true,
               tabOptions: {
+                disableShareFilter: false,
                 // isSingleEntity: true,
                 mainFilter: {
                   showSaveButton: true,