@hubspot/ui-extensions 0.8.4 → 0.8.5

package/dist/experimental/experimentalComponents.d.ts

@@ -0,0 +1,7 @@
+import type * as types from '../types';
+/** @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 const Panel: "Panel" & {
+    readonly type?: "Panel" | undefined;
+    readonly props?: types.PanelProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Panel", types.PanelProps, true>>;

package/dist/experimental/experimentalComponents.js

@@ -0,0 +1,5 @@
+import { createRemoteReactComponent } from '@remote-ui/react';
+/** @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 const Panel = createRemoteReactComponent('Panel', {
+    fragmentProps: ['footer'],
+});

package/dist/experimental/index.d.ts

@@ -0,0 +1,2 @@
+import { Panel } from './experimentalComponents';
+export { Panel };

package/dist/experimental/index.js

@@ -0,0 +1,2 @@
+import { Panel } from './experimentalComponents';
+export { Panel };

package/dist/hubspot.d.ts

@@ -1,6 +1,8 @@
 import { ReactElement } from 'react';
-import { ExtensionPoints, ExtensionPointApi } from './types';
+import type { ExtensionPoints, ExtensionPointApi, ServerlessRunnerParams } from './types';
 export declare function extend_V2<ExtensionPointName extends keyof ExtensionPoints>(renderExtensionCallback: (api: ExtensionPointApi<ExtensionPointName>) => ReactElement<any>): any;
+export declare function serverless<T = any>(name: ServerlessRunnerParams['name'], options?: Omit<ServerlessRunnerParams, 'name'>): Promise<T>;
 export declare const hubspot: {
     extend: typeof extend_V2;
+    serverless: typeof serverless;
 };

package/dist/hubspot.js

@@ -1,6 +1,10 @@
 export function extend_V2(renderExtensionCallback) {
     return self.extend_V2(renderExtensionCallback);
 }
+export function serverless(name, options) {
+    return self.serverless(name, options);
+}
 export const hubspot = {
     extend: extend_V2,
+    serverless,
 };

package/dist/types.d.ts

@@ -10,6 +10,7 @@ export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     targetValue: V;
     constructor(value: V, event: Event);
 }
+export type ReactionsHandler<T> = (event: T, reactions: Reactions) => void | Promise<void>;
 /**
  * The props type for {@link !components.Alert}.
  *
@@ -44,7 +45,7 @@ export interface ButtonProps {
      *
      * @event
      */
-    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
+    onClick?: ReactionsHandler<ExtensionEvent>;
     /**
      * A URL that will be opened when the button is clicked. If the value is a URL external to `hubspot.com` it will be opened in a new tab.
      */
@@ -235,7 +236,7 @@ export interface FormProps {
      *
      * @event
      */
-    onSubmit?: (event: FormSubmitExtensionEvent<FormInputValues>, reactions: Reactions) => void;
+    onSubmit?: ReactionsHandler<FormSubmitExtensionEvent<FormInputValues>>;
     /**
      * When set to `true`, `event.preventDefault()` will be invoked before the `onSubmit` function is called, preventing the default HTML form behavior.
      *
@@ -282,7 +283,7 @@ export interface ImageProps {
      *
      * @event
      */
-    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
+    onClick?: ReactionsHandler<ExtensionEvent>;
     /**
      * The URL of the image to display.
      *
@@ -722,7 +723,7 @@ export interface TagProps {
      *
      * @event
      */
-    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
+    onClick?: ReactionsHandler<ExtensionEvent>;
 }
 /**
  * @internal
@@ -793,7 +794,7 @@ export type TextProps = {
      *
      * - `false` => no truncation(default).
      * - `true` => truncates the string to a single line. Full-text will show inside the tooltip.
-     * - { toolipText: 'some text' } => truncates the string and lets you control the contents of the tooltip.
+     * - { tooltipText: 'some text' } => truncates the string and lets you control the contents of the tooltip.
      * - { maxWidth: 150 } => sets the width(in pixel) of the line.
      *
      * @defaultValue `false`
@@ -802,7 +803,7 @@ export type TextProps = {
 };
 export interface TruncateOptions {
     maxWidth?: number;
-    toolipText?: string;
+    tooltipText?: string;
 }
 /**
  * The props type for {@link !components.Tile}.
@@ -1128,11 +1129,11 @@ export interface StatisticsItemProps {
     /**
      * The string to be displayed as the item's primary number.
      */
-    number: string;
+    number: string | number;
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsTrend} or {@link !components.Text}.
      */
-    children: ReactNode;
+    children?: ReactNode;
 }
 /**
  * The props type for {@link !components.Statistics}.
@@ -1723,7 +1724,7 @@ export interface LinkProps {
      *
      * @event
      */
-    onClick?: (event: ExtensionEvent, reactions: Reactions) => void;
+    onClick?: ReactionsHandler<ExtensionEvent>;
     /**
      * When set to true, `event.preventDefault()` will be invoked before the `onClick` function is called, preventing automatic navigation to the href URL.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,8 @@
   },
   "exports": {
     ".": "./dist/index.js",
-    "./crm": "./dist/crm/index.js"
+    "./crm": "./dist/crm/index.js",
+    "./experimental": "./dist/experimental/index.js"
   },
   "license": "MIT",
   "dependencies": {
@@ -50,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "41e3484343d34136e81540d774a101ccf99642b3"
+  "gitHead": "c9d6a64b37208e4387fa09655c3ada9733dd8602"
 }