@squiz/resource-browser 1.69.2 → 2.1.8-rc.0

package/lib/ResourcePickerContainer/ResourcePickerContainer.js

@@ -1,166 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_stately_1 = require("react-stately");
-const SourceList_1 = __importDefault(require("../SourceList/SourceList"));
-const ResourceList_1 = __importDefault(require("../ResourceList/ResourceList"));
-const ResourceBreadcrumb_1 = __importDefault(require("../ResourceBreadcrumb/ResourceBreadcrumb"));
-const PreviewPanel_1 = __importDefault(require("../PreviewPanel/PreviewPanel"));
-const SourceDropdown_1 = __importDefault(require("../SourceDropdown/SourceDropdown"));
-const useResourcePath_1 = require("../Hooks/useResourcePath");
-const useChildResources_1 = require("../Hooks/useChildResources");
-const useSources_1 = require("../Hooks/useSources");
-const usePreselectedResourcePath_1 = require("../Hooks/usePreselectedResourcePath");
-const useRecentLocations_1 = require("../Hooks/useRecentLocations");
-const useResource_1 = require("../Hooks/useResource");
-const useRecentResourcesPaths_1 = require("../Hooks/useRecentResourcesPaths");
-function ResourcePickerContainer({ title, titleAriaProps, allowedTypes, onRequestSources, onRequestResource, onRequestChildren, onChange, onClose, preselectedSourceId, preselectedResource, }) {
-    const previewModalState = (0, react_stately_1.useOverlayTriggerState)({});
-    const [selectedSource, setSelectedSource] = (0, react_1.useState)(null);
-    const [selectedResourceId, setSelectedResourceId] = (0, react_1.useState)(null);
-    const [previewModalOverlayProps, setPreviewModalOverlayProps] = (0, react_1.useState)({});
-    const { source, currentResource, hierarchy, setSource, push, popUntil } = (0, useResourcePath_1.useResourcePath)();
-    // Recent locations relevant data
-    const { addRecentLocation, recentLocations } = (0, useRecentLocations_1.useRecentLocations)();
-    const { data: recentLocationsResources, isLoading: recentLocationsResourcesLoading } = (0, useResource_1.useResources)({
-        onRequestResource,
-        references: recentLocations,
-    });
-    const { data: recentLocationsSources, isLoading: recentLocationsLoading } = (0, useRecentResourcesPaths_1.useRecentResourcesPaths)({
-        sourceIds: recentLocations.map((item) => item.source),
-        resources: recentLocationsResources,
-        onRequestResource,
-        onRequestSources,
-    });
-    // Type check the returned values from recent locations requests
-    let recentSources = [];
-    if (Array.isArray(recentLocationsSources))
-        recentSources = recentLocationsSources;
-    const { data: sources, isLoading: isSourceLoading, reload: handleSourceReload, error: sourceError, } = (0, useSources_1.useSources)({ onRequestSources });
-    const { data: resources, isLoading: isResourcesLoading, reload: handleResourceReload, error: resourceError, } = (0, useChildResources_1.useChildResources)({ source, currentResource, onRequestChildren });
-    const { data: { source: preselectedSource, path: preselectedPath }, isLoading: isPreselectedResourcePathLoading, } = (0, usePreselectedResourcePath_1.usePreselectedResourcePath)({
-        sourceId: preselectedSourceId,
-        resource: preselectedResource,
-        onRequestResource,
-        onRequestSources,
-    });
-    const selectedResource = (0, react_1.useMemo)(() => {
-        if (selectedSource) {
-            return selectedSource?.nodes.find((resource) => resource.id === selectedResourceId) || null;
-        }
-        return resources.find((resource) => resource.id === selectedResourceId) || null;
-    }, [selectedResourceId, resources, selectedSource]);
-    const handleResourceDrillDown = (0, react_1.useCallback)((resource) => {
-        push(resource);
-    }, [push]);
-    const handleResourceSelected = (0, react_1.useCallback)((resource, overlayProps) => {
-        setPreviewModalOverlayProps(overlayProps);
-        setSelectedSource(null);
-        setSelectedResourceId(resource.id);
-    }, []);
-    const handleSourceDrilldown = (0, react_1.useCallback)((source) => {
-        setSelectedSource(null);
-        setSelectedResourceId(null);
-        setSource(source);
-    }, [setSource]);
-    const handleSourceSelected = (0, react_1.useCallback)((node, overlayProps) => {
-        const { source, resource } = node;
-        setPreviewModalOverlayProps(overlayProps);
-        setSelectedSource(source || null);
-        setSelectedResourceId(resource?.id || null);
-    }, []);
-    const handleReturnToRoot = (0, react_1.useCallback)(() => {
-        setSelectedSource(null);
-        setSelectedResourceId(null);
-        setSource(null);
-    }, [setSource]);
-    const handleDetailSelect = (0, react_1.useCallback)((resource) => {
-        const detailSelectedSource = selectedSource ?? source?.source;
-        onChange({ resource, source: detailSelectedSource });
-        // Find the path that got them to where they are
-        const lastPathItem = hierarchy[hierarchy.length - 1]?.node;
-        const lastPathResource = lastPathItem && 'resource' in lastPathItem ? lastPathItem?.resource : lastPathItem;
-        if (lastPathResource) {
-            addRecentLocation({
-                resource: lastPathResource.id,
-                source: detailSelectedSource.id,
-            });
-        }
-        onClose();
-    }, [selectedSource, source, currentResource]);
-    const handleDetailClose = (0, react_1.useCallback)(() => {
-        setSelectedSource(null);
-        setSelectedResourceId(null);
-    }, []);
-    // Clear the selected resource if it no longer exists in the list of resources
-    // (eg. due to navigating up/down the tree).
-    (0, react_1.useEffect)(() => {
-        if (resources.length > 0 && selectedResourceId && !selectedResource) {
-            setSelectedSource(null);
-            setSelectedResourceId(null);
-        }
-    }, [resources, selectedResourceId, selectedResource]);
-    (0, react_1.useEffect)(() => {
-        if (preselectedSource && preselectedPath?.length) {
-            const [rootNode, ...path] = preselectedPath;
-            const leaf = path.pop();
-            if (leaf) {
-                setSource({
-                    source: preselectedSource,
-                    resource: rootNode,
-                }, path);
-                setSelectedResourceId(leaf.id);
-            }
-            else {
-                setSelectedSource(preselectedSource);
-                setSelectedResourceId(rootNode.id);
-            }
-        }
-    }, [preselectedSource, preselectedSource]);
-    return (react_1.default.createElement("div", { className: "relative flex flex-col h-full text-gray-800" },
-        react_1.default.createElement("div", { className: "flex items-center p-4.5" },
-            react_1.default.createElement("h2", { ...titleAriaProps, className: "text-xl leading-6 text-gray-800 font-semibold mr-6" }, title),
-            react_1.default.createElement("div", { className: "px-3 border-l border-gray-300 w-300px" },
-                react_1.default.createElement(SourceDropdown_1.default, { sources: sources, selectedSource: source, isLoading: isSourceLoading || recentLocationsLoading || recentLocationsResourcesLoading, onSourceSelect: handleSourceDrilldown, onRootSelect: handleReturnToRoot, setSource: setSource, currentResource: currentResource, recentSources: recentSources })),
-            react_1.default.createElement("button", { type: "button", "aria-label": `Close ${title} dialog`, onClick: onClose, className: "absolute top-2 right-2 p-2.5 rounded hover:bg-blue-100 focus:bg-blue-100" },
-                react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("path", { d: "M13.3 0.710017C13.1131 0.522765 12.8595 0.417532 12.595 0.417532C12.3305 0.417532 12.0768 0.522765 11.89 0.710017L6.99997 5.59002L2.10997 0.700017C1.92314 0.512765 1.66949 0.407532 1.40497 0.407532C1.14045 0.407532 0.886802 0.512765 0.699971 0.700017C0.309971 1.09002 0.309971 1.72002 0.699971 2.11002L5.58997 7.00002L0.699971 11.89C0.309971 12.28 0.309971 12.91 0.699971 13.3C1.08997 13.69 1.71997 13.69 2.10997 13.3L6.99997 8.41002L11.89 13.3C12.28 13.69 12.91 13.69 13.3 13.3C13.69 12.91 13.69 12.28 13.3 11.89L8.40997 7.00002L13.3 2.11002C13.68 1.73002 13.68 1.09002 13.3 0.710017Z", fill: "currentColor" })))),
-        react_1.default.createElement("div", { className: "flex border-t border-gray-300 h-[calc(100%-72px)]" },
-            react_1.default.createElement("div", { className: "overflow-y-scroll flex-1 grow-[3] border-r border-gray-300" },
-                react_1.default.createElement("h3", { className: "sr-only" }, "Resource List"),
-                hierarchy.length > 0 && (react_1.default.createElement(ResourceBreadcrumb_1.default, { hierarchy: hierarchy, onBreadcrumbSelect: popUntil, onReturnToRoot: handleReturnToRoot })),
-                !source && (react_1.default.createElement(SourceList_1.default, { sources: sources, selectedResource: selectedResource, previewModalState: previewModalState, isLoading: isSourceLoading ||
-                        isPreselectedResourcePathLoading ||
-                        recentLocationsLoading ||
-                        recentLocationsResourcesLoading, onSourceSelect: handleSourceSelected, onSourceDrilldown: handleSourceDrilldown, handleReload: handleSourceReload, setSource: setSource, recentSources: recentSources, error: sourceError })),
-                source && (react_1.default.createElement(ResourceList_1.default, { previewModalState: previewModalState, resources: resources, selectedResource: selectedResource, isLoading: isResourcesLoading, onResourceSelect: handleResourceSelected, onResourceDrillDown: handleResourceDrillDown, allowedTypes: allowedTypes, handleReturnToRoot: handleReturnToRoot, handleReload: handleResourceReload, error: resourceError }))),
-            react_1.default.createElement("div", { className: "sm:overflow-y-scroll sm:flex-1 sm:grow-[2] bg-white" },
-                react_1.default.createElement(PreviewPanel_1.default, { resource: isResourcesLoading ? null : selectedResource, modalState: previewModalState, previewModalOverlayProps: previewModalOverlayProps, allowedTypes: allowedTypes, onSelect: handleDetailSelect, onClose: handleDetailClose })))));
-}
-exports.default = ResourcePickerContainer;

