@hubspot/ui-extensions 0.7.3 → 0.8.0

package/README.md

@@ -1830,14 +1830,21 @@ interface TableHeaderProps {
   children: ReactNode;
   width?: 'min' | 'max' | 'auto' | number;
   align?: 'left' | 'center' | 'right';
+  sortDirection?: 'ascending' | 'descending' | 'none';
+  onSortChange?: (value: 'ascending' | 'descending') => void;
+  disabled?: boolean;
 }
 ```
 
 | 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 |
+| `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 |
+| `sortDirection` | `'ascending' \| 'descending' \| 'none'` | `'N/A'` | Sets the current direction in which the column is sorted (if any). It's a visual indicator, it doesn't modify the data. |
+| `disabled` | `boolean(optional)` | `false` | If `true`, users cannot change the sort ordering. It has no effect if sort=`never` or `undefined`. |
+| `onSortChange` | `(value: 'ascending' | 'descending') => void(optional)` | `N/A` | A callback function that is invoked when the header is clicked. It recieves the new sort direction as an argument. It's required when sort = `ascending`, `descending` or `none`. |
+
 ##### Usage
 
 ```javascript