fix: [DHIS2-20305] change TEA unique filter text to 'Exact matches only' (#4400)

Author: simonadomnisoru

i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2025-10-23T11:41:11.943Z\n"
-"PO-Revision-Date: 2025-10-23T11:41:11.943Z\n"
+"POT-Creation-Date: 2025-11-11T14:11:11.392Z\n"
+"PO-Revision-Date: 2025-11-11T14:11:11.392Z\n"
 
 msgid "Choose one or more dates..."
 msgstr "Choose one or more dates..."
@@ -495,6 +495,9 @@ msgstr "Max"
 msgid "Min"
 msgstr "Min"
 
+msgid "Exact matches only"
+msgstr "Exact matches only"
+
 msgid "Contains text"
 msgstr "Contains text"
 
@@ -2138,7 +2141,7 @@ msgid ""
 "The following attribute type is not supported for searching and has been "
 "hidden"
 msgid_plural ""
-"The following attribute types is not supported for searching and has been "
+"The following attribute type is not supported for searching and has been "
 "hidden"
 msgstr[0] ""
 "The following attribute type is not supported for searching and has been "

src/core_modules/capture-core/components/FiltersForTypes/Text/Input.component.tsx

@@ -7,6 +7,7 @@ type Props = {
     onEnterKey: (value: string | undefined) => void;
     value: string | undefined;
     onBlur: (value: string) => void;
+    unique: boolean;
 };
 
 class InputPlain extends React.Component<Props> {
@@ -19,11 +20,11 @@ class InputPlain extends React.Component<Props> {
     };
 
     render() {
-        const { onEnterKey, ...passOnProps } = this.props;
+        const { onEnterKey, unique, ...passOnProps } = this.props;
         return (
             <D2TextField
                 onKeyDown={this.handleKeyDown}
-                placeholder={i18n.t('Contains text')}
+                placeholder={unique ? i18n.t('Exact matches only') : i18n.t('Contains text')}
                 {...passOnProps}
             />
         );

src/core_modules/capture-core/components/FiltersForTypes/Text/Text.types.ts

@@ -4,5 +4,6 @@ export type TextFilterProps = {
     onCommitValue: (value: Value) => void;
     onUpdate: (updatedValue: Value) => void;
     value: Value;
+    unique: boolean;
 };
 

src/core_modules/capture-core/components/FiltersForTypes/Text/TextFilter.component.tsx

@@ -36,7 +36,7 @@ export class TextFilter extends Component<TextFilterProps> implements UpdatableF
     handleNotEmptyValueCheckboxChange = makeCheckboxHandler(NOT_EMPTY_VALUE_FILTER)(this.props.onCommitValue);
 
     render() {
-        const { value } = this.props;
+        const { value, unique } = this.props;
 
         return (
             <>
@@ -51,6 +51,7 @@ export class TextFilter extends Component<TextFilterProps> implements UpdatableF
                     onBlur={this.handleBlur}
                     onEnterKey={this.handleEnterKey}
                     value={!isEmptyValueFilter(value) ? value : ''}
+                    unique={unique}
                 />
             </>
         );

src/core_modules/capture-core/components/FiltersForTypes/Text/TextFilterManager.component.tsx

@@ -9,6 +9,7 @@ type Props = {
     filterTypeRef: (instance: any) => void;
     handleCommitValue: () => void;
     onUpdate: (updatedValue: Value) => void;
+    unique: boolean;
 };
 
 type State = {

src/core_modules/capture-core/components/ListView/Filters/Contents/filterSelectorContents.types.ts

@@ -7,6 +7,7 @@ type PassOnProps = Readonly<{
     onUpdate: (value: any) => void;
     onRemove: () => void;
     isRemovable?: boolean;
+    unique: boolean;
 }>;
 
 export type Props = Readonly<{

src/core_modules/capture-core/components/ListView/Filters/FilterButton/FilterButtonMain.component.tsx

@@ -29,6 +29,7 @@ type Props = {
     type: string;
     options?: Options | null;
     multiValueFilter?: boolean;
+    unique: boolean;
     title: string;
     onUpdateFilter: UpdateFilter;
     onClearFilter: ClearFilter;
@@ -105,13 +106,14 @@ class FilterButtonMainPlain extends React.Component<Props & WithStyles<typeof ge
     }
 
     renderSelectorContents() {
-        const { itemId: id, type, options, multiValueFilter, filterValue, isRemovable } = this.props;
+        const { itemId: id, type, options, multiValueFilter, filterValue, isRemovable, unique } = this.props;
 
         return (
             <FilterSelectorContents
                 type={type}
                 options={options}
                 multiValueFilter={multiValueFilter}
+                unique={unique}
                 id={id}
                 onUpdate={this.handleFilterUpdate}
                 onClose={this.onClose}

src/core_modules/capture-core/components/ListView/Filters/FilterButton/filterButton.types.ts

@@ -9,6 +9,7 @@ export type Props = {
     title: string;
     options?: Options | null;
     multiValueFilter?: boolean;
+    unique: boolean;
     disabled?: boolean;
     tooltipContent?: string;
     onSetVisibleSelector: (itemId?: string | null) => void;

src/core_modules/capture-core/components/ListView/Filters/Filters.component.tsx

@@ -220,7 +220,7 @@ const renderIndividualFilterButtons = ({
     onRemoveFilter: RemoveFilter;
     classes: any;
 }) => [...(filtersOnly || []), ...individualElementsArray]
-    .map(({ id, type, header, options, multiValueFilter, disabled, tooltipContent, mainButton }: any) => (
+    .map(({ id, type, header, options, multiValueFilter, disabled, tooltipContent, mainButton, unique }: any) => (
         <div
             key={id}
             data-test={`filter-button-container-${id}`}
@@ -235,6 +235,7 @@ const renderIndividualFilterButtons = ({
                 disabled={disabled}
                 tooltipContent={tooltipContent}
                 multiValueFilter={multiValueFilter}
+                unique={unique}
                 onSetVisibleSelector={onSetVisibleSelector}
                 selectorVisible={id === visibleSelectorId}
                 onUpdateFilter={onUpdateFilter}