@openmrs/esm-form-engine-lib 2.1.0-pre.1565 → 2.1.0-pre.1577

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,y,w,_={8008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(690),t.e(697),t.e(72),t.e(385),t.e(343)]).then((()=>()=>t(3343)))},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})}},P={};function S(e){var r=P[e];if(void 0!==r)return r.exports;var t=P[e]={id:e,loaded:!1,exports:{}};return _[e].call(t.exports,t,t.exports,S),t.loaded=!0,t.exports}S.m=_,S.c=P,S.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return S.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,S.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);S.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,S.d(o,i),o},S.d=(e,r)=>{for(var t in r)S.o(r,t)&&!S.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((r,t)=>(S.f[t](e,r),r)),[])),S.u=e=>e+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",S.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,S.nc&&a.setAttribute("nonce",S.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)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},r={};S.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];S.o(S.S,t)||(S.S[t]={});var i=S.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.2396",(()=>Promise.all([S.e(151),S.e(72),S.e(766)]).then((()=>()=>S(5151))))),l("@openmrs/esm-patient-common-lib","8.2.1-pre.5761",(()=>Promise.all([S.e(254),S.e(690),S.e(72),S.e(465),S.e(385),S.e(70)]).then((()=>()=>S(3873))))),l("dayjs","1.11.13",(()=>S.e(353).then((()=>()=>S(4353))))),l("i18next","23.16.0",(()=>S.e(635).then((()=>()=>S(2635))))),l("react-i18next","11.18.6",(()=>Promise.all([S.e(979),S.e(72)]).then((()=>()=>S(2979))))),l("react","18.3.1",(()=>S.e(540).then((()=>()=>S(6540))))),l("swr/_internal","2.2.5",(()=>Promise.all([S.e(993),S.e(72)]).then((()=>()=>S(4993))))),l("swr/immutable","2.2.5",(()=>Promise.all([S.e(225),S.e(72),S.e(465)]).then((()=>()=>S(4225))))),l("swr/infinite","2.2.5",(()=>Promise.all([S.e(41),S.e(72),S.e(465)]).then((()=>()=>S(3041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var r=S.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(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(/\/[^\/]+$/,"/"),S.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)=>e&&S.o(e,r),u=e=>(e.loaded=1,e.get()),f=e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}),p=(e,r,t)=>{var n=t?f(e[r]):e[r];return Object.keys(n).reduce(((e,r)=>!e||!n[e].loaded&&i(e,r)?r:e),0)},d=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",c=e=>{throw new Error(e)},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},m=(e,r,t)=>t?t():((e,r)=>c("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),v=(e=>function(r,t,n,o,i){var a=S.I(r);return a&&a.then&&!n?a.then(e.bind(e,r,S.S[r],t,!1,o,i)):e(r,S.S[r],t,n,o,i)})(((e,r,t,n,o,i)=>{if(!s(r,t))return m(e,t,i);var a=p(r,t,n);return l(o,a)||h(d(r,t,a,o)),u(r[t][a])})),g={},b={6072:()=>v("default","react",!1,[1,18],(()=>S.e(540).then((()=>()=>S(6540))))),6766:()=>v("default","i18next",!1,[1,23],(()=>S.e(635).then((()=>()=>S(2635))))),8465:()=>v("default","swr/_internal",!1,[1,2],(()=>S.e(993).then((()=>()=>S(4993))))),3941:()=>v("default","react-i18next",!1,[1,11],(()=>S.e(979).then((()=>()=>S(2979))))),5972:()=>v("default","@openmrs/esm-framework",!1,[1,5],(()=>Promise.all([S.e(151),S.e(766)]).then((()=>()=>S(5151))))),6656:()=>v("default","@openmrs/esm-patient-common-lib",!1,[1,8],(()=>Promise.all([S.e(254),S.e(465)]).then((()=>()=>S(3873))))),4209:()=>v("default","swr/immutable",!1,[1,2],(()=>Promise.all([S.e(225),S.e(465)]).then((()=>()=>S(4225))))),231:()=>v("default","dayjs",!1,[1,1],(()=>S.e(353).then((()=>()=>S(4353))))),6339:()=>v("default","swr/infinite",!1,[1,2],(()=>Promise.all([S.e(41),S.e(465)]).then((()=>()=>S(3041)))))},y={70:[4209],72:[6072],343:[231,4209,6339],385:[3941,5972,6656],465:[8465],766:[6766]},w={},S.f.consumes=(e,r)=>{S.o(y,e)&&y[e].forEach((e=>{if(S.o(g,e))return r.push(g[e]);if(!w[e]){var t=r=>{g[e]=0,S.m[e]=t=>{delete S.c[e],t.exports=r()}};w[e]=!0;var n=r=>{delete g[e],S.m[e]=t=>{throw delete S.c[e],r}};try{var o=b[e]();o.then?r.push(g[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};S.f.j=(r,t)=>{var n=S.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=S.p+S.u(r),a=new Error;S.l(i,(t=>{if(S.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)S.o(a,n)&&(S.m[n]=a[n]);l&&l(S)}for(r&&r(t);s<i.length;s++)o=i[s],S.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))})(),S.nc=void 0;var j=S(8008);_openmrs_esm_form_engine_lib=j})();
+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,y,w,_={8008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(690),t.e(585),t.e(72),t.e(385),t.e(539)]).then((()=>()=>t(5539)))},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})}},P={};function S(e){var r=P[e];if(void 0!==r)return r.exports;var t=P[e]={id:e,loaded:!1,exports:{}};return _[e].call(t.exports,t,t.exports,S),t.loaded=!0,t.exports}S.m=_,S.c=P,S.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return S.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,S.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);S.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,S.d(o,i),o},S.d=(e,r)=>{for(var t in r)S.o(r,t)&&!S.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((r,t)=>(S.f[t](e,r),r)),[])),S.u=e=>e+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",S.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,S.nc&&a.setAttribute("nonce",S.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)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},r={};S.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];S.o(S.S,t)||(S.S[t]={});var i=S.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.2396",(()=>Promise.all([S.e(151),S.e(72),S.e(766)]).then((()=>()=>S(5151))))),l("@openmrs/esm-patient-common-lib","8.2.1-pre.5761",(()=>Promise.all([S.e(254),S.e(690),S.e(72),S.e(465),S.e(385),S.e(70)]).then((()=>()=>S(3873))))),l("dayjs","1.11.13",(()=>S.e(353).then((()=>()=>S(4353))))),l("i18next","23.16.0",(()=>S.e(635).then((()=>()=>S(2635))))),l("react-i18next","11.18.6",(()=>Promise.all([S.e(979),S.e(72)]).then((()=>()=>S(2979))))),l("react","18.3.1",(()=>S.e(540).then((()=>()=>S(6540))))),l("swr/_internal","2.2.5",(()=>Promise.all([S.e(993),S.e(72)]).then((()=>()=>S(4993))))),l("swr/immutable","2.2.5",(()=>Promise.all([S.e(225),S.e(72),S.e(465)]).then((()=>()=>S(4225))))),l("swr/infinite","2.2.5",(()=>Promise.all([S.e(41),S.e(72),S.e(465)]).then((()=>()=>S(3041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var r=S.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(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(/\/[^\/]+$/,"/"),S.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)=>e&&S.o(e,r),u=e=>(e.loaded=1,e.get()),f=e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}),p=(e,r,t)=>{var n=t?f(e[r]):e[r];return Object.keys(n).reduce(((e,r)=>!e||!n[e].loaded&&i(e,r)?r:e),0)},d=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",c=e=>{throw new Error(e)},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},m=(e,r,t)=>t?t():((e,r)=>c("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),v=(e=>function(r,t,n,o,i){var a=S.I(r);return a&&a.then&&!n?a.then(e.bind(e,r,S.S[r],t,!1,o,i)):e(r,S.S[r],t,n,o,i)})(((e,r,t,n,o,i)=>{if(!s(r,t))return m(e,t,i);var a=p(r,t,n);return l(o,a)||h(d(r,t,a,o)),u(r[t][a])})),g={},b={6072:()=>v("default","react",!1,[1,18],(()=>S.e(540).then((()=>()=>S(6540))))),6766:()=>v("default","i18next",!1,[1,23],(()=>S.e(635).then((()=>()=>S(2635))))),8465:()=>v("default","swr/_internal",!1,[1,2],(()=>S.e(993).then((()=>()=>S(4993))))),3941:()=>v("default","react-i18next",!1,[1,11],(()=>S.e(979).then((()=>()=>S(2979))))),5972:()=>v("default","@openmrs/esm-framework",!1,[1,5],(()=>Promise.all([S.e(151),S.e(766)]).then((()=>()=>S(5151))))),6656:()=>v("default","@openmrs/esm-patient-common-lib",!1,[1,8],(()=>Promise.all([S.e(254),S.e(465)]).then((()=>()=>S(3873))))),4209:()=>v("default","swr/immutable",!1,[1,2],(()=>Promise.all([S.e(225),S.e(465)]).then((()=>()=>S(4225))))),231:()=>v("default","dayjs",!1,[1,1],(()=>S.e(353).then((()=>()=>S(4353))))),6339:()=>v("default","swr/infinite",!1,[1,2],(()=>Promise.all([S.e(41),S.e(465)]).then((()=>()=>S(3041)))))},y={70:[4209],72:[6072],385:[3941,5972,6656],465:[8465],539:[231,4209,6339],766:[6766]},w={},S.f.consumes=(e,r)=>{S.o(y,e)&&y[e].forEach((e=>{if(S.o(g,e))return r.push(g[e]);if(!w[e]){var t=r=>{g[e]=0,S.m[e]=t=>{delete S.c[e],t.exports=r()}};w[e]=!0;var n=r=>{delete g[e],S.m[e]=t=>{throw delete S.c[e],r}};try{var o=b[e]();o.then?r.push(g[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};S.f.j=(r,t)=>{var n=S.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=S.p+S.u(r),a=new Error;S.l(i,(t=>{if(S.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)S.o(a,n)&&(S.m[n]=a[n]);l&&l(S)}for(r&&r(t);s<i.length;s++)o=i[s],S.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))})(),S.nc=void 0;var j=S(8008);_openmrs_esm_form_engine_lib=j})();

package/package.json

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

package/src/components/renderer/form/form-renderer.component.tsx

@@ -9,6 +9,8 @@ import { FormProvider, type FormContextProps } from '../../../provider/form-prov
 import { isTrue } from '../../../utils/boolean-utils';
 import { type FormProcessorContextProps } from '../../../types';
 import { useFormStateHelpers } from '../../../hooks/useFormStateHelpers';
+import { pageObserver } from '../../sidebar/page-observer';
+import { isPageContentVisible } from '../../../utils/form-helper';
 
 export type FormRendererProps = {
   processorContext: FormProcessorContextProps;
@@ -23,7 +25,10 @@ export const FormRenderer = ({
   isSubForm,
   setIsLoadingFormDependencies,
 }: FormRendererProps) => {
-  const { evaluatedFields, evaluatedFormJson } = useEvaluateFormFieldExpressions(initialValues, processorContext);
+  const { evaluatedFields, evaluatedFormJson, evaluatedPagesVisibility } = useEvaluateFormFieldExpressions(
+    initialValues,
+    processorContext,
+  );
   const { registerForm, setIsFormDirty, workspaceLayout, isFormExpanded } = useFormFactory();
   const methods = useForm({
     defaultValues: initialValues,
@@ -50,6 +55,19 @@ export const FormRenderer = ({
     setForm,
   } = useFormStateHelpers(dispatch, formFields);
 
+  useEffect(() => {
+    const scrollablePages = formJson.pages.filter((page) => !page.isSubform).map((page) => page);
+    pageObserver.updateScrollablePages(scrollablePages);
+  }, [formJson.pages]);
+
+  useEffect(() => {
+    pageObserver.setEvaluatedPagesVisibility(evaluatedPagesVisibility);
+  }, [evaluatedPagesVisibility]);
+
+  useEffect(() => {
+    pageObserver.updatePagesWithErrors(invalidFields.map((field) => field.meta.pageId));
+  }, [invalidFields]);
+
   const context: FormContextProps = useMemo(() => {
     return {
       ...processorContext,
@@ -80,11 +98,7 @@ export const FormRenderer = ({
   return (
     <FormProvider {...context}>
       {formJson.pages.map((page) => {
-        const pageHasNoVisibleContent =
-          page.sections?.every((section) => section.isHidden) ||
-          page.sections?.every((section) => section.questions?.every((question) => question.isHidden)) ||
-          isTrue(page.isHidden);
-        if (!page.isSubform && pageHasNoVisibleContent) {
+        if (!page.isSubform && !isPageContentVisible(page)) {
           return null;
         }
         if (page.isSubform && page.subform?.form) {

package/src/components/renderer/page/page.renderer.component.tsx

@@ -6,9 +6,9 @@ import { SectionRenderer } from '../section/section-renderer.component';
 import { Waypoint } from 'react-waypoint';
 import styles from './page.renderer.scss';
 import { Accordion, AccordionItem } from '@carbon/react';
-import { useFormFactory } from '../../../provider/form-factory-provider';
 import { ChevronDownIcon, ChevronUpIcon } from '@openmrs/esm-framework';
 import classNames from 'classnames';
+import { pageObserver } from '../../sidebar/page-observer';
 
 interface PageRendererProps {
   page: FormPage;
@@ -24,10 +24,8 @@ interface CollapsibleSectionContainerProps {
 
 function PageRenderer({ page, isFormExpanded }: PageRendererProps) {
   const { t } = useTranslation();
-  const pageId = useMemo(() => page.label.replace(/\s/g, ''), [page.label]);
   const [isCollapsed, setIsCollapsed] = useState(false);
 
-  const { setCurrentPage } = useFormFactory();
   const visibleSections = useMemo(
     () =>
       page.sections.filter((section) => {
@@ -41,12 +39,21 @@ function PageRenderer({ page, isFormExpanded }: PageRendererProps) {
 
   useEffect(() => {
     setIsCollapsed(!isFormExpanded);
+
+    return () => {
+      pageObserver.removeInactivePage(page.id);
+    };
   }, [isFormExpanded]);
 
   return (
     <div>
-      <Waypoint onEnter={() => setCurrentPage(pageId)} topOffset="50%" bottomOffset="60%">
-        <div className={styles.pageContent}>
+      <Waypoint
+        key={page.id}
+        onEnter={() => pageObserver.addActivePage(page.id)}
+        onLeave={() => pageObserver.removeInactivePage(page.id)}
+        topOffset="40%"
+        bottomOffset="40%">
+        <div id={page.id} className={styles.pageContent}>
           <div className={styles.pageHeader} onClick={toggleCollapse}>
             <p className={styles.pageTitle}>
               {t(page.label)}

package/src/components/repeat/repeat.component.tsx

@@ -32,6 +32,7 @@ const Repeat: React.FC<FormFieldInputProps> = ({ field }) => {
     formFields,
     methods: { getValues, setValue },
     addFormField,
+    removeFormField,
   } = context;
 
   useEffect(() => {
@@ -108,6 +109,7 @@ const Repeat: React.FC<FormFieldInputProps> = ({ field }) => {
       clearSubmission(field);
     }
     setRows(rows.filter((q) => q.id !== field.id));
+    removeFormField(field.id);
   };
 
   const onClickDeleteQuestion = (field: Readonly<FormField>) => {

package/src/components/sidebar/page-observer.ts

@@ -0,0 +1,58 @@
+import { BehaviorSubject } from 'rxjs';
+import { type FormPage } from '../../types';
+
+class PageObserver {
+  private scrollablePagesSubject = new BehaviorSubject<Array<FormPage>>([]);
+  private pagesWithErrorsSubject = new BehaviorSubject<Set<string>>(new Set());
+  private activePagesSubject = new BehaviorSubject<Set<string>>(new Set());
+  private evaluatedPagesVisibilitySubject = new BehaviorSubject<boolean>(null);
+
+  setEvaluatedPagesVisibility(evaluatedPagesVisibility: boolean) {
+    this.evaluatedPagesVisibilitySubject.next(evaluatedPagesVisibility);
+  }
+
+  updateScrollablePages(newPages: Array<FormPage>) {
+    this.scrollablePagesSubject.next(newPages);
+  }
+
+  updatePagesWithErrors(newErrors: string[]) {
+    this.pagesWithErrorsSubject.next(new Set(newErrors));
+  }
+
+  addActivePage(pageId: string) {
+    const currentActivePages = this.activePagesSubject.value;
+    currentActivePages.add(pageId);
+    this.activePagesSubject.next(currentActivePages);
+  }
+
+  removeInactivePage(pageId: string) {
+    const currentActivePages = this.activePagesSubject.value;
+    currentActivePages.delete(pageId);
+    this.activePagesSubject.next(currentActivePages);
+  }
+
+  getActivePagesObservable() {
+    return this.activePagesSubject.asObservable();
+  }
+
+  getScrollablePagesObservable() {
+    return this.scrollablePagesSubject.asObservable();
+  }
+
+  getPagesWithErrorsObservable() {
+    return this.pagesWithErrorsSubject.asObservable();
+  }
+
+  getEvaluatedPagesVisibilityObservable() {
+    return this.evaluatedPagesVisibilitySubject.asObservable();
+  }
+
+  clear() {
+    this.scrollablePagesSubject.next([]);
+    this.pagesWithErrorsSubject.next(new Set());
+    this.activePagesSubject.next(new Set());
+    this.evaluatedPagesVisibilitySubject.next(false);
+  }
+}
+
+export const pageObserver = new PageObserver();

package/src/components/sidebar/sidebar.component.tsx

@@ -1,118 +1,68 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
-import { Button, Toggle } from '@carbon/react';
-import { isEmpty } from '../../validators/form-validator';
-import { type FormPage } from '../../types';
+import { Button } from '@carbon/react';
+import { type FormPage, type SessionMode } from '../../types';
 import styles from './sidebar.scss';
-import { scrollIntoView } from '../../utils/form-helper';
+import { usePageObserver } from './usePageObserver';
+import { useCurrentActivePage } from './useCurrentActivePage';
+import { isPageContentVisible } from '../../utils/form-helper';
+import { InlineLoading } from '@carbon/react';
 
 interface SidebarProps {
-  allowUnspecifiedAll: boolean;
   defaultPage: string;
-  handleClose: () => void;
-  hideFormCollapseToggle: () => void;
   isFormSubmitting: boolean;
-  mode: string;
+  sessionMode: SessionMode;
   onCancel: () => void;
-  pagesWithErrors: string[];
-  scrollablePages: Set<FormPage>;
-  selectedPage: string;
-  setValues: (values: unknown) => void;
-  values: object;
+  handleClose: () => void;
+  hideFormCollapseToggle: () => void;
 }
 
 const Sidebar: React.FC<SidebarProps> = ({
-  allowUnspecifiedAll,
   defaultPage,
-  handleClose,
-  hideFormCollapseToggle,
   isFormSubmitting,
-  mode,
+  sessionMode,
   onCancel,
-  pagesWithErrors,
-  scrollablePages,
-  selectedPage,
-  setValues,
-  values,
+  handleClose,
+  hideFormCollapseToggle,
 }) => {
   const { t } = useTranslation();
-  const pages: Array<FormPage> = Array.from(scrollablePages);
-
-  useEffect(() => {
-    if (defaultPage && pages.some(({ label, isHidden }) => label === defaultPage && !isHidden)) {
-      scrollIntoView(joinWord(defaultPage));
-    }
-  }, [defaultPage, scrollablePages]);
-
-  const unspecifiedFields = useMemo(
-    () =>
-      Object.keys(values).filter(
-        (key) => key.endsWith('-unspecified') && isEmpty(values[key.split('-unspecified')[0]]),
-      ),
-    [values],
-  );
-
-  const handleClick = (selected) => {
-    const activeId = joinWord(selected);
-    scrollIntoView(activeId);
-  };
-
-  const markAllAsUnspecified = useCallback(
-    (toggled) => {
-      const updatedValues = { ...values };
-      unspecifiedFields.forEach((field) => {
-        updatedValues[field] = toggled;
-      });
-      setValues(updatedValues);
-    },
-    [unspecifiedFields, values, setValues],
-  );
+  const { pages, pagesWithErrors, activePages, evaluatedPagesVisibility } = usePageObserver();
+  const { currentActivePage, requestPage } = useCurrentActivePage({
+    pages,
+    defaultPage,
+    activePages,
+    evaluatedPagesVisibility,
+  });
 
   return (
     <div className={styles.sidebar}>
-      {pages.map((page, index) => {
-        if (page.isHidden) return null;
+      {pages
+        .filter((page) => isPageContentVisible(page))
+        .map((page) => (
+          <PageLink
+            key={page.id}
+            page={page}
+            currentActivePage={currentActivePage}
+            pagesWithErrors={pagesWithErrors}
+            requestPage={requestPage}
+          />
+        ))}
+      {sessionMode !== 'view' && <hr className={styles.divider} />}
 
-        const isCurrentlySelected = joinWord(page.label) === selectedPage;
-        const hasError = pagesWithErrors.includes(page.label);
-
-        return (
-          <div
-            aria-hidden="true"
-            className={classNames({
-              [styles.erroredSection]: isCurrentlySelected && hasError,
-              [styles.activeSection]: isCurrentlySelected && !hasError,
-              [styles.activeErroredSection]: !isCurrentlySelected && hasError,
-              [styles.section]: !isCurrentlySelected && !hasError,
-            })}
-            key={index}
-            onClick={() => handleClick(page.label)}>
-            <div className={styles.sectionLink}>{page.label}</div>
-          </div>
-        );
-      })}
-      {mode !== 'view' && <hr className={styles.divider} />}
-      <div className={styles.sidenavActions}>
-        {allowUnspecifiedAll && mode !== 'view' && (
-          <div className={styles.toggleContainer}>
-            <Toggle
-              id="auto-unspecifier"
-              labelA={t('unspecifyAll', 'Unspecify All')}
-              labelB={t('revert', 'Revert')}
-              labelText=""
-              onToggle={markAllAsUnspecified}
-            />
-          </div>
-        )}
-        {mode !== 'view' && (
+      <div className={styles.sideNavActions}>
+        {sessionMode !== 'view' && (
           <Button className={styles.saveButton} disabled={isFormSubmitting} type="submit">
-            {t('save', 'Save')}
+            {isFormSubmitting ? (
+              <InlineLoading description={t('submitting', 'Submitting') + '...'} />
+            ) : (
+              <span>{`${t('save', 'Save')}`}</span>
+            )}
           </Button>
         )}
         <Button
-          className={classNames(styles.saveButton, {
-            [styles.topMargin]: mode === 'view',
+          className={classNames(styles.closeButton, {
+            [styles.topMargin]: sessionMode === 'view',
           })}
           kind="tertiary"
           onClick={() => {
@@ -120,15 +70,39 @@ const Sidebar: React.FC<SidebarProps> = ({
             handleClose?.();
             hideFormCollapseToggle();
           }}>
-          {mode === 'view' ? t('close', 'Close') : t('cancel', 'Cancel')}
+          {sessionMode === 'view' ? t('close', 'Close') : t('cancel', 'Cancel')}
         </Button>
       </div>
     </div>
   );
 };
 
-function joinWord(value) {
-  return value.replace(/\s/g, '');
+interface PageLinkProps {
+  page: FormPage;
+  currentActivePage: string;
+  pagesWithErrors: string[];
+  requestPage: (page: string) => void;
+}
+
+function PageLink({ page, currentActivePage, pagesWithErrors, requestPage }: PageLinkProps) {
+  const isActive = page.id === currentActivePage;
+  const hasError = pagesWithErrors.includes(page.id);
+  return (
+    <div
+      className={classNames(styles.pageLink, {
+        [styles.activePage]: isActive && !hasError,
+        [styles.errorPage]: hasError && !isActive,
+        [styles.activeErrorPage]: hasError && isActive,
+      })}>
+      <button
+        onClick={(e) => {
+          e.preventDefault();
+          requestPage(page.id);
+        }}>
+        <span>{page.label}</span>
+      </button>
+    </div>
+  );
 }
 
 export default Sidebar;

package/src/components/sidebar/sidebar.scss

@@ -1,102 +1,87 @@
 @use '@carbon/colors';
 @use '@carbon/type';
 
-.sidebar {
-  width: 12rem;
-  min-height: 8rem;
-  overscroll-behavior: contain;
-  margin-right: 1rem;
-}
-
-.sidebarList {
-  max-height: 100%;
-}
-
-.sidenavActions {
-  margin-left: 0.6rem;
-}
-
-@media all and (device-width: 600px) and (device-height: 1024px) and (orientation: portrait) {
-  .sidebar {
-    width: 11rem;
-    max-height: 500px;
-    margin-right: 20px;
-    position: fixed;
-  }
-
-  .sidebarList {
-    max-height: 200px;
-    overflow-y: scroll;
-  }
-}
-
-.link {
-  margin: 0.375rem 0 0.375rem 0.5rem;
-  font-size: 1rem;
-  line-height: 1.43;
-  letter-spacing: 0.16px;
-  color: colors.$gray-100;
-  cursor: pointer;
-
-  :hover {
-    outline: none;
-  }
-}
-
-.section {
+.pageLink {
   border-left: 0.5rem solid colors.$teal-20;
   display: flex;
   align-items: center;
-  height: 2rem;
+  height: 3rem;
   padding: 0.25rem 0.5rem;
   background-color: colors.$white;
-  cursor: pointer;
+  margin: 0 0 0.063rem;
 }
 
-/* Tablet */
-:global(.omrs-breakpoint-lt-desktop) {
-  .section {
-    height: 3rem;
-  }
-}
-
-.sectionLink {
+.pageLink button {
   @include type.type-style('body-01');
+  font-family: inherit;
+  display: block;
+  background-color: inherit;
+  width: 100%;
+  border: none;
+  outline: none;
+  text-align: left;
+  min-height: 2rem;
+  white-space: normal;
+  word-wrap: break-word;
+  margin: 0 0 0.063rem;
   color: colors.$gray-100;
+  :hover {
+    cursor: pointer;
+  }
 }
 
-.activeSection {
-  @extend .section;
+.activePage {
   border-left: 0.5rem solid colors.$teal-50;
   background-color: #ededed;
 
-  .sectionLink {
+  button {
     font-weight: 600;
   }
 }
 
-.sectionDone {
-  @extend .section;
-  border-left: 0.5rem solid colors.$teal-80;
-  background-color: colors.$green-10;
+.errorPage {
+  border-left: 0.5rem solid colors.$red-40;
+  background-color: colors.$red-10;
+
+  button {
+    color: colors.$red-60 !important;
+  }
 }
 
-.erroredSection {
-  @extend .section;
+.activeErrorPage {
+  @extend .errorPage;
+  background-color: colors.$red-30;
   border-left: 0.5rem solid colors.$red-60;
-  color: colors.$red-70 !important;
-  background-color: colors.$red-20;
+
+  button {
+    font-weight: 600;
+  }
 }
 
-.activeErroredSection {
-  @extend .erroredSection;
-  font-weight: 600;
+.sidebar {
+  width: 12rem;
+  min-height: 8rem;
+  overscroll-behavior: contain;
+  margin-right: 1rem;
+}
+
+.sideNavActions {
+  margin-left: 0.6rem;
+}
+
+@media all and (device-width: 600px) and (device-height: 1024px) and (orientation: portrait) {
+  .sidebar {
+    width: 11rem;
+    max-height: 500px;
+    margin-right: 20px;
+    position: fixed;
+  }
 }
 
 .divider {
   border: 0;
   border-top: 1px solid colors.$gray-40;
-  margin: 2.5rem 0.5rem 1rem;
+  margin: 1rem 0.5rem;
 }
 
 .button {
@@ -114,8 +99,7 @@
 
 .closeButton {
   @extend .button;
+  &:hover {
+    background-color: colors.$red-60 !important;
+  }
 }
-
-.toggleContainer {
-  margin-bottom: 0.5rem;
-}