@hubspot/ui-extensions 0.8.20 → 0.8.22

package/dist/coreComponents.d.ts

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

@@ -57,3 +57,4 @@ export const StepperInput = createRemoteReactComponent('StepperInput');
 export const Modal = createRemoteReactComponent('Modal');
 export const ModalBody = createRemoteReactComponent('ModalBody');
 export const ModalFooter = createRemoteReactComponent('ModalFooter');
+export const Icon = createRemoteReactComponent('Icon');

package/dist/crm/components.d.ts

@@ -1,9 +1,4 @@
-import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmObjectPropertyProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
-declare const CrmObjectProperty: "CrmObjectProperty" & {
-    readonly type?: "CrmObjectProperty" | undefined;
-    readonly props?: CrmObjectPropertyProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmObjectProperty", CrmObjectPropertyProps, true>>;
+import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
 declare const CrmPropertyList: "CrmPropertyList" & {
     readonly type?: "CrmPropertyList" | undefined;
     readonly props?: CrmPropertyListProps | undefined;
@@ -59,4 +54,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 { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/components.js

@@ -1,5 +1,4 @@
 import { createExtensionComponent } from '../utils/createExtensionComponent';
-const CrmObjectProperty = createExtensionComponent('CrmObjectProperty');
 const CrmPropertyList = createExtensionComponent('CrmPropertyList');
 const CrmAssociationTable = createExtensionComponent('CrmAssociationTable');
 const CrmDataHighlight = createExtensionComponent('CrmDataHighlight');
@@ -11,4 +10,4 @@ const CrmStatistics = createExtensionComponent('CrmStatistics');
 const CrmActionButton = createExtensionComponent('CrmActionButton');
 const CrmActionLink = createExtensionComponent('CrmActionLink');
 const CrmCardActions = createExtensionComponent('CrmCardActions');
-export { CrmObjectProperty, CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };

package/dist/crm/index.d.ts

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

package/dist/crm/index.js

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

package/dist/experimental/index.d.ts

@@ -1 +1,14 @@
-export { Tooltip, Slider, Icon } from './experimentalComponents';
+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>>;
+export { Tooltip, Slider };

package/dist/experimental/index.js

@@ -1 +1,6 @@
-export { Tooltip, Slider, Icon } from './experimentalComponents';
+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');
+export { Tooltip, Slider };

package/dist/types.d.ts

@@ -32,7 +32,7 @@ export interface AlertProps {
      *
      * @defaultValue `"info"`
      */
-    variant?: 'info' | 'warning' | 'success' | 'error' | 'danger';
+    variant?: 'info' | 'warning' | 'success' | 'error' | 'danger' | 'tip';
 }
 /**
  * The props type for {@link !components.Button}.
@@ -41,7 +41,7 @@ export interface AlertProps {
  */
 export interface ButtonProps {
     /**
-     * A function that will be invoked when the button is clicked.
+     * 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.
      *
      * @event
      */
@@ -93,6 +93,31 @@ export interface ButtonRowProps {
      * @defaultValue `false`
      */
     disableDropdown?: boolean;
+    /**
+     * Controls the appearance and text content of the dropdown button.
+     */
+    dropDownButtonOptions?: ButtonRownDropDownButtonOptionsProps;
+}
+/** Configures the Dropdown Button in the ButtonRow component */
+export interface ButtonRownDropDownButtonOptionsProps {
+    /**
+     * Sets the content for the dropdown button.
+     *
+     * @defaultValue `"More"`
+     */
+    text?: string;
+    /**
+     * Sets the size of the dropdown button.
+     *
+     * @defaultValue `"md"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * Controls the appearance of the dropdown button
+     *
+     * @defaultValue `"secondary"`
+     */
+    variant?: 'primary' | 'secondary' | 'transparent';
 }
 /**
  * The props type for {@link !components.Card}.
@@ -232,16 +257,12 @@ export interface FormProps {
      */
     children: ReactNode;
     /**
-     * The function that is called when the form is submitted. It will receive a FormSubmitExtensionEvent as an argument and its return value will be ignored.
+     * The function that is called when the form is submitted. It will receive a FormSubmitExtensionEvent as an argument and its return value will be ignored. This function should be used instead of Button's `onClick` for the Form's submit button.
      *
      * @event
      */
     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.
-     *
-     * @defaultValue `false`
-     */
+    /** @deprecated the value for `preventDefault` is now always `true`, use `onSubmit` to handle all form submission behavior */
     preventDefault?: boolean;
 }
 /**
@@ -273,7 +294,7 @@ export interface IconProps {
     /**
      * Sets the specific icon to display.
      */
-    type: IconTypes;
+    name: IconNames;
     /**
      * Sets the size of the icon. If this prop is not provided, the icon will default to the size of its parent.
      *
@@ -285,7 +306,7 @@ export interface IconProps {
      */
     screenReaderText?: string;
 }
-export declare const iconTypes: {
+export declare const iconNames: {
     readonly success: "success";
     readonly remove: "remove";
     readonly add: "add";
@@ -321,7 +342,7 @@ export declare const iconTypes: {
     readonly save: "saveEditableView";
     readonly notification: "notification";
 };
-export type IconTypes = keyof typeof iconTypes;
+export type IconNames = keyof typeof iconNames;
 /**
  * The props type for {@link !components.Image}.
  *
@@ -1116,14 +1137,21 @@ export interface CrmRecordContext {
     objectTypeId: string;
 }
 /** @ignore */
+export interface AppContext {
+    appId: number | string;
+    appName?: string;
+    cardTitle?: string;
+}
+/** @ignore */
 export interface BaseContext {
     user: UserContext;
     portal: PortalContext;
 }
 /** @ignore */
 export interface CrmContext extends BaseContext {
-    location: 'crm.record.tab' | 'crm.record.sidebar';
+    location: 'crm.record.tab' | 'crm.record.sidebar' | 'crm.preview';
     crm: CrmRecordContext;
+    extension?: AppContext;
 }
 /** @ignore */
 export interface GenericContext extends BaseContext {
@@ -1364,6 +1392,30 @@ export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback:
     message: string;
 }) => void) => void;
 /** @ignore */
+export interface StandardCrmExtensionPoint extends ExtensionPointContract {
+    actions: {
+        addAlert: AddAlertAction;
+        reloadPage: ReloadPageAction;
+        fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
+        openIframeModal: OpenIframeModalAction;
+        refreshObjectProperties: refreshObjectPropertiesAction;
+        onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
+    };
+    context: CrmContext;
+    customComponents: {
+        CrmPropertyList: ComponentType<CrmPropertyListProps>;
+        CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
+        CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
+        CrmReport: ComponentType<CrmReportProps>;
+        CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
+        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
+        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
+        CrmStatistics?: ComponentType<CrmStatisticsProps>;
+        CrmActionButton?: ComponentType<CrmActionButtonProps>;
+        CrmActionLink?: ComponentType<CrmActionLinkProps>;
+        CrmCardActions?: ComponentType<CrmCardActionsProps>;
+    };
+}
 export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
     actions: {
         addAlert: AddAlertAction;
@@ -1380,7 +1432,6 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
         CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
         CrmReport: ComponentType<CrmReportProps>;
         CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
-        CrmObjectProperty?: ComponentType<CrmObjectPropertyProps>;
         CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
         CrmStageTracker: ComponentType<CrmStageTrackerProps>;
         CrmStatistics?: ComponentType<CrmStatisticsProps>;
@@ -1424,12 +1475,6 @@ export interface CrmPropertyListProps {
     objectId?: number;
 }
 /** @ignore */
-export interface CrmObjectPropertyProps {
-    properties: Array<string>;
-    objectTypeId?: string;
-    objectId?: number;
-}
-/** @ignore */
 type CrmSortDescriptor = {
     columnName: string;
     direction: 1 | -1;
@@ -1596,7 +1641,8 @@ interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
 /** @ignore */
 export interface ExtensionPoints {
     'uie.playground.middle': RemotePlaygroundExtensionPoint;
-    'crm.record.tab': CrmMiddleExtensionPoint;
+    'crm.record.tab': StandardCrmExtensionPoint;
+    'crm.preview': StandardCrmExtensionPoint;
     'crm.record.sidebar': CrmSidebarExtensionPoint;
 }
 export interface ExampleCrmComponentProps {
@@ -2216,6 +2262,12 @@ export interface DropdownProps {
      * @defaultValue `"md"`
      */
     buttonSize?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * Disables the ability to focus and click-to-expand of the dropdown button
+     *
+     * @defaultValue `false`
+     */
+    disabled?: boolean;
 }
 /**
  * @ignore

package/dist/types.js

@@ -17,7 +17,7 @@ export class FormSubmitExtensionEvent extends ExtensionEvent {
         this.targetValue = value;
     }
 }
-export const iconTypes = {
+export const iconNames = {
     success: 'success',
     remove: 'remove',
     add: 'add',

package/package.json

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

package/dist/experimental/experimentalComponents.d.ts

@@ -1,19 +0,0 @@
-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 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. */
-export 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. */
-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

@@ -1,7 +0,0 @@
-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 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');