@databiosphere/findable-ui 11.0.0 → 13.0.1

package/.github/workflows/release-please.yml

@@ -0,0 +1,48 @@
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+  pull-requests: write
+
+name: release-please
+
+jobs:
+  release-please:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: googleapis/release-please-action@v4
+        id: release
+        with:
+          # this assumes that you have created a personal access token
+          # (PAT) and configured it as a GitHub action secret named
+          # `MY_RELEASE_PLEASE_TOKEN` (this secret name is not important).
+          token: ${{ secrets.RELEASE_PLEASE_TOKEN }}
+          # This is a built-in strategy in release-please, see "Action Inputs" for more options
+          release-type: node
+
+      # The logic below handles the npm publication:
+      - uses: actions/checkout@v4
+
+      # These if statements ensure that a publication only occurs when a new release is created:
+      - uses: actions/setup-node@v4
+        if: ${{ steps.release.outputs.release_created }}
+        with:
+          node-version: 20
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Install dependencies
+        if: ${{ steps.release.outputs.release_created }}
+        run: npm ci
+
+      - name: Compile
+        if: ${{ steps.release.outputs.release_created }}
+        run: npx tsc
+
+      - name: Publish to NPM
+        if: ${{ steps.release.outputs.release_created }}
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.DATABIOSPHERE_FINDABLE_UI_NPM_PUBLISH_TOKEN }} # Ensure this token is scoped to only the permissions required for npm publication to limit security risks.

package/.github/workflows/run-checks.yml

@@ -1,31 +1,57 @@
 name: Run checks
-on: [pull_request]
+on:
+  pull_request:
+    branches:
+      - "**"
 
 jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: "20.10.0"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check code format
+        run: npm run check-format
+
+      - name: Run linter
+        run: npm run lint
+
+      - name: Run tests
+        run: npm run test
 
-      - run: |
-          npm ci
-          npm run check-format
-          npm run lint
-          npm run test
-          npm run test-compile
+      - name: Test compilation
+        run: npm run test-compile
 
   install-without-lock:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: "20.10.0"
+          cache: "npm"
+
+      - name: Remove package lock
+        run: rm package-lock.json
+
+      - name: Install dependencies without lock
+        run: npm install
+
+      - name: Run tests
+        run: npm run test
 
-      - run: |
-          rm package-lock.json
-          npm install
-          npm run test-compile
+      - name: Test compilation
+        run: npm run test-compile

package/.prettierignore

@@ -1,5 +1,6 @@
 # general
 README.md