package/lib/StatusIndicator/StatusIndicator.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Status } from '../types';
-export type StatusIndicatorProps = {
-    className?: string;
-    status: Status;
-};
-declare const StatusIndicator: ({ className, status }: StatusIndicatorProps) => React.JSX.Element;
-export default StatusIndicator;

package/lib/StatusIndicator/StatusIndicator.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const clsx_1 = __importDefault(require("clsx"));
-const statusColour = {
-    // Duplicated from the Matrix repository.
-    // src/Api/AssetManagementApi/Constants/AssetStatuses.php - contains a list of possible statuses.
-    // frontend/src/styles/common/status-colors.scss - contains the colours used for those statuses in Matrix.
-    unknown: '#ff0000',
-    archived: '#c98a67',
-    under_construction: '#94d1f9',
-    pending_approval: '#d0bbf0',
-    approved_to_go_live: '#f7eaa2',
-    live: '#bfe60a',
-    up_for_review: '#72cd32',
-    safe_editing: '#ff97b0',
-    safe_editing_pending_approval: '#d688db',
-    safe_edit_approved_to_go_live: '#ffb34a',
-};
-const StatusIndicator = ({ className, status }) => {
-    const color = statusColour[status.code] || statusColour.unknown;
-    return (react_1.default.createElement("span", { style: { backgroundColor: color }, className: (0, clsx_1.default)('block rounded-full w-3 h-3 border-1 border-solid border-black border-opacity-20', className), title: status.name }));
-};
-exports.default = StatusIndicator;

