@hubspot/ui-extensions 0.8.28 → 0.8.30
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 +24 -3
- package/dist/coreComponents.js +3 -0
- package/dist/crm/components.d.ts +7 -2
- package/dist/crm/components.js +2 -1
- package/dist/crm/index.d.ts +2 -2
- package/dist/crm/index.js +2 -2
- package/dist/experimental/index.d.ts +1 -19
- package/dist/experimental/index.js +1 -9
- package/dist/types.d.ts +111 -115
- package/dist/types.js +5 -0
- package/package.json +2 -2
package/dist/coreComponents.d.ts
CHANGED
|
@@ -118,9 +118,25 @@ export declare const Stack: "Stack" & {
|
|
|
118
118
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Stack", types.StackProps, true>>;
|
|
119
119
|
export declare const ToggleGroup: "ToggleGroup" & {
|
|
120
120
|
readonly type?: "ToggleGroup" | undefined;
|
|
121
|
-
readonly props?:
|
|
122
|
-
|
|
123
|
-
|
|
121
|
+
readonly props?: ({
|
|
122
|
+
toggleType: "checkboxList";
|
|
123
|
+
onChange?: ((value: string[]) => void) | undefined;
|
|
124
|
+
value?: string[] | undefined;
|
|
125
|
+
} & types.CommonGroupProps) | ({
|
|
126
|
+
toggleType: "radioButtonList";
|
|
127
|
+
onChange?: ((value: string) => void) | undefined;
|
|
128
|
+
value?: string | undefined;
|
|
129
|
+
} & types.CommonGroupProps) | undefined;
|
|
130
|
+
readonly children?: true | undefined;
|
|
131
|
+
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ToggleGroup", ({
|
|
132
|
+
toggleType: "checkboxList";
|
|
133
|
+
onChange?: ((value: string[]) => void) | undefined;
|
|
134
|
+
value?: string[] | undefined;
|
|
135
|
+
} & types.CommonGroupProps) | ({
|
|
136
|
+
toggleType: "radioButtonList";
|
|
137
|
+
onChange?: ((value: string) => void) | undefined;
|
|
138
|
+
value?: string | undefined;
|
|
139
|
+
} & types.CommonGroupProps), true>>;
|
|
124
140
|
export declare const StatisticsItem: "StatisticsItem" & {
|
|
125
141
|
readonly type?: "StatisticsItem" | undefined;
|
|
126
142
|
readonly props?: types.StatisticsItemProps | undefined;
|
|
@@ -281,3 +297,8 @@ export declare const StatusTag: "StatusTag" & {
|
|
|
281
297
|
readonly props?: types.StatusTagProps | undefined;
|
|
282
298
|
readonly children?: true | undefined;
|
|
283
299
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StatusTag", types.StatusTagProps, true>>;
|
|
300
|
+
export declare const LoadingButton: "LoadingButton" & {
|
|
301
|
+
readonly type?: "LoadingButton" | undefined;
|
|
302
|
+
readonly props?: types.LoadingButtonProps | undefined;
|
|
303
|
+
readonly children?: true | undefined;
|
|
304
|
+
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"LoadingButton", types.LoadingButtonProps, true>>;
|
package/dist/coreComponents.js
CHANGED
|
@@ -67,3 +67,6 @@ export const ModalBody = createRemoteReactComponent('ModalBody');
|
|
|
67
67
|
export const ModalFooter = createRemoteReactComponent('ModalFooter');
|
|
68
68
|
export const Icon = createRemoteReactComponent('Icon');
|
|
69
69
|
export const StatusTag = createRemoteReactComponent('StatusTag');
|
|
70
|
+
export const LoadingButton = createRemoteReactComponent('LoadingButton', {
|
|
71
|
+
fragmentProps: ['overlay'],
|
|
72
|
+
});
|
package/dist/crm/components.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
|
|
1
|
+
import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
|
|
2
2
|
declare const CrmPropertyList: "CrmPropertyList" & {
|
|
3
3
|
readonly type?: "CrmPropertyList" | undefined;
|
|
4
4
|
readonly props?: CrmPropertyListProps | undefined;
|
|
@@ -34,6 +34,11 @@ declare const CrmAssociationStageTracker: "CrmAssociationStageTracker" & {
|
|
|
34
34
|
readonly props?: CrmAssociationStageTrackerProps | undefined;
|
|
35
35
|
readonly children?: true | undefined;
|
|
36
36
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationStageTracker", CrmAssociationStageTrackerProps, true>>;
|
|
37
|
+
declare const CrmSimpleDeadline: "CrmSimpleDeadline" & {
|
|
38
|
+
readonly type?: "CrmSimpleDeadline" | undefined;
|
|
39
|
+
readonly props?: CrmSimpleDeadlineProps | undefined;
|
|
40
|
+
readonly children?: true | undefined;
|
|
41
|
+
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmSimpleDeadline", CrmSimpleDeadlineProps, true>>;
|
|
37
42
|
declare const CrmStageTracker: "CrmStageTracker" & {
|
|
38
43
|
readonly type?: "CrmStageTracker" | undefined;
|
|
39
44
|
readonly props?: CrmStageTrackerProps | undefined;
|
|
@@ -59,4 +64,4 @@ declare const CrmCardActions: "CrmCardActions" & {
|
|
|
59
64
|
readonly props?: CrmCardActionsProps | undefined;
|
|
60
65
|
readonly children?: true | undefined;
|
|
61
66
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", CrmCardActionsProps, true>>;
|
|
62
|
-
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
|
67
|
+
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
package/dist/crm/components.js
CHANGED
|
@@ -6,9 +6,10 @@ const CrmReport = createExtensionComponent('CrmReport');
|
|
|
6
6
|
const CrmAssociationPivot = createExtensionComponent('CrmAssociationPivot');
|
|
7
7
|
const CrmAssociationPropertyList = createExtensionComponent('CrmAssociationPropertyList');
|
|
8
8
|
const CrmAssociationStageTracker = createExtensionComponent('CrmAssociationStageTracker');
|
|
9
|
+
const CrmSimpleDeadline = createExtensionComponent('CrmSimpleDeadline');
|
|
9
10
|
const CrmStageTracker = createExtensionComponent('CrmStageTracker');
|
|
10
11
|
const CrmStatistics = createExtensionComponent('CrmStatistics');
|
|
11
12
|
const CrmActionButton = createExtensionComponent('CrmActionButton');
|
|
12
13
|
const CrmActionLink = createExtensionComponent('CrmActionLink');
|
|
13
14
|
const CrmCardActions = createExtensionComponent('CrmCardActions');
|
|
14
|
-
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
|
15
|
+
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
package/dist/crm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
|
|
2
|
-
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
|
1
|
+
import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
|
|
2
|
+
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
package/dist/crm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
|
|
2
|
-
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
|
1
|
+
import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
|
|
2
|
+
export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
|
|
@@ -1,26 +1,8 @@
|
|
|
1
1
|
import type * as types from '../types';
|
|
2
2
|
/** @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. */
|
|
3
|
-
declare const Tooltip: "Tooltip" & {
|
|
4
|
-
readonly type?: "Tooltip" | undefined;
|
|
5
|
-
readonly props?: types.TooltipProps | undefined;
|
|
6
|
-
readonly children?: true | undefined;
|
|
7
|
-
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tooltip", types.TooltipProps, true>>;
|
|
8
|
-
/** @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. */
|
|
9
|
-
declare const Slider: "Slider" & {
|
|
10
|
-
readonly type?: "Slider" | undefined;
|
|
11
|
-
readonly props?: types.SliderProps | undefined;
|
|
12
|
-
readonly children?: true | undefined;
|
|
13
|
-
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Slider", types.SliderProps, true>>;
|
|
14
|
-
/** @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. */
|
|
15
3
|
declare const Iframe: "Iframe" & {
|
|
16
4
|
readonly type?: "Iframe" | undefined;
|
|
17
5
|
readonly props?: types.IframeProps | undefined;
|
|
18
6
|
readonly children?: true | undefined;
|
|
19
7
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", types.IframeProps, true>>;
|
|
20
|
-
|
|
21
|
-
declare const LoadingButton: "LoadingButton" & {
|
|
22
|
-
readonly type?: "LoadingButton" | undefined;
|
|
23
|
-
readonly props?: types.LoadingButtonProps | undefined;
|
|
24
|
-
readonly children?: true | undefined;
|
|
25
|
-
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"LoadingButton", types.LoadingButtonProps, true>>;
|
|
26
|
-
export { Tooltip, Slider, Iframe, LoadingButton };
|
|
8
|
+
export { Iframe };
|
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
import { createRemoteReactComponent } from '@remote-ui/react';
|
|
2
2
|
/** @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. */
|
|
3
|
-
const Tooltip = createRemoteReactComponent('Tooltip');
|
|
4
|
-
/** @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. */
|
|
5
|
-
const Slider = createRemoteReactComponent('Slider');
|
|
6
|
-
/** @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. */
|
|
7
3
|
const Iframe = createRemoteReactComponent('Iframe');
|
|
8
|
-
|
|
9
|
-
const LoadingButton = createRemoteReactComponent('LoadingButton', {
|
|
10
|
-
fragmentProps: ['overlay'],
|
|
11
|
-
});
|
|
12
|
-
export { Tooltip, Slider, Iframe, LoadingButton };
|
|
4
|
+
export { Iframe };
|
package/dist/types.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export interface BaseButtonProps {
|
|
|
48
48
|
/**
|
|
49
49
|
* 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.
|
|
50
50
|
*/
|
|
51
|
-
href?:
|
|
51
|
+
href?: HrefProp;
|
|
52
52
|
/**
|
|
53
53
|
* Determines whether or not the button should be disabled.
|
|
54
54
|
*/
|
|
@@ -378,10 +378,13 @@ export declare const iconNames: {
|
|
|
378
378
|
readonly add: "add";
|
|
379
379
|
readonly attach: "attach";
|
|
380
380
|
readonly date: "date";
|
|
381
|
+
readonly copy: "duplicate";
|
|
381
382
|
readonly delete: "delete";
|
|
382
383
|
readonly edit: "edit";
|
|
383
384
|
readonly email: "email";
|
|
384
385
|
readonly exclamation: "exclamation";
|
|
386
|
+
readonly question: "question";
|
|
387
|
+
readonly home: "home";
|
|
385
388
|
readonly location: "location";
|
|
386
389
|
readonly upCarat: "upCarat";
|
|
387
390
|
readonly downCarat: "downCarat";
|
|
@@ -408,6 +411,8 @@ export declare const iconNames: {
|
|
|
408
411
|
readonly search: "search";
|
|
409
412
|
readonly save: "saveEditableView";
|
|
410
413
|
readonly notification: "notification";
|
|
414
|
+
readonly bulb: "bulb";
|
|
415
|
+
readonly settings: "settings";
|
|
411
416
|
};
|
|
412
417
|
export type IconNames = keyof typeof iconNames;
|
|
413
418
|
/**
|
|
@@ -425,7 +430,7 @@ export interface ImageProps extends OverlayComponentProps {
|
|
|
425
430
|
* If provided, will be used as the href that will be opened in a new browser tab on click.
|
|
426
431
|
*
|
|
427
432
|
*/
|
|
428
|
-
href?:
|
|
433
|
+
href?: HrefProp;
|
|
429
434
|
/**
|
|
430
435
|
* A function that will be called when the image is clicked.
|
|
431
436
|
*
|
|
@@ -1133,49 +1138,12 @@ export interface RadioButtonListProps extends ToggleGroupListBaseProps {
|
|
|
1133
1138
|
value?: RadioButtonGroupProps['value'];
|
|
1134
1139
|
onChange?: RadioButtonGroupProps['onChange'];
|
|
1135
1140
|
}
|
|
1136
|
-
|
|
1141
|
+
type ToggleType = 'checkboxList' | 'radioButtonList';
|
|
1142
|
+
export interface CommonGroupProps {
|
|
1137
1143
|
/**
|
|
1138
1144
|
* Denotes the type of list to render.
|
|
1139
|
-
*
|
|
1140
|
-
* @defaultValue `"checkboxList"`
|
|
1141
|
-
*/
|
|
1142
|
-
toggleType: 'checkboxList';
|
|
1143
|
-
/**
|
|
1144
|
-
* A function that is called with the new value or values when the list is updated.
|
|
1145
|
-
*
|
|
1146
|
-
* @event
|
|
1147
1145
|
*/
|
|
1148
|
-
|
|
1149
|
-
/**
|
|
1150
|
-
* The value of the toggle group.
|
|
1151
|
-
*/
|
|
1152
|
-
value?: string[];
|
|
1153
|
-
}
|
|
1154
|
-
interface RadioButtonGroupProps {
|
|
1155
|
-
/**
|
|
1156
|
-
* Denotes the type of list to render.
|
|
1157
|
-
*
|
|
1158
|
-
* @defaultValue `"checkboxList"`
|
|
1159
|
-
*/
|
|
1160
|
-
toggleType: 'radioButtonList';
|
|
1161
|
-
/**
|
|
1162
|
-
* A function that is called with the new value or values when the list is updated.
|
|
1163
|
-
*
|
|
1164
|
-
* @event
|
|
1165
|
-
*/
|
|
1166
|
-
onChange?: (value: this['value']) => void;
|
|
1167
|
-
/**
|
|
1168
|
-
* The value of the toggle group.
|
|
1169
|
-
*/
|
|
1170
|
-
value?: string;
|
|
1171
|
-
}
|
|
1172
|
-
/**
|
|
1173
|
-
* The props type for {@link !components.ToggleGroup}.
|
|
1174
|
-
*
|
|
1175
|
-
* @interface
|
|
1176
|
-
* @category Component Props
|
|
1177
|
-
*/
|
|
1178
|
-
export type ToggleGroupProps = {
|
|
1146
|
+
toggleType?: ToggleType;
|
|
1179
1147
|
/**
|
|
1180
1148
|
* The unique identifier for the toggle group element.
|
|
1181
1149
|
*/
|
|
@@ -1222,7 +1190,54 @@ export type ToggleGroupProps = {
|
|
|
1222
1190
|
* @defaultValue `"default"`
|
|
1223
1191
|
*/
|
|
1224
1192
|
variant?: 'default' | 'small';
|
|
1225
|
-
|
|
1193
|
+
value?: string[] | string;
|
|
1194
|
+
}
|
|
1195
|
+
type CheckboxGroupProps = {
|
|
1196
|
+
/**
|
|
1197
|
+
* Denotes the type of list to render.
|
|
1198
|
+
*
|
|
1199
|
+
* @defaultValue `"checkboxList"`
|
|
1200
|
+
*/
|
|
1201
|
+
toggleType: 'checkboxList';
|
|
1202
|
+
/**
|
|
1203
|
+
* A function that is called with the new value or values when the list is updated.
|
|
1204
|
+
*
|
|
1205
|
+
* @event
|
|
1206
|
+
*/
|
|
1207
|
+
onChange?: (value: string[]) => void;
|
|
1208
|
+
/**
|
|
1209
|
+
* The value of the toggle group.
|
|
1210
|
+
*/
|
|
1211
|
+
value?: string[];
|
|
1212
|
+
} & CommonGroupProps;
|
|
1213
|
+
type RadioButtonGroupProps = {
|
|
1214
|
+
/**
|
|
1215
|
+
* Denotes the type of list to render.
|
|
1216
|
+
*
|
|
1217
|
+
* @defaultValue `"checkboxList"`
|
|
1218
|
+
*/
|
|
1219
|
+
toggleType: 'radioButtonList';
|
|
1220
|
+
/**
|
|
1221
|
+
* A function that is called with the new value or values when the list is updated.
|
|
1222
|
+
*
|
|
1223
|
+
* @event
|
|
1224
|
+
*/
|
|
1225
|
+
onChange?: (value: string) => void;
|
|
1226
|
+
/**
|
|
1227
|
+
* The value of the toggle group.
|
|
1228
|
+
*/
|
|
1229
|
+
value?: string;
|
|
1230
|
+
} & CommonGroupProps;
|
|
1231
|
+
type DefaultToggleTypeProps = {
|
|
1232
|
+
toggleType?: never;
|
|
1233
|
+
} & CheckboxGroupProps;
|
|
1234
|
+
/**
|
|
1235
|
+
* The props type for {@link !components.ToggleGroup}.
|
|
1236
|
+
*
|
|
1237
|
+
* @interface
|
|
1238
|
+
* @category Component Props
|
|
1239
|
+
*/
|
|
1240
|
+
export type ToggleGroupProps = CheckboxGroupProps | RadioButtonGroupProps | DefaultToggleTypeProps;
|
|
1226
1241
|
/** @ignore */
|
|
1227
1242
|
export interface UserContext {
|
|
1228
1243
|
id: number;
|
|
@@ -1465,9 +1480,11 @@ export interface ExtensionCardContextData {
|
|
|
1465
1480
|
cardTitle?: string;
|
|
1466
1481
|
appId: number | string;
|
|
1467
1482
|
appName?: string;
|
|
1483
|
+
sourceId?: string | null;
|
|
1468
1484
|
objectId: number | string;
|
|
1469
1485
|
objectTypeId: string;
|
|
1470
1486
|
location: keyof ExtensionPoints;
|
|
1487
|
+
appAccessLevel?: 'PRIVATE' | 'PUBLIC';
|
|
1471
1488
|
}
|
|
1472
1489
|
/** @ignore */
|
|
1473
1490
|
export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
|
|
@@ -1500,16 +1517,24 @@ export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback:
|
|
|
1500
1517
|
message: string;
|
|
1501
1518
|
}) => void) => void;
|
|
1502
1519
|
/** @ignore */
|
|
1520
|
+
export type CloseOverlayAction = (id: string) => void;
|
|
1521
|
+
/** @ignore */
|
|
1522
|
+
export interface CrmHostActions {
|
|
1523
|
+
addAlert: AddAlertAction;
|
|
1524
|
+
reloadPage: ReloadPageAction;
|
|
1525
|
+
fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
|
|
1526
|
+
openIframeModal: OpenIframeModalAction;
|
|
1527
|
+
refreshObjectProperties: refreshObjectPropertiesAction;
|
|
1528
|
+
onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
|
|
1529
|
+
}
|
|
1530
|
+
/** @ignore */
|
|
1531
|
+
export interface UiePlatformActions {
|
|
1532
|
+
copyTextToClipboard: Clipboard['writeText'];
|
|
1533
|
+
closeOverlay: CloseOverlayAction;
|
|
1534
|
+
}
|
|
1535
|
+
/** @ignore */
|
|
1503
1536
|
export interface StandardCrmExtensionPoint extends ExtensionPointContract {
|
|
1504
|
-
actions:
|
|
1505
|
-
addAlert: AddAlertAction;
|
|
1506
|
-
reloadPage: ReloadPageAction;
|
|
1507
|
-
fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
|
|
1508
|
-
openIframeModal: OpenIframeModalAction;
|
|
1509
|
-
refreshObjectProperties: refreshObjectPropertiesAction;
|
|
1510
|
-
onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
|
|
1511
|
-
copyTextToClipboard?: Clipboard['writeText'];
|
|
1512
|
-
};
|
|
1537
|
+
actions: CrmHostActions & UiePlatformActions;
|
|
1513
1538
|
context: CrmContext;
|
|
1514
1539
|
customComponents: {
|
|
1515
1540
|
CrmPropertyList: ComponentType<CrmPropertyListProps>;
|
|
@@ -1519,6 +1544,7 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
|
|
|
1519
1544
|
CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
|
|
1520
1545
|
CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
|
|
1521
1546
|
CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
|
|
1547
|
+
CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
|
|
1522
1548
|
CrmStageTracker: ComponentType<CrmStageTrackerProps>;
|
|
1523
1549
|
CrmStatistics?: ComponentType<CrmStatisticsProps>;
|
|
1524
1550
|
CrmActionButton?: ComponentType<CrmActionButtonProps>;
|
|
@@ -1526,15 +1552,9 @@ export interface StandardCrmExtensionPoint extends ExtensionPointContract {
|
|
|
1526
1552
|
CrmCardActions?: ComponentType<CrmCardActionsProps>;
|
|
1527
1553
|
};
|
|
1528
1554
|
}
|
|
1555
|
+
/** @deprecated this interface has been replaced by StandardCrmExtensionPoint */
|
|
1529
1556
|
export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
|
|
1530
|
-
actions:
|
|
1531
|
-
addAlert: AddAlertAction;
|
|
1532
|
-
reloadPage: ReloadPageAction;
|
|
1533
|
-
fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
|
|
1534
|
-
openIframeModal: OpenIframeModalAction;
|
|
1535
|
-
refreshObjectProperties: refreshObjectPropertiesAction;
|
|
1536
|
-
onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
|
|
1537
|
-
};
|
|
1557
|
+
actions: CrmHostActions;
|
|
1538
1558
|
context: CrmContext;
|
|
1539
1559
|
customComponents: {
|
|
1540
1560
|
CrmPropertyList: ComponentType<CrmPropertyListProps>;
|
|
@@ -1544,6 +1564,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
|
|
|
1544
1564
|
CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
|
|
1545
1565
|
CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
|
|
1546
1566
|
CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
|
|
1567
|
+
CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
|
|
1547
1568
|
CrmStageTracker: ComponentType<CrmStageTrackerProps>;
|
|
1548
1569
|
CrmStatistics?: ComponentType<CrmStatisticsProps>;
|
|
1549
1570
|
CrmActionButton?: ComponentType<CrmActionButtonProps>;
|
|
@@ -1553,14 +1574,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
|
|
|
1553
1574
|
}
|
|
1554
1575
|
/** @ignore */
|
|
1555
1576
|
export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
|
|
1556
|
-
actions:
|
|
1557
|
-
addAlert: AddAlertAction;
|
|
1558
|
-
reloadPage: ReloadPageAction;
|
|
1559
|
-
fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
|
|
1560
|
-
openIframeModal: OpenIframeModalAction;
|
|
1561
|
-
refreshObjectProperties?: refreshObjectPropertiesAction;
|
|
1562
|
-
onCrmPropertiesUpdate?: onCrmPropertiesUpdateAction;
|
|
1563
|
-
};
|
|
1577
|
+
actions: CrmHostActions & UiePlatformActions;
|
|
1564
1578
|
context: CrmContext;
|
|
1565
1579
|
customComponents: {
|
|
1566
1580
|
CrmActionButton?: ComponentType<CrmActionButtonProps>;
|
|
@@ -1636,6 +1650,14 @@ export interface CrmAssociationStageTrackerProps {
|
|
|
1636
1650
|
sort?: Array<CrmSortDescriptor>;
|
|
1637
1651
|
}
|
|
1638
1652
|
/** @ignore */
|
|
1653
|
+
export interface CrmSimpleDeadlineProps {
|
|
1654
|
+
endDatePropertyName: string;
|
|
1655
|
+
properties: Array<string>;
|
|
1656
|
+
progressTheme?: ProgressTheme;
|
|
1657
|
+
showProperties?: boolean;
|
|
1658
|
+
startDatePropertyName: string;
|
|
1659
|
+
}
|
|
1660
|
+
/** @ignore */
|
|
1639
1661
|
export interface CrmStageTrackerProps {
|
|
1640
1662
|
objectId?: number;
|
|
1641
1663
|
objectTypeId?: string;
|
|
@@ -1651,6 +1673,21 @@ interface FilterGroup {
|
|
|
1651
1673
|
filters: Array<CrmSearchFilter>;
|
|
1652
1674
|
}
|
|
1653
1675
|
/** @ignore */
|
|
1676
|
+
interface ProgressTheme {
|
|
1677
|
+
backgroundColor?: string;
|
|
1678
|
+
completedColor?: string;
|
|
1679
|
+
upcomingColor?: string;
|
|
1680
|
+
borderRadius?: string | number;
|
|
1681
|
+
height?: string | number;
|
|
1682
|
+
completedGradient?: Gradient;
|
|
1683
|
+
upcomingGradient?: Gradient;
|
|
1684
|
+
}
|
|
1685
|
+
/** @ignore */
|
|
1686
|
+
interface Gradient {
|
|
1687
|
+
startColor: string;
|
|
1688
|
+
endColor: string;
|
|
1689
|
+
}
|
|
1690
|
+
/** @ignore */
|
|
1654
1691
|
interface BasicMetricItem extends BaseCrmStatisticItem {
|
|
1655
1692
|
statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
|
|
1656
1693
|
propertyName: string;
|
|
@@ -1970,6 +2007,11 @@ export declare class RemoteEvent<V> {
|
|
|
1970
2007
|
targetValue: V;
|
|
1971
2008
|
constructor(value: V, event: Event);
|
|
1972
2009
|
}
|
|
2010
|
+
export type HrefOptions = {
|
|
2011
|
+
url: string;
|
|
2012
|
+
external?: boolean;
|
|
2013
|
+
};
|
|
2014
|
+
export type HrefProp = string | HrefOptions;
|
|
1973
2015
|
/**
|
|
1974
2016
|
* The props type for {@link !components.Link}.
|
|
1975
2017
|
*
|
|
@@ -1985,7 +2027,7 @@ export interface LinkProps extends OverlayComponentProps {
|
|
|
1985
2027
|
* 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.
|
|
1986
2028
|
*
|
|
1987
2029
|
*/
|
|
1988
|
-
href:
|
|
2030
|
+
href: HrefProp;
|
|
1989
2031
|
/**
|
|
1990
2032
|
* The color variation of the link.
|
|
1991
2033
|
*
|
|
@@ -2391,52 +2433,6 @@ export interface DropdownProps {
|
|
|
2391
2433
|
*/
|
|
2392
2434
|
disabled?: boolean;
|
|
2393
2435
|
}
|
|
2394
|
-
/**
|
|
2395
|
-
* @ignore
|
|
2396
|
-
* @experimental
|
|
2397
|
-
*/
|
|
2398
|
-
export interface TooltipProps {
|
|
2399
|
-
children: ReactNode;
|
|
2400
|
-
delay?: number;
|
|
2401
|
-
maxWidth?: number;
|
|
2402
|
-
open?: boolean;
|
|
2403
|
-
onOpenChange?: () => void;
|
|
2404
|
-
content?: string;
|
|
2405
|
-
placement?: 'left' | 'right' | 'top' | 'bottom';
|
|
2406
|
-
}
|
|
2407
|
-
/**
|
|
2408
|
-
* The props type for {@link !components.Slider}.
|
|
2409
|
-
*
|
|
2410
|
-
* @category Component Props
|
|
2411
|
-
* @ignore remove when it's not experimental
|
|
2412
|
-
* @experimental
|
|
2413
|
-
*/
|
|
2414
|
-
export interface SliderProps extends Omit<BaseInputForNumber, 'placeholder'> {
|
|
2415
|
-
/**
|
|
2416
|
-
* Sets the lower bound of the input.
|
|
2417
|
-
* @defaultValue `0`
|
|
2418
|
-
*/
|
|
2419
|
-
min?: number;
|
|
2420
|
-
/**
|
|
2421
|
-
* Sets the upper bound of the input.
|
|
2422
|
-
* @defaultValue `100`
|
|
2423
|
-
*/
|
|
2424
|
-
max?: number;
|
|
2425
|
-
/** The amount that the current value will increase or decrease on each step drag of the mouse
|
|
2426
|
-
* or keyboar interaction
|
|
2427
|
-
* @defaultValue `1`
|
|
2428
|
-
*/
|
|
2429
|
-
stepSize?: number;
|
|
2430
|
-
/** If `true`, it will display the min and max value labels.
|
|
2431
|
-
* @defaultValue `false`
|
|
2432
|
-
*/
|
|
2433
|
-
showLabels?: boolean;
|
|
2434
|
-
/**
|
|
2435
|
-
* Sets the size of the slider
|
|
2436
|
-
* @defaultValue `"md"`
|
|
2437
|
-
*/
|
|
2438
|
-
size?: TShirtSizes['md'] | TShirtSizes['lg'];
|
|
2439
|
-
}
|
|
2440
2436
|
export interface HubSpotFetchOptions {
|
|
2441
2437
|
method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
|
|
2442
2438
|
timeout?: number;
|
package/dist/types.js
CHANGED
|
@@ -23,10 +23,13 @@ export const iconNames = {
|
|
|
23
23
|
add: 'add',
|
|
24
24
|
attach: 'attach',
|
|
25
25
|
date: 'date',
|
|
26
|
+
copy: 'duplicate',
|
|
26
27
|
delete: 'delete',
|
|
27
28
|
edit: 'edit',
|
|
28
29
|
email: 'email',
|
|
29
30
|
exclamation: 'exclamation',
|
|
31
|
+
question: 'question',
|
|
32
|
+
home: 'home',
|
|
30
33
|
location: 'location',
|
|
31
34
|
upCarat: 'upCarat',
|
|
32
35
|
downCarat: 'downCarat',
|
|
@@ -53,6 +56,8 @@ export const iconNames = {
|
|
|
53
56
|
search: 'search',
|
|
54
57
|
save: 'saveEditableView',
|
|
55
58
|
notification: 'notification',
|
|
59
|
+
bulb: 'bulb',
|
|
60
|
+
settings: 'settings',
|
|
56
61
|
};
|
|
57
62
|
/**
|
|
58
63
|
* @category Serverless
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hubspot/ui-extensions",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.30",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"typescript": "5.0.4"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "389360d4b4301252237feec1cf0fcf3b01a20f0c"
|
|
55
55
|
}
|