@hubspot/ui-extensions 0.8.42 → 0.8.46

package/dist/experimental/index.d.ts

@@ -7,6 +7,26 @@ declare const Iframe: "Iframe" & {
     readonly props?: types.IframeProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", types.IframeProps, true>>;
+/** @experimental */
+export declare const Tab: "Tab" & {
+    readonly type?: "Tab" | undefined;
+    readonly props?: experimentalTypes.TabProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tab", experimentalTypes.TabProps, true>>;
+/** @experimental */
+export declare const Tabs: "Tabs" & {
+    readonly type?: "Tabs" | undefined;
+    readonly props?: experimentalTypes.TabsProps | undefined;
+    readonly children?: ("Tab" & {
+        readonly type?: "Tab" | undefined;
+        readonly props?: experimentalTypes.TabProps | undefined;
+        readonly children?: true | undefined;
+    } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tab", experimentalTypes.TabProps, true>>) | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tabs", experimentalTypes.TabsProps, "Tab" & {
+    readonly type?: "Tab" | undefined;
+    readonly props?: experimentalTypes.TabProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tab", experimentalTypes.TabProps, true>>>>;
 /** @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. */
 declare const MediaObject: "MediaObject" & {
     readonly type?: "MediaObject" | undefined;
@@ -49,4 +69,9 @@ declare const GridItem: "GridItem" & {
     readonly props?: experimentalTypes.GridItemProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"GridItem", experimentalTypes.GridItemProps, true>>;
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };
+declare const SettingsView: "SettingsView" & {
+    readonly type?: "SettingsView" | undefined;
+    readonly props?: experimentalTypes.SettingsViewProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SettingsView", experimentalTypes.SettingsViewProps, true>>;
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, };

package/dist/experimental/index.js

@@ -2,6 +2,10 @@ import { createRemoteReactComponent } from '@remote-ui/react';
 export { useCrmProperties } from './hooks/useCrmProperties';
 /** @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. */
 const Iframe = createRemoteReactComponent('Iframe');
+/** @experimental */
+export const Tab = createRemoteReactComponent('Tab');
+/** @experimental */
+export const Tabs = createRemoteReactComponent('Tabs');
 /** @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. */
 const MediaObject = createRemoteReactComponent('MediaObject', {
     fragmentProps: ['itemRight', 'itemLeft'],
@@ -18,4 +22,5 @@ const SimpleGrid = createRemoteReactComponent('SimpleGrid');
 const Grid = createRemoteReactComponent('Grid');
 /** @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. */
 const GridItem = createRemoteReactComponent('GridItem');
-export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };
+const SettingsView = createRemoteReactComponent('SettingsView');
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, };

package/dist/experimental/types.d.ts

@@ -1,6 +1,67 @@
 import type { ReactNode } from 'react';
 import type { RemoteFragment } from '@remote-ui/core';
-import type { AllDistances } from '../types';
+import type { AllDistances, ExtensionEvent, ReactionsHandler } from '../types';
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface TabsProps {
+    /**
+     * Sets the content that will render inside the component.
+     */
+    children?: ReactNode;
+    /**
+     * Callback when the selected tab changes.
+     */
+    onSelectedChange?: (selectedId: string | number) => void;
+    /**
+     * The initially selected tab ID.
+     */
+    defaultSelected?: string | number;
+    /**
+     * The currently selected tab ID (controlled component).
+     */
+    selected?: string | number;
+    /**
+     * Visual style variant of the tabs.
+     * @defaultValue 'default'
+     */
+    variant?: 'default' | 'enclosed' | 'enclosed-shaded';
+    /**
+     * Whether to show a border around the tab (only applies to 'default' variant).
+     */
+    bordered?: boolean;
+    /**
+     * Whether the tab should fill available space.
+     */
+    fill?: boolean;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface TabProps {
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Unique identifier for the tab.
+     */
+    tabId?: string | number;
+    /**
+     * The title text of the tab.
+     */
+    title?: string;
+    /**
+     * The content to display when this tab is selected.
+     */
+    children?: ReactNode;
+    /**
+     * The tooltip text of the tab.
+     */
+    tooltip?: string;
+}
 /**
  * @ignore
  * @experimental do not use in production
@@ -79,4 +140,36 @@ export interface GridItemProps {
     children?: ReactNode;
     offset?: number;
 }
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface SettingsViewProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * If set to `true`, will show the save bar with "cancel" and  "save" buttons at the bottom of the page.
+     *
+     * @defaultValue `false`
+     */
+    saveBarVisible?: boolean;
+    /**
+     * Used in the save bar to let the user know how many settings they've changed and not yet saved.
+     */
+    numberOfSettingsChanged?: number;
+    /**
+     * The function that will be invoked when the save button in the save bar is clicked.
+     *
+     * @event
+     */
+    onSave?: ReactionsHandler<ExtensionEvent>;
+    /**
+     * The function that will be invoked when the cancel button in the save bar is clicked.
+     *
+     * @event
+     */
+    onCancel?: ReactionsHandler<ExtensionEvent>;
+}
 export {};

package/dist/types.d.ts

@@ -1631,7 +1631,7 @@ export interface ServerlessErrorResponse {
     status: number;
 }
 /** @ignore */
-export interface ExtensionContextData {
+export interface BaseExtensionContextData {
     appId: number | string;
     appName?: string;
     cardId: string;
@@ -1644,7 +1644,7 @@ export interface ExtensionContextData {
     } | null;
 }
 /** @ignore */
-export interface CrmExtensionContextData extends ExtensionContextData {
+export interface CrmExtensionContextData extends BaseExtensionContextData {
     objectId: number | string;
     objectTypeId: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.42",
+  "version": "0.8.46",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -60,5 +60,5 @@
     "react-reconciler": "^0.29.0",
     "typescript": "5.0.4"
   },
-  "gitHead": "adebd2d54ad45cfedb1ab6b173eda06c8642965c"
+  "gitHead": "a97919f0e9d8a69a039f7a2861e074af93f2dda0"
 }