@hubspot/ui-extensions 0.10.0 → 0.10.1

package/dist/coreComponents.d.ts

@@ -830,3 +830,15 @@ export declare const CurrencyInput: "CurrencyInput" & {
     readonly props?: types.InlineProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Inline", types.InlineProps, true>>;
+/**
+ * The `AutoGrid` component renders a responsive grid layout that automatically adjusts the number of columns based on available space. Use this component to create flexible grid layouts for cards, tiles, or other content.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/simple-grid Docs}
+ */
+export declare const AutoGrid: "AutoGrid" & {
+    readonly type?: "AutoGrid" | undefined;
+    readonly props?: types.AutoGridProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"AutoGrid", types.AutoGridProps, true>>;

package/dist/coreComponents.js

@@ -558,3 +558,11 @@ export const CurrencyInput = createRemoteReactComponent('CurrencyInput');
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/inline Docs}
  */ export const Inline = createRemoteReactComponent('Inline');
+/**
+ * The `AutoGrid` component renders a responsive grid layout that automatically adjusts the number of columns based on available space. Use this component to create flexible grid layouts for cards, tiles, or other content.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/simple-grid Docs}
+ */
+export const AutoGrid = createRemoteReactComponent('AutoGrid');

package/dist/crm/hooks/useAssociations.d.ts

@@ -19,4 +19,7 @@ export interface UseAssociationsResult {
     isLoading: boolean;
     pagination: UseAssociationsPagination;
 }
+/**
+ * A hook to fetch and manage associations between CRM objects with pagination support.
+ */
 export declare function useAssociations(config: Omit<FetchAssociationsRequest, 'offset'>, options?: UseAssociationsOptions): UseAssociationsResult;

package/dist/crm/hooks/useAssociations.js

@@ -1,5 +1,4 @@
 import { useEffect, useReducer, useMemo, useRef, useCallback } from 'react';
-import { logger } from '../../logger';
 import { fetchAssociations, DEFAULT_PAGE_SIZE, calculatePaginationFlags, } from '../utils/fetchAssociations';
 function createInitialState(pageSize) {
     return {
@@ -80,13 +79,12 @@ function associationsReducer(state, action) {
     }
 }
 const DEFAULT_OPTIONS = {};
+/**
+ * A hook to fetch and manage associations between CRM objects with pagination support.
+ */
 export function useAssociations(config, options = DEFAULT_OPTIONS) {
     const pageSize = config?.pageLength ?? DEFAULT_PAGE_SIZE;
     const [state, dispatch] = useReducer(associationsReducer, useMemo(() => createInitialState(pageSize), [pageSize]));
-    // Log experimental warning once on mount
-    useEffect(() => {
-        logger.warn('useAssociations is an experimental hook and might change or be removed in the future.');
-    }, []);
     /**
      * HOOK OPTIMIZATION:
      *

package/dist/crm/hooks/useCrmProperties.d.ts

@@ -6,7 +6,5 @@ export interface CrmPropertiesState {
 }
 /**
  * A hook for using and managing CRM properties.
- *
- * @experimental This hook is experimental and might change or be removed in future versions.
  */
 export declare function useCrmProperties(propertyNames: string[], options?: FetchCrmPropertiesOptions): CrmPropertiesState;

package/dist/crm/hooks/useCrmProperties.js

@@ -1,5 +1,4 @@
 import { useEffect, useReducer, useMemo, useRef } from 'react';
-import { logger } from '../../logger';
 import { fetchCrmProperties, } from '../utils/fetchCrmProperties';
 const initialState = {
     properties: {},
@@ -35,15 +34,9 @@ function crmPropertiesReducer(state, action) {
 const DEFAULT_OPTIONS = {};
 /**
  * A hook for using and managing CRM properties.
- *
- * @experimental This hook is experimental and might change or be removed in future versions.
  */
 export function useCrmProperties(propertyNames, options = DEFAULT_OPTIONS) {
     const [state, dispatch] = useReducer(crmPropertiesReducer, initialState);
-    // Log experimental warning once on mount
-    useEffect(() => {
-        logger.warn('useCrmProperties is an experimental hook and might change or be removed in the future.');
-    }, []);
     /**
      * HOOK OPTIMIZATION:
      *

package/dist/experimental/index.d.ts

@@ -27,12 +27,6 @@ declare const Center: "Center" & {
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Center", experimentalTypes.CenterProps, 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 SimpleGrid: "SimpleGrid" & {
-    readonly type?: "SimpleGrid" | undefined;
-    readonly props?: experimentalTypes.SimpleGridProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SimpleGrid", experimentalTypes.SimpleGridProps, 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 Grid: "Grid" & {
     readonly type?: "Grid" | undefined;
     readonly props?: experimentalTypes.GridProps | undefined;
@@ -78,4 +72,4 @@ 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, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };
+export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };

package/dist/experimental/index.js

@@ -12,8 +12,6 @@ const Stack2 = createRemoteReactComponent('Stack2');
 /** @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 Center = createRemoteReactComponent('Center');
 /** @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 SimpleGrid = createRemoteReactComponent('SimpleGrid');
-/** @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 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');
@@ -35,4 +33,4 @@ const ExpandableText = createRemoteReactComponent('ExpandableText');
  */
 const Popover = createRemoteReactComponent('Popover');
 const FileInput = createRemoteReactComponent('FileInput');
-export { Iframe, MediaObject, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };
+export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };

package/dist/experimental/types.d.ts

@@ -48,15 +48,6 @@ export interface MediaObjectProps {
     itemLeft?: RemoteFragment;
     itemRight?: RemoteFragment;
 }
-/**
- * @ignore
- * @experimental do not use in production
- */
-export interface SimpleGridProps extends BaseLayout {
-    minColumnWidth: number | string;
-    gap?: AllDistances;
-    children?: ReactNode;
-}
 export interface GridProps {
     justify?: FlexJustify;
     align?: FlexAlign;

package/dist/types.d.ts

@@ -720,6 +720,7 @@ export interface DropdownProps {
      */
     disabled?: boolean;
 }
+export type EmptyStateImageName = 'addOnReporting' | 'announcement' | 'api' | 'automatedTesting' | 'beta' | 'building' | 'callingSetUp' | 'companies' | 'components' | 'cone' | 'contacts' | 'contentStrategy' | 'customObjects' | 'customerExperience' | 'customerSupport' | 'deals' | 'developerSecurityUpdate' | 'electronicSignature' | 'electronicSignatureEmptyState' | 'emailConfirmation' | 'emptyStateCharts' | 'idea' | 'integrations' | 'leads' | 'lock' | 'meetings' | 'missedGoal' | 'multipleObjects' | 'object' | 'productsShoppingCart' | 'registration' | 'sandboxAddOn' | 'social' | 'store' | 'storeDisabled' | 'successfullyConnectedEmail' | 'target' | 'task' | 'tickets' | 'voteAndSearch';
 /**
  * The props type for {@link !components.EmptyState}.
  *
@@ -762,6 +763,12 @@ export interface EmptyStateProps {
      * @defaultValue `250`
      */
     imageWidth?: number;
+    /**
+     * The name of the image to display.
+     *
+     * @defaultValue `"emptyStateCharts"`
+     */
+    imageName?: EmptyStateImageName;
 }
 /**
  * The props type for {@link !components.ErrorState}.
@@ -1448,6 +1455,38 @@ export interface InlineProps {
      */
     gap?: AllDistances;
 }
+/**
+ * The props type for {@link !components.AutoGrid}.
+ *
+ * @category Component Props
+ */
+export interface AutoGridProps {
+    /**
+     * Sets the width of each column in the grid.
+     * When `flexible` is true, columns will be at least this width (or collapse to container width if smaller), then expand equally to fill available space.
+     * When `flexible` is false, columns are exactly this width.
+     */
+    columnWidth: number;
+    /**
+     * Sets the spacing between grid items.
+     *
+     * @defaultValue `"flush"`
+     */
+    gap?: AllDistances;
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     *
+     */
+    children?: ReactNode;
+    /**
+     * Whether columns should expand to fill available space.
+     * When true, columns will be at least `columnWidth` but grow equally to fill the container.
+     * When false, columns are exactly `columnWidth`.
+     *
+     * @defaultValue `false`
+     */
+    flexible?: boolean;
+}
 /**
  * The props type for {@link !components.Link}.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -72,5 +72,5 @@
   "tsd": {
     "directory": "src/__tests__/test-d"
   },
-  "gitHead": "34ce86d7cfaa1f163bf67838bbb56c054d0f72cc"
+  "gitHead": "d3300e12daf61bc1931da0e79d62aede9675a750"
 }