@hubspot/ui-extensions 0.8.29 → 0.8.30

package/dist/coreComponents.d.ts

@@ -118,9 +118,25 @@ export declare const Stack: "Stack" & {
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Stack", types.StackProps, true>>;
 export declare const ToggleGroup: "ToggleGroup" & {
     readonly type?: "ToggleGroup" | undefined;
-    readonly props?: types.ToggleGroupProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ToggleGroup", types.ToggleGroupProps, true>>;
+    readonly props?: ({
+        toggleType: "checkboxList";
+        onChange?: ((value: string[]) => void) | undefined;
+        value?: string[] | undefined;
+    } & types.CommonGroupProps) | ({
+        toggleType: "radioButtonList";
+        onChange?: ((value: string) => void) | undefined;
+        value?: string | undefined;
+    } & types.CommonGroupProps) | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ToggleGroup", ({
+    toggleType: "checkboxList";
+    onChange?: ((value: string[]) => void) | undefined;
+    value?: string[] | undefined;
+} & types.CommonGroupProps) | ({
+    toggleType: "radioButtonList";
+    onChange?: ((value: string) => void) | undefined;
+    value?: string | undefined;
+} & types.CommonGroupProps), true>>;
 export declare const StatisticsItem: "StatisticsItem" & {
     readonly type?: "StatisticsItem" | undefined;
     readonly props?: types.StatisticsItemProps | undefined;

package/dist/crm/components.d.ts

@@ -1,4 +1,4 @@
-import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
+import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
 declare const CrmPropertyList: "CrmPropertyList" & {
     readonly type?: "CrmPropertyList" | undefined;
     readonly props?: CrmPropertyListProps | undefined;
@@ -34,6 +34,11 @@ declare const CrmAssociationStageTracker: "CrmAssociationStageTracker" & {
     readonly props?: CrmAssociationStageTrackerProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationStageTracker", CrmAssociationStageTrackerProps, true>>;
+declare const CrmSimpleDeadline: "CrmSimpleDeadline" & {
+    readonly type?: "CrmSimpleDeadline" | undefined;
+    readonly props?: CrmSimpleDeadlineProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmSimpleDeadline", CrmSimpleDeadlineProps, true>>;
 declare const CrmStageTracker: "CrmStageTracker" & {
     readonly type?: "CrmStageTracker" | undefined;
     readonly props?: CrmStageTrackerProps | undefined;
@@ -59,4 +64,4 @@ declare const CrmCardActions: "CrmCardActions" & {
     readonly props?: CrmCardActionsProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", CrmCardActionsProps, true>>;
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/components.js

@@ -6,9 +6,10 @@ const CrmReport = createExtensionComponent('CrmReport');
 const CrmAssociationPivot = createExtensionComponent('CrmAssociationPivot');
 const CrmAssociationPropertyList = createExtensionComponent('CrmAssociationPropertyList');
 const CrmAssociationStageTracker = createExtensionComponent('CrmAssociationStageTracker');
+const CrmSimpleDeadline = createExtensionComponent('CrmSimpleDeadline');
 const CrmStageTracker = createExtensionComponent('CrmStageTracker');
 const CrmStatistics = createExtensionComponent('CrmStatistics');
 const CrmActionButton = createExtensionComponent('CrmActionButton');
 const CrmActionLink = createExtensionComponent('CrmActionLink');
 const CrmCardActions = createExtensionComponent('CrmCardActions');
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/index.d.ts

@@ -1,2 +1,2 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/index.js

@@ -1,2 +1,2 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/experimental/index.d.ts

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

package/dist/experimental/index.js

@@ -1,8 +1,4 @@
 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. */
-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. */
-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 };
+export { Iframe };

package/dist/types.d.ts

@@ -48,7 +48,7 @@ export interface BaseButtonProps {
     /**
      * 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.
      */
-    href?: string;
+    href?: HrefProp;
     /**
      * Determines whether or not the button should be disabled.
      */
@@ -430,7 +430,7 @@ export interface ImageProps extends OverlayComponentProps {
      * If provided, will be used as the href that will be opened in a new browser tab on click.
      *
      */
-    href?: string;
+    href?: HrefProp;
     /**
      * A function that will be called when the image is clicked.
      *
@@ -1138,49 +1138,12 @@ export interface RadioButtonListProps extends ToggleGroupListBaseProps {
     value?: RadioButtonGroupProps['value'];
     onChange?: RadioButtonGroupProps['onChange'];
 }
-interface CheckboxGroupProps {
+type ToggleType = 'checkboxList' | 'radioButtonList';
+export interface CommonGroupProps {
     /**
      * Denotes the type of list to render.
-     *
-     * @defaultValue `"checkboxList"`
-     */
-    toggleType: 'checkboxList';
-    /**
-     * A function that is called with the new value or values when the list is updated.
-     *
-     * @event
      */
-    onChange?: (value: this['value']) => void;
-    /**
-     * The value of the toggle group.
-     */
-    value?: string[];
-}
-interface RadioButtonGroupProps {
-    /**
-     * Denotes the type of list to render.
-     *
-     * @defaultValue `"checkboxList"`
-     */
-    toggleType: 'radioButtonList';
-    /**
-     * A function that is called with the new value or values when the list is updated.
-     *
-     * @event
-     */
-    onChange?: (value: this['value']) => void;
-    /**
-     * The value of the toggle group.
-     */
-    value?: string;
-}
-/**
- * The props type for {@link !components.ToggleGroup}.
- *
- * @interface
- * @category Component Props
- */
-export type ToggleGroupProps = {
+    toggleType?: ToggleType;
     /**
      * The unique identifier for the toggle group element.
      */
@@ -1227,7 +1190,54 @@ export type ToggleGroupProps = {
      * @defaultValue `"default"`
      */
     variant?: 'default' | 'small';
-} & (CheckboxGroupProps | RadioButtonGroupProps);
+    value?: string[] | string;
+}
+type CheckboxGroupProps = {
+    /**
+     * Denotes the type of list to render.
+     *
+     * @defaultValue `"checkboxList"`
+     */
+    toggleType: 'checkboxList';
+    /**
+     * A function that is called with the new value or values when the list is updated.
+     *
+     * @event
+     */
+    onChange?: (value: string[]) => void;
+    /**
+     * The value of the toggle group.
+     */
+    value?: string[];
+} & CommonGroupProps;
+type RadioButtonGroupProps = {
+    /**
+     * Denotes the type of list to render.
+     *
+     * @defaultValue `"checkboxList"`
+     */
+    toggleType: 'radioButtonList';
+    /**
+     * A function that is called with the new value or values when the list is updated.
+     *
+     * @event
+     */
+    onChange?: (value: string) => void;
+    /**
+     * The value of the toggle group.
+     */
+    value?: string;
+} & CommonGroupProps;
+type DefaultToggleTypeProps = {
+    toggleType?: never;
+} & CheckboxGroupProps;
+/**
+ * The props type for {@link !components.ToggleGroup}.
+ *
+ * @interface
+ * @category Component Props
+ */
+export type ToggleGroupProps = CheckboxGroupProps | RadioButtonGroupProps | DefaultToggleTypeProps;
 /** @ignore */
 export interface UserContext {
     id: number;
@@ -1470,9 +1480,11 @@ export interface ExtensionCardContextData {
     cardTitle?: string;
     appId: number | string;
     appName?: string;
+    sourceId?: string | null;
     objectId: number | string;
     objectTypeId: string;
     location: keyof ExtensionPoints;
+    appAccessLevel?: 'PRIVATE' | 'PUBLIC';
 }
 /** @ignore */
 export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
@@ -1505,16 +1517,24 @@ export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback:
     message: string;
 }) => void) => void;
 /** @ignore */
+export type CloseOverlayAction = (id: string) => void;
+/** @ignore */
+export interface CrmHostActions {
+    addAlert: AddAlertAction;
+    reloadPage: ReloadPageAction;
+    fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
+    openIframeModal: OpenIframeModalAction;
+    refreshObjectProperties: refreshObjectPropertiesAction;
+    onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
+}
+/** @ignore */
+export interface UiePlatformActions {
+    copyTextToClipboard: Clipboard['writeText'];
+    closeOverlay: CloseOverlayAction;
+}
+/** @ignore */
 export interface StandardCrmExtensionPoint extends ExtensionPointContract {
-    actions: {
-        addAlert: AddAlertAction;
-        reloadPage: ReloadPageAction;
-        fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
-        openIframeModal: OpenIframeModalAction;
-        refreshObjectProperties: refreshObjectPropertiesAction;
-        onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
-        copyTextToClipboard?: Clipboard['writeText'];
-    };
+    actions: CrmHostActions & UiePlatformActions;
     context: CrmContext;
     customComponents: {
         CrmPropertyList: ComponentType<CrmPropertyListProps>;
@@ -1532,15 +1552,9 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
         CrmCardActions?: ComponentType<CrmCardActionsProps>;
     };
 }
+/** @deprecated this interface has been replaced by StandardCrmExtensionPoint */
 export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
-    actions: {
-        addAlert: AddAlertAction;
-        reloadPage: ReloadPageAction;
-        fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
-        openIframeModal: OpenIframeModalAction;
-        refreshObjectProperties: refreshObjectPropertiesAction;
-        onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
-    };
+    actions: CrmHostActions;
     context: CrmContext;
     customComponents: {
         CrmPropertyList: ComponentType<CrmPropertyListProps>;
@@ -1560,14 +1574,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
 }
 /** @ignore */
 export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
-    actions: {
-        addAlert: AddAlertAction;
-        reloadPage: ReloadPageAction;
-        fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
-        openIframeModal: OpenIframeModalAction;
-        refreshObjectProperties?: refreshObjectPropertiesAction;
-        onCrmPropertiesUpdate?: onCrmPropertiesUpdateAction;
-    };
+    actions: CrmHostActions & UiePlatformActions;
     context: CrmContext;
     customComponents: {
         CrmActionButton?: ComponentType<CrmActionButtonProps>;
@@ -2000,6 +2007,11 @@ export declare class RemoteEvent<V> {
     targetValue: V;
     constructor(value: V, event: Event);
 }
+export type HrefOptions = {
+    url: string;
+    external?: boolean;
+};
+export type HrefProp = string | HrefOptions;
 /**
  * The props type for {@link !components.Link}.
  *
@@ -2015,7 +2027,7 @@ export interface LinkProps extends OverlayComponentProps {
      * The URL that will be opened on click. Links to pages in the HubSpot account will open in the same tab, while non-HubSpot links will open in a new tab.
      *
      */
-    href: string;
+    href: HrefProp;
     /**
      * The color variation of the link.
      *
@@ -2421,52 +2433,6 @@ export interface DropdownProps {
      */
     disabled?: boolean;
 }
-/**
- * @ignore
- * @experimental
- */
-export interface TooltipProps {
-    children: ReactNode;
-    delay?: number;
-    maxWidth?: number;
-    open?: boolean;
-    onOpenChange?: () => void;
-    content?: string;
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-}
-/**
- * The props type for {@link !components.Slider}.
- *
- * @category Component Props
- * @ignore remove when it's not experimental
- * @experimental
- */
-export interface SliderProps extends Omit<BaseInputForNumber, 'placeholder'> {
-    /**
-     * Sets the lower bound of the input.
-     * @defaultValue `0`
-     */
-    min?: number;
-    /**
-     * Sets the upper bound of the input.
-     * @defaultValue `100`
-     */
-    max?: number;
-    /** The amount that the current value will increase or decrease on each step drag of the mouse
-     * or keyboar interaction
-     * @defaultValue `1`
-     */
-    stepSize?: number;
-    /** If `true`, it will display the min and max value labels.
-     * @defaultValue `false`
-     */
-    showLabels?: boolean;
-    /**
-     * Sets the size of the slider
-     * @defaultValue `"md"`
-     */
-    size?: TShirtSizes['md'] | TShirtSizes['lg'];
-}
 export interface HubSpotFetchOptions {
     method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
     timeout?: number;

package/package.json

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