[WEB-1955] fix: data types and css fixes added (#5216)

* fix: data types and css fixes for bulk ops

* fix: TBulkIssueProperties keys

packages/types/src/issues/issue.d.ts

@@ -1,7 +1,7 @@
-import { TIssuePriorities } from "../issues";
-import { TIssueAttachment } from "./issue_attachment";
-import { TIssueLink } from "./issue_link";
-import { TIssueReaction } from "./issue_reaction";
+import {TIssuePriorities} from "../issues";
+import {TIssueAttachment} from "./issue_attachment";
+import {TIssueLink} from "./issue_link";
+import {TIssueReaction} from "./issue_reaction";
 
 // new issue structure types
 
@@ -42,13 +42,10 @@ export type TBaseIssue = {
 export type TIssue = TBaseIssue & {
   description_html?: string;
   is_subscribed?: boolean;
-
-  parent?: partial<TIssue>;
-
+  parent?: Partial<TIssue>;
   issue_reactions?: TIssueReaction[];
   issue_attachment?: TIssueAttachment[];
   issue_link?: TIssueLink[];
-
   // tempId is used for optimistic updates. It is not a part of the API response.
   tempId?: string;
 };
@@ -94,6 +91,9 @@ export type TBulkIssueProperties = Pick<
   | "assignee_ids"
   | "start_date"
   | "target_date"
+  | "module_ids"
+  | "cycle_id"
+  | "estimate_point"
 >;
 
 export type TBulkOperationsPayload = {

web/core/components/dropdowns/module/index.tsx

@@ -36,7 +36,7 @@ type Props = TDropdownProps & {
     | {
         multiple: true;
         onChange: (val: string[]) => void;
-        value: string[];
+        value: string[] | null;
       }
   );
 
@@ -139,7 +139,9 @@ const ButtonContent: React.FC<ButtonContentProps> = (props) => {
     return (
       <>
         {!hideIcon && <DiceIcon className="h-3 w-3 flex-shrink-0" />}
-        {!hideText && <span className="flex-grow truncate text-left">{value ?? placeholder}</span>}
+        {!hideText && (
+          <span className="flex-grow truncate text-left">{value ? getModuleById(value)?.name : placeholder}</span>
+        )}
         {dropdownArrow && (
           <ChevronDown className={cn("h-2.5 w-2.5 flex-shrink-0", dropdownArrowClassName)} aria-hidden="true" />
         )}

web/core/components/ui/labels-list.tsx

@@ -29,7 +29,8 @@ export const IssueLabelsList: FC<IssueLabelsListProps> = (props) => {
           >
             <div className="h-full flex items-center gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1 text-xs text-custom-text-200">
               <span className="h-2 w-2 flex-shrink-0 rounded-full bg-custom-primary" />
-              {`${labels.length} Labels`}
+              <span>{labels.length}</span>
+              <span> Labels</span>
             </div>
           </Tooltip>
         </>