@hubspot/ui-extensions 0.12.4 → 0.13.1

package/dist/experimental/hooks/utils/fetchCrmSearch.js

@@ -0,0 +1,39 @@
+import { getWorkerGlobals } from "../../../internal/global-utils.js";
+function isCrmSearchResponse(data) {
+    const d = data;
+    if (d === null ||
+        typeof d !== 'object' ||
+        !Array.isArray(d.results) ||
+        typeof d.total !== 'number' ||
+        typeof d.hasMore !== 'boolean') {
+        return false;
+    }
+    return d.results.every((result) => result !== null &&
+        typeof result === 'object' &&
+        typeof result.objectId === 'number' &&
+        result.properties !== null &&
+        typeof result.properties === 'object');
+}
+export const fetchCrmSearch = async (request, options) => {
+    let response;
+    let result;
+    try {
+        response = await getWorkerGlobals().hsWorkerAPI.fetchCrmSearch(request, options);
+        result = await response.json();
+    }
+    catch (error) {
+        throw error instanceof Error
+            ? error
+            : new Error('Failed to fetch CRM search results: Unknown error');
+    }
+    if (result.error) {
+        throw new Error(result.error);
+    }
+    if (!isCrmSearchResponse(result.data)) {
+        throw new Error('Invalid response format');
+    }
+    return {
+        data: result.data,
+        cleanup: result.cleanup || (() => { }),
+    };
+};

package/dist/experimental/index.d.ts

@@ -1,4 +1,5 @@
 export { useCrmProperties } from '../crm/hooks/useCrmProperties.ts';
 export { useAssociations } from '../crm/hooks/useAssociations.ts';
+export { useCrmSearch } from './hooks/useCrmSearch.ts';
 export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, } from '../shared/remoteComponents.tsx';
 export type * from '../shared/types/experimental.ts';

package/dist/experimental/index.js

@@ -1,3 +1,4 @@
 export { useCrmProperties } from "../crm/hooks/useCrmProperties.js";
 export { useAssociations } from "../crm/hooks/useAssociations.js";
+export { useCrmSearch } from "./hooks/useCrmSearch.js";
 export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, } from "../shared/remoteComponents.js";

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,19 @@
+import type { JsonSerializable } from '../shared/types/shared.ts';
+/**
+ * Returns a debounced version of `value` that only updates after the value
+ * has stopped changing for `delayMs` milliseconds (default: 300ms).
+ *
+ * Useful for delaying expensive operations (e.g. search requests) until the
+ * user has finished typing.
+ *
+ * Object and array values are compared by deep equality (via `JSON.stringify`),
+ * so values must be JSON-serializable. Functions, Symbols, BigInts, and
+ * circular references are not supported.
+ *
+ * @example
+ * ```ts
+ * const [searchText, setSearchText] = useState('');
+ * const debouncedQuery = useDebounce(searchText, 200);
+ * ```
+ */
+export declare function useDebounce<T extends JsonSerializable>(value: T, delayMs?: number): T;

package/dist/hooks/useDebounce.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react';
+import { useStableValue } from "../internal/hook-utils.js";
+/**
+ * Returns a debounced version of `value` that only updates after the value
+ * has stopped changing for `delayMs` milliseconds (default: 300ms).
+ *
+ * Useful for delaying expensive operations (e.g. search requests) until the
+ * user has finished typing.
+ *
+ * Object and array values are compared by deep equality (via `JSON.stringify`),
+ * so values must be JSON-serializable. Functions, Symbols, BigInts, and
+ * circular references are not supported.
+ *
+ * @example
+ * ```ts
+ * const [searchText, setSearchText] = useState('');
+ * const debouncedQuery = useDebounce(searchText, 200);
+ * ```
+ */
+export function useDebounce(value, delayMs = 300) {
+    const stableValue = useStableValue(value);
+    const [debouncedValue, setDebouncedValue] = useState(stableValue);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setDebouncedValue(stableValue);
+        }, delayMs);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [stableValue, delayMs]);
+    return debouncedValue;
+}

package/dist/hooks/utils/useFetchLifecycle.d.ts

