@hubspot/ui-extensions 0.8.8 → 0.8.10

package/dist/coreComponents.d.ts

@@ -231,3 +231,28 @@ export declare const Dropdown: "Dropdown" & {
     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 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<"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>>;
+export declare const StepperInput: "StepperInput" & {
+    readonly type?: "StepperInput" | undefined;
+    readonly props?: types.StepperInputProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StepperInput", types.StepperInputProps, true>>;

package/dist/coreComponents.js

@@ -49,3 +49,8 @@ export const RadioButton = createRemoteReactComponent('RadioButton');
 export const List = createRemoteReactComponent('List');
 export const Toggle = createRemoteReactComponent('Toggle');
 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');
+export const StepperInput = createRemoteReactComponent('StepperInput');

package/dist/experimental/experimentalComponents.d.ts

@@ -1,31 +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 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<"PanelFooter", types.PanelFooterProps, 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 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>>;
-/** @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 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>>;
-/** @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,11 +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');
-/** @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 PanelFooter = createRemoteReactComponent('PanelFooter');
-/** @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 PanelBody = createRemoteReactComponent('PanelBody');
-/** @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 PanelSection = createRemoteReactComponent('PanelSection');
-/** @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 +1 @@
-export { Panel, PanelBody, PanelSection, PanelFooter, Tooltip, } from './experimentalComponents';
+export { Tooltip, Slider } from './experimentalComponents';

package/dist/experimental/index.js

@@ -1 +1 @@
-export { Panel, PanelBody, PanelSection, PanelFooter, Tooltip, } from './experimentalComponents';
+export { Tooltip, Slider } from './experimentalComponents';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { hubspot } from './hubspot';
+export { logger } from './logger';
 export * from './coreComponents';
 export * from './types';

package/dist/index.js

@@ -1,3 +1,4 @@
 export { hubspot } from './hubspot';
+export { logger } from './logger';
 export * from './coreComponents';
 export * from './types';

package/dist/logger.d.ts

@@ -0,0 +1,8 @@
+interface Logger {
+    debug: (value: string) => void;
+    info: (value: string) => void;
+    warn: (value: string) => void;
+    error: (value: string) => void;
+}
+export declare const logger: Logger;
+export {};

package/dist/logger.js

@@ -0,0 +1,2 @@
+/* eslint-disable hubspot-dev/no-confusing-browser-globals */
+export const logger = self.logger;

package/dist/types.d.ts

@@ -460,6 +460,27 @@ export interface NumberInputProps extends BaseInputForNumber {
     /** @deprecated use onChange instead. It doesn't guarantee valid format */
     onInput?: (value: number) => void;
 }
+/**
+ * The props type for {@link !components.StepperInput}.
+ *
+ * @category Component Props
+ */
+export interface StepperInputProps extends Omit<NumberInputProps, 'onInput'> {
+    /** The amount that the current value will increase or decrease on each step button click.
+     * @defaultValue `1`
+     */
+    stepSize?: number;
+    /**
+     * Text that will appear in a tooltip next to the step up button when users
+     * can't increase the current value.
+     */
+    maxValueReachedTooltip?: string;
+    /**
+     * Text that will appear in a tooltip next to the step down button when users
+     * can't decrease the current value.
+     */
+    minValueReachedTooltip?: string;
+}
 /** Object that represents dates. */
 export interface BaseDate {
     /** the four-digit year (e.g., 2023). */
@@ -1264,19 +1285,24 @@ 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;
         reloadPage: ReloadPageAction;
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
-        refreshObjectProperties?: refreshObjectPropertiesAction;
+        refreshObjectProperties: refreshObjectPropertiesAction;
+        onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
     };
     context: CrmContext;
     customComponents: {
@@ -1302,6 +1328,7 @@ export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
         fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
         openIframeModal: OpenIframeModalAction;
         refreshObjectProperties?: refreshObjectPropertiesAction;
+        onCrmPropertiesUpdate?: onCrmPropertiesUpdateAction;
     };
     context: CrmContext;
     customComponents: {
@@ -1977,17 +2004,6 @@ export interface PanelProps {
      *
      */
     title?: string;
-    /**
-     * The Footer of the panel
-     *
-     */
-    footer?: React.ReactNode;
-    /**
-     * When set to `true`, the table will not have side padding.
-     *
-     * @defaultValue `false`
-     */
-    flush?: boolean;
     /**
      * The variant of the panel
      *
@@ -2079,4 +2095,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.8",
+  "version": "0.8.10",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "97c104741286d22bac7ea75193fbdd09b6f6db64"
+  "gitHead": "304f163621e00aac8339440fac02a09b57e078d8"
 }