@constructor-io/constructorio-ui-autocomplete 1.23.17 → 1.23.19

package/lib/cjs/hooks/useSections.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-/* eslint-disable max-params */
-const react_1 = require("react");
-const utils_1 = require("../utils");
-const useDebouncedFetchSections_1 = tslib_1.__importDefault(require("./useDebouncedFetchSections"));
-const useFetchRecommendationPod_1 = tslib_1.__importDefault(require("./useFetchRecommendationPod"));
-const typeGuards_1 = require("../typeGuards");
-function useSections(query, cioClient, sections, zeroStateSections, advancedParameters) {
-    const zeroStateActiveSections = !query.length && (zeroStateSections === null || zeroStateSections === void 0 ? void 0 : zeroStateSections.length);
-    // Define All Sections
-    const [activeSections, setActiveSections] = (0, react_1.useState)(zeroStateActiveSections ? zeroStateSections : sections);
-    const sectionsRefs = (0, react_1.useRef)(activeSections.map(() => (0, react_1.createRef)()));
-    const [activeSectionsWithData, setActiveSectionsWithData] = (0, react_1.useState)([]);
-    const autocompleteSections = (0, react_1.useMemo)(() => activeSections === null || activeSections === void 0 ? void 0 : activeSections.filter((config) => (0, typeGuards_1.isAutocompleteSection)(config)), [activeSections]);
-    const recommendationsSections = (0, react_1.useMemo)(() => activeSections === null || activeSections === void 0 ? void 0 : activeSections.filter((config) => (0, typeGuards_1.isRecommendationsSection)(config)), [activeSections]);
-    // Fetch Autocomplete Results
-    const { sectionsData: autocompleteResults, request, totalNumResultsPerSection, } = (0, useDebouncedFetchSections_1.default)(query, cioClient, autocompleteSections, advancedParameters);
-    // Fetch Recommendations Results
-    const { fetchRecommendationResults, recommendationsResults, podsData } = (0, useFetchRecommendationPod_1.default)(cioClient, recommendationsSections, advancedParameters === null || advancedParameters === void 0 ? void 0 : advancedParameters.fetchZeroStateOnFocus);
-    // Remove sections if necessary
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        const features = (0, utils_1.getFeatures)((_b = (_a = Object.values(podsData || {})) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.request);
-        if (zeroStateActiveSections) {
-            if (!features.featureDisplayZeroStateRecommendations) {
-                setActiveSections([]);
-            }
-            else {
-                setActiveSections(zeroStateSections);
-            }
-        }
-        else {
-            setActiveSections(sections);
-        }
-    }, [zeroStateSections, zeroStateActiveSections, sections, podsData]);
-    // Merge Recommendation Pods Display Name from Dashboard
-    const activeSectionConfigs = (0, react_1.useMemo)(() => activeSections.map((config) => {
-        const mergedConfig = config;
-        if ((0, typeGuards_1.isRecommendationsSection)(config)) {
-            const podData = podsData[config.podId];
-            const libraryDisplayName = config.displayName;
-            const dashboardDisplayName = podData === null || podData === void 0 ? void 0 : podData.displayName;
-            mergedConfig.displayName = libraryDisplayName || dashboardDisplayName;
-        }
-        return mergedConfig;
-    }), [activeSections, podsData]);
-    // Add to active sections the results data and refs when autocomplete results or recommendation results fetched
-    (0, react_1.useEffect)(() => {
-        const sectionsResults = Object.assign(Object.assign({}, autocompleteResults), recommendationsResults);
-        setActiveSectionsWithData((0, utils_1.getActiveSectionsWithData)(activeSectionConfigs, sectionsResults, sectionsRefs));
-    }, [autocompleteResults, recommendationsResults, activeSectionConfigs]);
-    return {
-        fetchRecommendationResults,
-        activeSections,
-        activeSectionsWithData,
-        zeroStateActiveSections,
-        request,
-        totalNumResultsPerSection,
-    };
-}
-exports.default = useSections;

package/lib/mjs/hooks/useSections.js

@@ -1,58 +0,0 @@
-/* eslint-disable max-params */
-import { createRef, useEffect, useMemo, useRef, useState } from 'react';
-import { getActiveSectionsWithData, getFeatures } from '../utils';
-import useDebouncedFetchSection from './useDebouncedFetchSections';
-import useFetchRecommendationPod from './useFetchRecommendationPod';
-import { isAutocompleteSection, isRecommendationsSection } from '../typeGuards';
-export default function useSections(query, cioClient, sections, zeroStateSections, advancedParameters) {
-    const zeroStateActiveSections = !query.length && zeroStateSections?.length;
-    // Define All Sections
-    const [activeSections, setActiveSections] = useState(zeroStateActiveSections ? zeroStateSections : sections);
-    const sectionsRefs = useRef(activeSections.map(() => createRef()));
-    const [activeSectionsWithData, setActiveSectionsWithData] = useState([]);
-    const autocompleteSections = useMemo(() => activeSections?.filter((config) => isAutocompleteSection(config)), [activeSections]);
-    const recommendationsSections = useMemo(() => activeSections?.filter((config) => isRecommendationsSection(config)), [activeSections]);
-    // Fetch Autocomplete Results
-    const { sectionsData: autocompleteResults, request, totalNumResultsPerSection, } = useDebouncedFetchSection(query, cioClient, autocompleteSections, advancedParameters);
-    // Fetch Recommendations Results
-    const { fetchRecommendationResults, recommendationsResults, podsData } = useFetchRecommendationPod(cioClient, recommendationsSections, advancedParameters?.fetchZeroStateOnFocus);
-    // Remove sections if necessary
-    useEffect(() => {
-        const features = getFeatures(Object.values(podsData || {})?.[0]?.request);
-        if (zeroStateActiveSections) {
-            if (!features.featureDisplayZeroStateRecommendations) {
-                setActiveSections([]);
-            }
-            else {
-                setActiveSections(zeroStateSections);
-            }
-        }
-        else {
-            setActiveSections(sections);
-        }
-    }, [zeroStateSections, zeroStateActiveSections, sections, podsData]);
-    // Merge Recommendation Pods Display Name from Dashboard
-    const activeSectionConfigs = useMemo(() => activeSections.map((config) => {
-        const mergedConfig = config;
-        if (isRecommendationsSection(config)) {
-            const podData = podsData[config.podId];
-            const libraryDisplayName = config.displayName;
-            const dashboardDisplayName = podData?.displayName;
-            mergedConfig.displayName = libraryDisplayName || dashboardDisplayName;
-        }
-        return mergedConfig;
-    }), [activeSections, podsData]);
-    // Add to active sections the results data and refs when autocomplete results or recommendation results fetched
-    useEffect(() => {
-        const sectionsResults = { ...autocompleteResults, ...recommendationsResults };
-        setActiveSectionsWithData(getActiveSectionsWithData(activeSectionConfigs, sectionsResults, sectionsRefs));
-    }, [autocompleteResults, recommendationsResults, activeSectionConfigs]);
-    return {
-        fetchRecommendationResults,
-        activeSections,
-        activeSectionsWithData,
-        zeroStateActiveSections,
-        request,
-        totalNumResultsPerSection,
-    };
-}