@@ -0,0 +1,35 @@
+export interface FetchSignal {
+    cancelled: boolean;
+    isRefetch: boolean;
+}
+export interface FetchResult<TData> {
+    data: TData;
+    cleanup?: () => void;
+}
+export interface FetchContext {
+    isRefetch: boolean;
+}
+export interface FetchLifecycleCallbacks<TData> {
+    onStart: (context: FetchContext) => void;
+    onSuccess: (data: TData, context: FetchContext) => void;
+    onError: (error: Error, context: FetchContext) => void;
+}
+export interface UseFetchLifecycleOptions<TData> {
+    fetchFn: (signal: FetchSignal) => Promise<FetchResult<TData>>;
+    callbacks: FetchLifecycleCallbacks<TData>;
+    deps: React.DependencyList;
+    defaultErrorMessage?: string;
+}
+export interface UseFetchLifecycleResult {
+    refetch: () => Promise<void>;
+}
+/**
+ * Shared fetch/refetch/cleanup/abort lifecycle for data hooks.
+ *
+ * Manages:
+ * - Initial fetch on mount and when deps change
+ * - Cancellation of in-flight fetches on unmount or deps change
+ * - Refetch with abort signal and cleanup tracking
+ * - Error normalization
+ */
+export declare function useFetchLifecycle<TData>({ fetchFn, callbacks, deps, defaultErrorMessage, }: UseFetchLifecycleOptions<TData>): UseFetchLifecycleResult;

package/dist/hooks/utils/useFetchLifecycle.js

@@ -0,0 +1,103 @@
+import { useCallback, useEffect, useRef } from 'react';
+function normalizeError(err, defaultMessage) {
+    return err instanceof Error ? err : new Error(defaultMessage);
+}
+/**
+ * Shared fetch/refetch/cleanup/abort lifecycle for data hooks.
+ *
+ * Manages:
+ * - Initial fetch on mount and when deps change
+ * - Cancellation of in-flight fetches on unmount or deps change
+ * - Refetch with abort signal and cleanup tracking
+ * - Error normalization
+ */
+export function useFetchLifecycle({ fetchFn, callbacks, deps, defaultErrorMessage = 'An error occurred', }) {
+    // Store latest versions in refs to avoid stale closures in refetch
+    const fetchFnRef = useRef(fetchFn);
+    fetchFnRef.current = fetchFn;
+    const callbacksRef = useRef(callbacks);
+    callbacksRef.current = callbacks;
+    const defaultErrorMessageRef = useRef(defaultErrorMessage);
+    defaultErrorMessageRef.current = defaultErrorMessage;
+    // Track in-flight refetch to support cancellation
+    const refetchAbortRef = useRef(null);
+    // Track refetch cleanup function to prevent memory leaks
+    const refetchCleanupRef = useRef(null);
+    useEffect(() => {
+        let cancelled = false;
+        let cleanup = null;
+        const signal = { cancelled: false, isRefetch: false };
+        const fetchData = async () => {
+            const context = { isRefetch: false };
+            try {
+                callbacksRef.current.onStart(context);
+                const result = await fetchFnRef.current(signal);
+                if (!cancelled) {
+                    callbacksRef.current.onSuccess(result.data, context);
+                    cleanup = result.cleanup ?? null;
+                }
+            }
+            catch (err) {
+                if (!cancelled) {
+                    callbacksRef.current.onError(normalizeError(err, defaultErrorMessageRef.current), context);
+                }
+            }
+        };
+        fetchData();
+        return () => {
+            cancelled = true;
+            signal.cancelled = true;
+            // Call cleanup function to release resources
+            if (cleanup) {
+                cleanup();
+            }
+            // Clean up any active refetch subscription
+            if (refetchCleanupRef.current) {
+                refetchCleanupRef.current();
+                refetchCleanupRef.current = null;
+            }
+        };
+    }, deps);
+    const refetch = useCallback(async () => {
+        // Cancel any in-flight refetch
+        if (refetchAbortRef.current) {
+            refetchAbortRef.current.cancelled = true;
+        }
+        // Clean up old refetch subscription to prevent memory leaks
+        if (refetchCleanupRef.current) {
+            refetchCleanupRef.current();
+            refetchCleanupRef.current = null;
+        }
+        // Create new abort signal for this refetch
+        const abortSignal = { cancelled: false, isRefetch: true };
+        refetchAbortRef.current = abortSignal;
+        const context = { isRefetch: true };
+        try {
+            callbacksRef.current.onStart(context);
+            const result = await fetchFnRef.current(abortSignal);
+            if (!abortSignal.cancelled) {
+                callbacksRef.current.onSuccess(result.data, context);
+                // Store cleanup for next refetch or unmount
+                refetchCleanupRef.current = result.cleanup ?? null;
+            }
+            else {
+                // If cancelled, clean up immediately
+                if (result.cleanup) {
+                    result.cleanup();
+                }
+            }
+        }
+        catch (err) {
+            if (!abortSignal.cancelled) {
+                callbacksRef.current.onError(normalizeError(err, defaultErrorMessageRef.current), context);
+            }
+        }
+        finally {
+            // Clear the abort ref if this is still the current refetch
+            if (refetchAbortRef.current === abortSignal) {
+                refetchAbortRef.current = null;
+            }
+        }
+    }, []);
+    return { refetch };
+}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { hubspot } from './hubspot.ts';
 export { logger } from './logger.ts';
 export * from './shared/types/index.ts';
 export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Spacer, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from './shared/remoteComponents.tsx';
