@hubspot/ui-extensions 0.11.2 → 0.11.4

package/dist/{__synced__/types/components/tabs.synced.d.ts → shared/types/components/tabs.d.ts}

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface TabsProps {
+import { BaseComponentProps } from '../shared.ts';
+export interface TabsProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component.
      */
@@ -26,7 +27,7 @@ export interface TabsProps {
      */
     fill?: boolean;
 }
-export interface TabProps {
+export interface TabProps extends BaseComponentProps {
     /**
      * Whether the tab is disabled.
      */

package/dist/shared/types/components/tabs.js

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

package/dist/{__synced__/types/components/tag.synced.d.ts → shared/types/components/tag.d.ts}

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { OverlayComponentProps, ExtensionEvent } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
+import { OverlayComponentProps, ExtensionEvent, BaseComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
 /**
  * The props type for {@link !components.Tag}.
  *
  * @category Component Props
  */
-export interface TagProps extends OverlayComponentProps {
+export interface TagProps extends OverlayComponentProps, BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */

package/dist/shared/types/components/tag.js

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

package/dist/{__synced__/types/components/text.synced.d.ts → shared/types/components/text.d.ts}

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * @internal
  * Format options for text component.
@@ -90,4 +91,4 @@ export type TextProps = {
      * @defaultValue `false`
      */
     truncate?: boolean | TruncateOptions;
-};
+} & BaseComponentProps;

package/dist/shared/types/components/text.js

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

package/dist/{__synced__/types/components/tile.synced.d.ts → shared/types/components/tile.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Tile}.
  *
  * @category Component Props
  */
-export interface TileProps {
+export interface TileProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */

package/dist/shared/types/components/tile.js

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

package/dist/{__synced__/types/components/toggle.synced.d.ts → shared/types/components/toggle.d.ts}

@@ -1,10 +1,10 @@
-import { TShirtSizes } from '../shared.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Toggle}.
  *
  * @category Component Props
  */
-export interface ToggleProps {
+export interface ToggleProps extends BaseComponentProps {
     /**
      * The current status of the input.
      */

package/dist/shared/types/components/toggle.js

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

package/dist/{__synced__/types/components/toggleInputs.synced.d.ts → shared/types/components/toggleInputs.d.ts}

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Checkbox}.
  *
  * @category Component Props
  */
-export interface CheckboxProps {
+export interface CheckboxProps extends BaseComponentProps {
     /**
      * A string representing the value of the input. This is not displayed on the client-side,
      * but on the server this is the value given to the data submitted with the checkbox's name.
@@ -74,7 +74,7 @@ export type ToggleGroupOption = {
     /** The string that displays below the toggle. */
     description?: string;
 };
-interface ToggleGroupListBaseProps {
+interface ToggleGroupListBaseProps extends BaseComponentProps {
     name: ToggleGroupProps['name'];
     options: ToggleGroupProps['options'];
     variant: ToggleGroupProps['variant'];
@@ -89,7 +89,7 @@ export interface RadioButtonListProps extends ToggleGroupListBaseProps {
     onChange?: RadioButtonGroupProps['onChange'];
 }
 type ToggleType = 'checkboxList' | 'radioButtonList';
-export interface CommonGroupProps {
+export interface CommonGroupProps extends BaseComponentProps {
     /**
      * Denotes the type of list to render.
      */

package/dist/shared/types/components/toggleInputs.js

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

package/dist/{__synced__/types/components/tooltip.synced.d.ts → shared/types/components/tooltip.d.ts}

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface TooltipProps {
+import { BaseComponentProps } from '../shared.ts';
+export interface TooltipProps extends BaseComponentProps {
     /**
      * Sets the content to render on the screen, and serves as the trigger for the tooltip. This prop is passed implicitly by providing sub-components.
      */

package/dist/shared/types/components/tooltip.js

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

package/dist/{__synced__/types/context.synced.d.ts → shared/types/context.d.ts}

@@ -1,4 +1,4 @@
-import type { ExtensionPoints } from './extension-points.synced';
+import type { ExtensionPoints } from './extension-points.ts';
 /** @ignore */
 interface Team {
     id: number;

package/dist/shared/types/context.js

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

package/dist/{__synced__/types/crm.synced.d.ts → shared/types/crm.d.ts}

@@ -1,18 +1,18 @@
 import { ReactNode } from 'react';
-import { TShirtSizes } from './shared.synced';
+import { TShirtSizes, BaseComponentProps } from './shared.ts';
 /** @ignore */
-export interface CrmDataHighlightProps {
+export interface CrmDataHighlightProps extends BaseComponentProps {
     properties: Array<string>;
     objectTypeId?: string;
     objectId?: number;
 }
 /** @ignore */
-export interface CrmReportProps {
+export interface CrmReportProps extends BaseComponentProps {
     reportId: string;
     use?: 'associations' | 'subject' | 'unfiltered';
 }
 /** @ignore */
-export interface CrmPropertyListProps {
+export interface CrmPropertyListProps extends BaseComponentProps {
     properties: Array<string>;
     direction?: string;
     objectTypeId?: string;
@@ -32,7 +32,7 @@ interface CrmSearchFilter {
     property: string;
 }
 /** @ignore */
-export interface CrmAssociationTableProps {
+export interface CrmAssociationTableProps extends BaseComponentProps {
     objectTypeId: string;
     propertyColumns: Array<string>;
     quickFilterProperties?: Array<string>;
@@ -44,7 +44,7 @@ export interface CrmAssociationTableProps {
     sort?: Array<CrmSortDescriptor>;
 }
 /** @ignore */
-export interface CrmAssociationPivotProps {
+export interface CrmAssociationPivotProps extends BaseComponentProps {
     objectTypeId: string;
     associationLabels?: Array<string>;
     maxAssociations?: number;
@@ -52,7 +52,7 @@ export interface CrmAssociationPivotProps {
     sort?: Array<CrmSortDescriptor>;
 }
 /** @ignore */
-export interface CrmAssociationStageTrackerProps {
+export interface CrmAssociationStageTrackerProps extends BaseComponentProps {
     objectTypeId: string;
     properties: Array<string>;
     associationLabels?: Array<string>;
@@ -61,7 +61,7 @@ export interface CrmAssociationStageTrackerProps {
     sort?: Array<CrmSortDescriptor>;
 }
 /** @ignore */
-export interface CrmSimpleDeadlineProps {
+export interface CrmSimpleDeadlineProps extends BaseComponentProps {
     endDatePropertyName: string;
     properties: Array<string>;
     progressTheme?: ProgressTheme;
@@ -100,7 +100,7 @@ interface PercentileMetricItem extends BaseCrmStatisticItem {
 /** @ignore */
 type CrmStatisticItem = BasicMetricItem | PercentileMetricItem;
 /** @ignore */
-export interface CrmStatisticsProps {
+export interface CrmStatisticsProps extends BaseComponentProps {
     objectTypeId: string;
     statistics: Array<CrmStatisticItem>;
 }
@@ -116,14 +116,14 @@ interface Gradient {
     endColor: string;
 }
 /** @ignore */
-export interface CrmStageTrackerProps {
+export interface CrmStageTrackerProps extends BaseComponentProps {
     objectId?: number;
     objectTypeId?: string;
     properties: Array<string>;
     showProperties?: boolean;
 }
 /** @ignore */
-export interface CrmAssociationPropertyListProps {
+export interface CrmAssociationPropertyListProps extends BaseComponentProps {
     objectTypeId: string;
     properties: Array<string>;
     associationLabels?: Array<string>;
@@ -197,7 +197,7 @@ interface ActionArgs {
 export type ArgsFor<SpecificActionType extends ActionType> = ActionArgs[SpecificActionType];
 export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_CREATOR_FORM' | 'OPEN_RECORD_ASSOCIATION_FORM' | 'ENGAGEMENT_APP_LINK' | 'RECORD_APP_LINK' | 'PAGE_APP_LINK' | 'EXTERNAL_URL' | 'OPEN_WORKFLOW_ENROLLMENT_MODAL';
 /** @ignore */
-interface BaseActionComponent {
+interface BaseActionComponent extends BaseComponentProps {
     children: ReactNode;
     actionType: ActionType;
     actionContext: ArgsFor<ActionType>;
@@ -241,7 +241,7 @@ type ErrorHandler = (errors: string[]) => void;
 /** @ignore */
 type CardActionConfig = ActionLibraryButtonCardActionConfig | DropdownCardActionConfig;
 /** @ignore */
-export type CrmCardActionsProps = {
+export type CrmCardActionsProps = BaseComponentProps & {
     actionConfigs: Array<CardActionConfig>;
     onError?: ErrorHandler;
 };

package/dist/shared/types/crm.js

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

package/dist/{__synced__/experimental/types.synced.d.ts → shared/types/experimental.d.ts}

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-import type { ReactionsHandler } from '../types/reactions.synced';
-import type { AllDistances, ExtensionEvent } from '../types/shared.synced';
+import type { ReactionsHandler } from './reactions.ts';
+import type { AllDistances, ExtensionEvent, BaseComponentProps } from './shared.ts';
 /**
  * @ignore
  * @experimental do not use in production
  */
-interface BaseLayout {
+interface BaseLayout extends BaseComponentProps {
     fullWidth?: boolean;
     fullHeight?: boolean;
 }
@@ -41,21 +41,21 @@ export interface CenterProps extends BaseLayout {
  * @ignore
  * @experimental
  */
-export interface MediaObjectProps {
+export interface MediaObjectProps extends BaseComponentProps {
     align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
     spacing?: 'none' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
     children?: ReactNode;
     itemLeft?: ReactNode;
     itemRight?: ReactNode;
 }
-export interface GridProps {
+export interface GridProps extends BaseComponentProps {
     justify?: FlexJustify;
     align?: FlexAlign;
     gap?: AllDistances;
     size?: number;
     children?: ReactNode;
 }
-export interface GridItemProps {
+export interface GridItemProps extends BaseComponentProps {
     size?: number;
     children?: ReactNode;
     offset?: number;
@@ -64,7 +64,7 @@ export interface GridItemProps {
  * @ignore
  * @experimental do not use in production
  */
-export interface SettingsViewProps {
+export interface SettingsViewProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */
@@ -96,7 +96,7 @@ export interface SettingsViewProps {
  * @ignore
  * @experimental do not use in production
  */
-export interface ExpandableTextProps {
+export interface ExpandableTextProps extends BaseComponentProps {
     children: ReactNode;
     maxHeight?: number;
     expandButtonText?: string;
@@ -107,7 +107,7 @@ export interface ExpandableTextProps {
  * @ignore
  * @experimental do not use in production
  */
-export interface PopoverProps {
+export interface PopoverProps extends BaseComponentProps {
     /**
      * A unique ID for the popover. Used to identify the popover in the overlay system.
      *
@@ -146,7 +146,7 @@ export interface PopoverProps {
  * @ignore
  * @experimental do not use in production
  */
-export interface FileInputProps {
+export interface FileInputProps extends BaseComponentProps {
     value?: File | {
         name: string;
     };
@@ -234,7 +234,3 @@ export interface BaseInputProps<T = string, V = string> {
     onFocus?: (value: V) => void;
 }
 export {};
-/**
- * @ignore
- * @experimental do not use in production
- */

package/dist/shared/types/experimental.js

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

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

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ExtensionPointApi, ExtensionPoints } from './extension-points.ts';
+export type RenderExtensionCallback<TExtensionPointName extends keyof ExtensionPoints> = (api: ExtensionPointApi<TExtensionPointName>) => ReactElement<any>;
+export type HubspotExtendFunction = <TExtensionPointName extends keyof ExtensionPoints>(renderExtensionCallback: RenderExtensionCallback<TExtensionPointName>) => void;

package/dist/shared/types/extend.js

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

package/dist/{__synced__/types/extension-points.synced.d.ts → shared/types/extension-points.d.ts}

@@ -1,10 +1,10 @@
 import { ComponentType } from 'react';
-import { TypesOfReadOnlyArray } from './shared.synced';
-import type { AppHomeContext, BaseContext, CrmContext } from './context.synced';
-import type { AppHomeActions, CrmHostActions, SettingsActions, UiePlatformActions } from './actions.synced';
-import type { CrmPropertyListProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmReportProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmRelativeTimelineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from './crm.synced';
-import type { SettingsContext, GenericContext } from './context.synced';
-import type { ServerlessFuncRunner } from './http-requests.synced';
+import { TypesOfReadOnlyArray } from './shared.ts';
+import type { AppHomeContext, BaseContext, CrmContext } from './context.ts';
+import type { AppHomeActions, CrmHostActions, SettingsActions, UiePlatformActions } from './actions.ts';
+import type { CrmPropertyListProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmReportProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmRelativeTimelineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from './crm.ts';
+import type { SettingsContext, GenericContext } from './context.ts';
+import type { ServerlessFuncRunner } from './http-requests.ts';
 /** @ignore */
 export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
 /** @ignore */
@@ -109,14 +109,22 @@ interface LocationToExtensionPoint {
  * the single source of truth for defining all locations.
  */
 type _ExtensionPoints = {
-    [key in ExtensionPointLocation]: LocationToExtensionPoint[key];
+    [TExtensionPointLocation in ExtensionPointLocation]: LocationToExtensionPoint[TExtensionPointLocation];
 };
 export interface ExtensionPoints extends _ExtensionPoints {
 }
 /** @ignore */
-export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
+export interface ExtensionPointApi<TExtensionPointLocation extends ExtensionPointLocation> {
     runServerlessFunction: ServerlessFuncRunner;
-    actions: ExtensionPoints[ExtensionPointName]['actions'];
-    context: ExtensionPoints[ExtensionPointName]['context'];
+    actions: ExtensionPoints[TExtensionPointLocation]['actions'];
+    context: ExtensionPoints[TExtensionPointLocation]['context'];
 }
+/**
+ * The actions of the extension point API.
+ */
+export type ExtensionPointApiActions<TExtensionPointLocation extends ExtensionPointLocation> = ExtensionPointApi<TExtensionPointLocation>['actions'];
+/**
+ * The context of the extension point API.
+ */
+export type ExtensionPointApiContext<TExtensionPointLocation extends ExtensionPointLocation> = ExtensionPointApi<TExtensionPointLocation>['context'];
 export {};

package/dist/{__synced__/types/http-requests.synced.d.ts → shared/types/http-requests.d.ts}

@@ -1,4 +1,4 @@
-import type { ExtensionPoints } from './extension-points.synced';
+import type { ExtensionPoints } from './extension-points.ts';
 export interface HubSpotFetchOptions {
     method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
     timeout?: number;

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

@@ -0,0 +1,8 @@
+export type * from './components/index.ts';
+export type * from './actions.ts';
+export type * from './context.ts';
+export type * from './crm.ts';
+export type * from './extension-points.ts';
+export type * from './http-requests.ts';
+export type * from './reactions.ts';
+export * from './shared.ts';

package/dist/shared/types/index.js

@@ -0,0 +1 @@
+export * from "./shared.js"; // NOTE: `shared.ts` has some exported classes so we can't use `export type` for now

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

@@ -0,0 +1,7 @@
+export type LogData = string | number;
+export interface Logger {
+    debug: (data: LogData) => void;
+    info: (data: LogData) => void;
+    warn: (data: LogData) => void;
+    error: (data: LogData) => void;
+}

package/dist/shared/types/logger.js

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

package/dist/shared/types/reactions.js

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

package/dist/{__synced__/types/shared.synced.d.ts → shared/types/shared.d.ts}

@@ -194,3 +194,6 @@ export declare class RemoteEvent<V> {
     targetValue: V;
     constructor(value: V, event: Event);
 }
+export interface BaseComponentProps {
+    testId?: string;
+}

package/dist/shared/types/worker-globals.d.ts

@@ -0,0 +1,17 @@
+import { Logger } from './logger.ts';
+import { HubspotExtendFunction } from './extend.ts';
+export interface WorkerGlobalsInternal {
+    /**
+     * A marker that the current global is a HubSpot extension worker.
+     */
+    __HUBSPOT_EXTENSION_WORKER__?: boolean;
+    /**
+     * A logger for the current worker.
+     */
+    logger: Logger;
+    /**
+     * A global function in worker globals that is used to extend the current worker with a new extension point.
+     * NOTE: `extend_V2` is used internally by `hubspot.extend` (where `hubspot` is imported from `@hubspot/ui-extensions`).
+     */
+    extend_V2: HubspotExtendFunction;
+}

package/dist/shared/types/worker-globals.js

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

package/dist/{__synced__/utils/remote-component-registry.synced.d.ts → shared/utils/remote-component-registry.d.ts}

@@ -1,4 +1,4 @@
-import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.synced';
+import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.ts';
 /**
  * Options for creating a remote React component.
  */

package/dist/{__synced__/utils/remote-component-registry.synced.js → shared/utils/remote-component-registry.js}

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/utils/remote-component-registry.tsx
 import { createRemoteReactComponent } from '@remote-ui/react';
 export const createRemoteComponentRegistry = () => {
     const componentMetadataLookup = new Map();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -34,7 +34,9 @@
   "dependencies": {
     "@remote-ui/core": "2.2.7",
     "@remote-ui/react": "5.0.2",
-    "react": "18.3.1"
+    "react": "18.3.1",
+    "react-reconciler": "0.29.2",
+    "tinyspy": "4.0.4"
   },
   "engines": {
     "node": ">=16"
@@ -66,11 +68,11 @@
     "react-dom": "18.3.1",
     "react-reconciler": "^0.29.0",
     "tsd": "^0.33.0",
-    "typescript": "5.0.4",
+    "typescript": "5.9.3",
     "vitest": "2.1.9"
   },
   "tsd": {
     "directory": "src/__tests__/test-d"
   },
-  "gitHead": "6545e14f68b8927c84d75ae45f287a43f19a0bb2"
+  "gitHead": "87edb81155e7376caa159611e6f2fd8e8c3dfdec"
 }

package/dist/__synced__/experimental/types.synced.js

@@ -1,5 +0,0 @@
-export {};
-/**
- * @ignore
- * @experimental do not use in production
- */

package/dist/__synced__/types/components/index.synced.d.ts

@@ -1,38 +0,0 @@
-export type * from './accordion.synced';
-export type * from './alert.synced';
-export type * from './app-home-header-actions.synced';
-export type * from './button-row.synced';
-export type * from './button.synced';
-export type * from './card.synced';
-export type * from './chart.synced';
-export type * from './description-list.synced';
-export type * from './divider.synced';
-export type * from './dropdown.synced';
-export type * from './empty-state.synced';
-export type * from './error-state.synced';
-export type * from './form.synced';
-export type * from './heading.synced';
-export type * from './icon.synced';
-export type * from './iframe.synced';
-export type * from './illustration.synced';
-export type * from './image.synced';
-export type * from './inputs.synced';
-export type * from './layouts.synced';
-export type * from './link.synced';
-export type * from './list.synced';
-export type * from './loading-spinner.synced';
-export type * from './modal.synced';
-export type * from './panel.synced';
-export type * from './progress-bar.synced';
-export type * from './selects.synced';
-export type * from './statistics.synced';
-export type * from './status-tag.synced';
-export type * from './step-indicator.synced';
-export type * from './table.synced';
-export type * from './tabs.synced';
-export type * from './tag.synced';
-export type * from './text.synced';
-export type * from './tile.synced';
-export type * from './toggle.synced';
-export type * from './toggleInputs.synced';
-export type * from './tooltip.synced';

package/dist/__synced__/types/index.synced.d.ts

@@ -1,8 +0,0 @@
-export type * from './components/index.synced';
-export type * from './actions.synced';
-export type * from './context.synced';
-export type * from './crm.synced';
-export type * from './extension-points.synced';
-export type * from './http-requests.synced';
-export type * from './reactions.synced';
-export * from './shared.synced';

package/dist/__synced__/types/index.synced.js

@@ -1 +0,0 @@
-export * from './shared.synced'; // NOTE: `shared.ts` has some exported classes so we can't use `export type` for now