package/lib/utils/findBestMatchLineage.d.ts

@@ -1,2 +0,0 @@
-import { Source, Resource } from '../types';
-export declare const findBestMatchLineage: (source: Source, resource: Resource) => string[];

package/lib/utils/findBestMatchLineage.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findBestMatchLineage = void 0;
-const findBestMatchLineage = (source, resource) => {
-    if (resource.lineages) {
-        for (const lineage of resource.lineages) {
-            // Lineage must:
-            // 1. Appear beneath the root node.
-            // 2. Not be the root node itself (root nodes can't be selected, to be changed in FEAAS-760).
-            // TODO: FEAAS-760 update as necessary so the lineage will be returned even if it ends at the root node, eg:
-            // const rootNode = source.nodes.find(node => lineage.resourceIds.includes(node.id));
-            const rootNode = source.nodes.find((node) => {
-                const index = lineage.resourceIds.indexOf(node.id);
-                return index >= 0 && index < lineage.resourceIds.length - 1;
-            });
-            if (rootNode) {
-                const rootNodeIndex = lineage.resourceIds.indexOf(rootNode.id);
-                // Return the lineage starting from the root node. eg.
-                // * Full lineage is: 1 > 10 > 100 > 1000 > 10000
-                // * The source has a node with an ID of: 100
-                // * The returned lineage will be: 100 > 1000 > 10000
-                return lineage.resourceIds.slice(rootNodeIndex);
-            }
-        }
-    }
-    return [];
-};
-exports.findBestMatchLineage = findBestMatchLineage;