+export { useDebounce } from './hooks/useDebounce.ts';
 export { useExtensionContext } from './hooks/useExtensionContext.tsx';
 export { useExtensionActions } from './hooks/useExtensionActions.tsx';
 export { useExtensionApi } from './hooks/useExtensionApi.tsx';

package/dist/index.js

@@ -4,6 +4,7 @@ export { hubspot } from "./hubspot.js";
 export { logger } from "./logger.js";
 export * from "./shared/types/index.js";
 export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Spacer, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from "./shared/remoteComponents.js";
+export { useDebounce } from "./hooks/useDebounce.js";
 export { useExtensionContext } from "./hooks/useExtensionContext.js";
 export { useExtensionActions } from "./hooks/useExtensionActions.js";
 export { useExtensionApi } from "./hooks/useExtensionApi.js";

package/dist/internal/hook-utils.d.ts

@@ -1,3 +1,4 @@
+import type { JsonSerializable } from '../shared/types/shared.ts';
 import type { RendererMocksContext } from '../testing/internal/mocks/index.ts';
 import type { RendererMocks } from '../testing/types.ts';
 type AnyFunction = (...args: any[]) => any;
@@ -24,4 +25,9 @@ export declare function useMocksContext(): RendererMocksContext | null;
  * @returns The children wrapped in the Mocks context provider.
  */
 export declare const MocksContextProvider: import("react").Provider<RendererMocksContext | null>;
+/**
+ * Stabilizes a value's reference identity across re-renders using deep
+ * comparison via JSON.stringify.
+ */
+export declare function useStableValue<T extends JsonSerializable>(value: T): T;
 export {};

package/dist/internal/hook-utils.js

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useRef } from 'react';
 const ReactRenderMocksContext = createContext(null);
 /**
  * Creates a mock-aware hook function that can be used to mock the original hook function.
@@ -40,3 +40,18 @@ export function useMocksContext() {
  * @returns The children wrapped in the Mocks context provider.
  */
 export const MocksContextProvider = ReactRenderMocksContext.Provider;
+/**
+ * Stabilizes a value's reference identity across re-renders using deep
+ * comparison via JSON.stringify.
+ */
+export function useStableValue(value) {
+    const stableRef = useRef({
+        key: JSON.stringify(value),
+        value,
+    });
+    const key = JSON.stringify(value);
+    if (key !== stableRef.current.key) {
+        stableRef.current = { key, value };
+    }
+    return stableRef.current.value;
+}

package/dist/{experimental/pages → pages}/components/page-routes.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType, ReactNode } from 'react';
-import type { EmptyProps } from '../../../shared/types/shared.ts';
+import type { EmptyProps } from '../../shared/types/shared.ts';
 /**
  * The props type for the layout component of [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes).
  */