+CHANGELOG.md
 
 # testing
 coverage

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+## [13.0.1](https://github.com/DataBiosphere/findable-ui/compare/v13.0.0...v13.0.1) (2024-10-18)
+
+
+### Bug Fixes
+
+* give release-please workflow step an id ([#235](https://github.com/DataBiosphere/findable-ui/issues/235)) ([#236](https://github.com/DataBiosphere/findable-ui/issues/236)) ([420733f](https://github.com/DataBiosphere/findable-ui/commit/420733f3d6dc51f44301b06476550f499b4ffbd3))
+
+## [13.0.0](https://github.com/DataBiosphere/findable-ui/compare/v12.0.0...v13.0.0) (2024-10-18)
+
+
+### ⚠ BREAKING CHANGES
+
+* use ky with limited retries instead of axios ([#203](https://github.com/DataBiosphere/findable-ui/issues/203)) (#216)
+
+### Features
+
+* remove dry run from npm publish ([#231](https://github.com/DataBiosphere/findable-ui/issues/231)) ([#234](https://github.com/DataBiosphere/findable-ui/issues/234)) ([f44d0c3](https://github.com/DataBiosphere/findable-ui/commit/f44d0c3cb2859af6b87d33f5f6e16673db77ec52))
+* use ky with limited retries instead of axios ([#203](https://github.com/DataBiosphere/findable-ui/issues/203)) ([#216](https://github.com/DataBiosphere/findable-ui/issues/216)) ([ec18080](https://github.com/DataBiosphere/findable-ui/commit/ec18080e3191f99a88e9ddec174c9f953d9e3a41))
+
+
+### Bug Fixes
+
+* add changelog to gitignore ([#232](https://github.com/DataBiosphere/findable-ui/issues/232)) ([#233](https://github.com/DataBiosphere/findable-ui/issues/233)) ([b99ba34](https://github.com/DataBiosphere/findable-ui/commit/b99ba34088199b561b38493888206ed475a209e4))

package/jest.config.js

@@ -1,5 +1,5 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 module.exports = {
-  preset: "ts-jest",
+  preset: "ts-jest/presets/js-with-ts-esm",
   testEnvironment: "jest-environment-jsdom",
 };

package/lib/common/analytics/entities.d.ts

@@ -17,7 +17,6 @@ export declare enum EVENT_PARAM {
     COLUMN_NAME = "column_name",
     CURRENT_QUERY = "current_query",
     ENTITY_NAME = "entity_name",
-    ENTITY_TYPE = "entity_type",
     FILTER_NAME = "filter_name",
     FILTER_VALUE = "filter_value",
     INDEX = "index",
@@ -46,7 +45,6 @@ export type EventParams = {
     [EVENT_NAME.BULK_DOWNLOAD_REQUESTED]: {
         [EVENT_PARAM.CATALOG]: string;
         [EVENT_PARAM.CURRENT_QUERY]: string;
-        [EVENT_PARAM.ENTITY_TYPE]: string;
         [EVENT_PARAM.INDEX]: string;
         [EVENT_PARAM.TOOL_NAME]: string;
     };

package/lib/common/analytics/entities.js

@@ -18,7 +18,6 @@ export var EVENT_PARAM;
     EVENT_PARAM["COLUMN_NAME"] = "column_name";
     EVENT_PARAM["CURRENT_QUERY"] = "current_query";
     EVENT_PARAM["ENTITY_NAME"] = "entity_name";
-    EVENT_PARAM["ENTITY_TYPE"] = "entity_type";
     EVENT_PARAM["FILTER_NAME"] = "filter_name";
     EVENT_PARAM["FILTER_VALUE"] = "filter_value";
     EVENT_PARAM["INDEX"] = "index";

package/lib/components/Export/common/tracking.js

@@ -17,7 +17,6 @@ export function bulkDownloadTracking(index, toolName, requestParams) {
     track(EVENT_NAME.BULK_DOWNLOAD_REQUESTED, {
         [EVENT_PARAM.CATALOG]: catalog,
         [EVENT_PARAM.CURRENT_QUERY]: currentQuery,
-        [EVENT_PARAM.ENTITY_TYPE]: "Bulk Download",
         [EVENT_PARAM.INDEX]: index,
         [EVENT_PARAM.TOOL_NAME]: toolName,
     });

package/lib/components/Export/components/ExportMethod/exportMethod.d.ts

@@ -6,5 +6,6 @@ export interface ExportMethodProps {
     isAccessible?: boolean;
     route: string;
     title: string;
+    trackingId?: string;
 }
-export declare const ExportMethod: ({ buttonLabel, description, footnote, isAccessible, route, title, }: ExportMethodProps) => JSX.Element;
+export declare const ExportMethod: ({ buttonLabel, description, footnote, isAccessible, route, title, trackingId, }: ExportMethodProps) => JSX.Element;

package/lib/components/Export/components/ExportMethod/exportMethod.js

@@ -6,7 +6,7 @@ import { FluidPaper } from "../../../common/Paper/paper.styles";
 import { SectionTitle } from "../../../common/Section/components/SectionTitle/sectionTitle";
 import { Section, SectionActions, SectionContent, } from "../../../common/Section/section.styles";
 import { ExportButton, SectionFootnote } from "./exportMethod.styles";
-export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, }) => {
+export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, trackingId, }) => {
     const { disabled, message } = useDownloadStatus();
     return (React.createElement(FluidPaper, null,
         React.createElement(Section, null,
@@ -16,7 +16,6 @@ export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible
             React.createElement(SectionActions, null,
                 React.createElement(Tooltip, { arrow: true, title: message },
                     React.createElement("span", null,
-                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true },
-                            React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel))))),
+                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true }, trackingId ? (React.createElement(ExportButton, { disabled: disabled || !isAccessible, id: trackingId }, buttonLabel)) : (React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel)))))),
             footnote && React.createElement(SectionFootnote, null, footnote))));
 };

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.js

@@ -8,5 +8,5 @@ export const ExportButton = () => {
     return (React.createElement(Tooltip, { arrow: true, title: message },
         React.createElement("span", null,
             React.createElement(Link, { href: "/export", legacyBehavior: true, passHref: true },
-                React.createElement(Button, { disabled: disabled || isLoading, href: "passHref" }, "Export")))));
+                React.createElement(Button, { disabled: disabled || isLoading, href: "passHref", id: "button-cohort-export" }, "Export")))));
 };

