@hubspot/ui-extensions 0.4.0 → 0.5.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}
     />
   );
@@ -1728,14 +1728,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/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';
 }
@@ -403,6 +405,7 @@ export interface CrmStageTrackerProps {
     objectId?: number;
     objectTypeId?: string;
     properties: Array<string>;
+    showProperties?: boolean;
 }
 interface CrmSidebarExtensionPoint extends ExtensionPointContract {
     actions: {
@@ -444,9 +447,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.5.0",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -48,5 +48,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "1269fb86282dd5f6b9686d064b6c652f00cb863f"
+  "gitHead": "d11a7bb73cf91ed44279b041f17778833948839f"
 }