@iapps/ng-dhis2-ui 1.3.8 → 1.3.9

package/fesm2022/iapps-ng-dhis2-ui.mjs

@@ -3366,16 +3366,26 @@ const OrgUnitFormField$1 = (props) => {
                     React__default.createElement(CircularLoader$1, { small: true }))) : (React__default.createElement("div", { className: classes.orgUnitTreeContainer, style: { maxHeight: '200px', overflowY: 'auto' } }, renderOrgUnitTree()))))))));
 };
 
-const FilterToolbar = ({ orgUnit: { customOrgUnitRoots, allowMultipleOrgUnits, chosenOrgUnits: chosenOrgUnitsProp, setChosenOrgUnits, orgUnitLabel, selectedOrgUnit, setSelectedOrgUnit, setOrgUnitState, defaultOrgUnit, setTempOrgUnitState, tempOrgUnitState, handleOrgUnitFilter, tempOrgUnitModeState, defaultOrgUnitMode, setTempOrgUnitModeState, handleOrgUnitModeReset, prevSelectedOrgUnit, setPrevSelectedOrgUnit, }, dates: { startDateState, setStartDateState, endDateState, setEndDateState, setTempStartDateState, setTempEndDateState, tempStartDateState, tempEndDateState, showEnrollmentDates, handleStartDateFilter, handleEndDateFilter, }, filters: { visibleFilters, dateStates, inputValues, setInputValues, handleInputChange, handleInputChangeForSelectField, handleDateSelect, showAllFilters, setShowAllFilters, dataQueryFiltersState, setDataQueryFiltersState, handleAdditionalFilters, setDateStates, prevInputValues, setPrevInputValues, setTempDataQueryFiltersState, prevDateStates, setPrevDateStates, }, }) => {
-    const chosenOrgUnits = chosenOrgUnitsProp;
-    const displayedOrgUnitNames = (prevSelectedOrgUnit || '').split(', ');
+const FilterToolbar = ({ orgUnit: { customOrgUnitRoots, allowMultipleOrgUnits, showOrgUnitMode = false, appliedOrgUnits: appliedOrgUnitsProp, setAppliedOrgUnits, selectedOrgUnits: selectedOrgUnitsProp, setSelectedOrgUnits, orgUnitLabel, handleOrgUnitFilter, appliedOrgUnitMode, selectedOrgUnitMode, defaultOrgUnitMode, setSelectedOrgUnitMode, handleOrgUnitModeReset, }, dates: { startDateState, setStartDateState, endDateState, setEndDateState, setTempStartDateState, setTempEndDateState, tempStartDateState, tempEndDateState, showEnrollmentDates, handleStartDateFilter, handleEndDateFilter, }, filters: { visibleFilters, dateStates, inputValues, setInputValues, handleInputChange, handleInputChangeForSelectField, handleDateSelect, showAllFilters, setShowAllFilters, dataQueryFiltersState, setDataQueryFiltersState, handleAdditionalFilters, setDateStates, prevInputValues, setPrevInputValues, setTempDataQueryFiltersState, prevDateStates, setPrevDateStates, }, }) => {
+    const selectedOrgUnits = selectedOrgUnitsProp;
+    const appliedOrgUnits = appliedOrgUnitsProp;
+    const orgUnitsChanged = selectedOrgUnits.length !== appliedOrgUnits.length ||
+        selectedOrgUnits.some((selected) => !appliedOrgUnits.some((applied) => applied.id === selected.id));
+    const canUpdateOrgUnits = selectedOrgUnits.length > 0 &&
+        (orgUnitsChanged || selectedOrgUnitMode !== appliedOrgUnitMode);
+    const canResetOrgUnits = selectedOrgUnits.length > 0 ||
+        appliedOrgUnits.length > 0 ||
+        selectedOrgUnitMode !== defaultOrgUnitMode ||
+        appliedOrgUnitMode !== defaultOrgUnitMode;
+    const appliedOrgUnitsLabel = appliedOrgUnits
+        .map((unit) => unit.displayName)
+        .join(', ');
+    const displayedOrgUnitNames = appliedOrgUnits.map((unit) => unit.displayName);
     const orgUnitSelectionLabel = displayedOrgUnitNames.length > 2
         ? `${displayedOrgUnitNames.slice(0, 2).join(', ')} .....`
-        : prevSelectedOrgUnit;
-    const updateChosenOrgUnits = (units) => {
-        setChosenOrgUnits(units);
-        setSelectedOrgUnit(units.map((unit) => unit.displayName).join(', '));
-        setTempOrgUnitState(units.map((unit) => unit.id).join(';'));
+        : appliedOrgUnitsLabel;
+    const updateSelectedOrgUnits = (units) => {
+        setSelectedOrgUnits(units);
     };
     const [isOpen, setIsOpen] = useState(false);
     const [isOpenOrgUnitDropdown, setIsOpenOrgUnitDropdown] = useState(false);
@@ -3399,55 +3409,48 @@ const FilterToolbar = ({ orgUnit: { customOrgUnitRoots, allowMultipleOrgUnits, c
                         React__default.createElement(FlyoutMenu, { maxWidth: "90vw" },
                             React__default.createElement("div", { style: { padding: '16px' } },
                                 isOpenOrgUnitDropdown && (React__default.createElement("div", { style: { width: '400px', maxWidth: '80vw' } },
-                                    React__default.createElement(OrgUnitFormField$1, { key: "registering-unit", customOrgUnitRoots: customOrgUnitRoots, multiple: allowMultipleOrgUnits, selectedPaths: chosenOrgUnits.map((unit) => unit.path), onSelectOrgUnit: (unit) => {
+                                    React__default.createElement(OrgUnitFormField$1, { key: "registering-unit", customOrgUnitRoots: customOrgUnitRoots, multiple: allowMultipleOrgUnits, selectedPaths: selectedOrgUnits.map((unit) => unit.path), onSelectOrgUnit: (unit) => {
                                             if (!allowMultipleOrgUnits) {
-                                                updateChosenOrgUnits([unit]);
+                                                updateSelectedOrgUnits([unit]);
                                                 return;
                                             }
                                             const paths = unit.selected;
-                                            const units = chosenOrgUnits.filter((chosen) => paths.includes(chosen.path));
+                                            const units = selectedOrgUnits.filter((chosen) => paths.includes(chosen.path));
                                             if (paths.includes(unit.path) && !units.some((chosen) => chosen.id === unit.id)) {
                                                 units.push(unit);
                                             }
-                                            updateChosenOrgUnits(units);
+                                            updateSelectedOrgUnits(units);
                                         } }),
-                                    React__default.createElement("div", { role: "group", "aria-label": "Mode", style: { display: 'flex', alignItems: 'center', gap: '12px', margin: '8px 0 12px' } },
+                                    showOrgUnitMode && (React__default.createElement("div", { role: "group", "aria-label": "Mode", style: { display: 'flex', alignItems: 'center', gap: '12px', margin: '8px 0 12px' } },
                                         React__default.createElement("span", { style: { fontSize: '14px', fontWeight: 400 } }, "Mode:"),
                                         React__default.createElement("div", { style: { flex: 1, minWidth: 0 } },
-                                            React__default.createElement(SingleSelectField, { selected: tempOrgUnitModeState, helpText: `If no mode is selected, the default mode will be ${defaultOrgUnitMode}.`, onChange: ({ selected }) => setTempOrgUnitModeState(selected) }, ['DESCENDANTS', 'SELECTED', 'CHILDREN'].map((mode) => (React__default.createElement(SingleSelectOption, { key: mode, label: mode, value: mode })))))))),
+                                            React__default.createElement(SingleSelectField, { selected: selectedOrgUnitMode, helpText: `If no mode is selected, the default mode will be ${defaultOrgUnitMode}.`, onChange: ({ selected }) => setSelectedOrgUnitMode(selected) }, ['DESCENDANTS', 'SELECTED', 'CHILDREN'].map((mode) => (React__default.createElement(SingleSelectOption, { key: mode, label: mode, value: mode }))))))))),
                                 React__default.createElement("div", { style: {
                                         paddingTop: '8px',
                                         display: 'flex',
                                         justifyContent: 'flex-end',
                                     } },
                                     React__default.createElement(ButtonStrip$1, null,
-                                        React__default.createElement(Button$1, { primary: true, disabled: !selectedOrgUnit, onClick: () => {
-                                                setPrevSelectedOrgUnit(selectedOrgUnit);
+                                        React__default.createElement(Button$1, { primary: true, disabled: !canUpdateOrgUnits, onClick: () => {
                                                 handleOrgUnitFilter();
                                                 setIsOpenOrgUnitDropdown(false);
                                             } }, "Update"),
-                                        React__default.createElement(Button$1, { disabled: !selectedOrgUnit, onClick: () => {
-                                                setSelectedOrgUnit('');
-                                                setChosenOrgUnits([]);
-                                                setPrevSelectedOrgUnit('');
-                                                setOrgUnitState(defaultOrgUnit);
+                                        React__default.createElement(Button$1, { disabled: !canResetOrgUnits, onClick: () => {
+                                                setSelectedOrgUnits([]);
+                                                setAppliedOrgUnits([]);
                                                 handleOrgUnitModeReset();
-                                                setTempOrgUnitState(defaultOrgUnit);
                                                 setIsOpenOrgUnitDropdown(false);
                                             } }, "Reset")))))) },
                     orgUnitLabel ? orgUnitLabel : 'Registering unit',
                     ' ',
-                    prevSelectedOrgUnit && (React__default.createElement("span", { title: prevSelectedOrgUnit },
+                    appliedOrgUnitsLabel && (React__default.createElement("span", { title: appliedOrgUnitsLabel },
                         ": ",
                         orgUnitSelectionLabel)),
-                    prevSelectedOrgUnit && (React__default.createElement("span", { onClick: (event) => {
+                    appliedOrgUnitsLabel && (React__default.createElement("span", { onClick: (event) => {
                             event.stopPropagation();
-                            setSelectedOrgUnit('');
-                            setChosenOrgUnits([]);
-                            setPrevSelectedOrgUnit('');
-                            setOrgUnitState(defaultOrgUnit);
+                            setSelectedOrgUnits([]);
+                            setAppliedOrgUnits([]);
                             handleOrgUnitModeReset();
-                            setTempOrgUnitState(defaultOrgUnit);
                             setIsOpenOrgUnitDropdown(false);
                         }, style: { display: 'inline-flex', alignItems: 'center' } },
                         React__default.createElement(ClearIcon, { className: "my-icon-class" })))),
@@ -4855,6 +4858,7 @@ class LineListTableComponent extends ReactWrapperModule {
     constructor() {
         super(...arguments);
         this.allowMultipleOrgUnits = false;
+        this.showOrgUnitMode = false;
         this.actionOptionOrientation = 'DROPDOWN';
         this.dataQueryFilters = [];
         this.hydrateForActionFiltering = true;
@@ -4889,12 +4893,15 @@ class LineListTableComponent extends ReactWrapperModule {
             const [triggerTokenState, setTriggerTokenState] = useState(this.triggerToken);
             const [programIdState, setProgramIdState] = useState(this.programId);
             const [isOptionSetNameVisibleState, setOptionSetNameVisible] = useState(this.isOptionSetNameVisible);
-            const [chosenOrgUnits, setChosenOrgUnits] = useState([]);
+            const [selectedOrgUnits, setSelectedOrgUnits] = useState([]);
             const defaultOrgUnitMode = (this.ouMode);
-            const [orgUnitModeState, setOrgUnitModeState] = useState(defaultOrgUnitMode);
-            const [tempOrgUnitModeState, setTempOrgUnitModeState] = useState(defaultOrgUnitMode);
-            const [orgUnitState, setOrgUnitState] = useState(this.orgUnit);
-            const [tempOrgUnitState, setTempOrgUnitState] = useState(this.orgUnit);
+            const [appliedOrgUnitMode, setAppliedOrgUnitMode] = useState(defaultOrgUnitMode);
+            const [selectedOrgUnitMode, setSelectedOrgUnitMode] = useState(defaultOrgUnitMode);
+            const [defaultOrgUnit, setDefaultOrgUnit] = useState(this.orgUnit);
+            const [appliedOrgUnits, setAppliedOrgUnits] = useState([]);
+            const orgUnitState = appliedOrgUnits.length
+                ? appliedOrgUnits.map((unit) => unit.id).join(';')
+                : defaultOrgUnit;
             const [programStageIdState, setProgramStageIdState] = useState(this.programStageId);
             const [attributeFiltersState, setAttributeFiltersState] = useState(this.attributeFilters);
             const [dataQueryFiltersState, setDataQueryFiltersState] = useState(this.dataQueryFilters);
@@ -4909,8 +4916,6 @@ class LineListTableComponent extends ReactWrapperModule {
             const [filteredColumns, setFilteredColumns] = useState();
             const [inputValues, setInputValues] = useState({});
             const [orgUnitLabel, setOrgUnitLabel] = useState('');
-            const [selectedOrgUnit, setSelectedOrgUnit] = useState('');
-            const [prevSelectedOrgUnit, setPrevSelectedOrgUnit] = useState('');
             const [showAllFilters, setShowAllFilters] = useState(false);
             const visibleFilters = showAllFilters
                 ? filteredColumns ?? []
@@ -4918,7 +4923,6 @@ class LineListTableComponent extends ReactWrapperModule {
             // const visibleFilters = showAllFilters
             //   ? filteredColumns ?? []
             //   : filteredColumns ?? []).slice(0, 2);
-            const defaultOrgUnit = this.orgUnit;
             const [dateStates, setDateStates] = useState({});
             const [prevDateStates, setPrevDateStates] = useState({});
             const [metaData, setMetaData] = useState(null);
@@ -4931,7 +4935,9 @@ class LineListTableComponent extends ReactWrapperModule {
             // Stores updaters in refs for Angular to access
             const updateRefs = useRef({
                 setProgramIdState,
-                setOrgUnitState,
+                setDefaultOrgUnit,
+                setAppliedOrgUnits,
+                setSelectedOrgUnits,
                 setProgramStageIdState,
                 setAttributeFiltersState,
                 setStartDateState,
@@ -4986,7 +4992,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 .setProgram(this.programId)
                                 .setProgramStage(this.programStageId)
                                 .setOrgUnit(orgUnitState)
-                                .setOuMode(orgUnitModeState)
+                                .setOuMode(appliedOrgUnitMode)
                                 .setPagination(new Pager({
                                 pageSize: pager.pageSize,
                                 page: pager.page,
@@ -5048,7 +5054,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 .setProgram(this.programId)
                                 .setProgramStage(this.programStageId)
                                 .setOrgUnit(orgUnitState)
-                                .setOuMode(orgUnitModeState)
+                                .setOuMode(appliedOrgUnitMode)
                                 .setStatus(this.enrollmentStatus)
                                 .setEventStatus(this.eventStatus?.status, this.eventStatus?.programStage)
                                 .setFilters(dataQueryFiltersState)
@@ -5116,7 +5122,7 @@ class LineListTableComponent extends ReactWrapperModule {
                 metaData,
                 programIdState,
                 orgUnitState,
-                orgUnitModeState,
+                appliedOrgUnitMode,
                 programStageIdState,
                 attributeFiltersState,
                 startDateState,
@@ -5138,7 +5144,7 @@ class LineListTableComponent extends ReactWrapperModule {
                         programId: programIdState,
                         programStageId: programStageIdState,
                         orgUnit: orgUnitState,
-                        ouMode: orgUnitModeState,
+                        ouMode: appliedOrgUnitMode,
                         startDate: startDateState,
                         endDate: endDateState,
                         dataQueryFilters: dataQueryFiltersState,
@@ -5290,13 +5296,13 @@ class LineListTableComponent extends ReactWrapperModule {
             const handleStartDateFilter = () => setStartDateState(tempStartDateState);
             const handleEndDateFilter = () => setEndDateState(tempEndDateState);
             const handleOrgUnitFilter = () => {
-                setOrgUnitState(tempOrgUnitState);
-                setOrgUnitModeState(tempOrgUnitModeState);
+                setAppliedOrgUnits([...selectedOrgUnits]);
+                setAppliedOrgUnitMode(selectedOrgUnitMode);
                 setPager((previous) => new Pager({ ...previous, page: 1 }));
             };
             const handleOrgUnitModeReset = () => {
-                setOrgUnitModeState(defaultOrgUnitMode);
-                setTempOrgUnitModeState(defaultOrgUnitMode);
+                setAppliedOrgUnitMode(defaultOrgUnitMode);
+                setSelectedOrgUnitMode(defaultOrgUnitMode);
                 setPager((previous) => new Pager({ ...previous, page: 1 }));
             };
             function getTextColorFromBackGround(hex) {
@@ -5346,23 +5352,19 @@ class LineListTableComponent extends ReactWrapperModule {
                     React__default.createElement(FilterToolbar, {
                         orgUnit: {
                             allowMultipleOrgUnits: this.allowMultipleOrgUnits,
-                            chosenOrgUnits,
-                            setChosenOrgUnits,
+                            showOrgUnitMode: this.showOrgUnitMode,
+                            appliedOrgUnits,
+                            setAppliedOrgUnits,
+                            selectedOrgUnits,
+                            setSelectedOrgUnits,
                             customOrgUnitRoots: this.customOrgUnitRoots,
                             orgUnitLabel,
-                            selectedOrgUnit,
-                            setSelectedOrgUnit,
-                            setOrgUnitState,
-                            defaultOrgUnit,
-                            setTempOrgUnitState,
-                            tempOrgUnitState,
                             handleOrgUnitFilter,
-                            tempOrgUnitModeState,
+                            appliedOrgUnitMode,
+                            selectedOrgUnitMode,
                             defaultOrgUnitMode,
-                            setTempOrgUnitModeState,
+                            setSelectedOrgUnitMode,
                             handleOrgUnitModeReset,
-                            prevSelectedOrgUnit,
-                            setPrevSelectedOrgUnit,
                         },
                         dates: {
                             startDateState,
@@ -5427,7 +5429,9 @@ class LineListTableComponent extends ReactWrapperModule {
                 this.reactStateUpdaters.setOptionSetNameVisible(this.isOptionSetNameVisible);
             }
             if (changes['orgUnit']) {
-                this.reactStateUpdaters.setOrgUnitState(this.orgUnit);
+                this.reactStateUpdaters.setDefaultOrgUnit(this.orgUnit);
+                this.reactStateUpdaters.setAppliedOrgUnits([]);
+                this.reactStateUpdaters.setSelectedOrgUnits([]);
             }
             if (changes['programStageId']) {
                 this.reactStateUpdaters.setProgramStageIdState(this.programStageId);
@@ -5460,7 +5464,7 @@ class LineListTableComponent extends ReactWrapperModule {
         this.render();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LineListTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", allowMultipleOrgUnits: "allowMultipleOrgUnits", customOrgUnitRoots: "customOrgUnitRoots", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", lineListRowActionFilterConfig: "lineListRowActionFilterConfig", hydrateForActionFiltering: "hydrateForActionFiltering", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", filterableColumnIds: "filterableColumnIds", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton", searcheableDataElements: "searcheableDataElements", columnNameSource: "columnNameSource", orgUnitAndDateColumnsPosition: "orgUnitAndDateColumnsPosition", customDisplayInReportsIds: "customDisplayInReportsIds", columnMetadataDisplayMode: "columnMetadataDisplayMode" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .line-list-root{width:100%;max-width:100%;min-width:0}::ng-deep .line-list-download-toolbar{position:sticky;left:0;z-index:2;display:flex;justify-content:flex-end;width:100%;max-width:100%;box-sizing:border-box;background:#fff}::ng-deep .line-list-table-scroll{width:100%;max-width:100%;overflow-x:auto}::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", allowMultipleOrgUnits: "allowMultipleOrgUnits", showOrgUnitMode: "showOrgUnitMode", customOrgUnitRoots: "customOrgUnitRoots", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", lineListRowActionFilterConfig: "lineListRowActionFilterConfig", hydrateForActionFiltering: "hydrateForActionFiltering", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", filterableColumnIds: "filterableColumnIds", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton", searcheableDataElements: "searcheableDataElements", columnNameSource: "columnNameSource", orgUnitAndDateColumnsPosition: "orgUnitAndDateColumnsPosition", customDisplayInReportsIds: "customDisplayInReportsIds", columnMetadataDisplayMode: "columnMetadataDisplayMode" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .line-list-root{width:100%;max-width:100%;min-width:0}::ng-deep .line-list-download-toolbar{position:sticky;left:0;z-index:2;display:flex;justify-content:flex-end;width:100%;max-width:100%;box-sizing:border-box;background:#fff}::ng-deep .line-list-table-scroll{width:100%;max-width:100%;overflow-x:auto}::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LineListTableComponent, decorators: [{
             type: Component,
@@ -5473,6 +5477,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], allowMultipleOrgUnits: [{
                 type: Input
+            }], showOrgUnitMode: [{
+                type: Input
             }], customOrgUnitRoots: [{
                 type: Input
             }], programStageId: [{
@@ -13325,14 +13331,22 @@ class ProgramEntryFormModule {
             throw new Error('Could not initialize tracker query');
         }
         if (!this.trackedEntity()) {
-            return await instanceQuery.create();
+            const instance = await instanceQuery.create();
+            return this.codeGeneratorOrgUnit()
+                ? await this.#setReservedValuesForCodeGeneration(instance)
+                : instance;
         }
         const instanceResult = (await instanceQuery.setTrackedEntity(this.trackedEntity()).get()).data;
         if (!instanceResult) {
-            return await instanceQuery.create();
+            const instance = await instanceQuery.create();
+            return this.codeGeneratorOrgUnit()
+                ? await this.#setReservedValuesForCodeGeneration(instance)
+                : instance;
         }
         instanceQuery.setInstanceFields(this.metaData()?.program);
-        const instance = await instanceQuery.setReservedValues();
+        const instance = this.codeGeneratorOrgUnit()
+            ? await this.#setReservedValuesForCodeGeneration(instanceQuery.instance)
+            : await instanceQuery.setReservedValues();
         if (this.orgUnit()) {
             instance.setOrgUnit(this.orgUnit());
         }