@hubspot/ui-extensions 0.8.7 → 0.8.9

package/dist/coreComponents.d.ts

@@ -226,14 +226,28 @@ export declare const Toggle: "Toggle" & {
     readonly props?: types.ToggleProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Toggle", types.ToggleProps, true>>;
-/** @experimental */
+export declare const Dropdown: "Dropdown" & {
+    readonly type?: "Dropdown" | undefined;
+    readonly props?: types.DropdownProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Dropdown", types.DropdownProps, true>>;
 export declare const Panel: "Panel" & {
     readonly type?: "Panel" | undefined;
     readonly props?: types.PanelProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Panel", types.PanelProps, true>>;
-export declare const Dropdown: "Dropdown" & {
-    readonly type?: "Dropdown" | undefined;
-    readonly props?: types.DropdownProps | undefined;
+export declare const PanelFooter: "PanelFooter" & {
+    readonly type?: "PanelFooter" | undefined;
+    readonly props?: types.PanelFooterProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Dropdown", types.DropdownProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PanelFooter", types.PanelFooterProps, true>>;
+export declare const PanelBody: "PanelBody" & {
+    readonly type?: "PanelBody" | undefined;
+    readonly props?: types.PanelBodyProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PanelBody", types.PanelBodyProps, true>>;
+export declare const PanelSection: "PanelSection" & {
+    readonly type?: "PanelSection" | undefined;
+    readonly props?: types.PanelSectionProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PanelSection", types.PanelSectionProps, true>>;

package/dist/coreComponents.js

@@ -48,8 +48,8 @@ export const Checkbox = createRemoteReactComponent('Checkbox');
 export const RadioButton = createRemoteReactComponent('RadioButton');
 export const List = createRemoteReactComponent('List');
 export const Toggle = createRemoteReactComponent('Toggle');
-/** @experimental */
-export const Panel = createRemoteReactComponent('Panel', {
-    fragmentProps: ['footer'],
-});
 export const Dropdown = createRemoteReactComponent('Dropdown');
+export const Panel = createRemoteReactComponent('Panel');
+export const PanelFooter = createRemoteReactComponent('PanelFooter');
+export const PanelBody = createRemoteReactComponent('PanelBody');
+export const PanelSection = createRemoteReactComponent('PanelSection');

package/dist/experimental/experimentalComponents.d.ts

@@ -1,13 +1,13 @@
 import type * as types from '../types';
 /** @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. */
-export declare const Panel: "Panel" & {
-    readonly type?: "Panel" | undefined;
-    readonly props?: types.PanelProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Panel", types.PanelProps, 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. */
 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>>;
+/** @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. */
+export declare const Slider: "Slider" & {
+    readonly type?: "Slider" | undefined;
+    readonly props?: types.SliderProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Slider", types.SliderProps, true>>;

package/dist/experimental/experimentalComponents.js

@@ -1,7 +1,5 @@
 import { createRemoteReactComponent } from '@remote-ui/react';
 /** @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. */
-export const Panel = createRemoteReactComponent('Panel', {
-    fragmentProps: ['footer'],
-});
-/** @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. */
 export const Tooltip = createRemoteReactComponent('Tooltip');
+/** @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. */
+export const Slider = createRemoteReactComponent('Slider');

package/dist/experimental/index.d.ts

@@ -1,2 +1 @@
-import { Panel, Tooltip } from './experimentalComponents';
-export { Panel, Tooltip };
+export { Tooltip, Slider } from './experimentalComponents';

package/dist/experimental/index.js

@@ -1,2 +1 @@
-import { Panel, Tooltip } from './experimentalComponents';
-export { Panel, Tooltip };
+export { Tooltip, Slider } from './experimentalComponents';

package/dist/types.d.ts

@@ -1264,12 +1264,16 @@ export type AddAlertAction = (args: {
 /** @ignore */
 export type ReloadPageAction = () => void;
 /** @ignore */
-export type FetchCrmObjectPropertiesAction = (properties: string[]) => Promise<Record<string, string>>;
+export type FetchCrmObjectPropertiesAction = (properties: string[] | '*') => Promise<Record<string, string>>;
 /** @ignore */
 export type OpenIframeModalAction = (action: OpenIframeActionPayload) => void;
 /** @ignore */
 export type refreshObjectPropertiesAction = () => void;
 /** @ignore */
+export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback: (properties: Record<string, string>, error?: {
+    message: string;
+}) => void) => void;
+/** @ignore */
 export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
     actions: {
         addAlert: AddAlertAction;
@@ -1277,6 +1281,7 @@ export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
         refreshObjectProperties?: refreshObjectPropertiesAction;
+        onCrmPropertiesUpdate?: onCrmPropertiesUpdateAction;
     };
     context: CrmContext;
     customComponents: {
@@ -1302,6 +1307,7 @@ export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
         refreshObjectProperties?: refreshObjectPropertiesAction;
+        onCrmPropertiesUpdate?: onCrmPropertiesUpdateAction;
     };
     context: CrmContext;
     customComponents: {
@@ -1978,22 +1984,38 @@ export interface PanelProps {
      */
     title?: string;
     /**
-     * The Footer of the panel
+     * The variant of the panel
      *
+     * @defaultValue `"default"`
      */
-    footer?: React.ReactNode;
+    variant?: 'modal' | 'default';
+}
+export interface PanelSectionProps {
     /**
-     * When set to `true`, the table will not have side padding.
+     * When set to `true`, the section will have no bottom margin
      *
      * @defaultValue `false`
      */
     flush?: boolean;
     /**
-     * The variant of the panel
+     * The main content of the section
      *
-     * @defaultValue `"default"`
      */
-    variant?: 'modal' | 'default';
+    children: React.ReactNode;
+}
+export interface PanelBodyProps {
+    /**
+     * The main content of the body
+     *
+     */
+    children: React.ReactNode;
+}
+export interface PanelFooterProps {
+    /**
+     * The main content of the footer
+     *
+     */
+    children: React.ReactNode;
 }
 export interface DropdownOption {
     /**
@@ -2052,4 +2074,37 @@ export interface TooltipProps {
     content?: string;
     placement?: 'left' | 'right' | 'top' | 'bottom';
 }
+/**
+ * The props type for {@link !components.Slider}.
+ *
+ * @category Component Props
+ * @ignore remove when it's not experimental
+ * @experimental
+ */
+export interface SliderProps extends Omit<BaseInputForNumber, 'placeholder'> {
+    /**
+     * Sets the lower bound of the input.
+     * @defaultValue `0`
+     */
+    min?: number;
+    /**
+     * Sets the upper bound of the input.
+     * @defaultValue `100`
+     */
+    max?: number;
+    /** The amount that the current value will increase or decrease on each step drag of the mouse
+     * or keyboar interaction
+     * @defaultValue `1`
+     */
+    stepSize?: number;
+    /** If `true`, it will display the min and max value labels.
+     * @defaultValue `false`
+     */
+    showLabels?: boolean;
+    /**
+     * Sets the size of the slider
+     * @defaultValue `"md"`
+     */
+    size?: TShirtSizes['md'] | TShirtSizes['lg'];
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "0c1330256590bf0b553b2710c3d1e17acbcc099c"
+  "gitHead": "03c10fd116330e174654829acfa99c5e41ff870e"
 }