@hubspot/ui-extensions 0.8.13 → 0.8.16

package/dist/coreComponents.d.ts

@@ -256,3 +256,18 @@ export declare const StepperInput: "StepperInput" & {
     readonly props?: types.StepperInputProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StepperInput", types.StepperInputProps, true>>;
+export declare const Modal: "Modal" & {
+    readonly type?: "Modal" | undefined;
+    readonly props?: types.ModalProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Modal", types.ModalProps, true>>;
+export declare const ModalBody: "ModalBody" & {
+    readonly type?: "ModalBody" | undefined;
+    readonly props?: types.ModalBodyProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalBody", types.ModalBodyProps, true>>;
+export declare const ModalFooter: "ModalFooter" & {
+    readonly type?: "ModalFooter" | undefined;
+    readonly props?: types.ModalFooterProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalFooter", types.ModalFooterProps, true>>;

package/dist/coreComponents.js

@@ -54,3 +54,6 @@ export const PanelFooter = createRemoteReactComponent('PanelFooter');
 export const PanelBody = createRemoteReactComponent('PanelBody');
 export const PanelSection = createRemoteReactComponent('PanelSection');
 export const StepperInput = createRemoteReactComponent('StepperInput');
+export const Modal = createRemoteReactComponent('Modal');
+export const ModalBody = createRemoteReactComponent('ModalBody');
+export const ModalFooter = createRemoteReactComponent('ModalFooter');

package/dist/types.d.ts

@@ -839,7 +839,7 @@ export interface TileProps {
     /**
      * When set to `true`, reduces the default amount of padding around the contents of the Tile.
      *
-     * @defaulValue `false`
+     * @defaultValue `false`
      */
     compact?: boolean;
     /**
@@ -1318,7 +1318,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
         CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
         CrmReport: ComponentType<CrmReportProps>;
         CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
-        CrmObjectProperty: ComponentType<CrmObjectPropertyProps>;
+        CrmObjectProperty?: ComponentType<CrmObjectPropertyProps>;
         CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
         CrmStageTracker: ComponentType<CrmStageTrackerProps>;
         CrmStatistics?: ComponentType<CrmStatisticsProps>;
@@ -1545,9 +1545,13 @@ export interface ExampleCrmComponentProps {
 /** @ignore */
 export type PanelAction = (panelId: string) => void;
 /** @ignore */
+export type ModalAction = (modalId: string) => void;
+/** @ignore */
 export interface Reactions {
     openPanel: PanelAction;
     closePanel: PanelAction;
+    openModal: ModalAction;
+    closeModal: ModalAction;
 }
 /** @ignore */
 export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
@@ -1562,6 +1566,7 @@ interface OpenIframeActionPayload {
     width: number;
     associatedObjectProperties?: string[];
     title?: string;
+    flush?: boolean;
 }
 /**
  * The props type for {@link !components.LoadingSpinner}.
@@ -2034,6 +2039,64 @@ export interface PanelSectionProps {
      */
     children: React.ReactNode;
 }
+export interface ModalProps {
+    /**
+     * Accessibility label.
+     *
+     */
+    'aria-label'?: string;
+    /**
+     * The main content of the modal when it opens.
+     *
+     */
+    children?: React.ReactNode;
+    /**
+     * A unique ID for the modal
+     *
+     */
+    id: string;
+    /**
+     * A function that will be invoked when the modal has finished opening.
+     *
+     */
+    onOpen?: () => void;
+    /**
+     * A function that will be invoked when the modal has finished closing.
+     *
+     */
+    onClose?: () => void;
+    /**
+     * The width of the modal
+     *
+     * @defaultValue `"sm"`
+     */
+    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
+    /**
+     * The title of the modal
+     *
+     */
+    title?: string;
+    /**
+     * The variant of the modal
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'danger' | 'default';
+}
+export interface ModalBodyProps {
+    /**
+     * The main content of the modal
+     *
+     */
+    children: React.ReactNode;
+}
+export interface ModalFooterProps {
+    /**
+     * The footer of the modal
+     *
+     */
+    children: React.ReactNode;
+}
 export interface PanelBodyProps {
     /**
      * The main content of the body

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.13",
+  "version": "0.8.16",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -14,7 +14,7 @@
     "test": "echo 'No tests configured for @hubspot/ui-extensions'"
   },
   "files": [
-    "dist/**/*"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "346e376258bf50d9a124e7f0a64b9dfdcf334006"
+  "gitHead": "706b594ee7fce544d7261eb8e16b73a77264b506"
 }