chore!: migrate to prettier 3 and updated plugins (#754) (#755)

* chore!: update tanstack packages to latest (#752)

* chore!: update isomorphic-dompurify to latest (#752)

* chore!: update mui/material to latest (#752)

* chore!: update copy-to-clipboard, react-dropzone, react-window, yup (#752)

* chore!: update @commitlint/cli, @commitlint/config-conventional (#752)

* chore!: updated @emotion/react, @emotion/styled, @emotion/jest to latest (#752)

* chore: update @testing-library/react to latest (#742)

* chore: update storybook (#752)

* chore: update @typescript-eslint/eslint-plugin to latest (#752)

* chore: update eslint and eslint-config-prettier (#752)

* chore: update eslint-related packages (#752)

* chore: minor bump prettier (#752)

* chore!: update package-lock (#752)

* chore: udpate package-lock (#752)

* chore: migrate to prettier 3 and updated plugins (#754)

---------

Co-authored-by: Fran McDade <18710366+frano-m@users.noreply.github.com>

Author: frano-m

docs/TRUSTED_PUBLISHING.md

@@ -50,7 +50,6 @@ To enable trusted publishing for this package on npm, you need to:
 
 1. **Log in to npm** and navigate to the package settings for `@databiosphere/findable-ui`
 2. **Add a GitHub Actions Publishing Workflow**:
-
    - Go to the package's publishing settings
    - Click "Add GitHub Actions Publishing Workflow"
    - Configure the trusted publisher with:

package-lock.json

@@ -41,7 +41,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jsdoc": "^61.5.0",
-    "eslint-plugin-prettier": "^4.2.5",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-sonarjs": "^0.25.1",
     "eslint-plugin-sort-destructure-keys": "^2.0.0",
@@ -51,8 +51,8 @@
     "jest": "^29.4.1",
     "jest-environment-jsdom": "^29.4.1",
     "jest-fetch-mock": "^3.0.3",
-    "prettier": "^2.8.8",
-    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier": "^3.7.4",
+    "prettier-plugin-organize-imports": "^4.3.0",
     "storybook": "^10.1.10",
     "ts-jest": "^29.2.5",
     "typescript": "^5.5.4"

package.json

@@ -52,7 +52,7 @@ export function transformFilters(filters: Filters): string {
 }
 
 export function transformAzulPagination(
-  azulPagination: AzulPaginationResponse | undefined
+  azulPagination: AzulPaginationResponse | undefined,
 ): PaginationResponse {
   if (!azulPagination) {
     return {
@@ -74,7 +74,7 @@ export function transformAzulPagination(
 
 function extractIndex(
   type: AzulSearchIndex,
-  urlString: string | undefined
+  urlString: string | undefined,
 ): PaginationIndex | null {
   if (!urlString) {
     return null;
@@ -95,7 +95,7 @@ function extractIndex(
  */
 export function transformTermFacets(
   termFacets: AzulTermFacets,
-  filterState: SelectedFilter[]
+  filterState: SelectedFilter[],
 ): SelectCategory[] {
   const categories: SelectCategory[] = [];
 
@@ -104,7 +104,7 @@ export function transformTermFacets(
     const termFacet = termFacets[key];
     // Build a set of filter state category values for the category.
     const setOfFilterStateValues = new Set(
-      filterState.find(({ categoryKey }) => categoryKey === key)?.value
+      filterState.find(({ categoryKey }) => categoryKey === key)?.value,
     );
 
     // Build category values from terms of term facet.
@@ -121,7 +121,7 @@ export function transformTermFacets(
           label: term.term ?? LABEL.UNSPECIFIED,
           selected: false, // Selected state updated in filter hook.
         };
-      }
+      },
     );
 
     // Add remaining filter state category values to the category values. This allows us to maintain the selected

src/apis/azul/common/filterTransformer.ts

@@ -32,7 +32,7 @@ function isTrackingEnabled(): boolean {
  */
 export function track(
   eventName: EVENT_NAME,
-  params: EventParams[typeof eventName]
+  params: EventParams[typeof eventName],
 ): void {
   if (!isTrackingEnabled()) {
     return;

src/common/analytics/analytics.ts

@@ -8,7 +8,7 @@ import { CategoryConfig } from "../types";
  * @returns True if the category config is a range category, false otherwise.
  */
 export function isRangeCategoryConfig(
-  categoryConfig: CategoryConfig
+  categoryConfig: CategoryConfig,
 ): categoryConfig is RangeCategoryView {
   return categoryConfig.viewKind === VIEW_KIND.RANGE;
 }

src/common/categories/config/range/typeGuards.ts

@@ -24,19 +24,17 @@ export interface CommonCategoryConfig {
  * Range category config.
  */
 export interface RangeCategoryConfig
-  extends CommonCategoryConfig,
-    RangeViewKind {
+  extends CommonCategoryConfig, RangeViewKind {
   unit?: string; // e.g. "kg"
 }
 
 /**
  * Select category config.
  */
 export interface SelectCategoryConfig
-  extends CommonCategoryConfig,
-    SelectViewKind {
+  extends CommonCategoryConfig, SelectViewKind {
   enableChartView?: boolean;
   mapSelectCategoryValue?: (
-    selectCategoryValue: SelectCategoryValueView
+    selectCategoryValue: SelectCategoryValueView,
   ) => SelectCategoryValueView;
 }

src/common/categories/config/types.ts

@@ -12,14 +12,14 @@ import { CategoryConfig } from "./types";
 export function findCategoryConfig<V extends VIEW_KIND>(
   viewKind: V,
   key: Category["key"],
-  configs: CategoryConfig[]
+  configs: CategoryConfig[],
 ): Extract<CategoryConfig, { viewKind?: V }> | undefined {
   return configs.find(
     (c): c is Extract<CategoryConfig, { viewKind?: V }> =>
       // When `viewKind` is undefined, it corresponds to a `SelectCategoryConfig`.
       // This predicate ensures that `viewKind` is either explicitly matched or treated as undefined
       // for compatibility with `SelectCategoryConfig` and other explicitly defined view kinds.
-      (c.viewKind === undefined || c.viewKind === viewKind) && c.key === key
+      (c.viewKind === undefined || c.viewKind === viewKind) && c.key === key,
   );
 }
 
@@ -31,7 +31,7 @@ export function findCategoryConfig<V extends VIEW_KIND>(
  */
 export function findRangeCategoryConfig(
   key: Category["key"],
-  configs: CategoryConfig[]
+  configs: CategoryConfig[],
 ): Extract<CategoryConfig, { viewKind: VIEW_KIND.RANGE }> | undefined {
   return findCategoryConfig(VIEW_KIND.RANGE, key, configs);
 }
@@ -44,7 +44,7 @@ export function findRangeCategoryConfig(
  */
 export function findSelectCategoryConfig(
   key: Category["key"],
-  configs: CategoryConfig[]
+  configs: CategoryConfig[],
 ): Extract<CategoryConfig, { viewKind?: VIEW_KIND.SELECT }> | undefined {
   return findCategoryConfig(VIEW_KIND.SELECT, key, configs);
 }

src/common/categories/config/utils.ts

@@ -22,7 +22,7 @@ export function assertIsRange(value: unknown): asserts value is SelectedRange {
 export function buildNextRangeFilterState(
   nextCategorySelectedFilter: SelectedFilter,
   selectedValue: CategoryValueKey,
-  selected: boolean
+  selected: boolean,
 ): void {
   if (selected) {
     // Assert that the selected value is a range.
@@ -43,7 +43,7 @@ export function buildNextRangeFilterState(
  * @returns The selected filter (i.e. the set of selected values) for the given category.
  */
 export function getRangeSelectedValue(
-  categorySelectedFilter?: SelectedFilter
+  categorySelectedFilter?: SelectedFilter,
 ): SelectedRange {
   return isSelectedRange(categorySelectedFilter?.value)
     ? categorySelectedFilter?.value

src/common/categories/models/range/utils.ts

@@ -9,15 +9,15 @@ import { CategoryValueKey, SelectedFilter } from "../../../entities";
 export function buildNextSelectFilterState(
   nextCategorySelectedFilter: SelectedFilter,
   selectedValue: CategoryValueKey,
-  selected: boolean
+  selected: boolean,
 ): void {
   if (selected) {
     // Set the selected value.
     nextCategorySelectedFilter.value.push(selectedValue);
   } else {
     // Remove the selected value from the selected set of values.
     nextCategorySelectedFilter.value = nextCategorySelectedFilter.value.filter(
-      (value: CategoryValueKey) => value !== selectedValue
+      (value: CategoryValueKey) => value !== selectedValue,
     );
   }
 }