@openmrs/esm-form-engine-lib 2.1.0-pre.1501 → 2.1.0-pre.1502

package/__mocks__/forms/rfe-forms/sample_ui-select-ext.json

@@ -0,0 +1,48 @@
+{
+  "encounterType": "e22e39fd-7db2-45e7-80f1-60fa0d5a4378",
+  "name": "Sample UI Select",
+  "processor": "EncounterFormProcessor",
+  "referencedForms": [],
+  "uuid": "f7768d34-8e41-4f6b-a276-12c12e023165",
+  "version": "1.0",
+  "pages": [
+    {
+      "label": "First Page",
+      "sections": [
+        {
+          "label": "A Section",
+          "isExpanded": "true",
+          "questions": [
+            {
+              "label": "Transfer Location",
+              "type": "obs",
+              "questionOptions": {
+                "rendering": "ui-select-extended",
+                "concept": "160540AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+                "datasource": {
+                  "name": "location_datasource",
+                  "config": {
+                    "tag": "test-tag"
+                  }
+                }
+              },
+              "meta": {},
+              "id": "patient_transfer_location"
+            },
+            {
+              "label": "Problem",
+              "type": "obs",
+              "questionOptions": {
+                "isSearchable": true,
+                "rendering": "problem",
+                "concept": "4b59ac07-cf72-4f46-b8c0-4f62b1779f7e"
+              },
+              "id": "problem"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "description": "Sample UI Select"
+}

package/dist/openmrs-esm-form-engine-lib.js

@@ -1 +1 @@
-var _openmrs_esm_form_engine_lib;(()=>{"use strict";var e,r,t,n,o,i,a,l,s,u,f,p,d,c,h,m,v,g,b={8008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(901),t.e(501),t.e(72),t.e(385),t.e(572)]).then((()=>()=>t(8572)))},o=(e,r)=>(t.R=r,r=t.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),t.R=void 0,r),i=(e,r)=>{if(t.S){var n="default",o=t.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return t.S[n]=e,t.I(n,r)}};t.d(r,{get:()=>o,init:()=>i})}},y={};function w(e){var r=y[e];if(void 0!==r)return r.exports;var t=y[e]={id:e,loaded:!1,exports:{}};return b[e].call(t.exports,t,t.exports,w),t.loaded=!0,t.exports}w.m=b,w.c=y,w.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return w.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,w.t=function(t,n){if(1&n&&(t=this(t)),8&n)return t;if("object"==typeof t&&t){if(4&n&&t.__esModule)return t;if(16&n&&"function"==typeof t.then)return t}var o=Object.create(null);w.r(o);var i={};e=e||[null,r({}),r([]),r(r)];for(var a=2&n&&t;"object"==typeof a&&!~e.indexOf(a);a=r(a))Object.getOwnPropertyNames(a).forEach((e=>i[e]=()=>t[e]));return i.default=()=>t,w.d(o,i),o},w.d=(e,r)=>{for(var t in r)w.o(r,t)&&!w.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},w.f={},w.e=e=>Promise.all(Object.keys(w.f).reduce(((r,t)=>(w.f[t](e,r),r)),[])),w.u=e=>e+".js",w.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),w.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",w.l=(e,r,o,i)=>{if(t[e])t[e].push(r);else{var a,l;if(void 0!==o)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var f=s[u];if(f.getAttribute("src")==e||f.getAttribute("data-webpack")==n+o){a=f;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,w.nc&&a.setAttribute("nonce",w.nc),a.setAttribute("data-webpack",n+o),a.src=e),t[e]=[r];var p=(r,n)=>{a.onerror=a.onload=null,clearTimeout(d);var o=t[e];if(delete t[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),r)return r(n)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),l&&document.head.appendChild(a)}},w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},w.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{w.S={};var e={},r={};w.I=(t,n)=>{n||(n=[]);var o=r[t];if(o||(o=r[t]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[t])return e[t];w.o(w.S,t)||(w.S[t]={});var i=w.S[t],a="@openmrs/esm-form-engine-lib",l=(e,r,t,n)=>{var o=i[e]=i[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:a>l.from))&&(o[r]={get:t,from:a,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","5.8.2-pre.2368",(()=>Promise.all([w.e(151),w.e(72),w.e(766)]).then((()=>()=>w(5151))))),l("@openmrs/esm-patient-common-lib","8.1.1-pre.5183",(()=>Promise.all([w.e(617),w.e(901),w.e(72),w.e(465),w.e(385),w.e(70)]).then((()=>()=>w(8617))))),l("dayjs","1.11.11",(()=>w.e(353).then((()=>()=>w(4353))))),l("i18next","23.11.4",(()=>w.e(635).then((()=>()=>w(2635))))),l("react-i18next","11.18.6",(()=>Promise.all([w.e(422),w.e(72)]).then((()=>()=>w(4422))))),l("react","18.3.1",(()=>w.e(540).then((()=>()=>w(6540))))),l("swr/_internal","2.2.5",(()=>Promise.all([w.e(993),w.e(72)]).then((()=>()=>w(4993))))),l("swr/immutable","2.2.5",(()=>Promise.all([w.e(225),w.e(72),w.e(465)]).then((()=>()=>w(4225))))),l("swr/infinite","2.2.5",(()=>Promise.all([w.e(41),w.e(72),w.e(465)]).then((()=>()=>w(3041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;w.g.importScripts&&(e=w.g.location+"");var r=w.g.document;if(!e&&r&&(r.currentScript&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),w.p=e})(),o=e=>{var r=e=>e.split(".").map((e=>+e==e?+e:e)),t=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=t[1]?r(t[1]):[];return t[2]&&(n.length++,n.push.apply(n,r(t[2]))),t[3]&&(n.push([]),n.push.apply(n,r(t[3]))),n},i=(e,r)=>{e=o(e),r=o(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var n=e[t],i=(typeof n)[0];if(t>=r.length)return"u"==i;var a=r[t],l=(typeof a)[0];if(i!=l)return"o"==i&&"n"==l||"s"==l||"u"==i;if("o"!=i&&"u"!=i&&n!=a)return n<a;t++}},a=e=>{var r=e[0],t="";if(1===e.length)return"*";if(r+.5){t+=0==r?">=":-1==r?"<":1==r?"^":2==r?"~":r>0?"=":"!=";for(var n=1,o=1;o<e.length;o++)n--,t+="u"==(typeof(l=e[o]))[0]?"-":(n>0?".":"")+(n=2,l);return t}var i=[];for(o=1;o<e.length;o++){var l=e[o];i.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?i.pop()+" "+i.pop():a(l))}return s();function s(){return i.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,r)=>{if(0 in e){r=o(r);var t=e[0],n=t<0;n&&(t=-t-1);for(var i=0,a=1,s=!0;;a++,i++){var u,f,p=a<e.length?(typeof e[a])[0]:"";if(i>=r.length||"o"==(f=(typeof(u=r[i]))[0]))return!s||("u"==p?a>t&&!n:""==p!=n);if("u"==f){if(!s||"u"!=p)return!1}else if(s)if(p==f)if(a<=t){if(u!=e[a])return!1}else{if(n?u>e[a]:u<e[a])return!1;u!=e[a]&&(s=!1)}else if("s"!=p&&"n"!=p){if(n||a<=t)return!1;s=!1,a--}else{if(a<=t||f<p!=n)return!1;s=!1}else"s"!=p&&"n"!=p&&(s=!1,a--)}}var d=[],c=d.pop.bind(d);for(i=1;i<e.length;i++){var h=e[i];d.push(1==h?c()|c():2==h?c()&c():h?l(h,r):!c())}return!!c()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&i(e,r)?r:e),0)},u=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",f=(e,r,t,n)=>{var o=s(e,t);return l(n,o)||p(u(e,t,o,n)),d(e[t][o])},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},d=e=>(e.loaded=1,e.get()),c=(e=>function(r,t,n,o){var i=w.I(r);return i&&i.then?i.then(e.bind(e,r,w.S[r],t,n,o)):e(0,w.S[r],t,n,o)})(((e,r,t,n,o)=>r&&w.o(r,t)?f(r,0,t,n):o())),h={},m={6072:()=>c("default","react",[1,18],(()=>w.e(540).then((()=>()=>w(6540))))),6766:()=>c("default","i18next",[1,23],(()=>w.e(635).then((()=>()=>w(2635))))),8465:()=>c("default","swr/_internal",[1,2],(()=>w.e(993).then((()=>()=>w(4993))))),3941:()=>c("default","react-i18next",[1,11],(()=>w.e(422).then((()=>()=>w(4422))))),5972:()=>c("default","@openmrs/esm-framework",[1,5],(()=>Promise.all([w.e(151),w.e(766)]).then((()=>()=>w(5151))))),6656:()=>c("default","@openmrs/esm-patient-common-lib",[1,8],(()=>Promise.all([w.e(617),w.e(465)]).then((()=>()=>w(8617))))),4209:()=>c("default","swr/immutable",[1,2],(()=>Promise.all([w.e(225),w.e(465)]).then((()=>()=>w(4225))))),231:()=>c("default","dayjs",[1,1],(()=>w.e(353).then((()=>()=>w(4353))))),6339:()=>c("default","swr/infinite",[1,2],(()=>Promise.all([w.e(41),w.e(465)]).then((()=>()=>w(3041)))))},v={70:[4209],72:[6072],385:[3941,5972,6656],465:[8465],572:[231,4209,6339],766:[6766]},g={},w.f.consumes=(e,r)=>{w.o(v,e)&&v[e].forEach((e=>{if(w.o(h,e))return r.push(h[e]);if(!g[e]){var t=r=>{h[e]=0,w.m[e]=t=>{delete w.c[e],t.exports=r()}};g[e]=!0;var n=r=>{delete h[e],w.m[e]=t=>{throw delete w.c[e],r}};try{var o=m[e]();o.then?r.push(h[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};w.f.j=(r,t)=>{var n=w.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(385|465|72|766)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var i=w.p+w.u(r),a=new Error;w.l(i,(t=>{if(w.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;a.message="Loading chunk "+r+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,n[1](a)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[i,a,l]=t,s=0;if(i.some((r=>0!==e[r]))){for(n in a)w.o(a,n)&&(w.m[n]=a[n]);l&&l(w)}for(r&&r(t);s<i.length;s++)o=i[s],w.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_form_engine_lib=globalThis.webpackChunk_openmrs_esm_form_engine_lib||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),w.nc=void 0;var _=w(8008);_openmrs_esm_form_engine_lib=_})();
+var _openmrs_esm_form_engine_lib;(()=>{"use strict";var e,r,t,n,o,i,a,l,s,u,f,p,d,c,h,m,v,g,b={8008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(901),t.e(420),t.e(72),t.e(385),t.e(514)]).then((()=>()=>t(5514)))},o=(e,r)=>(t.R=r,r=t.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),t.R=void 0,r),i=(e,r)=>{if(t.S){var n="default",o=t.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return t.S[n]=e,t.I(n,r)}};t.d(r,{get:()=>o,init:()=>i})}},y={};function w(e){var r=y[e];if(void 0!==r)return r.exports;var t=y[e]={id:e,loaded:!1,exports:{}};return b[e].call(t.exports,t,t.exports,w),t.loaded=!0,t.exports}w.m=b,w.c=y,w.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return w.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,w.t=function(t,n){if(1&n&&(t=this(t)),8&n)return t;if("object"==typeof t&&t){if(4&n&&t.__esModule)return t;if(16&n&&"function"==typeof t.then)return t}var o=Object.create(null);w.r(o);var i={};e=e||[null,r({}),r([]),r(r)];for(var a=2&n&&t;"object"==typeof a&&!~e.indexOf(a);a=r(a))Object.getOwnPropertyNames(a).forEach((e=>i[e]=()=>t[e]));return i.default=()=>t,w.d(o,i),o},w.d=(e,r)=>{for(var t in r)w.o(r,t)&&!w.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},w.f={},w.e=e=>Promise.all(Object.keys(w.f).reduce(((r,t)=>(w.f[t](e,r),r)),[])),w.u=e=>e+".js",w.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),w.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",w.l=(e,r,o,i)=>{if(t[e])t[e].push(r);else{var a,l;if(void 0!==o)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var f=s[u];if(f.getAttribute("src")==e||f.getAttribute("data-webpack")==n+o){a=f;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,w.nc&&a.setAttribute("nonce",w.nc),a.setAttribute("data-webpack",n+o),a.src=e),t[e]=[r];var p=(r,n)=>{a.onerror=a.onload=null,clearTimeout(d);var o=t[e];if(delete t[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),r)return r(n)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),l&&document.head.appendChild(a)}},w.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},w.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{w.S={};var e={},r={};w.I=(t,n)=>{n||(n=[]);var o=r[t];if(o||(o=r[t]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[t])return e[t];w.o(w.S,t)||(w.S[t]={});var i=w.S[t],a="@openmrs/esm-form-engine-lib",l=(e,r,t,n)=>{var o=i[e]=i[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:a>l.from))&&(o[r]={get:t,from:a,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","5.8.2-pre.2368",(()=>Promise.all([w.e(151),w.e(72),w.e(766)]).then((()=>()=>w(5151))))),l("@openmrs/esm-patient-common-lib","8.1.1-pre.5183",(()=>Promise.all([w.e(617),w.e(901),w.e(72),w.e(465),w.e(385),w.e(70)]).then((()=>()=>w(8617))))),l("dayjs","1.11.11",(()=>w.e(353).then((()=>()=>w(4353))))),l("i18next","23.11.4",(()=>w.e(635).then((()=>()=>w(2635))))),l("react-i18next","11.18.6",(()=>Promise.all([w.e(422),w.e(72)]).then((()=>()=>w(4422))))),l("react","18.3.1",(()=>w.e(540).then((()=>()=>w(6540))))),l("swr/_internal","2.2.5",(()=>Promise.all([w.e(993),w.e(72)]).then((()=>()=>w(4993))))),l("swr/immutable","2.2.5",(()=>Promise.all([w.e(225),w.e(72),w.e(465)]).then((()=>()=>w(4225))))),l("swr/infinite","2.2.5",(()=>Promise.all([w.e(41),w.e(72),w.e(465)]).then((()=>()=>w(3041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;w.g.importScripts&&(e=w.g.location+"");var r=w.g.document;if(!e&&r&&(r.currentScript&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),w.p=e})(),o=e=>{var r=e=>e.split(".").map((e=>+e==e?+e:e)),t=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=t[1]?r(t[1]):[];return t[2]&&(n.length++,n.push.apply(n,r(t[2]))),t[3]&&(n.push([]),n.push.apply(n,r(t[3]))),n},i=(e,r)=>{e=o(e),r=o(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var n=e[t],i=(typeof n)[0];if(t>=r.length)return"u"==i;var a=r[t],l=(typeof a)[0];if(i!=l)return"o"==i&&"n"==l||"s"==l||"u"==i;if("o"!=i&&"u"!=i&&n!=a)return n<a;t++}},a=e=>{var r=e[0],t="";if(1===e.length)return"*";if(r+.5){t+=0==r?">=":-1==r?"<":1==r?"^":2==r?"~":r>0?"=":"!=";for(var n=1,o=1;o<e.length;o++)n--,t+="u"==(typeof(l=e[o]))[0]?"-":(n>0?".":"")+(n=2,l);return t}var i=[];for(o=1;o<e.length;o++){var l=e[o];i.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?i.pop()+" "+i.pop():a(l))}return s();function s(){return i.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,r)=>{if(0 in e){r=o(r);var t=e[0],n=t<0;n&&(t=-t-1);for(var i=0,a=1,s=!0;;a++,i++){var u,f,p=a<e.length?(typeof e[a])[0]:"";if(i>=r.length||"o"==(f=(typeof(u=r[i]))[0]))return!s||("u"==p?a>t&&!n:""==p!=n);if("u"==f){if(!s||"u"!=p)return!1}else if(s)if(p==f)if(a<=t){if(u!=e[a])return!1}else{if(n?u>e[a]:u<e[a])return!1;u!=e[a]&&(s=!1)}else if("s"!=p&&"n"!=p){if(n||a<=t)return!1;s=!1,a--}else{if(a<=t||f<p!=n)return!1;s=!1}else"s"!=p&&"n"!=p&&(s=!1,a--)}}var d=[],c=d.pop.bind(d);for(i=1;i<e.length;i++){var h=e[i];d.push(1==h?c()|c():2==h?c()&c():h?l(h,r):!c())}return!!c()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&i(e,r)?r:e),0)},u=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",f=(e,r,t,n)=>{var o=s(e,t);return l(n,o)||p(u(e,t,o,n)),d(e[t][o])},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},d=e=>(e.loaded=1,e.get()),c=(e=>function(r,t,n,o){var i=w.I(r);return i&&i.then?i.then(e.bind(e,r,w.S[r],t,n,o)):e(0,w.S[r],t,n,o)})(((e,r,t,n,o)=>r&&w.o(r,t)?f(r,0,t,n):o())),h={},m={6072:()=>c("default","react",[1,18],(()=>w.e(540).then((()=>()=>w(6540))))),6766:()=>c("default","i18next",[1,23],(()=>w.e(635).then((()=>()=>w(2635))))),8465:()=>c("default","swr/_internal",[1,2],(()=>w.e(993).then((()=>()=>w(4993))))),3941:()=>c("default","react-i18next",[1,11],(()=>w.e(422).then((()=>()=>w(4422))))),5972:()=>c("default","@openmrs/esm-framework",[1,5],(()=>Promise.all([w.e(151),w.e(766)]).then((()=>()=>w(5151))))),6656:()=>c("default","@openmrs/esm-patient-common-lib",[1,8],(()=>Promise.all([w.e(617),w.e(465)]).then((()=>()=>w(8617))))),4209:()=>c("default","swr/immutable",[1,2],(()=>Promise.all([w.e(225),w.e(465)]).then((()=>()=>w(4225))))),231:()=>c("default","dayjs",[1,1],(()=>w.e(353).then((()=>()=>w(4353))))),6339:()=>c("default","swr/infinite",[1,2],(()=>Promise.all([w.e(41),w.e(465)]).then((()=>()=>w(3041)))))},v={70:[4209],72:[6072],385:[3941,5972,6656],465:[8465],514:[231,4209,6339],766:[6766]},g={},w.f.consumes=(e,r)=>{w.o(v,e)&&v[e].forEach((e=>{if(w.o(h,e))return r.push(h[e]);if(!g[e]){var t=r=>{h[e]=0,w.m[e]=t=>{delete w.c[e],t.exports=r()}};g[e]=!0;var n=r=>{delete h[e],w.m[e]=t=>{throw delete w.c[e],r}};try{var o=m[e]();o.then?r.push(h[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};w.f.j=(r,t)=>{var n=w.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(385|465|72|766)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var i=w.p+w.u(r),a=new Error;w.l(i,(t=>{if(w.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;a.message="Loading chunk "+r+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,n[1](a)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[i,a,l]=t,s=0;if(i.some((r=>0!==e[r]))){for(n in a)w.o(a,n)&&(w.m[n]=a[n]);l&&l(w)}for(r&&r(t);s<i.length;s++)o=i[s],w.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_form_engine_lib=globalThis.webpackChunk_openmrs_esm_form_engine_lib||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),w.nc=void 0;var _=w(8008);_openmrs_esm_form_engine_lib=_})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-engine-lib",
-  "version": "2.1.0-pre.1501",
+  "version": "2.1.0-pre.1502",
   "description": "React Form Engine for O3",
   "browser": "dist/openmrs-esm-form-engine-lib.js",
   "main": "src/index.ts",

package/src/components/inputs/select/dropdown.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { act, fireEvent, render, screen } from '@testing-library/react';
-import { type EncounterContext, FormContext } from '../../../form-context';
 import Dropdown from './dropdown.component';
 import { type FormField } from '../../../types';
 
@@ -29,7 +28,7 @@ const question: FormField = {
   id: 'patient-past-program',
 };
 
-const encounterContext: EncounterContext = {
+const encounterContext = {
   patient: {
     id: '833db896-c1f0-11eb-8529-0242ac130003',
   },
@@ -154,4 +153,4 @@ describe.skip('dropdown input field', () => {
       });
     });
   });
