feat: wire display prop to organisation unit tree (DHIS2-21562)

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: 2026-03-23T09:34:56.311Z\n"
-"PO-Revision-Date: 2026-03-23T09:34:56.312Z\n"
+"POT-Creation-Date: 2026-05-19T13:29:09.839Z\n"
+"PO-Revision-Date: 2026-05-19T13:29:09.839Z\n"
 
 msgid "view only"
 msgstr "view only"
@@ -1336,6 +1336,18 @@ msgstr "Assigned Categories"
 msgid "No value"
 msgstr "No value"
 
+msgid "Active"
+msgstr "Active"
+
+msgid "Completed"
+msgstr "Completed"
+
+msgid "Scheduled"
+msgstr "Scheduled"
+
+msgid "Cancelled"
+msgstr "Cancelled"
+
 msgid "Text"
 msgstr "Text"
 

package.json

@@ -34,7 +34,7 @@
         "@dhis2/cli-app-scripts": "^12.11.0",
         "@dhis2/cli-style": "^10.7.9",
         "@dhis2/d2-i18n": "^1.1.0",
-        "@dhis2/ui": "^10.12.7",
+        "@dhis2/ui": "^10.16.0",
         "@storybook/preset-create-react-app": "^10.3.4",
         "@storybook/react-webpack5": "^10.3.4",
         "@testing-library/dom": "^10.4.0",

src/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap

@@ -197,7 +197,7 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
         </span>
         <span
           aria-describedby=""
-          class="jsx-237564060"
+          class="jsx-1705673118"
           data-test="dhis2-uicore-tooltip-reference"
           tabindex="0"
         >

src/components/OrgUnitDimension/OrgUnitDimension.js

@@ -262,6 +262,7 @@ const OrgUnitDimension = ({
                         )
                         .map((item) => item.path)}
                     onChange={onSelectItems}
+                    displayProperty={displayNameProp}
                     dataTest={'org-unit-tree'}
                 />
             </div>

src/components/OrgUnitDimension/__tests__/OrgUnitDimension.spec.js

@@ -9,7 +9,13 @@ jest.mock('@dhis2-ui/organisation-unit-tree', () => {
 
     return {
         ...lib,
-        OrganisationUnitTree: () => <div>Org unit tree component mock</div>,
+        // eslint-disable-next-line react/prop-types
+        OrganisationUnitTree: ({ displayProperty }) => (
+            <div>
+                <div>Org unit tree component mock</div>
+                <div data-test="display-property">{displayProperty}</div>
+            </div>
+        ),
     }
 })
 
@@ -75,6 +81,19 @@ describe('OrgUnitDimension', () => {
         ).toBeInTheDocument()
     })
 
+    test('OrgUnitDimension forwards displayNameProp to the org unit tree as displayProperty', async () => {
+        renderOrgUnitDimension({
+            ...props,
+            displayNameProp: 'displayShortName',
+        })
+
+        await screen.findByText('Org unit tree component mock')
+
+        expect(screen.getByTestId('display-property')).toHaveTextContent(
+            'displayShortName'
+        )
+    })
+
     test('OrgUnitDimension calls onSelect when an organisation unit is selected', async () => {
         const user = userEvent.setup()
 

src/index.js

@@ -334,10 +334,6 @@ export { renderValue as formatValue } from './modules/renderValue.js'
 
 export { transformResponse as transformEventAggregateResponse } from './modules/response/event/response.js'
 
-// Modules: eventVisualization
-
-export { transformEventVisualization } from './modules/eventVisualization/eventVisualization.js'
-
 // Utils: colorSets
 export {
     COLOR_SET_DEFAULT,