@hubspot/ui-extensions 0.8.55 → 0.9.0

package/dist/coreComponents.d.ts

@@ -771,3 +771,14 @@ export declare const Illustration: "Illustration" & {
     readonly props?: types.IllustrationProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Illustration", types.IllustrationProps, true>>;
+/**
+ * The `Tooltip` component renders a tooltip for a component.
+ *
+ * **Links:**
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tooltip Documentation}
+ */
+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>>;

package/dist/coreComponents.js

@@ -519,3 +519,10 @@ export const Tab = createRemoteReactComponent('Tab');
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/illustration Illustration Docs}
  */
 export const Illustration = createRemoteReactComponent('Illustration');
+/**
+ * The `Tooltip` component renders a tooltip for a component.
+ *
+ * **Links:**
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tooltip Documentation}
+ */
+export const Tooltip = createRemoteReactComponent('Tooltip');

package/dist/experimental/index.d.ts

@@ -78,4 +78,21 @@ declare const Popover: "Popover" & {
     readonly props?: experimentalTypes.PopoverProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Popover", experimentalTypes.PopoverProps, true>>;
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, };
+declare const FileInput: "FileInput" & {
+    readonly type?: "FileInput" | undefined;
+    readonly props?: experimentalTypes.FileInputProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"FileInput", experimentalTypes.FileInputProps, true>>;
+/**
+ * The `SearchInput` component renders a search input that can be used to search for a value.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
+ */
+declare const SearchInput: "SearchInput" & {
+    readonly type?: "SearchInput" | undefined;
+    readonly props?: experimentalTypes.SearchInputProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SearchInput", experimentalTypes.SearchInputProps, true>>;
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, SearchInput, };

package/dist/experimental/index.js

@@ -37,4 +37,13 @@ const ExpandableText = createRemoteReactComponent('ExpandableText');
 const Popover = createRemoteReactComponent('Popover', {
     fragmentProps: ['header', 'body', 'footer'],
 });
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, };
+const FileInput = createRemoteReactComponent('FileInput');
+/**
+ * The `SearchInput` component renders a search input that can be used to search for a value.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
+ */
+const SearchInput = createRemoteReactComponent('SearchInput');
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, SearchInput, };

package/dist/experimental/types.d.ts

@@ -139,4 +139,49 @@ export interface PopoverProps {
     arrowSize?: 'none' | 'small' | 'medium';
     onClick?: ReactionsHandler<ExtensionEvent>;
 }
+export interface FileInputProps {
+    value?: File | {
+        name: string;
+    };
+    name: string;
+    onChange: (event: any) => void;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface SearchInputProps {
+    /** The label text to display for the search input. */
+    label: string;
+    /** The unique identifier for the input element. */
+    name: string;
+    /** The value of the input. */
+    value?: string;
+    /** Text that appears in the input when it has no value set. */
+    placeholder?: string;
+    /** Text that will appear in a tooltip next to the input label. */
+    tooltip?: string;
+    /** If true, displays a required indicator. */
+    required?: boolean;
+    /** If true, the field is not editable. */
+    readOnly?: boolean;
+    /** If true, the field is disabled. */
+    disabled?: boolean;
+    /** Instructional message to help understand the purpose of the input. */
+    description?: string;
+    /** If true, renders the error state and shows validationMessage as an error. */
+    error?: boolean;
+    /** The text to show under the input for error or success validations. Will display below the input*/
+    validationMessage?: string;
+    /** Called when the input value changes. */
+    onChange?: (value: string) => void;
+    /** Called every time the field is edited by the user. */
+    onInput?: (value: string) => void;
+    /** Called every time the field loses focus. */
+    onBlur?: (value: string) => void;
+    /** Called every time the field gets focused. */
+    onFocus?: (value: string) => void;
+    /** If true, shows a clear button to clear the input. Default is true. */
+    clearable?: boolean;
+}
 export {};

package/dist/types.d.ts

@@ -2391,6 +2391,17 @@ type DefaultToggleTypeProps = {
  * @category Component Props
  */
 export type ToggleGroupProps = CheckboxGroupProps | RadioButtonGroupProps | DefaultToggleTypeProps;
+export interface TooltipProps {
+    /**
+     * Sets the content to render on the screen, and serves as the trigger for the tooltip. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * Sets the position of the tooltip relative to its trigger element.
+     * @default 'top'
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
 /** @ignore */
 interface Team {
     id: number;
@@ -2610,6 +2621,8 @@ interface ActivityCreatorActionArgs {
     objectTypeId: string;
     objectId: number;
     windowVariant?: 'windowed' | 'fullscreen';
+    initialEmailBody?: string;
+    initialEmailSubject?: string;
 }
 /** @ignore */
 interface EngagementAppLinkArgs {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.55",
+  "version": "0.9.0",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -66,5 +66,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "5.0.4"
   },
-  "gitHead": "93b19d28469b6b8ccf6f757ab301634fcc6ef993"
+  "gitHead": "acae89e4a44e12e37e149a2080563e56e729359e"
 }