@procore/data-table 14.0.0 → 14.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 14.2.0
+
+### Minor Changes
+
+- bed450d752: Update @procore/labs-datetime-select dependency to 0.1.0 version
+
+## 14.1.0
+
+### Minor Changes
+
+- 58fb8a5ef: Add SingleSelectQuickFilterRenderer component
+
 ## 14.0.0
 
 ### Major Changes

package/dist/legacy/index.d.mts

@@ -1354,6 +1354,8 @@ declare const LocationQuickFilterRenderer: React__default.FC<FilterProps>;
 
 declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
+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, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
@@ -1389,4 +1391,4 @@ declare const waitForAsyncCondition: (condition: Function, maxAttempts?: number,
  */
 declare const UNSAFE_useTableContext: () => InternalTableContext;
 
-export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, SingleSelectQuickFilterRenderer, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/dist/legacy/index.d.ts

@@ -1354,6 +1354,8 @@ declare const LocationQuickFilterRenderer: React__default.FC<FilterProps>;
 
 declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
+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, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
@@ -1389,4 +1391,4 @@ declare const waitForAsyncCondition: (condition: Function, maxAttempts?: number,
  */
 declare const UNSAFE_useTableContext: () => InternalTableContext;
 
-export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, SingleSelectQuickFilterRenderer, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/dist/legacy/index.js

@@ -77896,6 +77896,12 @@ function getFilterTokenText(columnDefinition, filterValue) {
   }
   return columnDefinition == null ? void 0 : columnDefinition.headerName;
 }
+var ensureArray = (input) => {
+  if (input === null) {
+    return [];
+  }
+  return Array.isArray(input) ? input : [input];
+};
 var FiltersPanelToggleButton = ({ hasSelectedFilters, hasDefinedFilters }) => {
   const I18n = coreReact.useI18nContext();
   const { contextPanel, totalRowCount } = useInternalTableContext();
@@ -83596,6 +83602,146 @@ var MultiSelectQuickFilterRenderer = (props) => {
   return /* @__PURE__ */ React83__default.default.createElement(ClientSideMultiSelectQuickFilter, { ...props });
 };
 var MultiSelectQuickFilterRenderer_default = MultiSelectQuickFilterRenderer;
+var ClientSideSingleSelectQuickFilter = ({
+  filter,
+  columnDefinition,
+  onChange,
+  onRemove,
+  overlayMatchesTriggerWidth
+}) => {
+  var _a;
+  return /* @__PURE__ */ React83__default.default.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean((_a = filter.filterValues) == null ? void 0 : _a.length),
+      "data-test-id": "client-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83__default.default.createElement(
+      coreReact.UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        value: filter.filterValues ?? [],
+        search: false,
+        multiple: false,
+        options: filter.options,
+        getOptionValue: (option) => {
+          var _a2;
+          return getId((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getId, option);
+        },
+        getOptionLabel: (option) => {
+          var _a2;
+          return getLabel((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getLabel, option);
+        },
+        onChange: (values2) => {
+          const valuesArray = ensureArray(values2);
+          if (!valuesArray.length) {
+            onRemove == null ? void 0 : onRemove();
+            return;
+          }
+          onChange == null ? void 0 : onChange(valuesArray);
+        },
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var useSuperSelectOptionAsValueWorkaround3 = ({
+  originValue,
+  originOptions,
+  getId: getId3,
+  loading
+}) => {
+  const isValueFromOptions = React83__default.default.useRef(false);
+  const getValueFromOptions = () => {
+    const valueIds = originValue.map((option) => getId(getId3, option));
+    isValueFromOptions.current = true;
+    return originOptions.filter(
+      (option) => valueIds.includes(getId(getId3, option))
+    );
+  };
+  const hasOptions = originOptions.length > 0 && !loading;
+  const hasValue = (originValue == null ? void 0 : originValue.length) > 0;
+  const options = !hasOptions && hasValue ? originValue : originOptions;
+  const value = !hasOptions ? originValue : isValueFromOptions.current ? originValue : getValueFromOptions();
+  return {
+    options,
+    value,
+    getOptionValue: (option) => option
+  };
+};
+var ServerSideSingleSelectQuickFilter = ({ columnDefinition, overlayMatchesTriggerWidth }) => {
+  var _a;
+  const {
+    options: originOptions,
+    onClearFilter,
+    fieldName,
+    value: originValue = [],
+    onChange,
+    getOptions,
+    loading
+  } = useServerSideFilter({ columnDefinition });
+  const { options, value, getOptionValue } = useSuperSelectOptionAsValueWorkaround3({
+    originOptions,
+    originValue,
+    loading,
+    getId: (_a = columnDefinition.filterProps) == null ? void 0 : _a.getId
+  });
+  const hasFetchedOptions = React83__default.default.useRef(false);
+  React83__default.default.useEffect(() => {
+    if (!hasFetchedOptions.current && !originOptions.length) {
+      getOptions();
+      hasFetchedOptions.current = true;
+    }
+  }, [getOptions, originOptions.length]);
+  const handleOnChange = (values2) => {
+    const selectedValues = ensureArray(values2);
+    if (!selectedValues.length) {
+      onClearFilter == null ? void 0 : onClearFilter(fieldName);
+      getOptions();
+      return;
+    }
+    onChange(selectedValues);
+  };
+  const handleOnOpenChange = (open) => {
+    if (open && !originOptions.length) {
+      getOptions();
+    }
+  };
+  return /* @__PURE__ */ React83__default.default.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(value == null ? void 0 : value.length),
+      "data-test-id": "server-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83__default.default.createElement(
+      coreReact.UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        loading,
+        value: value ?? [],
+        search: false,
+        getOptionLabel: (option) => {
+          var _a2;
+          return getLabel((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getLabel, option);
+        },
+        getOptionValue,
+        multiple: false,
+        options,
+        onChange: handleOnChange,
+        onOpenChange: handleOnOpenChange,
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var SingleSelectQuickFilterRenderer = (props) => {
+  const { onServerSideDataRequest } = useInternalTableContext();
+  if (!isClientSideFilterProps(props, !!onServerSideDataRequest)) {
+    return /* @__PURE__ */ React83__default.default.createElement(ServerSideSingleSelectQuickFilter, { ...props });
+  }
+  return /* @__PURE__ */ React83__default.default.createElement(ClientSideSingleSelectQuickFilter, { ...props });
+};
+var SingleSelectQuickFilterRenderer_default = SingleSelectQuickFilterRenderer;
 
 // ../../node_modules/@ag-grid-enterprise/server-side-row-model/dist/esm/es6/serverSideRowModel/stores/fullStore.mjs
 var __decorate212 = function(decorators, target, key, desc) {
@@ -88166,6 +88312,7 @@ exports.SelectAllState = SelectAllState;
 exports.SelectCellEditor = SelectCellEditor2;
 exports.SelectCellRenderer = SelectCellRenderer;
 exports.ServerSideDataTable = ServerSideDataTable_default;
+exports.SingleSelectQuickFilterRenderer = SingleSelectQuickFilterRenderer_default;
 exports.TextCellEditor = TextCellEditor2;
 exports.TextCellRenderer = TextCellRenderer;
 exports.UNSAFE_useTableContext = UNSAFE_useTableContext;

package/dist/legacy/index.mjs

@@ -77881,6 +77881,12 @@ function getFilterTokenText(columnDefinition, filterValue) {
   }
   return columnDefinition == null ? void 0 : columnDefinition.headerName;
 }
+var ensureArray = (input) => {
+  if (input === null) {
+    return [];
+  }
+  return Array.isArray(input) ? input : [input];
+};
 var FiltersPanelToggleButton = ({ hasSelectedFilters, hasDefinedFilters }) => {
   const I18n = useI18nContext();
   const { contextPanel, totalRowCount } = useInternalTableContext();
@@ -83581,6 +83587,146 @@ var MultiSelectQuickFilterRenderer = (props) => {
   return /* @__PURE__ */ React83.createElement(ClientSideMultiSelectQuickFilter, { ...props });
 };
 var MultiSelectQuickFilterRenderer_default = MultiSelectQuickFilterRenderer;
+var ClientSideSingleSelectQuickFilter = ({
+  filter,
+  columnDefinition,
+  onChange,
+  onRemove,
+  overlayMatchesTriggerWidth
+}) => {
+  var _a;
+  return /* @__PURE__ */ React83.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean((_a = filter.filterValues) == null ? void 0 : _a.length),
+      "data-test-id": "client-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83.createElement(
+      UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        value: filter.filterValues ?? [],
+        search: false,
+        multiple: false,
+        options: filter.options,
+        getOptionValue: (option) => {
+          var _a2;
+          return getId((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getId, option);
+        },
+        getOptionLabel: (option) => {
+          var _a2;
+          return getLabel((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getLabel, option);
+        },
+        onChange: (values2) => {
+          const valuesArray = ensureArray(values2);
+          if (!valuesArray.length) {
+            onRemove == null ? void 0 : onRemove();
+            return;
+          }
+          onChange == null ? void 0 : onChange(valuesArray);
+        },
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var useSuperSelectOptionAsValueWorkaround3 = ({
+  originValue,
+  originOptions,
+  getId: getId3,
+  loading
+}) => {
+  const isValueFromOptions = React83.useRef(false);
+  const getValueFromOptions = () => {
+    const valueIds = originValue.map((option) => getId(getId3, option));
+    isValueFromOptions.current = true;
+    return originOptions.filter(
+      (option) => valueIds.includes(getId(getId3, option))
+    );
+  };
+  const hasOptions = originOptions.length > 0 && !loading;
+  const hasValue = (originValue == null ? void 0 : originValue.length) > 0;
+  const options = !hasOptions && hasValue ? originValue : originOptions;
+  const value = !hasOptions ? originValue : isValueFromOptions.current ? originValue : getValueFromOptions();
+  return {
+    options,
+    value,
+    getOptionValue: (option) => option
+  };
+};
+var ServerSideSingleSelectQuickFilter = ({ columnDefinition, overlayMatchesTriggerWidth }) => {
+  var _a;
+  const {
+    options: originOptions,
+    onClearFilter,
+    fieldName,
+    value: originValue = [],
+    onChange,
+    getOptions,
+    loading
+  } = useServerSideFilter({ columnDefinition });
+  const { options, value, getOptionValue } = useSuperSelectOptionAsValueWorkaround3({
+    originOptions,
+    originValue,
+    loading,
+    getId: (_a = columnDefinition.filterProps) == null ? void 0 : _a.getId
+  });
+  const hasFetchedOptions = React83.useRef(false);
+  React83.useEffect(() => {
+    if (!hasFetchedOptions.current && !originOptions.length) {
+      getOptions();
+      hasFetchedOptions.current = true;
+    }
+  }, [getOptions, originOptions.length]);
+  const handleOnChange = (values2) => {
+    const selectedValues = ensureArray(values2);
+    if (!selectedValues.length) {
+      onClearFilter == null ? void 0 : onClearFilter(fieldName);
+      getOptions();
+      return;
+    }
+    onChange(selectedValues);
+  };
+  const handleOnOpenChange = (open) => {
+    if (open && !originOptions.length) {
+      getOptions();
+    }
+  };
+  return /* @__PURE__ */ React83.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(value == null ? void 0 : value.length),
+      "data-test-id": "server-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83.createElement(
+      UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        loading,
+        value: value ?? [],
+        search: false,
+        getOptionLabel: (option) => {
+          var _a2;
+          return getLabel((_a2 = columnDefinition.filterProps) == null ? void 0 : _a2.getLabel, option);
+        },
+        getOptionValue,
+        multiple: false,
+        options,
+        onChange: handleOnChange,
+        onOpenChange: handleOnOpenChange,
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var SingleSelectQuickFilterRenderer = (props) => {
+  const { onServerSideDataRequest } = useInternalTableContext();
+  if (!isClientSideFilterProps(props, !!onServerSideDataRequest)) {
+    return /* @__PURE__ */ React83.createElement(ServerSideSingleSelectQuickFilter, { ...props });
+  }
+  return /* @__PURE__ */ React83.createElement(ClientSideSingleSelectQuickFilter, { ...props });
+};
+var SingleSelectQuickFilterRenderer_default = SingleSelectQuickFilterRenderer;
 
 // ../../node_modules/@ag-grid-enterprise/server-side-row-model/dist/esm/es6/serverSideRowModel/stores/fullStore.mjs
 var __decorate212 = function(decorators, target, key, desc) {
@@ -88115,4 +88261,4 @@ object-assign/index.js:
    *)
 */
 
-export { Analytics_default as Analytics, AnalyticsBulkClient, BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { Analytics_default as Analytics, AnalyticsBulkClient, BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, SingleSelectQuickFilterRenderer_default as SingleSelectQuickFilterRenderer, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/dist/modern/index.d.mts

@@ -1354,6 +1354,8 @@ declare const LocationQuickFilterRenderer: React__default.FC<FilterProps>;
 
 declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
+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, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
@@ -1389,4 +1391,4 @@ declare const waitForAsyncCondition: (condition: Function, maxAttempts?: number,
  */
 declare const UNSAFE_useTableContext: () => InternalTableContext;
 
-export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, SingleSelectQuickFilterRenderer, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/dist/modern/index.d.ts

@@ -1354,6 +1354,8 @@ declare const LocationQuickFilterRenderer: React__default.FC<FilterProps>;
 
 declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
+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, translations, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
@@ -1389,4 +1391,4 @@ declare const waitForAsyncCondition: (condition: Function, maxAttempts?: number,
  */
 declare const UNSAFE_useTableContext: () => InternalTableContext;
 
-export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { type AgDomLayout, type AgGetDetailRowDataParams, type AgSort, type AggregationFunction, type AnalyticEvent, _default$2 as Analytics, AnalyticsBulkClient, type AnalyticsBulkConfig, type AnalyticsClient, type AnalyticsConfig$1 as AnalyticsConfig, type AvatarStackItemFilter, type BooleanCellColumnDefinition, BooleanCellEditor, type BooleanCellEditorProps, BooleanCellRenderer, type BooleanCellRendererProps, type ButtonsCellColumnDefinition, ButtonsCellRenderer, type CSVExportConfig, type CellValueChangeParams, _default$1 as ClientSideDataTable, type ClientSideDataTableProps, type ColumnConfig, type ColumnDefinition, type ColumnGroupStateConfig, type CompanyCellColumnDefinition, CompanyCellRenderer, type CompanyCellRendererProps, type ContextPanelApi, type ContextPanelContent, type CurrencyCellColumnDefinition, CurrencyCellEditor, type CurrencyCellEditorProps, CurrencyCellRenderer, type CurrencyCellRendererProps, type CustomBulkEditorFields, type CustomEditorCell, type CustomFilter, type CustomFooterConfig, type CustomRendererCell, type DTExcelFormats, type DataTableCellEditorProps, type DataTableCellRendererProps, type DataTableConfig, type DataTableProps, type DataTableTranslations, type DateCellColumnDefinition, DateCellEditor, type DateCellEditorProps, DateCellRenderer, type DateCellRendererProps, DateFilterRenderer, type DateFilterSelectionType, QuickDateFilterRenderer as DateQuickFilterRenderer, type DateTimeCellColumnDefinition, DateTimeCellEditor, DateTimeCellRenderer, type DetailRowConfig, type EmptyRendererProps, type ExcelExportConfig, type ExtendedColDef, type FilterGroup, type FrameworkComponents, type GetDetailRowDataParams, type GetRowHeightWithFooters, GrandTotalsLabelRenderer, type GranularPartial, type GranularRequired, type GroupCellColumnDefinition, GroupCellRenderer, type HTMLStringExportConfig, type ISearchState, type IServerFilter, type IsEditableParams, type IsRowSelectable, type LinkCellColumnDefinition, LinkCellRenderer, type LinkCellRendererProps, type LocationColumnDefinition, type LocationFilterOpt, LocationFilterRenderer, LocationQuickFilterRenderer, type MultiSelectCellColumnDefinition, MultiSelectCellRenderer, type MultiSelectCellRendererProps, MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer, type NestedColumnDefinition, type NumberCellColumnDefinition, NumberCellEditor, type NumberCellEditorProps, NumberCellRenderer, type NumberCellRendererProps, NumberFilterRenderer, type PartialTableApi, type PeopleCellColumnDefinition, PeopleCellRenderer, type PeopleCellRendererProps, type PercentCellColumnDefinition, PercentCellEditor, type PercentCellEditorProps, PercentCellRenderer, type PercentCellRendererProps, PersonCellRenderer, type PillCellColumnDefinition, PillCellRenderer, type PillCellRendererProps, PillSelectCellEditor, type PillSelectCellEditorProps, type PinnedBottomRow, type RefreshServerSideDataParams, type RowActivePredicateParams, type RowGroupToggledEvent, type RowNode, type RowSelectablePredicateParams, type RowSelectionRef, SelectAllState, type SelectCellColumnDefinition, SelectCellEditor, type SelectCellEditorProps, SelectCellRenderer, type SelectCellRendererProps, _default as ServerSideDataTable, type DataTableProps as ServerSideDataTableProps, type ServerSideGetRowsParams, type ServerSideGetRowsRequest, type ServerSideParamsOptions, SingleSelectQuickFilterRenderer, type SortModel, type SuccessParams, type TableApi, type TablePanelProps, type TableProps, type TextAreaCellColumnDefinition, type TextAreaCellEditorProps, type TextAreaCellRendererProps, type TextCellColumnDefinition, TextCellEditor, type TextCellEditorProps, TextCellRenderer, type TextCellRendererProps, UNSAFE_useTableContext, type UpdateServerSideDataSourceParams, type ValueGetterParams, type ValueParserParams, type ValueSetterParams, type ValueValidator, type ValueValidatorParams, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/dist/modern/index.js

@@ -77753,6 +77753,12 @@ function getFilterTokenText(columnDefinition, filterValue) {
   }
   return columnDefinition?.headerName;
 }
+var ensureArray = (input) => {
+  if (input === null) {
+    return [];
+  }
+  return Array.isArray(input) ? input : [input];
+};
 var FiltersPanelToggleButton = ({ hasSelectedFilters, hasDefinedFilters }) => {
   const I18n = coreReact.useI18nContext();
   const { contextPanel, totalRowCount } = useInternalTableContext();
@@ -83377,6 +83383,135 @@ var MultiSelectQuickFilterRenderer = (props) => {
   return /* @__PURE__ */ React83__default.default.createElement(ClientSideMultiSelectQuickFilter, { ...props });
 };
 var MultiSelectQuickFilterRenderer_default = MultiSelectQuickFilterRenderer;
+var ClientSideSingleSelectQuickFilter = ({
+  filter,
+  columnDefinition,
+  onChange,
+  onRemove,
+  overlayMatchesTriggerWidth
+}) => {
+  return /* @__PURE__ */ React83__default.default.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(filter.filterValues?.length),
+      "data-test-id": "client-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83__default.default.createElement(
+      coreReact.UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        value: filter.filterValues ?? [],
+        search: false,
+        multiple: false,
+        options: filter.options,
+        getOptionValue: (option) => getId(columnDefinition.filterProps?.getId, option),
+        getOptionLabel: (option) => getLabel(columnDefinition.filterProps?.getLabel, option),
+        onChange: (values2) => {
+          const valuesArray = ensureArray(values2);
+          if (!valuesArray.length) {
+            onRemove?.();
+            return;
+          }
+          onChange?.(valuesArray);
+        },
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var useSuperSelectOptionAsValueWorkaround3 = ({
+  originValue,
+  originOptions,
+  getId: getId3,
+  loading
+}) => {
+  const isValueFromOptions = React83__default.default.useRef(false);
+  const getValueFromOptions = () => {
+    const valueIds = originValue.map((option) => getId(getId3, option));
+    isValueFromOptions.current = true;
+    return originOptions.filter(
+      (option) => valueIds.includes(getId(getId3, option))
+    );
+  };
+  const hasOptions = originOptions.length > 0 && !loading;
+  const hasValue = originValue?.length > 0;
+  const options = !hasOptions && hasValue ? originValue : originOptions;
+  const value = !hasOptions ? originValue : isValueFromOptions.current ? originValue : getValueFromOptions();
+  return {
+    options,
+    value,
+    getOptionValue: (option) => option
+  };
+};
+var ServerSideSingleSelectQuickFilter = ({ columnDefinition, overlayMatchesTriggerWidth }) => {
+  const {
+    options: originOptions,
+    onClearFilter,
+    fieldName,
+    value: originValue = [],
+    onChange,
+    getOptions,
+    loading
+  } = useServerSideFilter({ columnDefinition });
+  const { options, value, getOptionValue } = useSuperSelectOptionAsValueWorkaround3({
+    originOptions,
+    originValue,
+    loading,
+    getId: columnDefinition.filterProps?.getId
+  });
+  const hasFetchedOptions = React83__default.default.useRef(false);
+  React83__default.default.useEffect(() => {
+    if (!hasFetchedOptions.current && !originOptions.length) {
+      getOptions();
+      hasFetchedOptions.current = true;
+    }
+  }, [getOptions, originOptions.length]);
+  const handleOnChange = (values2) => {
+    const selectedValues = ensureArray(values2);
+    if (!selectedValues.length) {
+      onClearFilter?.(fieldName);
+      getOptions();
+      return;
+    }
+    onChange(selectedValues);
+  };
+  const handleOnOpenChange = (open) => {
+    if (open && !originOptions.length) {
+      getOptions();
+    }
+  };
+  return /* @__PURE__ */ React83__default.default.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(value?.length),
+      "data-test-id": "server-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83__default.default.createElement(
+      coreReact.UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        loading,
+        value: value ?? [],
+        search: false,
+        getOptionLabel: (option) => getLabel(columnDefinition.filterProps?.getLabel, option),
+        getOptionValue,
+        multiple: false,
+        options,
+        onChange: handleOnChange,
+        onOpenChange: handleOnOpenChange,
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var SingleSelectQuickFilterRenderer = (props) => {
+  const { onServerSideDataRequest } = useInternalTableContext();
+  if (!isClientSideFilterProps(props, !!onServerSideDataRequest)) {
+    return /* @__PURE__ */ React83__default.default.createElement(ServerSideSingleSelectQuickFilter, { ...props });
+  }
+  return /* @__PURE__ */ React83__default.default.createElement(ClientSideSingleSelectQuickFilter, { ...props });
+};
+var SingleSelectQuickFilterRenderer_default = SingleSelectQuickFilterRenderer;
 
 // ../../node_modules/@ag-grid-enterprise/server-side-row-model/dist/esm/es6/serverSideRowModel/stores/fullStore.mjs
 var __decorate212 = function(decorators, target, key, desc) {
@@ -87947,6 +88082,7 @@ exports.SelectAllState = SelectAllState;
 exports.SelectCellEditor = SelectCellEditor2;
 exports.SelectCellRenderer = SelectCellRenderer;
 exports.ServerSideDataTable = ServerSideDataTable_default;
+exports.SingleSelectQuickFilterRenderer = SingleSelectQuickFilterRenderer_default;
 exports.TextCellEditor = TextCellEditor2;
 exports.TextCellRenderer = TextCellRenderer;
 exports.UNSAFE_useTableContext = UNSAFE_useTableContext;

package/dist/modern/index.mjs

@@ -77738,6 +77738,12 @@ function getFilterTokenText(columnDefinition, filterValue) {
   }
   return columnDefinition?.headerName;
 }
+var ensureArray = (input) => {
+  if (input === null) {
+    return [];
+  }
+  return Array.isArray(input) ? input : [input];
+};
 var FiltersPanelToggleButton = ({ hasSelectedFilters, hasDefinedFilters }) => {
   const I18n = useI18nContext();
   const { contextPanel, totalRowCount } = useInternalTableContext();
@@ -83362,6 +83368,135 @@ var MultiSelectQuickFilterRenderer = (props) => {
   return /* @__PURE__ */ React83.createElement(ClientSideMultiSelectQuickFilter, { ...props });
 };
 var MultiSelectQuickFilterRenderer_default = MultiSelectQuickFilterRenderer;
+var ClientSideSingleSelectQuickFilter = ({
+  filter,
+  columnDefinition,
+  onChange,
+  onRemove,
+  overlayMatchesTriggerWidth
+}) => {
+  return /* @__PURE__ */ React83.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(filter.filterValues?.length),
+      "data-test-id": "client-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83.createElement(
+      UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        value: filter.filterValues ?? [],
+        search: false,
+        multiple: false,
+        options: filter.options,
+        getOptionValue: (option) => getId(columnDefinition.filterProps?.getId, option),
+        getOptionLabel: (option) => getLabel(columnDefinition.filterProps?.getLabel, option),
+        onChange: (values2) => {
+          const valuesArray = ensureArray(values2);
+          if (!valuesArray.length) {
+            onRemove?.();
+            return;
+          }
+          onChange?.(valuesArray);
+        },
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var useSuperSelectOptionAsValueWorkaround3 = ({
+  originValue,
+  originOptions,
+  getId: getId3,
+  loading
+}) => {
+  const isValueFromOptions = React83.useRef(false);
+  const getValueFromOptions = () => {
+    const valueIds = originValue.map((option) => getId(getId3, option));
+    isValueFromOptions.current = true;
+    return originOptions.filter(
+      (option) => valueIds.includes(getId(getId3, option))
+    );
+  };
+  const hasOptions = originOptions.length > 0 && !loading;
+  const hasValue = originValue?.length > 0;
+  const options = !hasOptions && hasValue ? originValue : originOptions;
+  const value = !hasOptions ? originValue : isValueFromOptions.current ? originValue : getValueFromOptions();
+  return {
+    options,
+    value,
+    getOptionValue: (option) => option
+  };
+};
+var ServerSideSingleSelectQuickFilter = ({ columnDefinition, overlayMatchesTriggerWidth }) => {
+  const {
+    options: originOptions,
+    onClearFilter,
+    fieldName,
+    value: originValue = [],
+    onChange,
+    getOptions,
+    loading
+  } = useServerSideFilter({ columnDefinition });
+  const { options, value, getOptionValue } = useSuperSelectOptionAsValueWorkaround3({
+    originOptions,
+    originValue,
+    loading,
+    getId: columnDefinition.filterProps?.getId
+  });
+  const hasFetchedOptions = React83.useRef(false);
+  React83.useEffect(() => {
+    if (!hasFetchedOptions.current && !originOptions.length) {
+      getOptions();
+      hasFetchedOptions.current = true;
+    }
+  }, [getOptions, originOptions.length]);
+  const handleOnChange = (values2) => {
+    const selectedValues = ensureArray(values2);
+    if (!selectedValues.length) {
+      onClearFilter?.(fieldName);
+      getOptions();
+      return;
+    }
+    onChange(selectedValues);
+  };
+  const handleOnOpenChange = (open) => {
+    if (open && !originOptions.length) {
+      getOptions();
+    }
+  };
+  return /* @__PURE__ */ React83.createElement(
+    StyledSuperSelectWrapper,
+    {
+      $enabled: Boolean(value?.length),
+      "data-test-id": "server-side-single-select-quick-filter"
+    },
+    /* @__PURE__ */ React83.createElement(
+      UNSAFE_SuperSelect,
+      {
+        overlayMatchesTriggerWidth,
+        loading,
+        value: value ?? [],
+        search: false,
+        getOptionLabel: (option) => getLabel(columnDefinition.filterProps?.getLabel, option),
+        getOptionValue,
+        multiple: false,
+        options,
+        onChange: handleOnChange,
+        onOpenChange: handleOnOpenChange,
+        ...getSuperSelectFilterPreset(columnDefinition)
+      }
+    )
+  );
+};
+var SingleSelectQuickFilterRenderer = (props) => {
+  const { onServerSideDataRequest } = useInternalTableContext();
+  if (!isClientSideFilterProps(props, !!onServerSideDataRequest)) {
+    return /* @__PURE__ */ React83.createElement(ServerSideSingleSelectQuickFilter, { ...props });
+  }
+  return /* @__PURE__ */ React83.createElement(ClientSideSingleSelectQuickFilter, { ...props });
+};
+var SingleSelectQuickFilterRenderer_default = SingleSelectQuickFilterRenderer;
 
 // ../../node_modules/@ag-grid-enterprise/server-side-row-model/dist/esm/es6/serverSideRowModel/stores/fullStore.mjs
 var __decorate212 = function(decorators, target, key, desc) {
@@ -87896,4 +88031,4 @@ object-assign/index.js:
    *)
 */
 
-export { Analytics_default as Analytics, AnalyticsBulkClient, BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };
+export { Analytics_default as Analytics, AnalyticsBulkClient, BooleanCellEditor, BooleanCellRenderer, ButtonsCellRenderer, ClientSideDataTable_default as ClientSideDataTable, CompanyCellRenderer, CurrencyCellEditor, CurrencyCellRenderer, DateCellEditor, DateCellRenderer, DateFilterRenderer_default as DateFilterRenderer, DateQuickFilterRenderer_default as DateQuickFilterRenderer, DateTimeCellEditor, DateTimeCellRenderer, GrandTotalsLabelRenderer, GroupCellRenderer2 as GroupCellRenderer, LinkCellRenderer, LocationFilterRenderer, LocationQuickFilterRenderer_default as LocationQuickFilterRenderer, MultiSelectCellRenderer, MultiSelectFilterRenderer_default as MultiSelectFilterRenderer, MultiSelectQuickFilterRenderer_default as MultiSelectQuickFilterRenderer, NumberCellEditor2 as NumberCellEditor, NumberCellRenderer, NumberFilterRenderer, PeopleCellRenderer, PercentCellEditor, PercentCellRenderer, PersonCellRenderer, PillCellRenderer, PillSelectCellEditor, SelectAllState, SelectCellEditor2 as SelectCellEditor, SelectCellRenderer, ServerSideDataTable_default as ServerSideDataTable, SingleSelectQuickFilterRenderer_default as SingleSelectQuickFilterRenderer, TextCellEditor2 as TextCellEditor, TextCellRenderer, UNSAFE_useTableContext, rowSize, useAnalyticsContext, useRowSelectionState, waitForAsyncCondition, withDataTableEditor, withDataTableRenderer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.0.0",
+  "version": "14.2.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/legacy/index.js",
   "module": "dist/legacy/index.mjs",
@@ -55,14 +55,15 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com:procore/core/"
+    "url": "https://github.com:procore/core/",
+    "directory": "packages/data-table"
   },
   "author": "Procore Technologies",
   "license": "SEE LICENSE IN LICENSE",
   "bugs": {
     "url": "https://github.com/procore/core/issues"
   },
-  "homepage": "https://github.com/procore/core",
+  "homepage": "https://github.com/procore/core/tree/main/packages/data-table",
   "peerDependencies": {
     "@procore/core-css": "^10.27.2",
     "@procore/core-icons": "^12.0.0",
@@ -74,7 +75,7 @@
     "styled-components": ">= 5.1.1 < 6"
   },
   "dependencies": {
-    "@procore/labs-datetime-select": "0.0.1",
+    "@procore/labs-datetime-select": "0.1.0",
     "@procore/labs-group-by-select": "3.1.0",
     "@procore/toast-alert": "5.1.0",
     "classnames": "2.3.2",
@@ -104,9 +105,9 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.0.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.0.0",
-    "@procore/globalization-toolkit": "3.1.0",
+    "@procore/core-react": "12.3.0",
     "@procore/eslint-config": "10.0.0",
+    "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "3.0.1",
     "@procore/labs-procore-environment": "3.2.0",
     "@procore/storybook-addon": "^4.0.0",