package/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero.d.ts

@@ -5,10 +5,11 @@ import { CallToAction } from "../../../../../common/Button/components/CallToActi
  * Back page hero component comprising breadcrumbs, title, status and tabs.
  */
 export interface BackPageHeroProps {
+    actions?: ReactNode;
     breadcrumbs?: Breadcrumb[];
     callToAction?: CallToAction;
     children?: ReactNode;
     subTitle?: ReactNode;
     title?: ReactNode;
 }
-export declare const BackPageHero: ({ breadcrumbs, callToAction, children, subTitle, title, }: BackPageHeroProps) => JSX.Element;
+export declare const BackPageHero: ({ actions, breadcrumbs, callToAction, children, subTitle, title, }: BackPageHeroProps) => JSX.Element;

package/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero.js

@@ -3,14 +3,15 @@ import { Breadcrumbs, } from "../../../../../common/Breadcrumbs/breadcrumbs";
 import { Title } from "../../../../../common/Title/title";
 import { BackPageHeroHeadline, CallToActionButton, HeroHeader, } from "./backPageHero.styles";
 import { SubTitle } from "./components/SubTitle/subTitle";
-export const BackPageHero = ({ breadcrumbs, callToAction, children, subTitle, title, }) => {
-    const HeroHeadline = callToAction ? BackPageHeroHeadline : Fragment;
+export const BackPageHero = ({ actions, breadcrumbs, callToAction, children, subTitle, title, }) => {
+    const HeroHeadline = actions || callToAction ? BackPageHeroHeadline : Fragment;
     return (React.createElement(React.Fragment, null,
         (breadcrumbs || title) && (React.createElement(HeroHeadline, null,
             React.createElement(HeroHeader, { gap: 1 },
                 breadcrumbs && React.createElement(Breadcrumbs, { breadcrumbs: breadcrumbs }),
                 title && React.createElement(Title, { title: title }),
                 React.createElement(SubTitle, { subTitle: subTitle })),
+            actions,
             callToAction && React.createElement(CallToActionButton, { callToAction: callToAction }))),
         children));
 };

package/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero.styles.js

@@ -1,6 +1,6 @@
 import styled from "@emotion/styled";
 import { Stack } from "@mui/material";
-import { TABLET } from "../../../../../../theme/common/breakpoints";
+import { mediaTabletUp } from "../../../../../../styles/common/mixins/breakpoints";
 import { CallToActionButton as CTAButton } from "../../../../../common/Button/components/CallToActionButton/callToActionButton";
 export const BackPageHeroHeadline = styled.div `
   display: contents;
@@ -9,7 +9,7 @@ export const BackPageHeroHeadline = styled.div `
     grid-column: 1 / -1; // Title and breadcrumbs consume full width of available grid.
   }
 
