@hubspot/ui-extensions 0.8.27 → 0.8.29

package/dist/coreComponents.d.ts

@@ -281,3 +281,8 @@ export declare const StatusTag: "StatusTag" & {
     readonly props?: types.StatusTagProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatusTag", types.StatusTagProps, true>>;
+export 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>>;

package/dist/coreComponents.js

@@ -67,3 +67,6 @@ export const ModalBody = createRemoteReactComponent('ModalBody');
 export const ModalFooter = createRemoteReactComponent('ModalFooter');
 export const Icon = createRemoteReactComponent('Icon');
 export const StatusTag = createRemoteReactComponent('StatusTag');
+export const LoadingButton = createRemoteReactComponent('LoadingButton', {
+    fragmentProps: ['overlay'],
+});

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}.
  *
@@ -335,10 +378,13 @@ export declare const iconNames: {
     readonly add: "add";
     readonly attach: "attach";
     readonly date: "date";
+    readonly copy: "duplicate";
     readonly delete: "delete";
     readonly edit: "edit";
     readonly email: "email";
     readonly exclamation: "exclamation";
+    readonly question: "question";
+    readonly home: "home";
     readonly location: "location";
     readonly upCarat: "upCarat";
     readonly downCarat: "downCarat";
@@ -365,6 +411,8 @@ export declare const iconNames: {
     readonly search: "search";
     readonly save: "saveEditableView";
     readonly notification: "notification";
+    readonly bulb: "bulb";
+    readonly settings: "settings";
 };
 export type IconNames = keyof typeof iconNames;
 /**
@@ -1465,6 +1513,7 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
         openIframeModal: OpenIframeModalAction;
         refreshObjectProperties: refreshObjectPropertiesAction;
         onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
+        copyTextToClipboard?: Clipboard['writeText'];
     };
     context: CrmContext;
     customComponents: {
@@ -1475,6 +1524,7 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
         CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
         CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
         CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
+        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
         CrmStageTracker: ComponentType<CrmStageTrackerProps>;
         CrmStatistics?: ComponentType<CrmStatisticsProps>;
         CrmActionButton?: ComponentType<CrmActionButtonProps>;
@@ -1500,6 +1550,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
         CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
         CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
         CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
+        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
         CrmStageTracker: ComponentType<CrmStageTrackerProps>;
         CrmStatistics?: ComponentType<CrmStatisticsProps>;
         CrmActionButton?: ComponentType<CrmActionButtonProps>;
@@ -1592,6 +1643,14 @@ export interface CrmAssociationStageTrackerProps {
     sort?: Array<CrmSortDescriptor>;
 }
 /** @ignore */
+export interface CrmSimpleDeadlineProps {
+    endDatePropertyName: string;
+    properties: Array<string>;
+    progressTheme?: ProgressTheme;
+    showProperties?: boolean;
+    startDatePropertyName: string;
+}
+/** @ignore */
 export interface CrmStageTrackerProps {
     objectId?: number;
     objectTypeId?: string;
@@ -1607,6 +1666,21 @@ interface FilterGroup {
     filters: Array<CrmSearchFilter>;
 }
 /** @ignore */
+interface ProgressTheme {
+    backgroundColor?: string;
+    completedColor?: string;
+    upcomingColor?: string;
+    borderRadius?: string | number;
+    height?: string | number;
+    completedGradient?: Gradient;
+    upcomingGradient?: Gradient;
+}
+/** @ignore */
+interface Gradient {
+    startColor: string;
+    endColor: string;
+}
+/** @ignore */
 interface BasicMetricItem extends BaseCrmStatisticItem {
     statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
     propertyName: string;
@@ -2402,4 +2476,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/dist/types.js

@@ -23,10 +23,13 @@ export const iconNames = {
     add: 'add',
     attach: 'attach',
     date: 'date',
+    copy: 'duplicate',
     delete: 'delete',
     edit: 'edit',
     email: 'email',
     exclamation: 'exclamation',
+    question: 'question',
+    home: 'home',
     location: 'location',
     upCarat: 'upCarat',
     downCarat: 'downCarat',
@@ -53,6 +56,8 @@ export const iconNames = {
     search: 'search',
     save: 'saveEditableView',
     notification: 'notification',
+    bulb: 'bulb',
+    settings: 'settings',
 };
 /**
  * @category Serverless

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.27",
+  "version": "0.8.29",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "159fa4d11b8a3c87899b456317134037957036f4"
+  "gitHead": "f3b5d93b247947c6e8c495e9ae6969ddbf35fa13"
 }