@hubspot/ui-extensions 0.8.17 → 0.8.20

package/dist/experimental/experimentalComponents.d.ts

@@ -11,3 +11,9 @@ export declare const Slider: "Slider" & {
     readonly props?: types.SliderProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Slider", types.SliderProps, true>>;
+/** @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 Icon: "Icon" & {
+    readonly type?: "Icon" | undefined;
+    readonly props?: types.IconProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Icon", types.IconProps, true>>;

package/dist/experimental/experimentalComponents.js

@@ -3,3 +3,5 @@ import { createRemoteReactComponent } from '@remote-ui/react';
 export const Tooltip = createRemoteReactComponent('Tooltip');
 /** @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 Slider = createRemoteReactComponent('Slider');
+/** @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 Icon = createRemoteReactComponent('Icon');

package/dist/experimental/index.d.ts

@@ -1 +1 @@
-export { Tooltip, Slider } from './experimentalComponents';
+export { Tooltip, Slider, Icon } from './experimentalComponents';

package/dist/experimental/index.js

@@ -1 +1 @@
-export { Tooltip, Slider } from './experimentalComponents';
+export { Tooltip, Slider, Icon } from './experimentalComponents';

package/dist/hubspot.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement } from 'react';
-import type { ExtensionPoints, ExtensionPointApi, ServerlessRunnerParams } from './types';
+import type { ExtensionPoints, ExtensionPointApi, ServerlessRunnerParams, HubSpotFetchRequestURI, HubSpotFetchOptions } 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 function fetch(url: HubSpotFetchRequestURI, options?: HubSpotFetchOptions): Promise<Response>;
 export declare const hubspot: {
     extend: typeof extend_V2;
     serverless: typeof serverless;
+    fetch: typeof fetch;
 };

package/dist/hubspot.js

@@ -4,7 +4,11 @@ export function extend_V2(renderExtensionCallback) {
 export function serverless(name, options) {
     return self.serverless(name, options);
 }
+export function fetch(url, options) {
+    return self.hsFetch(url, options);
+}
 export const hubspot = {
     extend: extend_V2,
     serverless,
+    fetch,
 };

package/dist/types.d.ts

@@ -67,7 +67,7 @@ export interface ButtonProps {
      */
     type?: 'button' | 'reset' | 'submit';
     /**
-     * The displayable text for the Button.
+     * Sets the content that will render inside the Button. This prop is passed implicitly by providing sub-components. Only regular text and Icons are permitted.
      */
     children: ReactNode;
     /**
@@ -262,6 +262,66 @@ export interface HeadingProps {
      */
     inline?: boolean;
 }
+/**
+ * The props type for {@link !components.Icon}.
+ *
+ * @ignore
+ * @experimental
+ * @category Component Props
+ */
+export interface IconProps {
+    /**
+     * Sets the specific icon to display.
+     */
+    type: IconTypes;
+    /**
+     * Sets the size of the icon. If this prop is not provided, the icon will default to the size of its parent.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
+    /**
+     * Sets the text that a screenreader will read for this icon.
+     */
+    screenReaderText?: string;
+}
+export declare const iconTypes: {
+    readonly success: "success";
+    readonly remove: "remove";
+    readonly add: "add";
+    readonly attach: "attach";
+    readonly date: "date";
+    readonly delete: "delete";
+    readonly edit: "edit";
+    readonly email: "email";
+    readonly exclamation: "exclamation";
+    readonly location: "location";
+    readonly upCarat: "upCarat";
+    readonly downCarat: "downCarat";
+    readonly warning: "warning";
+    readonly shoppingCart: "cart";
+    readonly clock: "time";
+    readonly comment: "comments";
+    readonly contact: "contacts";
+    readonly star: "favorite";
+    readonly file: "file";
+    readonly reports: "reports";
+    readonly video: "video";
+    readonly robot: "simpleBot";
+    readonly refresh: "refresh";
+    readonly faceHappy: "emoji";
+    readonly faceSad: "emojiLineSad";
+    readonly upload: "upload";
+    readonly download: "download";
+    readonly left: "left";
+    readonly right: "right";
+    readonly dataSync: "dataSync";
+    readonly imageGallery: "imageGallery";
+    readonly search: "search";
+    readonly save: "saveEditableView";
+    readonly notification: "notification";
+};
+export type IconTypes = keyof typeof iconTypes;
 /**
  * The props type for {@link !components.Image}.
  *
@@ -1296,7 +1356,7 @@ export type ReloadPageAction = () => void;
 /** @ignore */
 export type FetchCrmObjectPropertiesAction = (properties: string[] | '*') => Promise<Record<string, string>>;
 /** @ignore */
-export type OpenIframeModalAction = (action: OpenIframeActionPayload) => void;
+export type OpenIframeModalAction = (action: OpenIframeActionPayload, onClose?: () => void) => void;
 /** @ignore */
 export type refreshObjectPropertiesAction = () => void;
 /** @ignore */
@@ -2203,4 +2263,12 @@ export interface SliderProps extends Omit<BaseInputForNumber, 'placeholder'> {
      */
     size?: TShirtSizes['md'] | TShirtSizes['lg'];
 }
+export interface HubSpotFetchOptions {
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+    timeout?: number;
+    body?: {
+        [key: string]: unknown;
+    };
+}
+export type HubSpotFetchRequestURI = string | URL;
 export {};

package/dist/types.js

@@ -17,6 +17,42 @@ export class FormSubmitExtensionEvent extends ExtensionEvent {
         this.targetValue = value;
     }
 }
+export const iconTypes = {
+    success: 'success',
+    remove: 'remove',
+    add: 'add',
+    attach: 'attach',
+    date: 'date',
+    delete: 'delete',
+    edit: 'edit',
+    email: 'email',
+    exclamation: 'exclamation',
+    location: 'location',
+    upCarat: 'upCarat',
+    downCarat: 'downCarat',
+    warning: 'warning',
+    shoppingCart: 'cart',
+    clock: 'time',
+    comment: 'comments',
+    contact: 'contacts',
+    star: 'favorite',
+    file: 'file',
+    reports: 'reports',
+    video: 'video',
+    robot: 'simpleBot',
+    refresh: 'refresh',
+    faceHappy: 'emoji',
+    faceSad: 'emojiLineSad',
+    upload: 'upload',
+    download: 'download',
+    left: 'left',
+    right: 'right',
+    dataSync: 'dataSync',
+    imageGallery: 'imageGallery',
+    search: 'search',
+    save: 'saveEditableView',
+    notification: 'notification',
+};
 /**
  * @category Serverless
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.17",
+  "version": "0.8.20",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "c056fcf4f48454c6f4cd7986fd1f5b5f619d1605"
+  "gitHead": "6aee5b2b08bb56a07bbafbcaafe455f491d47233"
 }