-  ${({ theme }) => theme.breakpoints.up(TABLET)} {
+  ${mediaTabletUp} {
     display: flex;
     flex: 1;
     gap: 88px;
@@ -26,7 +26,7 @@ export const CallToActionButton = styled(CTAButton) `
   align-self: center;
   justify-self: flex-start;
 
-  ${({ theme }) => theme.breakpoints.up(TABLET)} {
+  ${mediaTabletUp} {
     justify-self: flex-end;
   }
 `;

package/lib/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface ActionsProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const Actions: ({ children, className }: ActionsProps) => JSX.Element;

package/lib/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { BackPageHeroActions } from "./actions.styles";
+export const Actions = ({ children, className }) => {
+    return (React.createElement(BackPageHeroActions, { className: className }, children));
+};

package/lib/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const BackPageHeroActions: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.styles.js

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+import { mediaTabletUp } from "../../../../../../../../styles/common/mixins/breakpoints";
+export const BackPageHeroActions = styled.div `
+  align-items: center;
+  align-self: center;
+  display: flex;
+  gap: 16px;
+  justify-self: flex-start;
+
+  ${mediaTabletUp} {
+    justify-self: flex-end;
+  }
+`;

package/lib/components/Layout/components/Header/common/entities.d.ts

@@ -13,4 +13,5 @@ export declare enum SELECTED_MATCH {
 }
 export interface SocialMedia {
     socials: Social[];
+    visible?: Partial<Record<BreakpointKey, boolean>>;
 }

package/lib/components/Layout/components/Header/common/utils.d.ts

@@ -1,6 +1,7 @@
 import { Breakpoint } from "@mui/material";
+import { UseBreakpoint } from "../../../../../hooks/useBreakpoint";
 import { NavLinkItem } from "../components/Content/components/Navigation/navigation";
-import { Navigation } from "./entities";
+import { Navigation, SocialMedia } from "./entities";
 /**
  * Returns the configured menu navigation links.
  * @param navigation - Navigation links.
@@ -14,3 +15,10 @@ export declare function getMenuNavigationLinks(navigation?: Navigation): NavLink
  * @returns navigation links.
  */
 export declare function getNavigationLinks(navigationLinks?: NavLinkItem[], breakpoint?: Breakpoint): NavLinkItem[];
+/**
+ * Returns true if the social media is visible at the current breakpoint.
+ * @param bp - Breakpoint.
+ * @param socialMedia - Social media.
+ * @returns true.
+ */
+export declare function isSocialsVisible(bp: Pick<UseBreakpoint, "breakpoint" | "lgUp">, socialMedia?: SocialMedia): boolean;

package/lib/components/Layout/components/Header/common/utils.js

@@ -1,5 +1,5 @@
 import { isClientSideNavigation } from "../../../../Links/common/utils";
-import { SELECTED_MATCH } from "./entities";
+import { SELECTED_MATCH, } from "./entities";
 /**
  * Adds to the set of selected patterns, for the navigation link, at the current breakpoint.
  * @param setOfPatterns - Set of selected patterns.
@@ -126,6 +126,21 @@ function isLinkVisible(navLinkItem, breakpoint) {
         return true; // Default is visible.
     return navLinkItem.visible[breakpoint] !== false;
 }
+/**
+ * Returns true if the social media is visible at the current breakpoint.
+ * @param bp - Breakpoint.
+ * @param socialMedia - Social media.
+ * @returns true.
+ */
+export function isSocialsVisible(bp, socialMedia) {
+    if (!socialMedia)
+        return false;
+    if (!bp.breakpoint)
+        return false;
+    if (!socialMedia.visible)
+        return bp.lgUp;
+    return socialMedia.visible[bp.breakpoint] !== false;
+}
 /**
  * Returns the navigation link with the selected matches, for the current breakpoint.
  * @param navLinkItem - Navigation link.

package/lib/components/Layout/components/Header/hooks/useHeaderVisibility.js

@@ -1,4 +1,5 @@
 import { useBreakpoint } from "../../../../../hooks/useBreakpoint";
+import { isSocialsVisible } from "../common/utils";
 /**
  * Returns header component visibility for header related rendering logic.
  * @param headerProps - Header component props.
@@ -25,7 +26,7 @@ export const useHeaderVisibility = (headerProps) => {
     const isNavigationIn = smUp;
     const isMenuIn = hasMenu;
     const isSloganIn = hasSlogan && mdUp;
-    const isSocialsIn = hasSocials && lgUp;
+    const isSocialsIn = hasSocials && isSocialsVisible({ breakpoint, lgUp }, socialMedia);
     // Determines navigation visibility.
     const isCenterNavigationIn = isNavigationIn && hasNavItemsC;
     const isLeftNavigationIn = isNavigationIn && hasNavItemsL;

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/supportRequestForm.js

@@ -105,8 +105,6 @@ export const SupportRequestForm = ({ setFormSubmitted, supportRequest, }) => {
                 submitting: false,
             }));
             setFormSubmitted(true); // Shows form submitted message.
-            // Execute GTM tracking.
-            // TODO(cc) add GTM tracking.
         }
         catch (error) {
             setFormState((formState) => ({
@@ -131,7 +129,7 @@ export const SupportRequestForm = ({ setFormSubmitted, supportRequest, }) => {
             React.createElement(UploadFile, { isDragActive: isDragActive, label: FORM_CONTROL_LABEL.ATTACHMENT_TOKEN, onAttachmentDeleted: onAttachmentDeleted, open: open, ...formState })),
         React.createElement(Section, null,
             React.createElement(SectionActions, null,
-                React.createElement(ButtonPrimary, { disabled: Boolean(errors) || formState.submitting, fullWidth: true, onClick: onSupportRequestSubmitted }, "Send")))))));
+                React.createElement(ButtonPrimary, { disabled: Boolean(errors) || formState.submitting, fullWidth: true, onClick: onSupportRequestSubmitted, id: "button-support-request" }, "Send")))))));
 };
 /**
  * Build support request model from form values.

package/lib/components/TempError/tempError.d.ts

@@ -1,6 +1,6 @@
-import { AxiosError } from "axios";
+import { HTTPError } from "ky";
 interface TempErrorProps {
-    error: Error | AxiosError;
+    error: Error | HTTPError;
 }
 export declare const TempError: ({ error }: TempErrorProps) => JSX.Element;
 export {};

package/lib/components/TempError/tempError.js

@@ -1,12 +1,12 @@
-import { isAxiosError } from "axios";
+import { HTTPError } from "ky";
 import React from "react";
 import { ErrorBox } from "./components/errorBox";
 export const TempError = ({ error }) => {
-    const { code, request } = isAxiosError(error)
+    const { code, request } = error instanceof HTTPError
         ? {
             ...error,
-            code: error.response?.status,
-            request: error.request.responseURL,
+            code: error.response.status,
+            request: error.response.url,
         }
         : { ...error, code: null, request: null };
     return (React.createElement("div", null,

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from "@mui/material";
 import { ElementType } from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface CallToAction {
@@ -7,8 +8,9 @@ export interface CallToAction {
 }
 export interface CallToActionButtonProps {
     ButtonElType?: ElementType;
+    buttonProps?: Partial<ButtonProps>;
     callToAction: CallToAction;
     className?: string;
     disabled?: boolean;
 }
-export declare const CallToActionButton: ({ ButtonElType: Button, callToAction, className, disabled, }: CallToActionButtonProps) => JSX.Element;
+export declare const CallToActionButton: ({ ButtonElType: Button, buttonProps, callToAction, className, disabled, }: CallToActionButtonProps) => JSX.Element;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.js

@@ -3,9 +3,9 @@ import React from "react";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../Links/common/entities";
 import { isClientSideNavigation } from "../../../../Links/common/utils";
 import { ButtonPrimary } from "../ButtonPrimary/buttonPrimary";
-export const CallToActionButton = ({ ButtonElType: Button = ButtonPrimary, callToAction, className, disabled = false, }) => {
+export const CallToActionButton = ({ ButtonElType: Button = ButtonPrimary, buttonProps, callToAction, className, disabled = false, }) => {
     const { label, target, url } = callToAction;
     const isInternal = isClientSideNavigation(url);
     return isInternal ? (React.createElement(NLink, { href: url, legacyBehavior: true, passHref: true },
-        React.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF }, label))) : (React.createElement(Button, { className: className, disabled: disabled, href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK }, label));
+        React.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF, ...buttonProps }, label))) : (React.createElement(Button, { className: className, disabled: disabled, href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK, ...buttonProps }, label));
 };

package/lib/components/common/Markdown/markdown.d.ts

@@ -1,4 +1,6 @@
+import { BoxProps as MBoxProps } from "@mui/material";
 export interface MarkdownProps {
     content: string;
+    sx?: MBoxProps["sx"];
 }
-export declare const Markdown: ({ content }: MarkdownProps) => JSX.Element;
+export declare const Markdown: ({ content, sx }: MarkdownProps) => JSX.Element;

package/lib/components/common/Markdown/markdown.js

@@ -1,6 +1,7 @@
 // TODO deprecate component if possible (see MDXMarkdown)
+import { Box as MBox } from "@mui/material";
 import DOMPurify from "isomorphic-dompurify";
 import React from "react";
-export const Markdown = ({ content }) => {
-    return (React.createElement("div", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(content) } }));
+export const Markdown = ({ content, sx }) => {
+    return (React.createElement(MBox, { component: "div", dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(content) }, sx: { minWidth: 0, wordBreak: "break-word", ...sx } }));
 };

package/lib/config/entities.d.ts

@@ -111,7 +111,6 @@ export interface DataSourceConfig {
     defaultParams?: {
         catalog: string;
     };
-    entityURL?: string;
     url: string;
 }
 /**

package/lib/entity/api/service.js

@@ -5,11 +5,11 @@
 import { APIEndpoints, AZUL_PARAM, } from "../../apis/azul/common/entities";
 import { transformFilters } from "../../apis/azul/common/filterTransformer";
 import { getConfig } from "../../config/config";
-import { getDefaultDetailParams, getDefaultListParams, getEntityURL, } from "../../shared/utils";
+import { getDefaultDetailParams, getDefaultListParams, } from "../../shared/utils";
 import { convertUrlParams } from "../../utils/url";
-import { api } from "../common/client";
+import { fetchApi } from "../common/client";
 import { fetchEntitiesFromURL } from "../common/service";
-import { getAxiosRequestOptions } from "../common/utils";
+import { getKyRequestOptions } from "../common/utils";
 /**
  * Make a GET or POST request for a list of entities
  * @param apiPath - Path that will be used to compose the API url
@@ -38,7 +38,7 @@ export const fetchAllEntities = async (apiPath, accessToken, catalog, listParams
     let hits = result.hits;
     let nextPage = result.pagination.next;
     while (nextPage) {
-        const { data: nextPageJson } = await api().get(nextPage);
+        const nextPageJson = await (await fetchApi(nextPage)).json();
         nextPage = nextPageJson.pagination.next;
         hits = [...hits, ...nextPageJson.hits];
     }
@@ -49,8 +49,8 @@ export const fetchAllEntities = async (apiPath, accessToken, catalog, listParams
  * @returns name of the default catalog and all available catalogs.
  */
 export const fetchCatalog = async () => {
-    const res = await api().get(APIEndpoints.CATALOGS);
-    return res.data;
+    const res = await fetchApi(APIEndpoints.CATALOGS);
+    return await res.json();
 };
 /**
  *  Request to get a single project.
@@ -66,15 +66,13 @@ export const fetchEntityDetail = async (id, apiPath, catalog, accessToken, defau
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- this response type can't be determined beforehand
 ) => {
     const catalogParam = catalog ? { [AZUL_PARAM.CATALOG]: catalog } : undefined;
-    const options = getAxiosRequestOptions(accessToken);
-    const baseURL = getEntityURL();
-    return await api(baseURL)
-        .get(`${apiPath}/${id}?${convertUrlParams({
+    const options = getKyRequestOptions(accessToken);
+    return await fetchApi(`${apiPath}/${id}?${convertUrlParams({
         ...defaultParams,
         ...catalogParam,
     })}`, options)
         .then((res) => {
-        return res.data;
+        return res.json();
     })
         .catch((error) => {
         if (swallow404) {
@@ -109,9 +107,9 @@ export const fetchSummary = async (filterState, catalog, accessToken) => {
             [AZUL_PARAM.FILTERS]: filtersParam,
         };
     }
-    const options = getAxiosRequestOptions(accessToken);
-    const res = await api().get(`${apiPath}?${convertUrlParams({ ...summaryParams })}`, options);
-    return res.data;
+    const options = getKyRequestOptions(accessToken);
+    const res = await fetchApi(`${apiPath}?${convertUrlParams({ ...summaryParams })}`, options);
+    return await res.json();
 };
 /**
  * Fetch summary from given URL.
@@ -120,8 +118,8 @@ export const fetchSummary = async (filterState, catalog, accessToken) => {
  * @returns summary response.
  */
 export const fetchSummaryFromURL = async (path, accessToken) => {
-    const res = await api().get(path, getAxiosRequestOptions(accessToken));
-    return res.data;
+    const res = await fetchApi(path, getKyRequestOptions(accessToken));
+    return await res.json();
 };
 /**
  * Fetch system status from given URL.
@@ -129,6 +127,6 @@ export const fetchSummaryFromURL = async (path, accessToken) => {
  * @returns system status.
  */
 export const fetchSystemStatusFromURL = async (URL) => {
-    const res = await api().get(URL);
-    return res.data;
+    const res = await fetchApi(URL);
+    return await res.json();
 };

package/lib/entity/common/client.d.ts

@@ -1,12 +1,8 @@
-import { AxiosInstance } from "axios";
+import { Options, ResponsePromise } from "ky";
 /**
- * Adding response interceptors to axios instances.
- * @param api - AxiosInstance.
+ * Makes an HTTP request with the API URL as a base.
+ * @param url - URL to fetch.
+ * @param options - Ky options.
+ * @returns Ky response.
  */
-export declare const configureInterceptors: (api: AxiosInstance) => void;
-/**
- * Returns a singleton Axios instance configured for making HTTP requests to a specified base URL.
- * @param baseURL - The base URL to use for the AxiosInstance.
- * @returns axios instance.
- */
-export declare const api: (baseURL?: string) => AxiosInstance;
+export declare function fetchApi<T>(url: string, options?: Options): ResponsePromise<T>;