@hubspot/ui-extensions 0.4.0 → 0.6.0

package/README.md

@@ -1051,7 +1051,7 @@ export interface ProgressBarProps {
   aria-label?: string;
   showPercentage?: boolean;
   value?: number;
-  valueMax?: number;
+  maxValue?: number;
   valueDescription?: string;
   variant?: 'success' | 'danger' | 'warning';
 }
@@ -1062,7 +1062,7 @@ export interface ProgressBarProps {
 | `title` | `string(optional)` | `N/A` | Text to be displayed in the progressbar title. |
 | `showPercentage` | `boolean(optional)` | `false` | Toggles the display of the completion percentage. |
 | `value` | `number(optional)` | `0` | The value of the progress indicator. |
-| `valueMax` | `number(optional)` | `100` | The maximum value of the progress. |
+| `maxValue` | `number(optional)` | `100` | The maximum value of the progress bar. |
 | `valueDescription` | `string(optional)` | `N/A` | Text that explains the current state of the `value` prop. Renders to the right of `title`. **Example: "10,000 of 7,500"** |
 | `variant` | `'success' \| 'danger' \| 'warning'` | `'success'` | The type of progressbar to display. Defaults to success. |
 | `aria-label` | `string(optional)` | `N/A` | Indicates the content of the ProgressBar to screen readers. Should be used if there's no title. |
@@ -1075,7 +1075,7 @@ const Extension = () => {
     <ProgressBar
       variant="warning"
       value={50}
-      valueMax={200}
+      maxValue={200}
       showPercentage={true}
     />
   );
@@ -1565,12 +1565,16 @@ import { TableCell } from '@hubspot/ui-extensions';
 ```typescript
 interface TableCellProps {
   children: ReactNode;
+  width?: 'min' | 'max' | 'auto' | number;
+  align?: 'left' | 'center' | 'right';
 }
 ```
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | `N/A` | Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. |
+| `width` | `'min' \| 'max' \| 'auto' \| number` | `'auto'` | Sets the width of a table cell |
+| `align` | `'left' \| 'center' \| 'right'` | `'left'` | Sets the alignment of a table cell |
 
 ##### Usage
 
@@ -1713,13 +1717,16 @@ import { TableHeader } from '@hubspot/ui-extensions';
 ```typescript
 interface TableHeaderProps {
   children: ReactNode;
+  width?: 'min' | 'max' | 'auto' | number;
+  align?: 'left' | 'center' | 'right';
 }
 ```
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | `N/A` | Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. |
-
+| `width` | `'min' \| 'max' \| 'auto' \| 'large'` | `'auto'` | Sets the width of a table header |
+| `align` | `'left' \| 'center' \| 'right'` | `'left'` | Sets the alignment of a table header |
 ##### Usage
 
 ```javascript
@@ -1728,14 +1735,14 @@ const Extension = () => {
     <Table bordered={true}>
       <TableHead>
         <TableRow>
-          <TableHeader>Name</TableHeader>
-          <TableHeader>Phone</TableHeader>
+          <TableHeader width={150} align="left">Name</TableHeader>
+          <TableHeader>Price</TableHeader>
         </TableRow>
       </TableHead>
       <TableBody>
         <TableRow>
           <TableCell>Roger Federer</TableCell>
-          <TableCell>555-555-7866</TableCell>
+          <TableCell align="right">$1.50</TableCell>
         </TableRow>
       </TableBody>
     </Table>

package/dist/coreComponents.d.ts

@@ -74,6 +74,7 @@ export declare const TextArea: "TextArea" & {
     readonly props?: types.TextAreaProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TextArea", types.TextAreaProps, true>>;
+/** @deprecated use TextArea instead. With a capital A.*/
 export declare const Textarea: "Textarea" & {
     readonly type?: "Textarea" | undefined;
     readonly props?: types.TextAreaProps | undefined;
@@ -146,9 +147,9 @@ export declare const TableFooter: "TableFooter" & {
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableFooter", types.TableElementProps, true>>;
 export declare const TableCell: "TableCell" & {
     readonly type?: "TableCell" | undefined;
-    readonly props?: types.TableElementProps | undefined;
+    readonly props?: types.TableCellProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableCell", types.TableElementProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableCell", types.TableCellProps, true>>;
 export declare const TableRow: "TableRow" & {
     readonly type?: "TableRow" | undefined;
     readonly props?: types.TableElementProps | undefined;
@@ -161,9 +162,9 @@ export declare const TableBody: "TableBody" & {
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableBody", types.TableElementProps, true>>;
 export declare const TableHeader: "TableHeader" & {
     readonly type?: "TableHeader" | undefined;
-    readonly props?: types.TableElementProps | undefined;
+    readonly props?: types.TableHeaderProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHeader", types.TableElementProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHeader", types.TableHeaderProps, true>>;
 export declare const TableHead: "TableHead" & {
     readonly type?: "TableHead" | undefined;
     readonly props?: types.TableElementProps | undefined;

package/dist/coreComponents.js

@@ -16,6 +16,7 @@ export const Link = createRemoteReactComponent('Link');
 export const TextArea = createRemoteReactComponent('TextArea');
 // Textarea was changed to TextArea
 // Exporting both for backwards compat
+/** @deprecated use TextArea instead. With a capital A.*/
 export const Textarea = createRemoteReactComponent('Textarea');
 export const LoadingSpinner = createRemoteReactComponent('LoadingSpinner');
 export const ProgressBar = createRemoteReactComponent('ProgressBar');

package/dist/types.d.ts

@@ -96,7 +96,9 @@ export interface ProgressBarProps {
     'aria-label'?: string;
     showPercentage?: boolean;
     value?: number;
+    /** @deprecated use maxValue instead */
     valueMax?: number;
+    maxValue?: number;
     valueDescription?: string;
     variant?: 'success' | 'danger' | 'warning';
 }
@@ -306,7 +308,9 @@ export interface ServerlessErrorResponse {
 }
 export interface ExtensionCardContextData {
     cardId: string;
+    cardTitle?: string;
     appId: number | string;
+    appName?: string;
     objectId: number | string;
     objectTypeId: string;
     location: keyof ExtensionPoints;
@@ -403,6 +407,7 @@ export interface CrmStageTrackerProps {
     objectId?: number;
     objectTypeId?: string;
     properties: Array<string>;
+    showProperties?: boolean;
 }
 interface CrmSidebarExtensionPoint extends ExtensionPointContract {
     actions: {
@@ -444,9 +449,17 @@ export interface LoadingSpinnerProps {
     size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
     layout?: 'inline' | 'centered';
 }
+interface AlignmentProps {
+    align?: 'left' | 'center' | 'right';
+}
+interface WidthProps {
+    width?: 'min' | 'max' | 'auto' | number;
+}
 export interface TableElementProps {
     children: React.ReactNode;
 }
+export type TableHeaderProps = TableElementProps & AlignmentProps & WidthProps;
+export type TableCellProps = TableElementProps & AlignmentProps & WidthProps;
 interface BaseTableProps {
     bordered?: boolean;
     flush?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -48,5 +48,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "1269fb86282dd5f6b9686d064b6c652f00cb863f"
+  "gitHead": "1979c2dce0a920c10e4f8b5ec3bc16a1080120cb"
 }