@iapps/ng-dhis2-ui 1.3.7 → 1.3.9

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

@@ -3233,18 +3233,20 @@ const orgUnitFieldStyles$1 = {
     },
 };
 const OrgUnitFormField$1 = (props) => {
-    const { onSelectOrgUnit, label, required, selected, disabled, key } = props;
+    const { onSelectOrgUnit, label, required, selected, disabled, key, customOrgUnitRoots, multiple = false, selectedPaths, } = props;
     const d2 = window?.d2Web;
     const classes = useDynamicStyles$2(orgUnitFieldStyles$1);
     const config = useMemo(() => {
         return d2.systemInfo?.toInitObject();
     }, []);
     const rootOrgUnits = useMemo(() => {
-        return d2.currentUser?.organisationUnits || [];
-    }, []);
+        return (customOrgUnitRoots?.map((id) => ({ id: `/${id}`, path: `/${id}` })) ??
+            d2.currentUser?.organisationUnits ??
+            []);
+    }, [customOrgUnitRoots]);
     const getExpandedItems = () => {
         if (rootOrgUnits && rootOrgUnits.length === 1) {
-            return [`/${rootOrgUnits[0].id}`];
+            return [`${rootOrgUnits[0].path}`];
         }
         else if (rootOrgUnits?.length > 1) {
             return rootOrgUnits.map((root) => root.path);
@@ -3278,11 +3280,14 @@ const OrgUnitFormField$1 = (props) => {
         }
     }, []);
     const highlighted = useMemo(() => {
+        if (selectedPaths !== undefined) {
+            return selectedPaths;
+        }
         if (selectedOrgUnit) {
             return [selectedOrgUnit['path']];
         }
         return undefined;
-    }, [selectedOrgUnit]);
+    }, [selectedPaths, selectedOrgUnit]);
     const selectedOrgUnitLabel = useMemo(() => {
         if (selectedOrgUnit) {
             return [
@@ -3300,13 +3305,7 @@ const OrgUnitFormField$1 = (props) => {
         }
     };
     const handleCollapse = ({ path }) => {
-        const pathIndex = expanded?.indexOf(path);
-        if (pathIndex && pathIndex !== -1 && expanded) {
-            const updatedExpanded = pathIndex === 0
-                ? expanded.slice(1)
-                : [...expanded.slice(0, pathIndex), ...expanded.slice(pathIndex + 1)];
-            setExpanded(updatedExpanded);
-        }
+        setExpanded((previous) => previous?.filter((item) => item !== path));
     };
     const handleOrgUnitSearch = async (query) => {
         setSearchLoading(true);
@@ -3335,15 +3334,15 @@ const OrgUnitFormField$1 = (props) => {
                 return (React__default.createElement("div", { className: classes.orgUnitTreeLoader },
                     React__default.createElement(CircularLoader$1, { small: true })));
             }
-            return (ready && (React__default.createElement(OrganisationUnitTree, { key: `${key}-search`, roots: searchData?.map((orgUnit) => orgUnit.id) || [], singleSelection: true, expanded: expanded, handleExpand: handleExpand, handleCollapse: handleCollapse, selected: highlighted, onChange: (event) => {
+            return (ready && (React__default.createElement(OrganisationUnitTree, { key: `${key}-search`, roots: searchData?.map((orgUnit) => orgUnit.id) || [], singleSelection: !multiple, expanded: expanded, handleExpand: handleExpand, handleCollapse: handleCollapse, selected: highlighted, onChange: (event) => {
                     setSelectedOrgUnit(event);
-                    setShowOrgUnitTree(false);
+                    setShowOrgUnitTree(multiple);
                     onSelectOrgUnit(event);
                 } })));
         }
-        return (React__default.createElement(OrganisationUnitTree, { key: key, roots: rootOrgUnits?.map((orgUnit) => orgUnit.id) || [], singleSelection: true, expanded: expanded, handleExpand: handleExpand, handleCollapse: handleCollapse, selected: highlighted, onChange: (event) => {
+        return (React__default.createElement(OrganisationUnitTree, { key: key, roots: rootOrgUnits?.map((orgUnit) => orgUnit.id) || [], singleSelection: !multiple, expanded: expanded, handleExpand: handleExpand, handleCollapse: handleCollapse, selected: highlighted, onChange: (event) => {
                 setSelectedOrgUnit(event);
-                setShowOrgUnitTree(false);
+                setShowOrgUnitTree(multiple);
                 onSelectOrgUnit(event);
             } }));
     };
@@ -3355,7 +3354,7 @@ const OrgUnitFormField$1 = (props) => {
             label && (React__default.createElement("div", { className: classes.orgUnitFieldLabel },
                 React__default.createElement("span", null, label),
                 required ? (React__default.createElement("span", { className: classes.orgUnitFieldRequiredLabel }, "*")) : (React__default.createElement(React__default.Fragment, null)))),
-            !showOrgUnitTree ? (selectedOrgUnit ? (React__default.createElement(React__default.Fragment, null,
+            !multiple && !showOrgUnitTree ? (selectedOrgUnit ? (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Tooltip, { content: selectedOrgUnitLabel },
                     React__default.createElement(Chip, { onRemove: () => {
                             setShowOrgUnitTree(true);
@@ -3367,19 +3366,27 @@ 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 OrgUnitSelector = ({ hide, setHide, selectedOrgUnit, setSelectedOrgUnit, setOrgUnitState, setTempOrgUnitState, tempOrgUnitState }) => (React__default.createElement(Modal$1, { hide: hide, position: "middle" },
-    React__default.createElement(ModalTitle$1, null, "Select organization unit"),
-    React__default.createElement(ModalContent$1, null,
-        React__default.createElement(OrgUnitFormField$1, { key: selectedOrgUnit, onSelectOrgUnit: (selectedOrgUnit) => {
-                setSelectedOrgUnit(selectedOrgUnit.displayName);
-                setTempOrgUnitState(selectedOrgUnit.id);
-                setHide(true);
-            } })),
-    React__default.createElement(ModalActions$1, null,
-        React__default.createElement(ButtonStrip$1, { end: true },
-            React__default.createElement(Button$1, { onClick: () => setHide(true), secondary: true }, "Close")))));
-
-const FilterToolbar = ({ orgUnit: { orgUnitLabel, selectedOrgUnit, setSelectedOrgUnit, setOrgUnitState, defaultOrgUnit, setHide, setTempOrgUnitState, tempOrgUnitState, SetOrgUnitModalVisible, handleOrgUnitFilter, 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 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(', ')} .....`
+        : appliedOrgUnitsLabel;
+    const updateSelectedOrgUnits = (units) => {
+        setSelectedOrgUnits(units);
+    };
     const [isOpen, setIsOpen] = useState(false);
     const [isOpenOrgUnitDropdown, setIsOpenOrgUnitDropdown] = useState(false);
     const [openDropdownKey, setOpenDropdownKey] = useState(null);
@@ -3399,41 +3406,51 @@ const FilterToolbar = ({ orgUnit: { orgUnitLabel, selectedOrgUnit, setSelectedOr
                     flexWrap: 'wrap',
                 } },
                 React__default.createElement(DropdownButton, { name: "customDropdown", open: isOpenOrgUnitDropdown, onClick: () => setIsOpenOrgUnitDropdown(!isOpenOrgUnitDropdown), component: React__default.createElement("div", null,
-                        React__default.createElement(FlyoutMenu, null,
+                        React__default.createElement(FlyoutMenu, { maxWidth: "90vw" },
                             React__default.createElement("div", { style: { padding: '16px' } },
-                                React__default.createElement(InputField$1, { key: "location", placeholder: orgUnitLabel ? orgUnitLabel : 'Registering unit', value: selectedOrgUnit, onFocus: () => {
-                                        SetOrgUnitModalVisible(true);
-                                        setHide(false);
-                                    } }),
+                                isOpenOrgUnitDropdown && (React__default.createElement("div", { style: { width: '400px', maxWidth: '80vw' } },
+                                    React__default.createElement(OrgUnitFormField$1, { key: "registering-unit", customOrgUnitRoots: customOrgUnitRoots, multiple: allowMultipleOrgUnits, selectedPaths: selectedOrgUnits.map((unit) => unit.path), onSelectOrgUnit: (unit) => {
+                                            if (!allowMultipleOrgUnits) {
+                                                updateSelectedOrgUnits([unit]);
+                                                return;
+                                            }
+                                            const paths = unit.selected;
+                                            const units = selectedOrgUnits.filter((chosen) => paths.includes(chosen.path));
+                                            if (paths.includes(unit.path) && !units.some((chosen) => chosen.id === unit.id)) {
+                                                units.push(unit);
+                                            }
+                                            updateSelectedOrgUnits(units);
+                                        } }),
+                                    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: 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('');
-                                                setPrevSelectedOrgUnit('');
-                                                setOrgUnitState(defaultOrgUnit);
-                                                setTempOrgUnitState(defaultOrgUnit);
+                                        React__default.createElement(Button$1, { disabled: !canResetOrgUnits, onClick: () => {
+                                                setSelectedOrgUnits([]);
+                                                setAppliedOrgUnits([]);
+                                                handleOrgUnitModeReset();
                                                 setIsOpenOrgUnitDropdown(false);
                                             } }, "Reset")))))) },
                     orgUnitLabel ? orgUnitLabel : 'Registering unit',
                     ' ',
-                    prevSelectedOrgUnit && ':',
-                    " ",
-                    prevSelectedOrgUnit,
-                    prevSelectedOrgUnit && (React__default.createElement("span", { onClick: (event) => {
+                    appliedOrgUnitsLabel && (React__default.createElement("span", { title: appliedOrgUnitsLabel },
+                        ": ",
+                        orgUnitSelectionLabel)),
+                    appliedOrgUnitsLabel && (React__default.createElement("span", { onClick: (event) => {
                             event.stopPropagation();
-                            setSelectedOrgUnit('');
-                            setPrevSelectedOrgUnit('');
-                            setOrgUnitState(defaultOrgUnit);
-                            setTempOrgUnitState(defaultOrgUnit);
+                            setSelectedOrgUnits([]);
+                            setAppliedOrgUnits([]);
+                            handleOrgUnitModeReset();
                             setIsOpenOrgUnitDropdown(false);
                         }, style: { display: 'inline-flex', alignItems: 'center' } },
                         React__default.createElement(ClearIcon, { className: "my-icon-class" })))),
@@ -4840,6 +4857,8 @@ const fetchLineListDownloadRows = async ({ d2, metaData, programId, programStage
 class LineListTableComponent extends ReactWrapperModule {
     constructor() {
         super(...arguments);
+        this.allowMultipleOrgUnits = false;
+        this.showOrgUnitMode = false;
         this.actionOptionOrientation = 'DROPDOWN';
         this.dataQueryFilters = [];
         this.hydrateForActionFiltering = true;
@@ -4874,8 +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 [orgUnitState, setOrgUnitState] = useState(this.orgUnit);
-            const [tempOrgUnitState, setTempOrgUnitState] = useState(this.orgUnit);
+            const [selectedOrgUnits, setSelectedOrgUnits] = useState([]);
+            const defaultOrgUnitMode = (this.ouMode);
+            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);
@@ -4890,9 +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 [hide, setHide] = useState(true);
             const [showAllFilters, setShowAllFilters] = useState(false);
             const visibleFilters = showAllFilters
                 ? filteredColumns ?? []
@@ -4900,21 +4923,21 @@ 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);
             const [selectable, setSelectable] = useState(this.allowRowsSelection);
             const [triggerRefetch, setTriggerRefetch] = useState(this.triggerRefetch);
             const [showActionButtons, setShowActionButtons] = useState(this.showActionButtons);
-            const [orgUnitModalVisible, setOrgUnitModalVisible] = useState(false);
             const [error, setError] = useState(null);
             const [prevInputValues, setPrevInputValues] = useState({});
             const d2 = window.d2Web;
             // Stores updaters in refs for Angular to access
             const updateRefs = useRef({
                 setProgramIdState,
-                setOrgUnitState,
+                setDefaultOrgUnit,
+                setAppliedOrgUnits,
+                setSelectedOrgUnits,
                 setProgramStageIdState,
                 setAttributeFiltersState,
                 setStartDateState,
@@ -4969,7 +4992,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 .setProgram(this.programId)
                                 .setProgramStage(this.programStageId)
                                 .setOrgUnit(orgUnitState)
-                                .setOuMode(this.ouMode)
+                                .setOuMode(appliedOrgUnitMode)
                                 .setPagination(new Pager({
                                 pageSize: pager.pageSize,
                                 page: pager.page,
@@ -5031,7 +5054,7 @@ class LineListTableComponent extends ReactWrapperModule {
                                 .setProgram(this.programId)
                                 .setProgramStage(this.programStageId)
                                 .setOrgUnit(orgUnitState)
-                                .setOuMode(this.ouMode)
+                                .setOuMode(appliedOrgUnitMode)
                                 .setStatus(this.enrollmentStatus)
                                 .setEventStatus(this.eventStatus?.status, this.eventStatus?.programStage)
                                 .setFilters(dataQueryFiltersState)
@@ -5099,6 +5122,7 @@ class LineListTableComponent extends ReactWrapperModule {
                 metaData,
                 programIdState,
                 orgUnitState,
+                appliedOrgUnitMode,
                 programStageIdState,
                 attributeFiltersState,
                 startDateState,
@@ -5120,7 +5144,7 @@ class LineListTableComponent extends ReactWrapperModule {
                         programId: programIdState,
                         programStageId: programStageIdState,
                         orgUnit: orgUnitState,
-                        ouMode: this.ouMode,
+                        ouMode: appliedOrgUnitMode,
                         startDate: startDateState,
                         endDate: endDateState,
                         dataQueryFilters: dataQueryFiltersState,
@@ -5271,7 +5295,16 @@ class LineListTableComponent extends ReactWrapperModule {
             const handleAdditionalFilters = () => setDataQueryFiltersState(tempDataQueryFiltersState);
             const handleStartDateFilter = () => setStartDateState(tempStartDateState);
             const handleEndDateFilter = () => setEndDateState(tempEndDateState);
-            const handleOrgUnitFilter = () => setOrgUnitState(tempOrgUnitState);
+            const handleOrgUnitFilter = () => {
+                setAppliedOrgUnits([...selectedOrgUnits]);
+                setAppliedOrgUnitMode(selectedOrgUnitMode);
+                setPager((previous) => new Pager({ ...previous, page: 1 }));
+            };
+            const handleOrgUnitModeReset = () => {
+                setAppliedOrgUnitMode(defaultOrgUnitMode);
+                setSelectedOrgUnitMode(defaultOrgUnitMode);
+                setPager((previous) => new Pager({ ...previous, page: 1 }));
+            };
             function getTextColorFromBackGround(hex) {
                 hex = hex.replace('#', '');
                 const r = parseInt(hex.substr(0, 2), 16);
@@ -5315,30 +5348,23 @@ class LineListTableComponent extends ReactWrapperModule {
                         value: 'Download',
                     }, downloadLoading
                         ? React__default.createElement(CircularLoader$1, { small: true })
-                        : 'Download')), orgUnitModalVisible &&
-                    React__default.createElement(OrgUnitSelector, {
-                        hide: hide,
-                        setHide: setHide,
-                        selectedOrgUnit: selectedOrgUnit,
-                        setSelectedOrgUnit: setSelectedOrgUnit,
-                        setOrgUnitState: setOrgUnitState,
-                        setTempOrgUnitState: setTempOrgUnitState,
-                        tempOrgUnitState: tempOrgUnitState,
-                    }), this.showFilters &&
+                        : 'Download')), this.showFilters &&
                     React__default.createElement(FilterToolbar, {
                         orgUnit: {
+                            allowMultipleOrgUnits: this.allowMultipleOrgUnits,
+                            showOrgUnitMode: this.showOrgUnitMode,
+                            appliedOrgUnits,
+                            setAppliedOrgUnits,
+                            selectedOrgUnits,
+                            setSelectedOrgUnits,
+                            customOrgUnitRoots: this.customOrgUnitRoots,
                             orgUnitLabel,
-                            selectedOrgUnit,
-                            setSelectedOrgUnit,
-                            setOrgUnitState,
-                            defaultOrgUnit,
-                            setHide,
-                            setTempOrgUnitState,
-                            tempOrgUnitState,
-                            SetOrgUnitModalVisible: setOrgUnitModalVisible,
                             handleOrgUnitFilter,
-                            prevSelectedOrgUnit,
-                            setPrevSelectedOrgUnit,
+                            appliedOrgUnitMode,
+                            selectedOrgUnitMode,
+                            defaultOrgUnitMode,
+                            setSelectedOrgUnitMode,
+                            handleOrgUnitModeReset,
                         },
                         dates: {
                             startDateState,
@@ -5403,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);
@@ -5436,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", 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,
@@ -5447,6 +5475,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], orgUnit: [{
                 type: Input
+            }], allowMultipleOrgUnits: [{
+                type: Input
+            }], showOrgUnitMode: [{
+                type: Input
+            }], customOrgUnitRoots: [{
+                type: Input
             }], programStageId: [{
                 type: Input
             }], actionOptions: [{
@@ -13297,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());
         }