useResourceSearchParams and export AvailableFacets component

[ChristopherChudzicki]

What are the relevant tickets?

• related to PR Search page cleanup mit-learn#675
• issue Search Page Cleanup mit-learn#640
  -Issue Remove generated API client, use published client instead #76

Description (What does it do?)

This PR:

• removes useSearchQueryParams, which has not been used in any production code
• adds useResourceSearchParams, useContentFileSearchParams. These hooks:
  • calculate parameters for MIT Open's /api/v1/learning_resource_search or /api/v1/content_file_search based on a URLSearchParams object.
  • provide setters to assist in setting the search params.
  • See https://github.com/mitodl/course-search-utils/pull/78/files#r1538448263 for more
• Exports AvailableFacets, a portion of the existing FacetDisplay component.
• Replaces the in-repo generated client with client from https://github.com/mitodl/open-api-clients

How can this be tested?

Test by instructions in mitodl/mit-learn#675

[ChristopherChudzicki]

There are some notable differences in these hooks vs the useSearchQueryParams, which these two hooks replace.

1. "Facets" are less special: The old hook returned a params object with shape { queryText, sort, activeFacets }. Everything was a facet except queryText and sort.

   This was problematic for some UIs, e.g., this one which has (A) resource tbas and (B) a sidebar for facets. Previously, the "Clear All" button would reset the resource tab, even though it's not part of the filtering sidebar.

   In the new hooks, facets are determined by a parameter, facets, and clearAllFacets only clears the parameters that are listed as facets.

2. Two separate hooks for for /api/v1/learning_resources_search and /api/v1/content_files_search. This makes the typescript much simpler, and seems reasonable since the APIs are separate.

3. Uses API parameter names, not abbreviations. ("department" not "d").

[ChristopherChudzicki]

FacetDisplay consisted over three portions:

1. A title, "Facets" and "Clear All" button
2. the "Active Facets", displayed in OCW as "chips" with rounded corners
3. a list of the "Available Facets"

In MIT Open, we do not want (2). Since (1) is simple, it can be implemented easily in MIT Open.

But (3) is worth exporting on its own.

[ChristopherChudzicki]

Originally, I was not going to introduce the @mitodl/open-api-axios client in this PR. However, the client previously committed in this repo was missing the new resource_type: Video which caused some type errors in MIT Open, so I went ahead and replaced the client in this PR.

[abeglova]

👍