@sitecore-content-sdk/react 1.3.0-canary.9 → 1.4.0-canary.2

package/dist/cjs/index.js

@@ -1,85 +1,86 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecore = exports.withSitecore = exports.SitecoreProviderReactContext = exports.SitecoreProvider = exports.File = exports.Link = exports.DesignLibrary = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.FEaaSClientWrapper = exports.FEaaSWrapper = exports.BYOCClientWrapper = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.Image = exports.AppPlaceholder = exports.Placeholder = exports.Form = exports.mediaApi = exports.ErrorPage = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.DictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.LayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
-exports.SitePathService = exports.ClientEditingChromesUpdate = exports.DefaultEmptyFieldEditingComponentImage = void 0;
-var core_1 = require("@sitecore-content-sdk/core");
-Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
-Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
-Object.defineProperty(exports, "ClientError", { enumerable: true, get: function () { return core_1.ClientError; } });
-Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return core_1.MemoryCacheClient; } });
-Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return core_1.NativeDataFetcher; } });
-var editing_1 = require("@sitecore-content-sdk/core/editing");
-Object.defineProperty(exports, "isEditorActive", { enumerable: true, get: function () { return editing_1.isEditorActive; } });
-Object.defineProperty(exports, "resetEditorChromes", { enumerable: true, get: function () { return editing_1.resetEditorChromes; } });
-var layout_1 = require("@sitecore-content-sdk/core/layout");
-Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
-Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getDesignLibraryStylesheetLinks; } });
-Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
-Object.defineProperty(exports, "LayoutService", { enumerable: true, get: function () { return layout_1.LayoutService; } });
-Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
-Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return layout_1.getFieldValue; } });
-Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return layout_1.EditMode; } });
-var i18n_1 = require("@sitecore-content-sdk/core/i18n");
-Object.defineProperty(exports, "DictionaryService", { enumerable: true, get: function () { return i18n_1.DictionaryService; } });
-var client_1 = require("@sitecore-content-sdk/core/client");
-Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
-Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
-Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return client_1.ErrorPage; } });
-var media_1 = require("@sitecore-content-sdk/core/media");
-Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
-var Form_1 = require("./components/Form");
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
-var Placeholder_1 = require("./components/Placeholder");
-Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
-Object.defineProperty(exports, "AppPlaceholder", { enumerable: true, get: function () { return Placeholder_1.AppPlaceholder; } });
-var Image_1 = require("./components/Image");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
-var RichText_1 = require("./components/RichText");
-Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
-var Text_1 = require("./components/Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Date_1 = require("./components/Date");
-Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return Date_1.DateField; } });
-var FEaaS_1 = require("./components/FEaaS");
-Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return FEaaS_1.FEaaSComponent; } });
-Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return FEaaS_1.fetchFEaaSComponentServerProps; } });
-Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return FEaaS_1.BYOCComponent; } });
-Object.defineProperty(exports, "fetchBYOCComponentServerProps", { enumerable: true, get: function () { return FEaaS_1.fetchBYOCComponentServerProps; } });
-// leaving original names for backward compatibility
-Object.defineProperty(exports, "BYOCWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCWrapper; } });
-Object.defineProperty(exports, "BYOCClientWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCWrapper; } });
-Object.defineProperty(exports, "FEaaSWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSWrapper; } });
-Object.defineProperty(exports, "FEaaSClientWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSWrapper; } });
-Object.defineProperty(exports, "FEaaSServerWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSServerWrapper; } });
-Object.defineProperty(exports, "BYOCServerWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCServerWrapper; } });
-var DesignLibrary_1 = require("./components/DesignLibrary");
-Object.defineProperty(exports, "DesignLibrary", { enumerable: true, get: function () { return DesignLibrary_1.DesignLibrary; } });
-var Link_1 = require("./components/Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-var File_1 = require("./components/File");
-Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
-var SitecoreProvider_1 = require("./components/SitecoreProvider");
-Object.defineProperty(exports, "SitecoreProvider", { enumerable: true, get: function () { return SitecoreProvider_1.SitecoreProvider; } });
-Object.defineProperty(exports, "SitecoreProviderReactContext", { enumerable: true, get: function () { return SitecoreProvider_1.SitecoreProviderReactContext; } });
-var withSitecore_1 = require("./enhancers/withSitecore");
-Object.defineProperty(exports, "withSitecore", { enumerable: true, get: function () { return withSitecore_1.withSitecore; } });
-Object.defineProperty(exports, "useSitecore", { enumerable: true, get: function () { return withSitecore_1.useSitecore; } });
-var withEditorChromes_1 = require("./enhancers/withEditorChromes");
-Object.defineProperty(exports, "withEditorChromes", { enumerable: true, get: function () { return withEditorChromes_1.withEditorChromes; } });
-var withPlaceholder_1 = require("./enhancers/withPlaceholder");
-Object.defineProperty(exports, "withPlaceholder", { enumerable: true, get: function () { return withPlaceholder_1.withPlaceholder; } });
-var withDatasourceCheck_1 = require("./enhancers/withDatasourceCheck");
-Object.defineProperty(exports, "withDatasourceCheck", { enumerable: true, get: function () { return withDatasourceCheck_1.withDatasourceCheck; } });
-var withFieldMetadata_1 = require("./enhancers/withFieldMetadata");
-Object.defineProperty(exports, "withFieldMetadata", { enumerable: true, get: function () { return withFieldMetadata_1.withFieldMetadata; } });
-var withEmptyFieldEditingComponent_1 = require("./enhancers/withEmptyFieldEditingComponent");
-Object.defineProperty(exports, "withEmptyFieldEditingComponent", { enumerable: true, get: function () { return withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent; } });
-var EditingScripts_1 = require("./components/EditingScripts");
-Object.defineProperty(exports, "EditingScripts", { enumerable: true, get: function () { return EditingScripts_1.EditingScripts; } });
-var DefaultEmptyFieldEditingComponents_1 = require("./components/DefaultEmptyFieldEditingComponents");
-Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentText", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText; } });
-Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentImage", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentImage; } });
-var ClientEditingChromesUpdate_1 = require("./components/ClientEditingChromesUpdate");
-Object.defineProperty(exports, "ClientEditingChromesUpdate", { enumerable: true, get: function () { return ClientEditingChromesUpdate_1.ClientEditingChromesUpdate; } });
-var site_1 = require("@sitecore-content-sdk/core/site");
-Object.defineProperty(exports, "SitePathService", { enumerable: true, get: function () { return site_1.SitePathService; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecore = exports.withSitecore = exports.SitecoreProviderReactContext = exports.SitecoreProvider = exports.File = exports.Link = exports.DesignLibraryApp = exports.DesignLibrary = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.FEaaSClientWrapper = exports.FEaaSWrapper = exports.BYOCClientWrapper = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.Image = exports.AppPlaceholder = exports.Placeholder = exports.Form = exports.mediaApi = exports.ErrorPage = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.DictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.LayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
+exports.SitePathService = exports.ClientEditingChromesUpdate = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = void 0;
+var core_1 = require("@sitecore-content-sdk/core");
+Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
+Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
+Object.defineProperty(exports, "ClientError", { enumerable: true, get: function () { return core_1.ClientError; } });
+Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return core_1.MemoryCacheClient; } });
+Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return core_1.NativeDataFetcher; } });
+var editing_1 = require("@sitecore-content-sdk/core/editing");
+Object.defineProperty(exports, "isEditorActive", { enumerable: true, get: function () { return editing_1.isEditorActive; } });
+Object.defineProperty(exports, "resetEditorChromes", { enumerable: true, get: function () { return editing_1.resetEditorChromes; } });
+var layout_1 = require("@sitecore-content-sdk/core/layout");
+Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
+Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getDesignLibraryStylesheetLinks; } });
+Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
+Object.defineProperty(exports, "LayoutService", { enumerable: true, get: function () { return layout_1.LayoutService; } });
+Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
+Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return layout_1.getFieldValue; } });
+Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return layout_1.EditMode; } });
+var i18n_1 = require("@sitecore-content-sdk/core/i18n");
+Object.defineProperty(exports, "DictionaryService", { enumerable: true, get: function () { return i18n_1.DictionaryService; } });
+var client_1 = require("@sitecore-content-sdk/core/client");
+Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
+Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
+Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return client_1.ErrorPage; } });
+var media_1 = require("@sitecore-content-sdk/core/media");
+Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
+var Form_1 = require("./components/Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+var Placeholder_1 = require("./components/Placeholder");
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
+Object.defineProperty(exports, "AppPlaceholder", { enumerable: true, get: function () { return Placeholder_1.AppPlaceholder; } });
+var Image_1 = require("./components/Image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
+var RichText_1 = require("./components/RichText");
+Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
+var Text_1 = require("./components/Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+var Date_1 = require("./components/Date");
+Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return Date_1.DateField; } });
+var FEaaS_1 = require("./components/FEaaS");
+Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return FEaaS_1.FEaaSComponent; } });
+Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return FEaaS_1.fetchFEaaSComponentServerProps; } });
+Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return FEaaS_1.BYOCComponent; } });
+Object.defineProperty(exports, "fetchBYOCComponentServerProps", { enumerable: true, get: function () { return FEaaS_1.fetchBYOCComponentServerProps; } });
+// leaving original names for backward compatibility
+Object.defineProperty(exports, "BYOCWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCWrapper; } });
+Object.defineProperty(exports, "BYOCClientWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCWrapper; } });
+Object.defineProperty(exports, "FEaaSWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSWrapper; } });
+Object.defineProperty(exports, "FEaaSClientWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSWrapper; } });
+Object.defineProperty(exports, "FEaaSServerWrapper", { enumerable: true, get: function () { return FEaaS_1.FEaaSServerWrapper; } });
+Object.defineProperty(exports, "BYOCServerWrapper", { enumerable: true, get: function () { return FEaaS_1.BYOCServerWrapper; } });
+var DesignLibrary_1 = require("./components/DesignLibrary");
+Object.defineProperty(exports, "DesignLibrary", { enumerable: true, get: function () { return DesignLibrary_1.DesignLibrary; } });
+Object.defineProperty(exports, "DesignLibraryApp", { enumerable: true, get: function () { return DesignLibrary_1.DesignLibraryApp; } });
+var Link_1 = require("./components/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var File_1 = require("./components/File");
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+var SitecoreProvider_1 = require("./components/SitecoreProvider");
+Object.defineProperty(exports, "SitecoreProvider", { enumerable: true, get: function () { return SitecoreProvider_1.SitecoreProvider; } });
+Object.defineProperty(exports, "SitecoreProviderReactContext", { enumerable: true, get: function () { return SitecoreProvider_1.SitecoreProviderReactContext; } });
+var withSitecore_1 = require("./enhancers/withSitecore");
+Object.defineProperty(exports, "withSitecore", { enumerable: true, get: function () { return withSitecore_1.withSitecore; } });
+Object.defineProperty(exports, "useSitecore", { enumerable: true, get: function () { return withSitecore_1.useSitecore; } });
+var withEditorChromes_1 = require("./enhancers/withEditorChromes");
+Object.defineProperty(exports, "withEditorChromes", { enumerable: true, get: function () { return withEditorChromes_1.withEditorChromes; } });
+var withPlaceholder_1 = require("./enhancers/withPlaceholder");
+Object.defineProperty(exports, "withPlaceholder", { enumerable: true, get: function () { return withPlaceholder_1.withPlaceholder; } });
+var withDatasourceCheck_1 = require("./enhancers/withDatasourceCheck");
+Object.defineProperty(exports, "withDatasourceCheck", { enumerable: true, get: function () { return withDatasourceCheck_1.withDatasourceCheck; } });
+var withFieldMetadata_1 = require("./enhancers/withFieldMetadata");
+Object.defineProperty(exports, "withFieldMetadata", { enumerable: true, get: function () { return withFieldMetadata_1.withFieldMetadata; } });
+var withEmptyFieldEditingComponent_1 = require("./enhancers/withEmptyFieldEditingComponent");
+Object.defineProperty(exports, "withEmptyFieldEditingComponent", { enumerable: true, get: function () { return withEmptyFieldEditingComponent_1.withEmptyFieldEditingComponent; } });
+var EditingScripts_1 = require("./components/EditingScripts");
+Object.defineProperty(exports, "EditingScripts", { enumerable: true, get: function () { return EditingScripts_1.EditingScripts; } });
+var DefaultEmptyFieldEditingComponents_1 = require("./components/DefaultEmptyFieldEditingComponents");
+Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentText", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentText; } });
+Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentImage", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentImage; } });
+var ClientEditingChromesUpdate_1 = require("./components/ClientEditingChromesUpdate");
+Object.defineProperty(exports, "ClientEditingChromesUpdate", { enumerable: true, get: function () { return ClientEditingChromesUpdate_1.ClientEditingChromesUpdate; } });
+var site_1 = require("@sitecore-content-sdk/core/site");
+Object.defineProperty(exports, "SitePathService", { enumerable: true, get: function () { return site_1.SitePathService; } });

package/dist/cjs/rsc-utils/no-rsc.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rsc = void 0;
-// Always false constant to import in the non-RSC contexts using conditional imports
-exports.rsc = false;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rsc = void 0;
+// Always false constant to import in the non-RSC contexts using conditional imports
+exports.rsc = false;

package/dist/cjs/rsc-utils/rsc.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rsc = void 0;
-// Always true constant to import in the RSC environment using conditional imports
-exports.rsc = true;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rsc = void 0;
+// Always true constant to import in the RSC environment using conditional imports
+exports.rsc = true;

package/dist/cjs/search/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteSearch = exports.useSearch = void 0;
+var useSearch_1 = require("./useSearch");
+Object.defineProperty(exports, "useSearch", { enumerable: true, get: function () { return useSearch_1.useSearch; } });
+var useInfiniteSearch_1 = require("./useInfiniteSearch");
+Object.defineProperty(exports, "useInfiniteSearch", { enumerable: true, get: function () { return useInfiniteSearch_1.useInfiniteSearch; } });

package/dist/cjs/search/useInfiniteSearch.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteSearch = void 0;
+/* eslint-disable no-unused-vars */
+const react_1 = require("react");
+const utils_1 = require("./utils");
+/**
+ * React hook for performing infinite search queries.
+ * @param {UseInfiniteSearchOptions} options - Configuration options for the infinite search hook.
+ * @returns {UseInfiniteSearchState} The infinite search state.
+ * @throws {Error} if the search index ID is not provided.
+ * @public
+ */
+const useInfiniteSearch = (options) => {
+    const { query, searchIndexId, pageSize = utils_1.DEFAULT_PAGE_SIZE, sort, enabled = true } = options;
+    const [state, setState] = (0, react_1.useState)(() => {
+        const error = !searchIndexId
+            ? new Error('useInfiniteSearch: searchIndexId is required when initializing the hook')
+            : null;
+        const status = !searchIndexId ? 'error' : 'idle';
+        return {
+            results: [],
+            total: 0,
+            totalPages: 0,
+            error,
+            offset: 0,
+            status,
+            loadMoreStatus: 'idle',
+        };
+    });
+    const hasNextPage = (0, react_1.useMemo)(() => state.results.length < state.total, [state.results.length, state.total]);
+    const searchService = (0, utils_1.useSearchService)();
+    const abortControllerRef = (0, react_1.useRef)(null);
+    const search = (0, react_1.useCallback)(async (offset, isLoadingMore = false) => {
+        if (!searchService || !searchIndexId) {
+            return;
+        }
+        abortControllerRef.current = new AbortController();
+        const signal = abortControllerRef.current.signal;
+        if (isLoadingMore) {
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, loadMoreStatus: 'loading' })));
+        }
+        else {
+            setState({
+                results: [],
+                total: 0,
+                totalPages: 0,
+                error: null,
+                offset: 0,
+                status: 'loading',
+                loadMoreStatus: 'idle',
+            });
+        }
+        try {
+            const searchParams = {
+                searchIndexId,
+                keyphrase: query,
+                limit: pageSize,
+                offset,
+                sort,
+            };
+            const { results: searchResults, total: totalResults } = await searchService.search(searchParams, { signal });
+            if (signal.aborted) {
+                return;
+            }
+            setState((prev) => {
+                const results = isLoadingMore ? [...prev.results, ...searchResults] : searchResults;
+                const totalPages = Math.ceil(totalResults / pageSize);
+                return {
+                    results,
+                    error: null,
+                    offset,
+                    status: 'success',
+                    loadMoreStatus: 'idle',
+                    total: totalResults,
+                    totalPages,
+                };
+            });
+        }
+        catch (err) {
+            // Don't set error if request was aborted
+            if (signal.aborted) {
+                return;
+            }
+            const errorMessage = err instanceof Error ? err : new Error(JSON.stringify(err));
+            // Don't clean up existing results if appending results
+            if (isLoadingMore) {
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, loadMoreStatus: 'error' })));
+            }
+            else {
+                setState({
+                    results: [],
+                    total: 0,
+                    totalPages: 0,
+                    error: errorMessage,
+                    offset: 0,
+                    status: 'error',
+                    loadMoreStatus: 'idle',
+                });
+            }
+        }
+    }, [searchService, pageSize, sort, query, searchIndexId]);
+    (0, react_1.useEffect)(() => {
+        if (enabled) {
+            search(0, false);
+        }
+        return () => {
+            var _a;
+            (_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        };
+    }, [search, enabled]);
+    const loadMore = (0, react_1.useCallback)(() => {
+        // Don't load more if already loading or no more pages
+        if (state.loadMoreStatus === 'loading' || !hasNextPage) {
+            return;
+        }
+        const nextOffset = state.offset + pageSize;
+        search(nextOffset, true);
+    }, [search, pageSize, state.offset, hasNextPage, state.loadMoreStatus]);
+    return (0, react_1.useMemo)(() => ({
+        results: state.results,
+        status: state.status,
+        loadMoreStatus: state.loadMoreStatus,
+        total: state.total,
+        totalPages: state.totalPages,
+        error: state.error,
+        loadMore,
+        hasNextPage,
+        isLoading: state.status === 'loading',
+        isSuccess: state.status === 'success',
+        isError: state.status === 'error',
+        isLoadingMore: state.loadMoreStatus === 'loading',
+        isLoadingMoreError: state.loadMoreStatus === 'error',
+    }), [state, loadMore, hasNextPage]);
+};
+exports.useInfiniteSearch = useInfiniteSearch;

