npm - @procore/data-table - Versions diffs - 14.0.0 → 14.1.0 - Mend

@procore/data-table 14.0.0 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,11 @@
 # Change Log
+## 14.1.0
+### Minor Changes
+- 58fb8a5ef: Add SingleSelectQuickFilterRenderer component
 ## 14.0.0
 ### Major Changes

package/dist/legacy/index.d.mts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.0.0",
+  "version": "14.1.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",
@@ -104,7 +104,7 @@
     "@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/core-react": "12.1.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/labs-financials-utils": "3.0.1",