package/lib/utils/uuid.d.ts

@@ -1 +0,0 @@
-export default function uuid(): string;

package/lib/utils/uuid.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function uuid() {
-    return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (Number(c) ^ (window.crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (Number(c) / 4)))).toString(16));
-}
-exports.default = uuid;

package/src/Hooks/useCategorisedSources.spec.ts

@@ -1,39 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { useCategorisedSources } from './useCategorisedSources';
-import { mockResource, mockSource } from '../__mocks__/MockModels';
-
-describe('useCategorisedSources', () => {
-  it('Should return a list of scoped categories with non-restricted sources in their own category', () => {
-    const resources = [mockResource({ name: 'Images' }), mockResource({ name: 'Audio files' })];
-    const sources = [
-      mockSource({
-        id: '1',
-        name: 'Matrix source',
-        nodes: resources,
-      }),
-      mockSource({
-        id: '2',
-        name: 'Unrestricted source',
-      }),
-    ];
-    const {
-      result: { current: result },
-    } = renderHook(() => useCategorisedSources(sources));
-
-    expect(result).toEqual([
-      {
-        key: '1',
-        label: 'Matrix source',
-        sources: [
-          { resource: resources[0], source: sources[0] },
-          { resource: resources[1], source: sources[0] },
-        ],
-      },
-      {
-        key: 'other',
-        label: 'Other systems',
-        sources: [{ resource: null, source: sources[1] }],
-      },
-    ]);
-  });
-});

package/src/Hooks/useCategorisedSources.ts

@@ -1,46 +0,0 @@
-import { ScopedSource, Source } from '../types';
-import { useMemo } from 'react';
-
-export type CategorisedSource = {
-  key: string;
-  label: string;
-  sources: ScopedSource[];
-};
-
-/**
- * Groups a list of source into scoped/un-scoped for rendering in the source list.
- *
- * @param {Source[]} sources
- *
- * @return {SourceList}
- */
-export const useCategorisedSources = (sources: Source[]): CategorisedSource[] => {
-  return useMemo(() => {
-    const categorised: CategorisedSource[] = [];
-    const uncategorised: ScopedSource[] = [];
-
-    sources.forEach((source) => {
-      if (source.nodes.length > 0) {
-        const category: CategorisedSource = { key: source.id, label: source.name, sources: [] };
-
-        source.nodes.forEach((resource) => {
-          category.sources.push({ source, resource });
-        });
-
-        categorised.push(category);
-      } else {
-        uncategorised.push({ source, resource: null });
-      }
-    });
-
-    if (uncategorised.length > 0) {
-      categorised.push({
-        key: 'other',
-        label: 'Other systems',
-        sources: uncategorised,
-      });
-    }
-
-    return categorised;
-  }, [sources]);
-};

package/src/Hooks/useChildResources.spec.ts

@@ -1,29 +0,0 @@
-import { renderHook, waitFor } from '@testing-library/react';
-import { mockResource, mockScopedSource } from '../__mocks__/MockModels';
-import { useChildResources } from './useChildResources';
-
-describe('useChildResources', () => {
-  it('Should trigger and return the loaded child resources', async () => {
-    const source = mockScopedSource();
-    const currentResource = mockResource({ name: 'Current resource' });
-    const children = [mockResource({ name: 'Child 1' })];
-    const onRequestChildren = jest.fn().mockResolvedValue(children);
-
-    const { result } = renderHook(() =>
-      useChildResources({
-        source,
-        currentResource,
-        onRequestChildren,
-      }),
-    );
-
-    expect(result.current.isLoading).toBe(true);
-    expect(result.current.error).toBe(null);
-    expect(result.current.data).toEqual([]);
-
-    await waitFor(() => expect(result.current.isLoading).toBe(false));
-
-    expect(result.current.isLoading).toBe(false);
-    expect(result.current.data).toBe(children);
-  });
-});

