@hubspot/ui-extensions 0.8.14 → 0.8.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -256,3 +256,18 @@ export declare const StepperInput: "StepperInput" & {
256
256
  readonly props?: types.StepperInputProps | undefined;
257
257
  readonly children?: true | undefined;
258
258
  } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StepperInput", types.StepperInputProps, true>>;
259
+ export declare const Modal: "Modal" & {
260
+ readonly type?: "Modal" | undefined;
261
+ readonly props?: types.ModalProps | undefined;
262
+ readonly children?: true | undefined;
263
+ } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Modal", types.ModalProps, true>>;
264
+ export declare const ModalBody: "ModalBody" & {
265
+ readonly type?: "ModalBody" | undefined;
266
+ readonly props?: types.ModalBodyProps | undefined;
267
+ readonly children?: true | undefined;
268
+ } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalBody", types.ModalBodyProps, true>>;
269
+ export declare const ModalFooter: "ModalFooter" & {
270
+ readonly type?: "ModalFooter" | undefined;
271
+ readonly props?: types.ModalFooterProps | undefined;
272
+ readonly children?: true | undefined;
273
+ } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalFooter", types.ModalFooterProps, true>>;
@@ -54,3 +54,6 @@ export const PanelFooter = createRemoteReactComponent('PanelFooter');
54
54
  export const PanelBody = createRemoteReactComponent('PanelBody');
55
55
  export const PanelSection = createRemoteReactComponent('PanelSection');
56
56
  export const StepperInput = createRemoteReactComponent('StepperInput');
57
+ export const Modal = createRemoteReactComponent('Modal');
58
+ export const ModalBody = createRemoteReactComponent('ModalBody');
59
+ export const ModalFooter = createRemoteReactComponent('ModalFooter');
package/dist/types.d.ts CHANGED
@@ -1545,9 +1545,13 @@ export interface ExampleCrmComponentProps {
1545
1545
  /** @ignore */
1546
1546
  export type PanelAction = (panelId: string) => void;
1547
1547
  /** @ignore */
1548
+ export type ModalAction = (modalId: string) => void;
1549
+ /** @ignore */
1548
1550
  export interface Reactions {
1549
1551
  openPanel: PanelAction;
1550
1552
  closePanel: PanelAction;
1553
+ openModal: ModalAction;
1554
+ closeModal: ModalAction;
1551
1555
  }
1552
1556
  /** @ignore */
1553
1557
  export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
@@ -2035,6 +2039,64 @@ export interface PanelSectionProps {
2035
2039
  */
2036
2040
  children: React.ReactNode;
2037
2041
  }
2042
+ export interface ModalProps {
2043
+ /**
2044
+ * Accessibility label.
2045
+ *
2046
+ */
2047
+ 'aria-label'?: string;
2048
+ /**
2049
+ * The main content of the modal when it opens.
2050
+ *
2051
+ */
2052
+ children?: React.ReactNode;
2053
+ /**
2054
+ * A unique ID for the modal
2055
+ *
2056
+ */
2057
+ id: string;
2058
+ /**
2059
+ * A function that will be invoked when the modal has finished opening.
2060
+ *
2061
+ */
2062
+ onOpen?: () => void;
2063
+ /**
2064
+ * A function that will be invoked when the modal has finished closing.
2065
+ *
2066
+ */
2067
+ onClose?: () => void;
2068
+ /**
2069
+ * The width of the modal
2070
+ *
2071
+ * @defaultValue `"sm"`
2072
+ */
2073
+ width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
2074
+ /**
2075
+ * The title of the modal
2076
+ *
2077
+ */
2078
+ title?: string;
2079
+ /**
2080
+ * The variant of the modal
2081
+ *
2082
+ * @defaultValue `"default"`
2083
+ */
2084
+ variant?: 'danger' | 'default';
2085
+ }
2086
+ export interface ModalBodyProps {
2087
+ /**
2088
+ * The main content of the modal
2089
+ *
2090
+ */
2091
+ children: React.ReactNode;
2092
+ }
2093
+ export interface ModalFooterProps {
2094
+ /**
2095
+ * The footer of the modal
2096
+ *
2097
+ */
2098
+ children: React.ReactNode;
2099
+ }
2038
2100
  export interface PanelBodyProps {
2039
2101
  /**
2040
2102
  * The main content of the body
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hubspot/ui-extensions",
3
- "version": "0.8.14",
3
+ "version": "0.8.16",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -14,7 +14,7 @@
14
14
  "test": "echo 'No tests configured for @hubspot/ui-extensions'"
15
15
  },
16
16
  "files": [
17
- "dist/**/*"
17
+ "dist"
18
18
  ],
19
19
  "publishConfig": {
20
20
  "access": "public"
@@ -51,5 +51,5 @@
51
51
  "devDependencies": {
52
52
  "typescript": "5.0.4"
53
53
  },
54
- "gitHead": "1850d1e7967463bfec84fddaa9d5b167a76b55a7"
54
+ "gitHead": "706b594ee7fce544d7261eb8e16b73a77264b506"
55
55
  }