@hubspot/ui-extensions 0.8.26 → 0.8.28

package/dist/experimental/index.d.ts

@@ -17,4 +17,10 @@ declare const Iframe: "Iframe" & {
     readonly props?: types.IframeProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", types.IframeProps, true>>;
-export { Tooltip, Slider, Iframe };
+/** @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. */
+declare const LoadingButton: "LoadingButton" & {
+    readonly type?: "LoadingButton" | undefined;
+    readonly props?: types.LoadingButtonProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"LoadingButton", types.LoadingButtonProps, true>>;
+export { Tooltip, Slider, Iframe, LoadingButton };

package/dist/experimental/index.js

@@ -5,4 +5,8 @@ const Tooltip = createRemoteReactComponent('Tooltip');
 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. */
 const Iframe = createRemoteReactComponent('Iframe');
-export { Tooltip, Slider, Iframe };
+/** @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. */
+const LoadingButton = createRemoteReactComponent('LoadingButton', {
+    fragmentProps: ['overlay'],
+});
+export { Tooltip, Slider, Iframe, LoadingButton };

package/dist/types.d.ts

@@ -38,12 +38,7 @@ export interface AlertProps {
      */
     variant?: 'info' | 'warning' | 'success' | 'error' | 'danger' | 'tip';
 }
-/**
- * The props type for {@link !components.Button}.
- *
- * @category Component Props
- */
-export interface ButtonProps extends OverlayComponentProps {
+export interface BaseButtonProps {
     /**
      * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
      *
@@ -81,6 +76,54 @@ export interface ButtonProps extends OverlayComponentProps {
      */
     size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
 }
+/**
+ * The props type for {@link !components.Button}.
+ *
+ * @category Component Props
+ */
+export interface ButtonProps extends BaseButtonProps, OverlayComponentProps {
+}
+/**
+ * Extra configuration passed to the overlay
+ */
+export interface LoadingButtonOverlayOptions {
+    /**
+     * If `onLoadingFinish`, the overlay will open once the loading operation is done.
+     * If `onClick`, the overlay will open as soon as there is a click on the button.
+     *
+     * @defaultValue `"onClick"`
+     */
+    openBehavior?: 'onClick' | 'onLoadingFinish';
+}
+/**
+ * The props type for {@link !components.LoadingButton}.
+ *
+ * @category Component Props
+ */
+export interface LoadingButtonProps extends BaseButtonProps, OverlayComponentProps {
+    /**
+     * Sets the color variation of the button.
+     *
+     * @defaultValue `"secondary"`
+     */
+    variant?: 'primary' | 'secondary' | 'destructive';
+    /**
+     * If true, the loading indicator is shown and the button becomes disabled.
+     *
+     * @defaultValue `false`
+     */
+    loading?: boolean;
+    /**
+     * Extra configuration passed to the overlay
+     */
+    overlayOptions?: LoadingButtonOverlayOptions;
+    /**
+     * Controls the icon that's shown after loading is done.
+     *
+     * @defaultValue `"success"`
+     */
+    resultIconName?: IconNames;
+}
 /**
  * The props type for {@link !components.ButtonRow}.
  *
@@ -1214,7 +1257,7 @@ export interface BaseContext {
 }
 /** @ignore */
 export interface CrmContext extends BaseContext {
-    location: 'crm.record.tab' | 'crm.record.sidebar' | 'crm.preview';
+    location: 'crm.record.tab' | 'crm.record.sidebar' | 'crm.preview' | 'helpdesk.sidebar';
     crm: CrmRecordContext;
     extension?: AppContext;
 }
@@ -1465,6 +1508,7 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
         openIframeModal: OpenIframeModalAction;
         refreshObjectProperties: refreshObjectPropertiesAction;
         onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
+        copyTextToClipboard?: Clipboard['writeText'];
     };
     context: CrmContext;
     customComponents: {
@@ -1721,6 +1765,7 @@ export interface ExtensionPoints {
     'crm.record.tab': StandardCrmExtensionPoint;
     'crm.preview': StandardCrmExtensionPoint;
     'crm.record.sidebar': CrmSidebarExtensionPoint;
+    'helpdesk.sidebar': StandardCrmExtensionPoint;
 }
 export interface ExampleCrmComponentProps {
     name: string;
@@ -2401,4 +2446,9 @@ export interface HubSpotFetchOptions {
     headers?: Headers | Record<string, string>;
 }
 export type HubSpotFetchRequestURI = string | URL;
+export type ProxyMetadata = {
+    userEmail?: string;
+    userId?: number;
+    portalId?: number;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.26",
+  "version": "0.8.28",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "2cf3d398c538788c36beb8d0f0c923b42b5d0e67"
+  "gitHead": "9b5657943dee46788096ac1788aec575aa87f410"
 }