package/src/Hooks/useChildResources.ts

@@ -1,21 +0,0 @@
-import { Resource, ScopedSource, Source } from '../types';
-import { useAsync } from '@squiz/generic-browser-lib';
-
-type UseChildResourcesProps = {
-  source: ScopedSource | null;
-  currentResource: Resource | null;
-  onRequestChildren: (source: Source, resource: Resource | null) => Promise<Resource[]>;
-};
-
-/**
- * Triggers a reload of the child resources when the source or current resource change.
- */
-export const useChildResources = ({ source, currentResource, onRequestChildren }: UseChildResourcesProps) =>
-  useAsync(
-    {
-      callback: () => (source ? onRequestChildren(source.source, currentResource || source.resource) : []),
-      defaultValue: [],
-      ignorePrevious: true,
-    },
-    [source, currentResource],
-  );

package/src/Hooks/usePreselectedResourcePath.ts

@@ -1,54 +0,0 @@
-import { Source, Resource, OnRequestResource, OnRequestSources } from '../types';
-import { useAsync } from '@squiz/generic-browser-lib';
-import { findBestMatchLineage } from '../utils/findBestMatchLineage';
-
-export type PreselectedResourceProps = {
-  sourceId?: string;
-  resource?: Resource | null;
-  onRequestResource: OnRequestResource;
-  onRequestSources: OnRequestSources;
-};
-
-export type PreselectedResourcePath = {
-  source?: Source;
-  path?: Resource[];
-};
-
-export const usePreselectedResourcePath = ({
-  sourceId,
-  resource,
-  onRequestResource,
-  onRequestSources,
-}: PreselectedResourceProps) => {
-  return useAsync(
-    {
-      callback: async () => {
-        let source: Source | undefined;
-        let path: Resource[] | undefined;
-
-        if (sourceId) {
-          const sources = await onRequestSources();
-          source = sources.find((source) => source.id === sourceId);
-        }
-
-        if (sourceId && source && resource) {
-          const bestMatchLineage = findBestMatchLineage(source, resource);
-
-          if (Array.isArray(bestMatchLineage) && bestMatchLineage.length > 0) {
-            path = await Promise.all(
-              bestMatchLineage.map(async (resourceId) => {
-                return onRequestResource({ source: sourceId, resource: resourceId });
-              }),
-            );
-          } else {
-            path = [resource];
-          }
-        }
-
-        return { source, path };
-      },
-      defaultValue: {} as PreselectedResourcePath,
-    },
-    [sourceId, resource],
-  );
-};

package/src/Hooks/useRecentLocations.spec.ts

@@ -1,81 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import { useRecentLocations } from './useRecentLocations';
-
-describe('useRecentLocations', () => {
-  const mockLocalStorageData = [{ resource: '20', source: '1' }];
-
-  beforeEach(() => {
-    localStorage.clear();
-  });
-
-  it('should initialize with empty array if no recent locations in storage', () => {
-    const { result } = renderHook(() => useRecentLocations());
-    expect(result.current.recentLocations).toEqual([]);
-  });
-
-  it('should add a new recent location', () => {
-    const { result } = renderHook(() => useRecentLocations());
-
-    act(() => {
-      result.current.addRecentLocation({
-        source: '1',
-        resource: '32',
-      });
-    });
-
-    expect(result.current.recentLocations).toEqual([
-      {
-        source: '1',
-        resource: '32',
-      },
-    ]);
-  });
-
-  it('should not add duplicate recent locations', () => {
-    const { result } = renderHook(() => useRecentLocations());
-
-    act(() => {
-      result.current.addRecentLocation({
-        source: '1',
-        resource: '55',
-      });
-    });
-
-    expect(result.current.recentLocations).toEqual([
-      {
-        source: '1',
-        resource: '55',
-      },
-    ]);
-
-    act(() => {
-      result.current.addRecentLocation({
-        source: '1',
-        resource: '55',
-      });
-    });
-
-    expect(result.current.recentLocations).toEqual([
-      {
-        source: '1',
-        resource: '55',
-      },
-    ]);
-  });
-
-  it('should load recent locations from local storage on mount', () => {
-    localStorage.setItem('rb_recent_locations', JSON.stringify(mockLocalStorageData));
-
-    const { result } = renderHook(() => useRecentLocations());
-
-    expect(result.current.recentLocations).toEqual(mockLocalStorageData);
-  });
-
-  it('should handle local storage recent locations not being in the correct format', () => {
-    localStorage.setItem('rb_recent_locations', JSON.stringify({}));
-
-    const { result } = renderHook(() => useRecentLocations());
-
-    expect(result.current.recentLocations).toEqual([]);
-  });
-});

