@hubspot/ui-extensions 0.8.56 → 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

@@ -83,4 +83,16 @@ declare const FileInput: "FileInput" & {
     readonly props?: experimentalTypes.FileInputProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"FileInput", experimentalTypes.FileInputProps, true>>;
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, 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}
+ */
+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

@@ -38,4 +38,12 @@ const Popover = createRemoteReactComponent('Popover', {
     fragmentProps: ['header', 'body', 'footer'],
 });
 const FileInput = createRemoteReactComponent('FileInput');
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, 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

@@ -146,4 +146,42 @@ export interface FileInputProps {
     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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.56",
+  "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": "ffd40cf0cff95bf11cb470142daf13ea320c95f0"
+  "gitHead": "acae89e4a44e12e37e149a2080563e56e729359e"
 }