@procore/data-table 14.8.0 → 14.10.0

package/dist/legacy/index.d.cts

@@ -509,6 +509,9 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     autoHeight?: boolean;
     wrapText?: boolean;
     lockPosition?: ColDef['lockPosition'];
+    rowDrag?: boolean | ((params: {
+        node: RowNode;
+    }) => boolean);
 }
 interface ExtendedColDef extends ColDef {
     bulkEditable?: ((params: IsEditableParams) => boolean) | boolean;
@@ -960,7 +963,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];
     popupParent?: HTMLElement;
-    rowActions?: React.FunctionComponent<any>[];
+    rowActions?: React.FunctionComponent<any>[] | ((rowProps: DataTableCellRendererProps) => React.FunctionComponent<any>[]);
     /**
      * @private
      * Unsafe to use.
@@ -1088,6 +1091,7 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
@@ -1155,7 +1159,11 @@ interface IFilterProps<Opt = any, Val = number | string | null> {
         headerName: string;
         value: Val extends string ? string[] : Val extends number ? number[] : unknown[];
     }) => React.FunctionComponent | string;
-    getFilterOptions?: () => Promise<Opt[]>;
+    getFilterOptions?: (params?: {
+        currentOffset?: number;
+        searchQuery?: string;
+    }) => Promise<Opt[] | IFilterOptions<Opt>>;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     getId?: (option: Opt) => Val extends string ? string : Val extends number ? number : unknown;
     getLabel?: (option: Opt) => string;
     groupName?: string;
@@ -1187,6 +1195,8 @@ interface FilterComponentProps<Opt = any, Val = Opt[] | NumberFilterModel> {
     getOptions?: () => Promise<boolean>;
     loading: boolean;
     onChange: (value: Opt[] | NumberFilterModel | undefined) => void;
+    onScrollBottom?: () => void;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onRemove: () => void;
     options: Opt[];
     value: Val;
@@ -1219,6 +1229,10 @@ interface IFilterState<Opt = any, Val = number | string> {
 interface IServerFiltersState {
     [field: string]: IFilterState;
 }
+interface IFilterOptions<UniversalOpt = any> {
+    options: UniversalOpt[];
+    totalOptions: number;
+}
 interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     hasDefinedFilters: boolean;
     hasSelectedFilters: boolean;
@@ -1226,6 +1240,7 @@ interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     getSelected: (field: string) => IFilterState<UniversalOpt, UniversalVal>;
     getListFilter: (field: string) => IFilterState<UniversalOpt, UniversalVal>;
     selectedFilters: IServerFiltersState;
+    getTotalOptions: (field: string) => number;
     onChangeFilterValue: ({ field, value, }: {
         field: string;
         value: any;
@@ -1234,7 +1249,7 @@ interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     onClearAllFilters: React.MouseEventHandler<HTMLButtonElement>;
     possibleFilters: string[];
     setSelectedFilters: (filters: IServerFilter[]) => void;
-    waitForStoredOptions: (field: string) => Promise<void>;
+    waitForStoredOptions: (field: string, search?: string) => Promise<void>;
     filtersState: IServerFilter[];
 }
 
@@ -1336,7 +1351,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1373,7 +1388,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.d.ts

@@ -509,6 +509,9 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     autoHeight?: boolean;
     wrapText?: boolean;
     lockPosition?: ColDef['lockPosition'];
+    rowDrag?: boolean | ((params: {
+        node: RowNode;
+    }) => boolean);
 }
 interface ExtendedColDef extends ColDef {
     bulkEditable?: ((params: IsEditableParams) => boolean) | boolean;
@@ -960,7 +963,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];
     popupParent?: HTMLElement;
-    rowActions?: React.FunctionComponent<any>[];
+    rowActions?: React.FunctionComponent<any>[] | ((rowProps: DataTableCellRendererProps) => React.FunctionComponent<any>[]);
     /**
      * @private
      * Unsafe to use.
@@ -1088,6 +1091,7 @@ interface DataTableProps {
      * the updated values
      */
     onBulkEditUpdate?: (rows: BulkEditResult[]) => Promise<void>;
+    localStoragePersistenceKey?: string;
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
@@ -1155,7 +1159,11 @@ interface IFilterProps<Opt = any, Val = number | string | null> {
         headerName: string;
         value: Val extends string ? string[] : Val extends number ? number[] : unknown[];
     }) => React.FunctionComponent | string;
-    getFilterOptions?: () => Promise<Opt[]>;
+    getFilterOptions?: (params?: {
+        currentOffset?: number;
+        searchQuery?: string;
+    }) => Promise<Opt[] | IFilterOptions<Opt>>;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     getId?: (option: Opt) => Val extends string ? string : Val extends number ? number : unknown;
     getLabel?: (option: Opt) => string;
     groupName?: string;
@@ -1187,6 +1195,8 @@ interface FilterComponentProps<Opt = any, Val = Opt[] | NumberFilterModel> {
     getOptions?: () => Promise<boolean>;
     loading: boolean;
     onChange: (value: Opt[] | NumberFilterModel | undefined) => void;
+    onScrollBottom?: () => void;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onRemove: () => void;
     options: Opt[];
     value: Val;
@@ -1219,6 +1229,10 @@ interface IFilterState<Opt = any, Val = number | string> {
 interface IServerFiltersState {
     [field: string]: IFilterState;
 }
+interface IFilterOptions<UniversalOpt = any> {
+    options: UniversalOpt[];
+    totalOptions: number;
+}
 interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     hasDefinedFilters: boolean;
     hasSelectedFilters: boolean;
@@ -1226,6 +1240,7 @@ interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     getSelected: (field: string) => IFilterState<UniversalOpt, UniversalVal>;
     getListFilter: (field: string) => IFilterState<UniversalOpt, UniversalVal>;
     selectedFilters: IServerFiltersState;
+    getTotalOptions: (field: string) => number;
     onChangeFilterValue: ({ field, value, }: {
         field: string;
         value: any;
@@ -1234,7 +1249,7 @@ interface IFilterStorage<UniversalOpt = any, UniversalVal = number | string> {
     onClearAllFilters: React.MouseEventHandler<HTMLButtonElement>;
     possibleFilters: string[];
     setSelectedFilters: (filters: IServerFilter[]) => void;
-    waitForStoredOptions: (field: string) => Promise<void>;
+    waitForStoredOptions: (field: string, search?: string) => Promise<void>;
     filtersState: IServerFilter[];
 }
 
@@ -1336,7 +1351,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1373,7 +1388,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;