package/dist/cjs/search/useSearch.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearch = void 0;
+const react_1 = require("react");
+const utils_1 = require("./utils");
+/**
+ * React hook for performing search queries with pagination.
+ * @param {UseSearchOptions} options - Configuration options for the search hook.
+ * @returns {UseSearchState} The search state.
+ * @throws {Error} if the search index ID is not provided.
+ * @public
+ */
+const useSearch = (options) => {
+    const { query, page = 1, searchIndexId, pageSize = utils_1.DEFAULT_PAGE_SIZE, sort, enabled = true, keepPreviousData = false, } = options;
+    const [state, setState] = (0, react_1.useState)(() => {
+        const error = !searchIndexId
+            ? new Error('useSearch: searchIndexId is required when initializing the hook')
+            : null;
+        const status = !searchIndexId ? 'error' : 'idle';
+        return {
+            results: [],
+            total: 0,
+            totalPages: 0,
+            error,
+            status,
+            previousStatus: 'idle',
+        };
+    });
+    const searchService = (0, utils_1.useSearchService)();
+    const abortControllerRef = (0, react_1.useRef)(null);
+    const search = (0, react_1.useCallback)(async () => {
+        if (!searchService || !searchIndexId) {
+            return;
+        }
+        abortControllerRef.current = new AbortController();
+        const signal = abortControllerRef.current.signal;
+        setState((prev) => ({
+            results: keepPreviousData ? prev.results : [],
+            status: 'loading',
+            total: keepPreviousData ? prev.total : 0,
+            totalPages: keepPreviousData ? prev.totalPages : 0,
+            error: null,
+            previousStatus: prev.status,
+        }));
+        try {
+            const offset = (0, utils_1.getOffset)(page, pageSize);
+            const searchParams = {
+                searchIndexId,
+                keyphrase: query,
+                limit: pageSize,
+                offset,
+                sort,
+            };
+            const { results: searchResults, total } = await searchService.search(searchParams, {
+                signal,
+            });
+            if (signal.aborted) {
+                return;
+            }
+            const totalPages = Math.ceil(total / pageSize);
+            setState({
+                results: searchResults,
+                total,
+                totalPages,
+                status: 'success',
+                error: null,
+                previousStatus: 'success',
+            });
+        }
+        catch (err) {
+            // Don't set error if request was aborted
+            if (signal.aborted) {
+                return;
+            }
+            const errorMessage = err instanceof Error ? err : new Error(JSON.stringify(err));
+            setState({
+                results: [],
+                total: 0,
+                totalPages: 0,
+                status: 'error',
+                error: errorMessage,
+                previousStatus: 'error',
+            });
+        }
+    }, [searchService, searchIndexId, page, pageSize, sort, query, keepPreviousData]);
+    (0, react_1.useEffect)(() => {
+        if (enabled) {
+            search();
+        }
+        return () => {
+            var _a;
+            (_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        };
+    }, [search, enabled]);
+    return (0, react_1.useMemo)(() => ({
+        error: state.error,
+        results: state.results,
+        total: state.total,
+        totalPages: state.totalPages,
+        status: state.status,
+        isLoading: state.status === 'loading',
+        isSuccess: state.status === 'success',
+        isError: state.status === 'error',
+        isPreviousData: keepPreviousData && state.previousStatus === 'success' && state.status === 'loading',
+    }), [state, keepPreviousData]);
+};
+exports.useSearch = useSearch;

package/dist/cjs/search/utils.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOffset = exports.DEFAULT_PAGE_SIZE = void 0;
+exports.useSearchService = useSearchService;
+const search_1 = require("@sitecore-content-sdk/search");
+const react_1 = require("react");
+const withSitecore_1 = require("../enhancers/withSitecore");
+exports.DEFAULT_PAGE_SIZE = 10;
+/**
+ * Hook to initialize and manage SearchService.
+ */
+function useSearchService() {
+    var _a, _b;
+    const { api } = (0, withSitecore_1.useSitecore)();
+    return (0, react_1.useMemo)(() => {
+        var _a;
+        if (!((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.clientContextId)) {
+            return null;
+        }
+        return new search_1.SearchService({
+            contextId: api.edge.clientContextId,
+            edgeUrl: api.edge.edgeUrl,
+        });
+    }, [(_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.clientContextId, (_b = api === null || api === void 0 ? void 0 : api.edge) === null || _b === void 0 ? void 0 : _b.edgeUrl]);
+}
+/**
+ * Calculates the number of items to skip before returning results.
+ * @param {number} page - The current page number (1-indexed).
+ * @param {number} pageSize - The number of results per page.
+ * @returns The number of items to skip before returning results.
+ */
+const getOffset = (page, pageSize) => {
+    return page === 1 ? 0 : pageSize * (page - 1);
+};
+exports.getOffset = getOffset;

package/dist/cjs/server-actions/update-server-component-action.js

@@ -0,0 +1,18 @@
+"use strict";
+'use server';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateServerComponentAction = updateServerComponentAction;
+const core_1 = require("@sitecore-content-sdk/core");
+const utils_1 = require("@sitecore-content-sdk/core/utils");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+/**
+ * Server action to update global cache with the provided component updates received from Design Library.
+ * Stores the given {@link ComponentUpdateModel} in the global cache using a key based on the component UID.
+ * This enables dynamic rendering of server components inside Design Library
+ * @param {ComponentUpdateModel} componentUpdate - The component update model containing the UID and optional updated or preview component data.
+ * @returns A Promise that resolves when the cache has been updated.
+ */
+async function updateServerComponentAction(componentUpdate) {
+    core_1.debug.editing(`Updating server component cache for Component: ${componentUpdate.uid}`);
+    (0, utils_1.setCache)(`${editing_1.COMPONENT_UPDATE_CACHE_KEY_PREFIX}${componentUpdate.uid}`, componentUpdate);
+}

package/dist/cjs/utils.js

@@ -1,38 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDataFromFields = exports.addClassName = void 0;
-const layout_1 = require("@sitecore-content-sdk/core/layout");
-/**
- * "class" property will be transformed into or appended to "className" instead.
- * @param {string} otherAttrs all other props included on the image component
- * @returns {void}
- */
-const addClassName = (otherAttrs) => {
-    if (otherAttrs.class) {
-        // if any classes are defined properly already
-        if (otherAttrs.className) {
-            let className = otherAttrs.className;
-            className += ` ${otherAttrs.class}`;
-            otherAttrs.className = className;
-        }
-        else {
-            otherAttrs.className = otherAttrs.class;
-        }
-        delete otherAttrs.class;
-    }
-};
-exports.addClassName = addClassName;
-/**
- * Used in FEAAS and BYOC implementations to convert datasource item field values into component props
- * @param {ComponentFields} fields field collection from Sitecore
- * @returns JSON object that can be used as props
- */
-const getDataFromFields = (fields) => {
-    let data = {};
-    data = Object.entries(fields).reduce((acc, [key]) => {
-        acc[key] = (0, layout_1.getFieldValue)(fields, key);
-        return acc;
-    }, data);
-    return data;
-};
-exports.getDataFromFields = getDataFromFields;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDataFromFields = exports.addClassName = void 0;
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+/**
+ * "class" property will be transformed into or appended to "className" instead.
+ * @param {string} otherAttrs all other props included on the image component
+ * @returns {void}
+ */
+const addClassName = (otherAttrs) => {
+    if (otherAttrs.class) {
+        // if any classes are defined properly already
+        if (otherAttrs.className) {
+            let className = otherAttrs.className;
+            className += ` ${otherAttrs.class}`;
+            otherAttrs.className = className;
+        }
+        else {
+            otherAttrs.className = otherAttrs.class;
+        }
+        delete otherAttrs.class;
+    }
+};
+exports.addClassName = addClassName;
+/**
+ * Used in FEAAS and BYOC implementations to convert datasource item field values into component props
+ * @param {ComponentFields} fields field collection from Sitecore
+ * @returns JSON object that can be used as props
+ */
+const getDataFromFields = (fields) => {
+    let data = {};
+    data = Object.entries(fields).reduce((acc, [key]) => {
+        acc[key] = (0, layout_1.getFieldValue)(fields, key);
+        return acc;
+    }, data);
+    return data;
+};
+exports.getDataFromFields = getDataFromFields;

package/dist/esm/components/ClientEditingChromesUpdate.js

@@ -1,15 +1,16 @@
-'use client';
-import { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
-import React, { useEffect } from 'react';
-/**
- * Updates editing chromes in app router / RSC context.
- * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
- */
-export const ClientEditingChromesUpdate = () => {
-    useEffect(() => {
-        if (isEditorActive()) {
-            resetEditorChromes();
-        }
-    }, []);
-    return React.createElement(React.Fragment, null);
-};
+'use client';
+import { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
+import React, { useEffect } from 'react';
+/**
+ * Updates editing chromes in app router / RSC context.
+ * This ensures all the relevant Pages editing markup is applied once all client components are loaded.
+ * @public
+ */
+export const ClientEditingChromesUpdate = () => {
+    useEffect(() => {
+        if (isEditorActive()) {
+            resetEditorChromes();
+        }
+    }, []);
+    return React.createElement(React.Fragment, null);
+};