package/src/Hooks/useRecentLocations.ts

@@ -1,44 +0,0 @@
-import { useState } from 'react';
-import { ResourceReference } from '../types';
-
-export const useRecentLocations = (maxLocations = 3, storageKey = 'rb_recent_locations') => {
-  let initialRecentLocations: Array<ResourceReference> = [];
-
-  try {
-    initialRecentLocations = JSON.parse(localStorage.getItem(storageKey) ?? '[]');
-  } catch (_ignored) {
-    // Ignore this error (edge case someone messing with the local storage...)
-  }
-
-  // We just have an extra safety check here in case local storage has been messed with and set as {} for example
-  if (!Array.isArray(initialRecentLocations)) {
-    initialRecentLocations = [];
-  }
-
-  // Check if any item in the current recent locations is not the right format, if so, we reset it
-  if (initialRecentLocations.find((item) => !(item?.resource?.length && item?.source?.length))) {
-    initialRecentLocations = [];
-  }
-
-  const [recentLocations, setRecentLocations] = useState<Array<ResourceReference>>(initialRecentLocations);
-
-  const addRecentLocation = (newLocation: ResourceReference) => {
-    // Check if the new location to make sure we don't already have a recent location for this
-    if (recentLocations.find((item) => item.resource === newLocation.resource && item.source === newLocation.source)) {
-      return;
-    }
-
-    const updatedLocations = [newLocation, ...recentLocations.slice(0, maxLocations - 1)];
-
-    // Set state
-    setRecentLocations(updatedLocations);
-
-    // Update local storage
-    localStorage.setItem(storageKey, JSON.stringify(updatedLocations));
-  };
-
-  return {
-    recentLocations,
-    addRecentLocation,
-  };
-};

package/src/Hooks/useRecentResourcesPaths.ts

@@ -1,54 +0,0 @@
-import { Resource, OnRequestResource, OnRequestSources, Source } from '../types';
-import { useAsync } from '@squiz/generic-browser-lib';
-import { findBestMatchLineage } from '../utils/findBestMatchLineage';
-
-export type RecentResourcesPathsProps = {
-  sourceIds?: string[];
-  resources?: Resource | null | (Resource | null)[];
-  onRequestResource: OnRequestResource;
-  onRequestSources: OnRequestSources;
-};
-
-export type RecentResourcesPaths = {
-  source?: Source;
-  path?: Resource[];
-};
-
-export const useRecentResourcesPaths = ({
-  sourceIds,
-  resources,
-  onRequestResource,
-  onRequestSources,
-}: RecentResourcesPathsProps) => {
-  const callbackArray = sourceIds?.map((sourceId, index) => async () => {
-    let path: Resource[] | undefined;
-
-    const sources = await onRequestSources();
-    const source = sources.find((source) => source.id === sourceId);
-    const resource = Array.isArray(resources) ? resources[index] : null;
-
-    if (sourceId && source && resource) {
-      const bestMatchLineage = findBestMatchLineage(source, resource);
-
-      if (Array.isArray(bestMatchLineage) && bestMatchLineage.length > 0) {
-        path = await Promise.all(
-          bestMatchLineage.map(async (resourceId) => {
-            return onRequestResource({ source: sourceId, resource: resourceId });
-          }),
-        );
-      } else {
-        path = [resource];
-      }
-    }
-
-    return { source, path };
-  });
-
-  return useAsync(
-    {
-      callback: callbackArray ? callbackArray : () => null,
-      defaultValue: [] as RecentResourcesPaths[],
-    },
-    [JSON.stringify(sourceIds), resources],
-  );
-};