@hubspot/ui-extensions 0.7.3 → 0.8.1

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

package/dist/coreComponents.d.ts

@@ -206,3 +206,8 @@ export declare const DateInput: "DateInput" & {
     readonly props?: types.DateInputProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DateInput", types.DateInputProps, true>>;
+export declare const Checkbox: "Checkbox" & {
+    readonly type?: "Checkbox" | undefined;
+    readonly props?: types.CheckboxProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Checkbox", types.CheckboxProps, true>>;

package/dist/coreComponents.js

@@ -44,3 +44,4 @@ export const Accordion = createRemoteReactComponent('Accordion');
 export const MultiSelect = createRemoteReactComponent('MultiSelect');
 export const Flex = createRemoteReactComponent('Flex');
 export const DateInput = createRemoteReactComponent('DateInput');
+export const Checkbox = createRemoteReactComponent('Checkbox');