-});
+});

package/src/components/inputs/ui-select-extended/ui-select-extended.component.tsx

@@ -1,87 +1,89 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import debounce from 'lodash-es/debounce';
-import { ComboBox, DropdownSkeleton, Layer } from '@carbon/react';
+import { ComboBox, DropdownSkeleton, Layer, InlineLoading } from '@carbon/react';
 import { isTrue } from '../../../utils/boolean-utils';
 import { useTranslation } from 'react-i18next';
 import { getRegisteredDataSource } from '../../../registry/registry';
 import { getControlTemplate } from '../../../registry/inbuilt-components/control-templates';
-import { type FormFieldInputProps } from '../../../types';
+import { type DataSource, type FormFieldInputProps } from '../../../types';
 import { isEmpty } from '../../../validators/form-validator';
 import { shouldUseInlineLayout } from '../../../utils/form-helper';
 import FieldValueView from '../../value/view/field-value-view.component';
 import styles from './ui-select-extended.scss';
 import { useFormProviderContext } from '../../../provider/form-provider';
 import FieldLabel from '../../field-label/field-label.component';
-import useDataSourceDependentValue from '../../../hooks/useDatasourceDependentValue';
 import { useWatch } from 'react-hook-form';
+import useDataSourceDependentValue from '../../../hooks/useDataSourceDependentValue';
+import { isViewMode } from '../../../utils/common-utils';
+import { type OpenmrsResource } from '@openmrs/esm-framework';
 
 const UiSelectExtended: React.FC<FormFieldInputProps> = ({ field, errors, warnings, setFieldValue }) => {
   const { t } = useTranslation();
   const [items, setItems] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
+  const [isSearching, setIsSearching] = useState(false);
   const [searchTerm, setSearchTerm] = useState('');
   const isProcessingSelection = useRef(false);
   const [dataSource, setDataSource] = useState(null);
   const [config, setConfig] = useState({});
-  const [savedSearchableItem, setSavedSearchableItem] = useState({});
   const dataSourceDependentValue = useDataSourceDependentValue(field);
+  const isSearchable = isTrue(field.questionOptions.isSearchable);
   const {
     layoutType,
     sessionMode,
     workspaceLayout,
-    methods: { control },
+    methods: { control, getFieldState },
   } = useFormProviderContext();
 
   const value = useWatch({ control, name: field.id, exact: true });
+  const { isDirty } = getFieldState(field.id);
 
   const isInline = useMemo(() => {
-    if (['view', 'embedded-view'].includes(sessionMode) || isTrue(field.readonly)) {
+    if (isViewMode(sessionMode) || isTrue(field.readonly)) {
       return shouldUseInlineLayout(field.inlineRendering, layoutType, workspaceLayout, sessionMode);
     }
     return false;
   }, [sessionMode, field.readonly, field.inlineRendering, layoutType, workspaceLayout]);
 
-  useEffect(() => {
-    const dataSource = field.questionOptions?.datasource?.name;
-    setConfig(
-      dataSource
-        ? field.questionOptions.datasource?.config
-        : getControlTemplate(field.questionOptions.rendering)?.datasource?.config,
-    );
-    getRegisteredDataSource(dataSource ? dataSource : field.questionOptions.rendering).then((ds) => setDataSource(ds));
-  }, [field.questionOptions?.datasource]);
+  const selectedItem = useMemo(() => items.find((item) => item.uuid == value) || null, [items, value]);
 
-  const selectedItem = useMemo(() => items.find((item) => item.uuid == value), [items, value]);
-
-  const debouncedSearch = debounce((searchTerm, dataSource) => {
-    setItems([]);
-    setIsLoading(true);
+  const debouncedSearch = debounce((searchTerm: string, dataSource: DataSource<OpenmrsResource>) => {
+    setIsSearching(true);
     dataSource
       .fetchData(searchTerm, config)
       .then((dataItems) => {
-        setItems(dataItems.map(dataSource.toUuidAndDisplay));
-        setIsLoading(false);
+        if (dataItems.length) {
+          const currentSelectedItem = items.find((item) => item.uuid == value);
+          const newItems = dataItems.map(dataSource.toUuidAndDisplay);
+          if (currentSelectedItem && !newItems.some((item) => item.uuid == currentSelectedItem.uuid)) {
+            newItems.unshift(currentSelectedItem);
+          }
+          setItems(newItems);
+        }
+        setIsSearching(false);
       })
       .catch((err) => {
         console.error(err);
-        setIsLoading(false);
-        setItems([]);
+        setIsSearching(false);
       });
   }, 300);
 
-  const processSearchableValues = (value) => {
-    dataSource
-      .fetchData(null, config, value)
-      .then((dataItem) => {
-        setSavedSearchableItem(dataItem);
-        setIsLoading(false);
-      })
-      .catch((err) => {
-        console.error(err);
-        setIsLoading(false);
-        setItems([]);
-      });
-  };
+  const searchTermHasMatchingItem = useCallback(
+    (searchTerm: string) => {
+      return items.some((item) => item.display?.toLowerCase().includes(searchTerm.toLowerCase()));
+    },
+    [items],
+  );
+
+  useEffect(() => {
+    const dataSource = field.questionOptions?.datasource?.name;
+    setConfig(
+      dataSource
+        ? field.questionOptions.datasource?.config
+        : getControlTemplate(field.questionOptions.rendering)?.datasource?.config,
+    );
+    getRegisteredDataSource(dataSource ? dataSource : field.questionOptions.rendering).then((ds) => setDataSource(ds));
+  }, [field.questionOptions?.datasource]);
 
   useEffect(() => {
     // If not searchable, preload the items
@@ -103,29 +105,32 @@ const UiSelectExtended: React.FC<FormFieldInputProps> = ({ field, errors, warnin
   }, [dataSource, config, dataSourceDependentValue]);
 
   useEffect(() => {
-    if (dataSource && isTrue(field.questionOptions.isSearchable) && !isEmpty(searchTerm)) {
+    if (dataSource && isSearchable && !isEmpty(searchTerm) && !searchTermHasMatchingItem(searchTerm)) {
       debouncedSearch(searchTerm, dataSource);
     }
   }, [dataSource, searchTerm, config]);
 
   useEffect(() => {
-    if (
-      dataSource &&
-      isTrue(field.questionOptions.isSearchable) &&
-      isEmpty(searchTerm) &&
-      value &&
-      !Object.keys(savedSearchableItem).length
-    ) {
+    if (value && !isDirty && dataSource && isSearchable && sessionMode !== 'enter' && !items.length) {
+      // While in edit mode, search-based instances should fetch the initial item (previously selected value) to resolve its display property
       setIsLoading(true);
-      processSearchableValues(value);
+      try {
+        dataSource.fetchSingleItem(value).then((item) => {
+          setItems([dataSource.toUuidAndDisplay(item)]);
+          setIsLoading(false);
+        });
+      } catch (error) {
+        console.error(error);
+        setIsLoading(false);
+      }
     }
-  }, [value]);
+  }, [value, isDirty, sessionMode, dataSource, isSearchable, items]);
 
   if (isLoading) {
     return <DropdownSkeleton />;
   }
 
-  return sessionMode == 'view' || sessionMode == 'embedded-view' || isTrue(field.readonly) ? (
+  return isViewMode(sessionMode) || isTrue(field.readonly) ? (
     <FieldValueView
       label={t(field.label)}
       value={value ? items.find((item) => item.uuid == value)?.display : value}
@@ -142,6 +147,7 @@ const UiSelectExtended: React.FC<FormFieldInputProps> = ({ field, errors, warnin
             items={items}
             itemToString={(item) => item?.display}
             selectedItem={selectedItem}
+            placeholder={isSearchable ? t('search', 'Search') + '...' : null}
             shouldFilterItem={({ item, inputValue }) => {
               if (!inputValue) {
                 // Carbon's initial call at component mount
@@ -165,7 +171,7 @@ const UiSelectExtended: React.FC<FormFieldInputProps> = ({ field, errors, warnin
                 isProcessingSelection.current = false;
                 return;
               }
-              if (field.questionOptions['isSearchable']) {
+              if (field.questionOptions.isSearchable) {
                 setSearchTerm(value);
               }
             }}
@@ -178,6 +184,7 @@ const UiSelectExtended: React.FC<FormFieldInputProps> = ({ field, errors, warnin
               }
             }}
           />
+          {isSearching && <InlineLoading className={styles.loader} description={t('searching', 'Searching') + '...'} />}
         </Layer>
       </div>
     )

package/src/components/inputs/ui-select-extended/ui-select-extended.scss

@@ -13,3 +13,7 @@
   color: colors.$red-60;
   font-weight: 600;
 }
+
+.loader {
+  padding: 0.25rem 0.5rem;
+}

package/src/components/inputs/ui-select-extended/ui-select-extended.test.tsx

@@ -1,211 +1,281 @@
 import React from 'react';
-import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import UiSelectExtended from './ui-select-extended.component';
-import { type EncounterContext, FormContext } from '../../../form-context';
-import { type FormField } from '../../../types';
-
-const questions: FormField[] = [
-  {
-    label: 'Transfer Location',
-    type: 'obs',
-    questionOptions: {
-      rendering: 'ui-select-extended',
-      concept: '160540AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
-      datasource: {
-        name: 'location_datasource',
-        config: {
-          tag: 'test-tag',
-        },
-      },
-    },
-    meta: {},
-    id: 'patient_transfer_location',
-  },
-  {
-    label: 'Select criteria for new WHO stage:',
-    type: 'obs',
-    questionOptions: {
-      concept: '250e87b6-beb7-44a1-93a1-d3dd74d7e372',
-      rendering: 'select-concept-answers',
-      datasource: {
-        name: 'select_concept_answers_datasource',
-        config: {
-          concept: '250e87b6-beb7-44a1-93a1-d3dd74d7e372',
-        },
-      },
-    },
-    validators: [],
-    id: '__sq5ELJr7p',
-  },
-];
-
-const encounterContext: EncounterContext = {
-  patient: {
-    id: '833db896-c1f0-11eb-8529-0242ac130003',
-  },
-  location: {
-    uuid: '41e6e516-c1f0-11eb-8529-0242ac130003',
-  },
-  encounter: {
-    uuid: '873455da-3ec4-453c-b565-7c1fe35426be',
-    obs: [],
-  },
-  sessionMode: 'enter',
-  encounterDate: new Date(2023, 8, 29),
-  setEncounterDate: (value) => {},
-  encounterProvider: '2c95f6f5-788e-4e73-9079-5626911231fa',
-  setEncounterProvider: jest.fn,
-  setEncounterLocation: jest.fn,
-  encounterRole: '8cb3a399-d18b-4b62-aefb-5a0f948a3809',
-  setEncounterRole: jest.fn,
-};
+import { act, render, screen } from '@testing-library/react';
+import { type FormSchema, type SessionMode, type OpenmrsEncounter } from '../../../types';
+import { usePatient, useSession } from '@openmrs/esm-framework';
+import { mockPatient } from '../../../../__mocks__/patient.mock';
+import { mockSessionDataResponse } from '../../../../__mocks__/session.mock';
+import { FormEngine } from '../../..';
+import uiSelectExtForm from '../../../../__mocks__/forms/rfe-forms/sample_ui-select-ext.json';
+import { assertFormHasAllFields, findSelectInput } from '../../../utils/test-utils';
+import userEvent from '@testing-library/user-event';
+import * as api from '../../../api';
 
-const renderForm = (initialValues) => {
-  render(<></>);
-};
+const mockUsePatient = jest.mocked(usePatient);
+const mockUseSession = jest.mocked(useSession);
+global.ResizeObserver = require('resize-observer-polyfill');
+
+jest.mock('../../../hooks/useRestMaxResultsCount', () => jest.fn().mockReturnValue({ systemSetting: { value: '50' } }));
+jest.mock('lodash-es/debounce', () => jest.fn((fn) => fn));
+
+jest.mock('../../../api', () => {
+  const originalModule = jest.requireActual('../../../api');
+  return {
+    ...originalModule,
+    getPreviousEncounter: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    getConcept: jest.fn().mockImplementation(() => Promise.resolve(null)),
+    saveEncounter: jest.fn(),
+  };
+});
+
+jest.mock('../../../hooks/useEncounterRole', () => ({
+  useEncounterRole: jest.fn().mockReturnValue({
+    isLoading: false,
+    encounterRole: { name: 'Clinician', uuid: 'clinician-uuid' },
+    error: undefined,
+  }),
+}));
+
+jest.mock('../../../hooks/useEncounter', () => ({
+  useEncounter: jest.fn().mockImplementation((formJson: FormSchema) => {
+    return {
+      encounter: formJson.encounter ? (encounter as OpenmrsEncounter) : null,
+      isLoading: false,
+      error: undefined,
+    };
+  }),
+}));
 
-// Mock the data source fetch behavior
-jest.mock('../../../registry/registry', () => ({
-  getRegisteredDataSource: jest.fn().mockResolvedValue({
-    fetchData: jest.fn().mockImplementation((...args) => {
-      if (args[1].concept) {
+jest.mock('../../../hooks/useConcepts', () => ({
+  useConcepts: jest.fn().mockImplementation((references: Set<string>) => {
+    return {
+      isLoading: false,
+      concepts: [],
+      error: undefined,
+    };
+  }),
+}));
+
+jest.mock('../../../registry/registry', () => {
+  const originalModule = jest.requireActual('../../../registry/registry');
+  return {
+    ...originalModule,
+    getRegisteredDataSource: jest.fn().mockResolvedValue({
+      fetchData: jest.fn().mockImplementation((...args) => {
+        if (args[1].class?.length) {
+          // concept DS
+          return Promise.resolve([
+            {
+              uuid: 'stage-1-uuid',
+              display: 'stage 1',
+            },
+            {
+              uuid: 'stage-2-uuid',
+              display: 'stage 2',
+            },
+          ]);
+        }
+
+        // location DS
         return Promise.resolve([
           {
-            uuid: 'stage-1-uuid',
-            display: 'stage 1',
+            uuid: 'aaa-1',
+            display: 'Kololo',
+          },
+          {
+            uuid: 'aaa-2',
+            display: 'Naguru',
           },
           {
-            uuid: 'stage-2-uuid',
-            display: 'stage 2',
+            uuid: 'aaa-3',
+            display: 'Muyenga',
           },
         ]);
-      }
-
-      return Promise.resolve([
-        {
-          uuid: 'aaa-1',
-          display: 'Kololo',
-        },
-        {
-          uuid: 'aaa-2',
-          display: 'Naguru',
-        },
-        {
-          uuid: 'aaa-3',
-          display: 'Muyenga',
-        },
-      ]);
+      }),
+      fetchSingleItem: jest.fn().mockImplementation((uuid: string) => {
+        return Promise.resolve({
+          uuid,
+          display: 'stage 1',
+        });
+      }),
+      toUuidAndDisplay: (data) => data,
     }),
-    toUuidAndDisplay: (data) => data,
-  }),
-}));
+  };
+});
 
-describe.skip('UiSelectExtended Component', () => {
-  it('renders with items from the datasource', async () => {
-    await act(async () => {
-      await renderForm({});
-    });
+const encounter = {
+  uuid: 'encounter-uuid',
+  obs: [
+    {
+      concept: {
+        uuid: '160540AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      },
+      value: 'aaa-2',
+      formFieldNamespace: 'rfe-forms',
+      formFieldPath: 'rfe-forms-patient_transfer_location',
+      uuid: 'obs-uuid-1',
+    },
+    {
+      concept: {
+        uuid: '4b59ac07-cf72-4f46-b8c0-4f62b1779f7e',
+      },
+      value: 'stage-1-uuid',
+      formFieldNamespace: 'rfe-forms',
+      formFieldPath: 'rfe-forms-problem',
+      uuid: 'obs-uuid-2',
+    },
+  ],
+};
 
-    // setup
-    const uiSelectExtendedWidget = screen.getByLabelText('Transfer Location');
+const renderForm = (mode: SessionMode = 'enter') => {
+  render(
+    <FormEngine
+      formJson={uiSelectExtForm as FormSchema}
+      patientUUID="8673ee4f-e2ab-4077-ba55-4980f408773e"
+      mode={mode}
+      encounterUUID={mode === 'edit' ? 'encounter-uuid' : null}
+    />,
+  );
+};
+
+describe('UiSelectExtended', () => {
+  const user = userEvent.setup();
 
-    // assert initial values
-    expect(questions[0].meta.submission).toBe(undefined);
+  beforeEach(() => {
+    Object.defineProperty(window, 'i18next', {
+      writable: true,
+      configurable: true,
+      value: {
+        language: 'en',
+        t: jest.fn(),
+      },
+    });
 
-    //Click on the UiSelectExtendedWidget to open the dropdown
-    fireEvent.click(uiSelectExtendedWidget);
+    mockUsePatient.mockImplementation(() => ({
+      patient: mockPatient,
+      isLoading: false,
+      error: undefined,
+      patientUuid: mockPatient.id,
+    }));
 
-    // Assert that all three items are displayed
-    expect(screen.getByText('Kololo')).toBeInTheDocument();
-    expect(screen.getByText('Naguru')).toBeInTheDocument();
-    expect(screen.getByText('Muyenga')).toBeInTheDocument();
+    mockUseSession.mockImplementation(() => mockSessionDataResponse.data);
   });
 
-  it('renders with items from the datasource of select-concept-answers rendering', async () => {
-    await act(async () => {
-      await renderForm({});
-    });
+  describe('Enter/New mode', () => {
+    it('should render comboboxes correctly for both "non-searchable" and "searchable" instances', async () => {
+      await act(async () => {
+        renderForm();
+      });
 
-    const uiSelectExtendedWidget = screen.getByLabelText(/Select criteria for new WHO stage:/i);
-    fireEvent.click(uiSelectExtendedWidget);
+      await assertFormHasAllFields(screen, [
+        { fieldName: 'Transfer Location', fieldType: 'select' },
+        { fieldName: 'Problem', fieldType: 'select' },
+      ]);
 
-    // Assert that all items are displayed
-    expect(screen.getByText('stage 1')).toBeInTheDocument();
-    expect(screen.getByText('stage 2')).toBeInTheDocument();
-  });
+      // Test for "non-searchable" instance
+      const transferLocationSelect = await findSelectInput(screen, 'Transfer Location');
+      await user.click(transferLocationSelect);
+      expect(screen.getByText('Kololo')).toBeInTheDocument();
+      expect(screen.getByText('Naguru')).toBeInTheDocument();
+      expect(screen.getByText('Muyenga')).toBeInTheDocument();
 
-  it('Selects a value from the list', async () => {
-    await act(async () => {
-      await renderForm({});
+      // Test for "searchable" instance
+      const problemSelect = await findSelectInput(screen, 'Problem');
+      expect(problemSelect).toHaveAttribute('placeholder', 'Search...');
     });
 
-    // setup
-    const uiSelectExtendedWidget = screen.getByLabelText('Transfer Location');
+    it('should be possible to select an item from the combobox and submit the form', async () => {
+      const mockSaveEncounter = jest.spyOn(api, 'saveEncounter');
 
-    //Click on the UiSelectExtendedWidget to open the dropdown
-    fireEvent.click(uiSelectExtendedWidget);
+      await act(async () => {
+        renderForm();
+      });
 
-    // Find the list item for 'Naguru' and click it to select
-    const naguruOption = screen.getByText('Naguru');
-    fireEvent.click(naguruOption);
+      const transferLocationSelect = await findSelectInput(screen, 'Transfer Location');
+      await user.click(transferLocationSelect);
+      const naguruOption = screen.getByText('Naguru');
+      await user.click(naguruOption);
 
-    // verify
-    await act(async () => {
-      expect(questions[0].meta.submission.newValue).toEqual({
-        concept: '160540AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
-        formFieldNamespace: 'rfe-forms',
-        formFieldPath: 'rfe-forms-patient_transfer_location',
-        value: 'aaa-2',
-      });
-    });
-  });
+      // submit the form
+      await user.click(screen.getByRole('button', { name: /save/i }));
 
-  it('Filters items based on user input', async () => {
-    await act(async () => {
-      await renderForm({});
+      expect(mockSaveEncounter).toHaveBeenCalledWith(
+        expect.any(AbortController),
+        expect.objectContaining({
+          obs: [
+            {
+              concept: '160540AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+              formFieldNamespace: 'rfe-forms',
+              formFieldPath: 'rfe-forms-patient_transfer_location',
+              value: 'aaa-2',
+            },
+          ],
+        }),
+        undefined,
+      );
     });
 
-    // setup
-    const uiSelectExtendedWidget = screen.getByLabelText('Transfer Location');
+    it('should be possible to search and select an item from the search-box and submit the form', async () => {
+      const mockSaveEncounter = jest.spyOn(api, 'saveEncounter');
 
-    //Click on the UiSelectExtendedWidget to open the dropdown
-    fireEvent.click(uiSelectExtendedWidget);
+      await act(async () => {
+        renderForm();
+      });
 
-    // Type 'Nag' in the input field to filter items
-    fireEvent.change(uiSelectExtendedWidget, { target: { value: 'Nag' } });
+      const problemSelect = await findSelectInput(screen, 'Problem');
+      await user.click(problemSelect);
+      await user.type(problemSelect, 'stage');
+      expect(screen.getByText('stage 1')).toBeInTheDocument();
+      expect(screen.getByText('stage 2')).toBeInTheDocument();
+      // select the first option
+      await user.click(screen.getByText('stage 1'));
 
-    // Wait for the filtered items to appear in the dropdown
-    await waitFor(() => {
-      // Verify that 'Naguru' is in the filtered items
-      expect(screen.getByText('Naguru')).toBeInTheDocument();
+      // submit the form
+      await user.click(screen.getByRole('button', { name: /save/i }));
+
+      expect(mockSaveEncounter).toHaveBeenCalledWith(
+        expect.any(AbortController),
+        expect.objectContaining({
+          obs: [
+            {
+              concept: '4b59ac07-cf72-4f46-b8c0-4f62b1779f7e',
+              formFieldNamespace: 'rfe-forms',
+              formFieldPath: 'rfe-forms-problem',
+              value: 'stage-1-uuid',
+            },
+          ],
+        }),
+        undefined,
+      );
+    });
+
+    it('should filter items based on user input', async () => {
+      await act(async () => {
+        renderForm();
+      });
 
-      // Verify that 'Kololo' and 'Muyenga' are not in the filtered items
+      const transferLocationSelect = await findSelectInput(screen, 'Transfer Location');
+      await user.click(transferLocationSelect);
+      await user.type(transferLocationSelect, 'Nag');
+
+      expect(screen.getByText('Naguru')).toBeInTheDocument();
       expect(screen.queryByText('Kololo')).not.toBeInTheDocument();
       expect(screen.queryByText('Muyenga')).not.toBeInTheDocument();
     });
   });
 
-  it('Should set the correct value for the config parameter', async () => {
-    // Mock the data source fetch behavior
-    const expectedConfigValue = {
-      tag: 'test-tag',
-    };
+  describe('Edit mode', () => {
+    it('should initialize with the current value for both "non-searchable" and "searchable" instances', async () => {
+      await act(async () => {
+        renderForm('edit');
+      });
 
-    // Mock the getRegisteredDataSource function
-    jest.mock('../../../registry/registry', () => ({
-      getRegisteredDataSource: jest.fn().mockResolvedValue({
-        fetchData: jest.fn().mockResolvedValue([]),
-        toUuidAndDisplay: (data) => data,
-        config: expectedConfigValue,
-      }),
-    }));
+      // Non-searchable instance
+      const nonSearchableInstance = await findSelectInput(screen, 'Transfer Location');
+      expect(nonSearchableInstance).toHaveValue('Naguru');
 
-    await act(async () => {
-      await renderForm({});
+      // Searchable instance
+      const searchableInstance = await findSelectInput(screen, 'Problem');
+      expect(searchableInstance).toHaveValue('stage 1');
     });
-    const config = questions[0].questionOptions.datasource.config;
-
-    // Assert that the config is set with the expected configuration value
-    expect(config).toEqual(expectedConfigValue);
   });
 });

package/src/components/inputs/unspecified/unspecified.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import dayjs from 'dayjs';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { OpenmrsDatePicker } from '@openmrs/esm-framework';
-import { type FormField, type EncounterContext } from '../../..';
+import { type FormField } from '../../../types';
 import { findTextOrDateInput } from '../../../utils/test-utils';
 
 const mockOpenmrsDatePicker = jest.mocked(OpenmrsDatePicker);
@@ -31,27 +31,6 @@ const question: FormField = {
   id: 'visit-date',
 };
 
-const encounterContext: EncounterContext = {
-  patient: {
-    id: '833db896-c1f0-11eb-8529-0242ac130003',
-  },
-  location: {
-    uuid: '41e6e516-c1f0-11eb-8529-0242ac130003',
-  },
-  encounter: {
-    uuid: '873455da-3ec4-453c-b565-7c1fe35426be',
-    obs: [],
-  },
-  sessionMode: 'enter',
-  encounterDate: new Date(2020, 11, 29),
-  setEncounterDate: (value) => {},
-  encounterProvider: '2c95f6f5-788e-4e73-9079-5626911231fa',
-  setEncounterProvider: jest.fn,
-  setEncounterLocation: jest.fn,
-  encounterRole: '8cb3a399-d18b-4b62-aefb-5a0f948a3809',
-  setEncounterRole: jest.fn,
-};
-
 const renderForm = (initialValues) => {
   render(<></>);
 };

package/src/datasources/concept-data-source.ts

@@ -4,21 +4,21 @@ import { isEmpty } from '../validators/form-validator';
 
 export class ConceptDataSource extends BaseOpenMRSDataSource {
   constructor() {
-    super(`${restBaseUrl}/concept?name=&searchType=fuzzy&v=custom:(uuid,display,conceptClass:(uuid,display))`);
+    super(`${restBaseUrl}/concept?v=custom:(uuid,display,conceptClass:(uuid,display))`);
   }
 
-  fetchData(searchTerm: string, config?: Record<string, any>, uuid?: string): Promise<any[]> {
+  fetchData(searchTerm: string, config?: Record<string, any>): Promise<any[]> {
     if (isEmpty(config?.class) && isEmpty(config?.concept) && !config?.useSetMembersByConcept && isEmpty(searchTerm)) {
       return Promise.resolve([]);
     }
 
-    let apiUrl = this.url;
+    let searchUrl = `${restBaseUrl}/concept?name=&searchType=fuzzy&v=custom:(uuid,display,conceptClass:(uuid,display))`;
     if (config?.class) {
       if (typeof config.class == 'string') {
-        const urlParts = apiUrl.split('searchType=fuzzy');
-        apiUrl = `${urlParts[0]}searchType=fuzzy&class=${config.class}&${urlParts[1]}`;
+        const urlParts = searchUrl.split('searchType=fuzzy');
+        searchUrl = `${urlParts[0]}searchType=fuzzy&class=${config.class}&${urlParts[1]}`;
       } else {
-        return openmrsFetch(searchTerm ? `${apiUrl}&q=${searchTerm}` : apiUrl).then(({ data }) => {
+        return openmrsFetch(searchTerm ? `${searchUrl}&q=${searchTerm}` : searchUrl).then(({ data }) => {
           return data.results.filter(
             (concept) => concept.conceptClass && config.class.includes(concept.conceptClass.uuid),
           );
@@ -27,15 +27,15 @@ export class ConceptDataSource extends BaseOpenMRSDataSource {
     }
 
     if (config?.concept && config?.useSetMembersByConcept) {
-      let urlParts = apiUrl.split('?name=&searchType=fuzzy&v=');
-      apiUrl = `${urlParts[0]}/${config.concept}?v=custom:(uuid,setMembers:(uuid,display))`;
-      return openmrsFetch(searchTerm ? `${apiUrl}&q=${searchTerm}` : apiUrl).then(({ data }) => {
+      let urlParts = searchUrl.split('?name=&searchType=fuzzy&v=');
+      searchUrl = `${urlParts[0]}/${config.concept}?v=custom:(uuid,setMembers:(uuid,display))`;
+      return openmrsFetch(searchTerm ? `${searchUrl}&q=${searchTerm}` : searchUrl).then(({ data }) => {
         // return the setMembers from the retrieved concept object
         return data['setMembers'];
       });
     }
 
-    return openmrsFetch(searchTerm ? `${apiUrl}&q=${searchTerm}` : apiUrl).then(({ data }) => {
+    return openmrsFetch(searchTerm ? `${searchUrl}&q=${searchTerm}` : searchUrl).then(({ data }) => {
       return data.results;
     });
   }

package/src/datasources/data-source.ts

@@ -14,6 +14,17 @@ export class BaseOpenMRSDataSource implements DataSource<OpenmrsResource> {
     });
   }
 
+  fetchSingleItem(uuid: string): Promise<OpenmrsResource | null> {
+    let apiUrl = this.url;
+    if (apiUrl.includes('?')) {
+      const urlParts = apiUrl.split('?');
+      apiUrl = `${urlParts[0]}/${uuid}?${urlParts[1]}`;
+    } else {
+      apiUrl = `${apiUrl}/${uuid}`;
+    }
+    return openmrsFetch(apiUrl).then(({ data }) => data);
+  }
+
   toUuidAndDisplay(data: OpenmrsResource): OpenmrsResource {
     if (typeof data.uuid === 'undefined' || typeof data.display === 'undefined') {
       throw new Error("'uuid' or 'display' not found in the OpenMRS object.");

package/src/hooks/useFormFieldsMeta.ts

@@ -41,7 +41,7 @@ export function useFormFieldsMeta(rawFormFields: FormField[], concepts: OpenmrsR
         return field;
       });
     }
-    return [];
+    return rawFormFields ?? [];
   }, [concepts, rawFormFields]);
 
   return formFields;

package/src/index.ts

@@ -5,7 +5,6 @@ export * from './constants';
 export * from './utils/boolean-utils';
 export * from './validators/form-validator';
 export * from './utils/form-helper';
-export * from './form-context';
 export * from './components/value/view/field-value-view.component';
 export * from './components/previous-value-review/previous-value-review.component';
 export * from './hooks/useFormJson';

package/src/transformers/default-schema-transformer.ts

@@ -164,6 +164,10 @@ function transformByRendering(question: FormField) {
     case 'markdown':
       question.type = 'control';
       break;
+    case 'drug':
+    case 'problem':
+      question.questionOptions.isSearchable = true;
+      break;
   }
   return question;
 }
@@ -193,6 +197,7 @@ function handleLabOrders(question: FormField) {
 }
 
 function handleSelectConceptAnswers(question: FormField) {
+  question.questionOptions.isSearchable = true;
   if (!question.questionOptions.datasource?.config) {
     question.questionOptions.datasource = {
       name: 'select_concept_answers_datasource',

package/src/types/index.ts

@@ -69,7 +69,14 @@ export interface DataSource<T> {
   /**
    * Fetches arbitrary data from a data source
    */
-  fetchData(searchTerm?: string, config?: Record<string, any>, uuid?: string): Promise<Array<T>>;
+  fetchData(searchTerm?: string, config?: Record<string, any>): Promise<Array<T>>;
+
+  /**
+   * Fetches a single item from the data source based on its UUID.
+   * This is used for value binding with previously selected values.
+   */
+  fetchSingleItem(uuid: string): Promise<T | null>;
+
   /**
    * Maps a data source item to an object with a uuid and display property
    */

package/src/types/schema.ts

@@ -198,6 +198,7 @@ export type RenderType =
   | 'content-switcher'
   | 'date'
   | 'datetime'
+  | 'drug'
   | 'encounter-location'
   | 'encounter-provider'
   | 'encounter-role'
@@ -205,6 +206,7 @@ export type RenderType =
   | 'file'
   | 'group'
   | 'number'
+  | 'problem'
   | 'radio'
   | 'repeating'
   | 'select'

package/src/utils/form-helper.test.ts

@@ -8,7 +8,6 @@ import { DefaultValueValidator } from '../validators/default-value-validator';
 import { type LayoutType } from '@openmrs/esm-framework';
 import { ConceptTrue } from '../constants';
 import { type FormField, type OpenmrsEncounter, type SessionMode } from '../types';
-import { type EncounterContext } from '../form-context';
 
 jest.mock('../validators/default-value-validator');
 

package/src/form-context.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { type LayoutType } from '@openmrs/esm-framework';
-import {
-  type PatientProgram,
-  type FormField,
-  type OpenmrsEncounter,
-  type PatientIdentifier,
-  type SessionMode,
-} from './types';
-
-type FormContextProps = {
-  values: Record<string, any>;
-  setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
-  setEncounterLocation: (value: any) => void;
-  encounterContext: EncounterContext;
-  fields: FormField[];
-  isFieldInitializationComplete: boolean;
-  isSubmitting: boolean;
-  layoutType?: LayoutType;
-  workspaceLayout?: 'minimized' | 'maximized';
-};
-
-export interface EncounterContext {
-  patient: fhir.Patient;
-  encounter: OpenmrsEncounter;
-  previousEncounter?: OpenmrsEncounter;
-  location: any;
-  sessionMode: SessionMode;
-  encounterDate: Date;
-  setEncounterDate(value: Date): void;
-  encounterProvider: string;
-  setEncounterProvider(value: string): void;
-  setEncounterLocation(value: any): void;
-  encounterRole: string;
-  setEncounterRole(value: string): void;
-  initValues?: Record<string, any>;
-  patientIdentifier?: PatientIdentifier;
-  patientPrograms?: Array<PatientProgram>;
-  getFormField?: (id: string) => FormField;
-}
-
-export const FormContext = React.createContext<FormContextProps | undefined>(undefined);