@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.
- package/dist/coreComponents.d.ts +15 -0
- package/dist/coreComponents.js +3 -0
- package/dist/types.d.ts +62 -0
- package/package.json +3 -3
package/dist/coreComponents.d.ts
CHANGED
|
@@ -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>>;
|
package/dist/coreComponents.js
CHANGED
|
@@ -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.
|
|
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": "
|
|
54
|
+
"gitHead": "706b594ee7fce544d7261eb8e16b73a77264b506"
|
|
55
55
|
}
|