@@ -72,7 +72,6 @@ export interface PageRoutesProps {
  *
  * See [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes) for more information.
  *
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export declare function PageRoutes(__props: PageRoutesProps): null;
 export declare namespace PageRoutes {

package/dist/{experimental/pages → pages}/components/page-routes.js

@@ -18,7 +18,6 @@ class PageRoutesRenderError extends Error {
  *
  * See [PageRoutes](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/app-page-components/page-routes#pageroutes) for more information.
  *
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export function PageRoutes(__props) {
     throw new PageRoutesRenderError('PageRoutes');
@@ -32,7 +31,6 @@ export function PageRoutes(__props) {
  * <PageRoutes.IndexRoute component={HomePage} />
  * ```
  *
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 PageRoutes.IndexRoute = function IndexRoute(__props) {
     throw new PageRoutesRenderError('PageRoutes.IndexRoute');
@@ -45,7 +43,6 @@ PageRoutes.IndexRoute = function IndexRoute(__props) {
  * ```tsx
  * <PageRoutes.Route path="/docs" component={DocsPage} />
  * ```
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 PageRoutes.Route = function Route(__props) {
     throw new PageRoutesRenderError('PageRoutes.Route');
@@ -59,7 +56,6 @@ PageRoutes.Route = function Route(__props) {
  * <PageRoutes.AnyRoute component={NotFoundPage} />
  * ```
  *
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 PageRoutes.AnyRoute = function AnyRoute(__props) {
     throw new PageRoutesRenderError('PageRoutes.AnyRoute');

package/dist/{experimental/pages → pages}/create-page-router.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import type { ReactFragmentProps } from '../../shared/types/index.ts';
+import type { ReactFragmentProps } from '../shared/types/index.ts';
 import type { PageRoutesProps } from './components/page-routes.ts';
 import type { PageRouterComponent } from './types.ts';
 /**
@@ -29,7 +29,5 @@ import type { PageRouterComponent } from './types.ts';
  *
  * @param routes The routes to render.
  * @returns The page router component.
- *
- * @experimental This function is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export declare const createPageRouter: (reactPageRoutesElement: ReactElement<PageRoutesProps> | ReactElement<ReactFragmentProps>) => PageRouterComponent;

package/dist/{experimental/pages → pages}/create-page-router.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { EmptyState, Text } from "../../shared/remoteComponents.js";
+import { EmptyState, Text } from "../shared/remoteComponents.js";
 import { AppPageRouteProvider } from "./internal/app-page-route-context.js";
 import { convertReactPageRoutesElement } from "./internal/convert-page-routes-react-elements.js";
 import { RouteNodeType, } from "./internal/page-router-internal-types.js";
@@ -69,8 +69,6 @@ const addRoutes = (trieRouter, seenRouteIds, routeNode, parentPath, parentLayout
  *
  * @param routes The routes to render.
  * @returns The page router component.
- *
- * @experimental This function is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export const createPageRouter = (reactPageRoutesElement) => {
     // Convert the React element to a route node and add them to a trie router.

package/dist/{experimental/pages → pages}/create-page-router.test.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Box, Text } from "../../index.js";
-import { createRenderer } from "../../testing/index.js";
+import { Box, Text } from "../index.js";
+import { createRenderer } from "../testing/index.js";
 import { PageRoutes } from "./components/page-routes.js";
 import { createPageRouter } from "./create-page-router.js";
 import { usePageRoute } from "./hooks.js";

package/dist/{experimental/pages → pages}/hooks.d.ts

@@ -3,6 +3,5 @@ import type { MatchedPageRoute } from './types.ts';
  * The hook that provides the current page route to the component.
  *
  * @returns The current page route.
- * @experimental This hook is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export declare const usePageRoute: () => MatchedPageRoute;

package/dist/{experimental/pages → pages}/hooks.js

@@ -4,7 +4,6 @@ import { AppPageRouteContext } from "./internal/app-page-route-context.js";
  * The hook that provides the current page route to the component.
  *
  * @returns The current page route.
- * @experimental This hook is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export const usePageRoute = () => {
     const matchedPageRoute = useContext(AppPageRouteContext);

package/dist/pages/index.d.ts

@@ -1 +1,6 @@
-export { PageBreadcrumbs } from '../shared/remoteComponents.tsx';
+export * from './components/index.ts';
+export * from './create-page-router.tsx';
+export * from './hooks.ts';
+export type * from './types.ts';
+export type * from '../shared/types/pages/components/index.ts';
+export { PageBreadcrumbs, PageHeader, PageLink, PageTitle, } from '../shared/remoteComponents.tsx';

package/dist/pages/index.js

@@ -1 +1,4 @@
-export { PageBreadcrumbs } from "../shared/remoteComponents.js";
+export * from "./components/index.js";
+export * from "./create-page-router.js";
+export * from "./hooks.js";
+export { PageBreadcrumbs, PageHeader, PageLink, PageTitle, } from "../shared/remoteComponents.js";

package/dist/{experimental/pages → pages}/internal/page-router-internal-types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType, ReactNode } from 'react';
-import type { EmptyProps } from '../../../shared/types/shared.ts';
+import type { EmptyProps } from '../../shared/types/shared.ts';
 import type { PageRoutesLayoutComponent } from '../components/page-routes.ts';
 export interface PageRoutesLayoutProps {
     children: ReactNode;

package/dist/pages/internal/useAppPageLocation.d.ts

@@ -0,0 +1 @@
+export declare const useAppPageLocation: () => import("../../index.ts").AppPageLocation;

package/dist/{experimental/pages → pages}/internal/useAppPageLocation.js

@@ -1,5 +1,5 @@
-import { getWorkerGlobals } from "../../../internal/global-utils.js";
-import { useMocksContext } from "../../../internal/hook-utils.js";
+import { getWorkerGlobals } from "../../internal/global-utils.js";
+import { useMocksContext } from "../../internal/hook-utils.js";
 export const useAppPageLocation = () => {
     const mocksContext = useMocksContext();
     if (!mocksContext) {

package/dist/{experimental/pages → pages}/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { EmptyProps } from '../../shared/types/shared.ts';
+import type { EmptyProps } from '../shared/types/shared.ts';
 /**
  * Represents the current page route that has been matched by the page router.
  */
@@ -24,6 +24,5 @@ export type PageRouterProps = EmptyProps;
 /**
  * The component type for the page router that handles rendering matched routes.
  *
- * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
  */
 export type PageRouterComponent = ComponentType<PageRouterProps>;

package/dist/pages/types.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/types/actions.d.ts

@@ -31,6 +31,11 @@ export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback:
 /** @ignore */
 export type CloseOverlayAction = (id: string) => void;
 /** @ignore */
+export type NavigateToPageAction = (options: {
+    to: string;
+    params?: Record<string, string>;
+}) => void;
+/** @ignore */
 export interface CrmHostActions {
     addAlert: AddAlertAction;
     reloadPage: ReloadPageAction;
@@ -48,10 +53,15 @@ export interface AppHomeActions {
     addAlert: AddAlertAction;
 }
 /** @ignore */
+export interface PagesActions {
+    addAlert: AddAlertAction;
+}
+/** @ignore */
 export interface UiePlatformActions {
-    copyTextToClipboard: Clipboard['writeText'];
     closeOverlay: CloseOverlayAction;
-    reloadPage: ReloadPageAction;
+    copyTextToClipboard: Clipboard['writeText'];
+    navigateToPage: NavigateToPageAction;
     openIframeModal: OpenIframeModalAction;
+    reloadPage: ReloadPageAction;
 }
 export {};

package/dist/shared/types/components/table.d.ts

@@ -70,6 +70,14 @@ export interface SortedTableHeaderProps extends BaseTableHeaderProps {
  * @category Component Props
  */
 export type TableHeaderProps = SortedTableHeaderProps | UnSortedTableHeaderProps;
+/**
+ * Controls row height and vertical padding for every cell in the table.
+ *
+ * - `'default'`: generous row height and padding around content.
+ * - `'condensed'`: moderate row height and padding around content.
+ * - `'compact'`: no min row height, minimal padding. Rows collapse to content height.
+ */
+export type TableDensity = 'default' | 'condensed' | 'compact';
 interface BaseTableProps extends BaseComponentProps {
     /**
      * When set to `false`, the table will not include borders.
@@ -83,6 +91,14 @@ interface BaseTableProps extends BaseComponentProps {
      * @defaultValue `false`
      */
     flush?: boolean;
+    /**
+     * Sets row height and vertical padding for all header, body, and footer cells.
+     * Use `'condensed'` for denser data views and `'compact'` when rows should be
+     * sized only to their content.
+     *
+     * @defaultValue `'default'`
+     */
+    density?: TableDensity;
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be one of Table's subcomponents.
      */

package/dist/shared/types/context.d.ts

@@ -18,6 +18,7 @@ export interface UserContext {
     roles: string[];
     teams: Team[];
     locale?: string;
+    language?: string;
     permissions: Permission[];
 }
 /** @ignore */
@@ -60,6 +61,11 @@ export interface AppHomeContext extends BaseContext {
     extension?: AppContext;
 }
 /** @ignore */
+export interface PagesContext extends BaseContext {
+    location: 'pages';
+    extension?: AppContext;
+}
+/** @ignore */
 export interface GenericContext extends BaseContext {
     location: 'uie.playground.middle';
 }

package/dist/shared/types/crm.d.ts

@@ -372,6 +372,10 @@ export interface CrmActionLinkProps extends BaseActionComponent {
      * @defaultValue `"primary"`
      */
     variant?: 'primary' | 'light' | 'dark' | 'destructive';
+    /**
+     * A function that will be invoked when the link is clicked. It receives no arguments and its return value is ignored.
+     */
+    onClick?: () => void;
 }
 export interface ActionLibraryButtonCardActionConfig<SpecificActionType extends ActionType = ActionType> {
     /**

package/dist/shared/types/experimental.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ReactionsHandler } from './reactions.ts';
 import type { AllDistances, BaseComponentProps, ExtensionEvent } from './shared.ts';
+export type { CrmSearchFilter, CrmSearchFilterGroup, CrmSearchResponse, CrmSearchResultItem, CrmSearchSort, FetchCrmSearchRequest, UseCrmSearchOptions, UseCrmSearchResult, FormattingOptions, } from './hooks.ts';
 /**
  * @ignore
  * @experimental do not use in production
@@ -233,4 +234,3 @@ export interface BaseInputProps<T = string, V = string> {
      */
     onFocus?: (value: V) => void;
 }
-export {};

package/dist/shared/types/extension-points.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
-import type { AppHomeActions, CrmHostActions, SettingsActions, UiePlatformActions } from './actions.ts';
-import type { AppHomeContext, BaseContext, CrmContext, GenericContext, SettingsContext } from './context.ts';
+import type { AppHomeActions, CrmHostActions, PagesActions, SettingsActions, UiePlatformActions } from './actions.ts';
+import type { AppHomeContext, BaseContext, CrmContext, GenericContext, PagesContext, SettingsContext } from './context.ts';
 import type { CrmActionButtonProps, CrmActionLinkProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmAssociationTableProps, CrmCardActionsProps, CrmDataHighlightProps, CrmPropertyListProps, CrmRelativeTimelineProps, CrmReportProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps } from './crm.ts';
 import type { ServerlessFuncRunner } from './http-requests.ts';
 import type { TypesOfReadOnlyArray } from './shared.ts';
@@ -75,6 +75,11 @@ export interface AppHomeExtensionPoint extends ExtensionPointContract {
     actions: AppHomeActions & UiePlatformActions;
     context: AppHomeContext;
 }
+/** @ignore */
+export interface PagesExtensionPoint extends ExtensionPointContract {
+    actions: PagesActions & UiePlatformActions;
+    context: PagesContext;
+}
 export interface ExampleCrmComponentProps {
     name: string;
     size: 'sm' | 'md' | 'lg';
@@ -90,7 +95,7 @@ interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
         ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
     };
 }
-export declare const EXTENSION_POINT_LOCATIONS: readonly ["crm.preview", "crm.record.sidebar", "crm.record.tab", "helpdesk.sidebar", "uie.playground.middle", "settings", "home"];
+export declare const EXTENSION_POINT_LOCATIONS: readonly ["crm.preview", "crm.record.sidebar", "crm.record.tab", "helpdesk.sidebar", "uie.playground.middle", "settings", "home", "pages"];
 export type ExtensionPointLocation = TypesOfReadOnlyArray<typeof EXTENSION_POINT_LOCATIONS>;
 /** @ignore */
 interface LocationToExtensionPoint {
@@ -101,6 +106,7 @@ interface LocationToExtensionPoint {
     'helpdesk.sidebar': StandardCrmExtensionPoint;
     settings: SettingsExtensionPoint;
     home: AppHomeExtensionPoint;
+    pages: PagesExtensionPoint;
 }
 /**
  * While this resolves to the same result as LocationToExtensionPoint, it ensures that every location

package/dist/shared/types/extension-points.js

@@ -6,4 +6,5 @@ export const EXTENSION_POINT_LOCATIONS = [
     'uie.playground.middle',
     'settings',
     'home',
+    'pages',
 ];