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

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'],

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, 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

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.43",
+  "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": "a140eea0a991c41c86030a5017b54bfd6151ab4c"
+  "gitHead": "a97919f0e9d8a69a039f7a2861e074af93f2dda0"
 }