@openmrs/esm-implementer-tools-app 3.2.1-pre.1012 → 3.2.1-pre.1018

package/dist/openmrs-esm-implementer-tools-app.old

@@ -1,2 +1,2 @@
-System.register("@openmrs/esm-implementer-tools-app",[],(function(e,r){return{execute:function(){e((()=>{var e,t,n,o,a,i,s,l,u,p,f,c,d,h,m={6585:(e,r,t)=>{(0,t(7968).s)(1)},7968:(e,r,t)=>{const n=t(1577).R;r.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=n(t.y.meta.url,e)}},8331:(e,r,t)=>{t(6585)},1577:(e,r,t)=>{r.R=function(e,r){var t=document.createElement("a");t.href=e;for(var n="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,a=n.length;o!==r&&a>=0;)"/"===n[--a]&&o++;if(o!==r)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+r+") is greater than the number of directories ("+o+") in the URL path "+e);var i=n.slice(0,a+1);return t.protocol+"//"+t.host+i};Number.isInteger},3055:(e,r,t)=>{"use strict";var n={app:()=>Promise.all([t.e(983),t.e(307)]).then((()=>()=>t(5307)))},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),a=(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:()=>a})}},v={};function b(e){var r=v[e];if(void 0!==r)return r.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return m[e].call(t.exports,t,t.exports,b),t.loaded=!0,t.exports}return b.m=m,b.c=v,b.y=r,b.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return b.d(r,{a:r}),r},b.d=(e,r)=>{for(var t in r)b.o(r,t)&&!b.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},b.f={},b.e=e=>Promise.all(Object.keys(b.f).reduce(((r,t)=>(b.f[t](e,r),r)),[])),b.u=e=>e+".js",b.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),b.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},t="@openmrs/esm-implementer-tools-app:",b.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var i,s;if(void 0!==o)for(var l=document.getElementsByTagName("script"),u=0;u<l.length;u++){var p=l[u];if(p.getAttribute("src")==r||p.getAttribute("data-webpack")==t+o){i=p;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,b.nc&&i.setAttribute("nonce",b.nc),i.setAttribute("data-webpack",t+o),i.src=r),e[r]=[n];var f=(t,n)=>{i.onerror=i.onload=null,clearTimeout(c);var o=e[r];if(delete e[r],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),t)return t(n)},c=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),s&&document.head.appendChild(i)}},b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{b.S={};var e={},r={};b.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];b.o(b.S,t)||(b.S[t]={});var a=b.S[t],i="@openmrs/esm-implementer-tools-app",s=(e,r,t,n)=>{var o=a[e]=a[e]||{},s=o[r];(!s||!s.loaded&&(!n!=!s.eager?n:i>s.from))&&(o[r]={get:t,from:i,eager:!!n})},l=[];return"default"===t&&(s("@openmrs/esm-framework","3.2.1-pre.1012",(()=>b.e(217).then((()=>()=>b(7217))))),s("carbon-components-react","7.31.0",(()=>Promise.all([b.e(597),b.e(983),b.e(412),b.e(199),b.e(237)]).then((()=>()=>b(9597))))),s("carbon-components","10.31.0",(()=>Promise.all([b.e(25),b.e(1)]).then((()=>()=>b(25))))),s("carbon-icons","7.0.7",(()=>b.e(860).then((()=>()=>b(4860))))),s("react-dom","16.14.0",(()=>Promise.all([b.e(788),b.e(983)]).then((()=>()=>b(2788))))),s("react-i18next","11.15.4",(()=>Promise.all([b.e(743),b.e(983)]).then((()=>()=>b(5743))))),s("react","16.14.0",(()=>b.e(735).then((()=>()=>b(2735)))))),e[t]=l.length?Promise.all(l).then((()=>e[t]=1)):1}}})(),b.p="",n=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},o=(e,r)=>{e=n(e),r=n(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var o=e[t],a=(typeof o)[0];if(t>=r.length)return"u"==a;var i=r[t],s=(typeof i)[0];if(a!=s)return"o"==a&&"n"==s||"s"==s||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;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(s=e[o]))[0]?"-":(n>0?".":"")+(n=2,s);return t}var i=[];for(o=1;o<e.length;o++){var s=e[o];i.push(0===s?"not("+l()+")":1===s?"("+l()+" || "+l()+")":2===s?i.pop()+" "+i.pop():a(s))}return l();function l(){return i.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,r)=>{if(0 in e){r=n(r);var t=e[0],o=t<0;o&&(t=-t-1);for(var a=0,s=1,l=!0;;s++,a++){var u,p,f=s<e.length?(typeof e[s])[0]:"";if(a>=r.length||"o"==(p=(typeof(u=r[a]))[0]))return!l||("u"==f?s>t&&!o:""==f!=o);if("u"==p){if(!l||"u"!=f)return!1}else if(l)if(f==p)if(s<=t){if(u!=e[s])return!1}else{if(o?u>e[s]:u<e[s])return!1;u!=e[s]&&(l=!1)}else if("s"!=f&&"n"!=f){if(o||s<=t)return!1;l=!1,s--}else{if(s<=t||p<f!=o)return!1;l=!1}else"s"!=f&&"n"!=f&&(l=!1,s--)}}var c=[],d=c.pop.bind(c);for(a=1;a<e.length;a++){var h=e[a];c.push(1==h?d()|d():2==h?d()&d():h?i(h,r):!d())}return!!d()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&o(e,r)?r:e),0)},l=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",u=(e,r,t,n)=>{var o=s(e,t);return i(n,o)||"undefined"!=typeof console&&console.warn&&console.warn(l(e,t,o,n)),p(e[t][o])},p=e=>(e.loaded=1,e.get()),f=(e=>function(r,t,n,o){var a=b.I(r);return a&&a.then?a.then(e.bind(e,r,b.S[r],t,n,o)):e(0,b.S[r],t,n,o)})(((e,r,t,n,o)=>r&&b.o(r,t)?u(r,0,t,n):o())),c={},d={6983:()=>f("default","react",[1,16],(()=>b.e(735).then((()=>()=>b(2735))))),2680:()=>f("default","react-i18next",[1,11],(()=>b.e(743).then((()=>()=>b(5743))))),7657:()=>f("default","@openmrs/esm-framework",[0,3,1,14,,"pre"],(()=>b.e(217).then((()=>()=>b(7217))))),5412:()=>f("default","react-dom",[1,16],(()=>b.e(788).then((()=>()=>b(2788))))),6240:()=>f("default","carbon-icons",[1,7],(()=>b.e(860).then((()=>()=>b(4860))))),7569:()=>f("default","carbon-components",[1,10],(()=>b.e(25).then((()=>()=>b(25))))),9784:()=>f("default","carbon-components-react",[1,7],(()=>Promise.all([b.e(597),b.e(412),b.e(199)]).then((()=>()=>b(9597)))))},h={199:[6240,7569],307:[2680,7657],412:[5412],784:[9784],983:[6983]},b.f.consumes=(e,r)=>{b.o(h,e)&&h[e].forEach((e=>{if(b.o(c,e))return r.push(c[e]);var t=r=>{c[e]=0,b.m[e]=t=>{delete b.c[e],t.exports=r()}},n=r=>{delete c[e],b.m[e]=t=>{throw delete b.c[e],r}};try{var o=d[e]();o.then?r.push(c[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={346:0};b.f.j=(r,t)=>{var n=b.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(199|412|784|983)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=b.p+b.u(r),i=new Error;b.l(a,(t=>{if(b.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;i.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,n[1](i)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,i,s]=t,l=0;if(a.some((r=>0!==e[r]))){for(n in i)b.o(i,n)&&(b.m[n]=i[n]);s&&s(b)}for(r&&r(t);l<a.length;l++)o=a[l],b.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),b(8331),b(3055)})())}}}));
+System.register("@openmrs/esm-implementer-tools-app",[],(function(e,r){return{execute:function(){e((()=>{var e,t,n,o,a,i,s,l,u,p,f,c,d,h,m={6585:(e,r,t)=>{(0,t(7968).s)(1)},7968:(e,r,t)=>{const n=t(1577).R;r.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=n(t.y.meta.url,e)}},8331:(e,r,t)=>{t(6585)},1577:(e,r,t)=>{r.R=function(e,r){var t=document.createElement("a");t.href=e;for(var n="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,a=n.length;o!==r&&a>=0;)"/"===n[--a]&&o++;if(o!==r)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+r+") is greater than the number of directories ("+o+") in the URL path "+e);var i=n.slice(0,a+1);return t.protocol+"//"+t.host+i};Number.isInteger},3055:(e,r,t)=>{"use strict";var n={app:()=>Promise.all([t.e(983),t.e(307)]).then((()=>()=>t(5307)))},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),a=(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:()=>a})}},v={};function b(e){var r=v[e];if(void 0!==r)return r.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return m[e].call(t.exports,t,t.exports,b),t.loaded=!0,t.exports}return b.m=m,b.c=v,b.y=r,b.amdD=function(){throw new Error("define cannot be used indirect")},b.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return b.d(r,{a:r}),r},b.d=(e,r)=>{for(var t in r)b.o(r,t)&&!b.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},b.f={},b.e=e=>Promise.all(Object.keys(b.f).reduce(((r,t)=>(b.f[t](e,r),r)),[])),b.u=e=>e+".js",b.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),b.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},t="@openmrs/esm-implementer-tools-app:",b.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var i,s;if(void 0!==o)for(var l=document.getElementsByTagName("script"),u=0;u<l.length;u++){var p=l[u];if(p.getAttribute("src")==r||p.getAttribute("data-webpack")==t+o){i=p;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,b.nc&&i.setAttribute("nonce",b.nc),i.setAttribute("data-webpack",t+o),i.src=r),e[r]=[n];var f=(t,n)=>{i.onerror=i.onload=null,clearTimeout(c);var o=e[r];if(delete e[r],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),t)return t(n)},c=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),s&&document.head.appendChild(i)}},b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},b.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{b.S={};var e={},r={};b.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];b.o(b.S,t)||(b.S[t]={});var a=b.S[t],i="@openmrs/esm-implementer-tools-app",s=(e,r,t,n)=>{var o=a[e]=a[e]||{},s=o[r];(!s||!s.loaded&&(!n!=!s.eager?n:i>s.from))&&(o[r]={get:t,from:i,eager:!!n})},l=[];return"default"===t&&(s("@openmrs/esm-framework","3.2.1-pre.1018",(()=>b.e(217).then((()=>()=>b(7217))))),s("carbon-components-react","7.31.0",(()=>Promise.all([b.e(652),b.e(597),b.e(983),b.e(412),b.e(199)]).then((()=>()=>b(9597))))),s("carbon-components","10.31.0",(()=>Promise.all([b.e(25),b.e(1)]).then((()=>()=>b(25))))),s("carbon-icons","7.0.7",(()=>b.e(860).then((()=>()=>b(4860))))),s("react-dom","16.14.0",(()=>Promise.all([b.e(788),b.e(983)]).then((()=>()=>b(2788))))),s("react-i18next","11.15.4",(()=>Promise.all([b.e(743),b.e(983)]).then((()=>()=>b(5743))))),s("react","16.14.0",(()=>b.e(735).then((()=>()=>b(2735)))))),e[t]=l.length?Promise.all(l).then((()=>e[t]=1)):1}}})(),b.p="",n=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},o=(e,r)=>{e=n(e),r=n(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var o=e[t],a=(typeof o)[0];if(t>=r.length)return"u"==a;var i=r[t],s=(typeof i)[0];if(a!=s)return"o"==a&&"n"==s||"s"==s||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;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(s=e[o]))[0]?"-":(n>0?".":"")+(n=2,s);return t}var i=[];for(o=1;o<e.length;o++){var s=e[o];i.push(0===s?"not("+l()+")":1===s?"("+l()+" || "+l()+")":2===s?i.pop()+" "+i.pop():a(s))}return l();function l(){return i.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,r)=>{if(0 in e){r=n(r);var t=e[0],o=t<0;o&&(t=-t-1);for(var a=0,s=1,l=!0;;s++,a++){var u,p,f=s<e.length?(typeof e[s])[0]:"";if(a>=r.length||"o"==(p=(typeof(u=r[a]))[0]))return!l||("u"==f?s>t&&!o:""==f!=o);if("u"==p){if(!l||"u"!=f)return!1}else if(l)if(f==p)if(s<=t){if(u!=e[s])return!1}else{if(o?u>e[s]:u<e[s])return!1;u!=e[s]&&(l=!1)}else if("s"!=f&&"n"!=f){if(o||s<=t)return!1;l=!1,s--}else{if(s<=t||p<f!=o)return!1;l=!1}else"s"!=f&&"n"!=f&&(l=!1,s--)}}var c=[],d=c.pop.bind(c);for(a=1;a<e.length;a++){var h=e[a];c.push(1==h?d()|d():2==h?d()&d():h?i(h,r):!d())}return!!d()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&o(e,r)?r:e),0)},l=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",u=(e,r,t,n)=>{var o=s(e,t);return i(n,o)||"undefined"!=typeof console&&console.warn&&console.warn(l(e,t,o,n)),p(e[t][o])},p=e=>(e.loaded=1,e.get()),f=(e=>function(r,t,n,o){var a=b.I(r);return a&&a.then?a.then(e.bind(e,r,b.S[r],t,n,o)):e(0,b.S[r],t,n,o)})(((e,r,t,n,o)=>r&&b.o(r,t)?u(r,0,t,n):o())),c={},d={6983:()=>f("default","react",[1,16],(()=>b.e(735).then((()=>()=>b(2735))))),2680:()=>f("default","react-i18next",[1,11],(()=>b.e(743).then((()=>()=>b(5743))))),7657:()=>f("default","@openmrs/esm-framework",[0,3,1,14,,"pre"],(()=>b.e(217).then((()=>()=>b(7217))))),5412:()=>f("default","react-dom",[1,16],(()=>b.e(788).then((()=>()=>b(2788))))),6240:()=>f("default","carbon-icons",[1,7],(()=>b.e(860).then((()=>()=>b(4860))))),7569:()=>f("default","carbon-components",[1,10],(()=>b.e(25).then((()=>()=>b(25))))),9784:()=>f("default","carbon-components-react",[1,7],(()=>Promise.all([b.e(652),b.e(597),b.e(412),b.e(199)]).then((()=>()=>b(9597)))))},h={199:[6240,7569],307:[2680,7657],412:[5412],784:[9784],983:[6983]},b.f.consumes=(e,r)=>{b.o(h,e)&&h[e].forEach((e=>{if(b.o(c,e))return r.push(c[e]);var t=r=>{c[e]=0,b.m[e]=t=>{delete b.c[e],t.exports=r()}},n=r=>{delete c[e],b.m[e]=t=>{throw delete b.c[e],r}};try{var o=d[e]();o.then?r.push(c[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={346:0};b.f.j=(r,t)=>{var n=b.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(199|412|784|983)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=b.p+b.u(r),i=new Error;b.l(a,(t=>{if(b.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;i.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,n[1](i)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,i,s]=t,l=0;if(a.some((r=>0!==e[r]))){for(n in i)b.o(i,n)&&(b.m[n]=i[n]);s&&s(b)}for(r&&r(t);l<a.length;l++)o=a[l],b.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),b(8331),b(3055)})())}}}));
 //# sourceMappingURL=openmrs-esm-implementer-tools-app.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-implementer-tools-app",
-  "version": "3.2.1-pre.1012",
+  "version": "3.2.1-pre.1018",
   "license": "MPL-2.0",
   "description": "The admin interface for OpenMRS Frontend",
   "browser": "dist/openmrs-esm-implementer-tools-app.js",
@@ -51,13 +51,15 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-framework": "^3.2.1-pre.1012",
-    "@openmrs/webpack-config": "^3.2.1-pre.1012",
+    "@openmrs/esm-framework": "^3.2.1-pre.1018",
+    "@openmrs/webpack-config": "^3.2.1-pre.1018",
     "@types/carbon-components-react": "^7.24.0",
+    "ace-builds": "^1.4.14",
     "jest": "^26.6.3",
     "react": "^16.13.1",
+    "react-ace": "^9.5.0",
     "react-dom": "^16.13.1",
     "rxjs": "^6.5.3"
   },
-  "gitHead": "96acf2eb0cf6d8d83d7ce12280bbf445c34c5672"
+  "gitHead": "b174fc788f6f124ce4d8b65f64882bdb7099a3ce"
 }

package/src/configuration/configuration.component.tsx

@@ -22,12 +22,16 @@ import {
 } from "carbon-components-react";
 import { useTranslation } from "react-i18next";
 import { implementerToolsStore, ImplementerToolsStore } from "../store";
-import { ConfigTree } from "./config-tree.component";
-import { Description } from "./description.component";
+import { ConfigTree } from "./interactive-editor/config-tree.component";
+import { Description } from "./interactive-editor/description.component";
 import cloneDeep from "lodash-es/cloneDeep";
 import isEmpty from "lodash-es/isEmpty";
 import styles from "./configuration.styles.scss";
 
+const JsonEditor = React.lazy(
+  () => import("./json-editor/json-editor.component")
+);
+
 function isLeaf(configNode: Config) {
   return (
     configNode.hasOwnProperty("_default") ||
@@ -44,6 +48,9 @@ const actions = {
   toggleIsToolbarOpen({ isConfigToolbarOpen }: ImplementerToolsStore) {
     return { isConfigToolbarOpen: !isConfigToolbarOpen };
   },
+  toggleIsJsonModeEnabled({ isJsonModeEnabled }: ImplementerToolsStore) {
+    return { isJsonModeEnabled: !isJsonModeEnabled };
+  },
 };
 
 const configActions = {
@@ -78,6 +85,8 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
   const {
     isUIEditorEnabled,
     toggleIsUIEditorEnabled,
+    isJsonModeEnabled,
+    toggleIsJsonModeEnabled,
     isConfigToolbarOpen,
     toggleIsToolbarOpen,
   } = useStore(implementerToolsStore, actions);
@@ -134,6 +143,9 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
       : combinedConfig;
   }, [filterText, combinedConfig]);
 
+  const mainContentHeight = isConfigToolbarOpen
+    ? "calc(50vh - 7rem)"
+    : "calc(50vh - 2rem)";
   return (
     <>
       <div className={styles.tools}>
@@ -153,6 +165,14 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
                   onChange={(e) => setFilterText(e.target.value)}
                 />
               </Column>
+              <Column sm={1} md={1}>
+                <Toggle
+                  id="jsonModeSwitch"
+                  labelText={t("jsonEditor", "JSON Editor")}
+                  onToggle={toggleIsJsonModeEnabled}
+                  toggled={isJsonModeEnabled}
+                />
+              </Column>
               <Column sm={1} md={1}>
                 <Toggle
                   id="devConfigSwitch"
@@ -169,22 +189,22 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
                   onToggle={toggleIsUIEditorEnabled}
                 />
               </Column>
-              <Column sm={1} md={2} className={styles.actionButton}>
+              <Column sm={1} md={1} className={styles.actionButton}>
                 <Button
                   kind="danger"
-                  iconDescription="Clear temporary config"
+                  iconDescription="Clear local config"
                   renderIcon={TrashCan16}
                   onClick={() => {
                     temporaryConfigStore.setState({ config: {} });
                   }}
                 >
-                  {t("clearTemporaryConfig", "Clear Temporary Config")}
+                  {t("clearConfig", "Clear Local Config")}
                 </Button>
               </Column>
-              <Column sm={1} md={2} className={styles.actionButton}>
+              <Column sm={1} md={1} className={styles.actionButton}>
                 <Button
                   kind="secondary"
-                  iconDescription="Download temporary config"
+                  iconDescription="Download config"
                   renderIcon={Download16}
                 >
                   <a
@@ -192,7 +212,7 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
                     download="temporary_config.json"
                     href={window.URL.createObjectURL(tempConfigObjUrl)}
                   >
-                    {t("downloadTemporaryConfig", "Download Temporary Config")}
+                    {t("downloadConfig", "Download Config")}
                   </a>
                 </Button>
               </Column>
@@ -200,20 +220,19 @@ export const Configuration: React.FC<ConfigurationProps> = () => {
           </Grid>
         ) : null}
       </div>
-      <div
-        className={styles.mainContent}
-        style={{
-          height: isConfigToolbarOpen
-            ? "calc(50vh - 7rem)"
-            : "calc(50vh - 2rem)",
-        }}
-      >
-        <div className={styles.configTreePane}>
-          <ConfigTree config={filteredConfig} />
-        </div>
-        <div className={styles.descriptionPane}>
-          <Description />
-        </div>
+      <div className={styles.mainContent} style={{ height: mainContentHeight }}>
+        {isJsonModeEnabled ? (
+          <JsonEditor height={mainContentHeight} />
+        ) : (
+          <>
+            <div className={styles.configTreePane}>
+              <ConfigTree config={filteredConfig} />
+            </div>
+            <div className={styles.descriptionPane}>
+              <Description />
+            </div>
+          </>
+        )}
       </div>
     </>
   );

package/src/configuration/configuration.styles.scss

@@ -51,20 +51,8 @@
   min-width: 8em;
 }
 
-.fullWidthAccordion :global(.bx--accordion__content) {
-  padding-right: 0;
-}
-
 .toggleToolbarButton {
   width: 100%;
   display: flex;
   justify-content: flex-end;
 }
-
-.valueEditorButtons {
-  margin-top: $spacing-03;
-}
-
-.smallListCell {
-  padding: $spacing-03;
-}

package/src/configuration/configuration.test.tsx

@@ -11,11 +11,11 @@ import { Configuration } from "./configuration.component";
 import {
   performConceptSearch,
   fetchConceptByUuid,
-} from "./value-editors/concept-search.resource";
+} from "./interactive-editor/value-editors/concept-search.resource";
 
 const mockPerformConceptSearch = performConceptSearch as jest.Mock;
 const mockFetchConceptByUuid = fetchConceptByUuid as jest.Mock;
-jest.mock("./value-editors/concept-search.resource", () => ({
+jest.mock("./interactive-editor/value-editors/concept-search.resource", () => ({
   fetchConceptByUuid: jest.fn(),
   performConceptSearch: jest.fn(),
 }));
@@ -106,8 +106,8 @@ describe(`<Configuration />`, () => {
     renderConfiguration();
     await screen.findByText("Dev Config");
     screen.getByText("UI Editor");
-    screen.getByText("Clear Temporary Config");
-    screen.getByText("Download Temporary Config");
+    screen.getByText("Clear Local Config");
+    screen.getByText("Download Config");
   });
 
   it("displays correct boolean value and editor", async () => {

package/src/configuration/{config-subtree.component.tsx → interactive-editor/config-subtree.component.tsx}

@@ -1,6 +1,6 @@
 import React from "react";
 import EditableValue from "./editable-value.component";
-import { implementerToolsStore } from "../store";
+import { implementerToolsStore } from "../../store";
 import isEqual from "lodash-es/isEqual";
 import { Subtree } from "./layout/subtree.component";
 

package/src/configuration/{config-tree.component.tsx → interactive-editor/config-tree.component.tsx}

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./configuration.styles.scss";
+import styles from "./config-tree.styles.scss";
 import { Accordion, AccordionItem } from "carbon-components-react";
 import { ConfigTreeForModule } from "./config-tree-for-module.component";
 
@@ -17,7 +17,7 @@ export function ConfigTree({ config }: ConfigTreeProps) {
             const moduleConfig = config[moduleName];
             return Object.keys(moduleConfig).length ? (
               <AccordionItem
-                title={<h6 className={styles.moduleName}>{moduleName}</h6>}
+                title={<h6>{moduleName}</h6>}
                 className={styles.fullWidthAccordion}
                 key={`accordion-${moduleName}`}
               >

package/src/configuration/interactive-editor/config-tree.styles.scss

@@ -0,0 +1,3 @@
+.fullWidthAccordion :global(.bx--accordion__content) {
+  padding-right: 0;
+}

package/src/configuration/{description.component.tsx → interactive-editor/description.component.tsx}

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./description.styles.scss";
 import { useStore } from "@openmrs/esm-framework";
-import { implementerToolsStore } from "../store";
+import { implementerToolsStore } from "../../store";
 import { useTranslation } from "react-i18next";
 
 export function Description() {

package/src/configuration/{description.styles.scss → interactive-editor/description.styles.scss}

@@ -1,4 +1,4 @@
-@import "../implementer-tools.styles.scss";
+@import "../../implementer-tools.styles.scss";
 
 .path {
   @include carbon--type-style("productive-heading-02");

package/src/configuration/interactive-editor/display-value.scss

@@ -0,0 +1,5 @@
+@import "../../implementer-tools.styles.scss";
+
+.smallListCell {
+  padding: $spacing-03;
+}

package/src/configuration/{display-value.tsx → interactive-editor/display-value.tsx}

@@ -1,6 +1,6 @@
 import { StructuredListCell, StructuredListRow } from "carbon-components-react";
 import React from "react";
-import styles from "./configuration.styles.scss";
+import styles from "./display-value.scss";
 
 export interface DisplayValueProps {
   value: any;

package/src/configuration/{editable-value.component.tsx → interactive-editor/editable-value.component.tsx}

@@ -14,7 +14,7 @@ import {
   temporaryConfigStore,
 } from "@openmrs/esm-framework";
 import { ValueEditor, CustomValueType } from "./value-editor";
-import { implementerToolsStore, ImplementerToolsStore } from "../store";
+import { implementerToolsStore, ImplementerToolsStore } from "../../store";
 import { DisplayValue } from "./display-value";
 import { useTranslation } from "react-i18next";
 

package/src/configuration/{editable-value.styles.scss → interactive-editor/editable-value.styles.scss}

@@ -1,4 +1,4 @@
-@import "../implementer-tools.styles.scss";
+@import "../../implementer-tools.styles.scss";
 
 .secretButton {
   background: none;

package/src/configuration/{extension-slots-config-tree.tsx → interactive-editor/extension-slots-config-tree.tsx}

@@ -7,7 +7,7 @@ import {
 } from "@openmrs/esm-framework";
 import { ExtensionConfigureTree } from "./extension-configure-tree";
 import { Subtree } from "./layout/subtree.component";
-import { implementerToolsStore } from "../store";
+import { implementerToolsStore } from "../../store";
 
 interface ExtensionSlotsConfigTreeProps {
   extensionsConfig: { [key: string]: any };

package/src/configuration/interactive-editor/value-editor.scss

@@ -0,0 +1,5 @@
+@import "../../implementer-tools.styles.scss";
+
+.valueEditorButtons {
+  margin-top: $spacing-03;
+}

package/src/configuration/{value-editor.tsx → interactive-editor/value-editor.tsx}

@@ -5,7 +5,7 @@ import { Button } from "carbon-components-react";
 import { Type } from "@openmrs/esm-framework";
 import { ConfigValueDescriptor } from "./editable-value.component";
 import { ValueEditorField } from "./value-editors/value-editor-field";
-import styles from "./configuration.styles.scss";
+import styles from "./value-editor.scss";
 import { useTranslation } from "react-i18next";
 
 export type CustomValueType = "add" | "remove" | "order" | "configure";

package/src/configuration/{value-editors → interactive-editor/value-editors}/uuid-search.scss

@@ -1,4 +1,4 @@
-@import "../../implementer-tools.styles.scss";
+@import "../../../implementer-tools.styles.scss";
 
 .activeUuid {
   @include carbon--type-style("body-short-01");

package/src/configuration/json-editor/json-editor.component.tsx

@@ -0,0 +1,67 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { temporaryConfigStore, useStore } from "@openmrs/esm-framework";
+import AceEditor from "react-ace";
+import style from "./json-editor.scss";
+
+import "ace-builds/src-noconflict/mode-java";
+import "ace-builds/src-noconflict/theme-github";
+import { Button } from "carbon-components-react";
+
+export interface JsonEditorProps {
+  /** A CSS value */
+  height: string;
+}
+
+export default function JsonEditor({ height }: JsonEditorProps) {
+  const temporaryConfig = useStore(temporaryConfigStore);
+  const [editorValue, setEditorValue] = useState("");
+  const [error, setError] = useState("");
+  const [key, setKey] = useState(`ace-editor`);
+
+  const updateTemporaryConfig = useCallback(() => {
+    let config;
+    try {
+      config = JSON.parse(editorValue);
+    } catch (e) {
+      setError(e.message);
+      return;
+    }
+    setError("");
+    temporaryConfigStore.setState({ config });
+  }, [editorValue, temporaryConfigStore]);
+
+  useEffect(() => {
+    if (editorValue != JSON.stringify(temporaryConfig.config, null, 2)) {
+      setKey((k) => `${k}+`); // just keep appendingplus signs
+    }
+  }, [temporaryConfig.config]);
+
+  return (
+    <div>
+      <AceEditor
+        key={key}
+        mode="json"
+        theme="github"
+        defaultValue={JSON.stringify(temporaryConfig.config, null, 2)}
+        tabSize={2}
+        fontSize="12pt"
+        width="100vw"
+        height={`calc(${height} - 3rem)`}
+        onChange={(v) => {
+          setEditorValue(v);
+        }}
+      />
+      <div className={style.toolbar}>
+        <Button type="submit" onClick={updateTemporaryConfig}>
+          Update
+        </Button>
+        <div
+          className={style.alert}
+          style={{ backgroundColor: error ? "#d03030" : "inherit" }}
+        >
+          {error}
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/configuration/json-editor/json-editor.scss

@@ -0,0 +1,11 @@
+.toolbar {
+  display: flex;
+}
+
+.alert {
+  color: white;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: 2em;
+}

package/src/implementer-tools.component.tsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from "react";
-import Popup from "./popup/popup.component";
 import { NotificationActionButton } from "carbon-components-react";
 import {
   showNotification,
@@ -11,11 +10,14 @@ import {
   showModuleDiagnostics,
   togglePopup,
 } from "./store";
-import { UiEditor } from "./ui-editor/ui-editor";
+
 import { useBackendDependencies } from "./backend-dependencies/useBackendDependencies";
 import { hasInvalidDependencies } from "./backend-dependencies/openmrs-backend-dependencies";
 import { useTranslation } from "react-i18next";
 
+const Popup = React.lazy(() => import("./popup/popup.component"));
+const UiEditor = React.lazy(() => import("./ui-editor/ui-editor"));
+
 function PopupHandler() {
   const frontendModules = useBackendDependencies();
   const [shouldShowNotification, setShouldShowNotification] = useState(false);

package/src/store.ts

@@ -9,6 +9,7 @@ export interface ImplementerToolsStore {
   openTabIndex: number;
   isConfigToolbarOpen: boolean;
   isUIEditorEnabled: boolean;
+  isJsonModeEnabled: boolean;
 }
 
 export interface ActiveItemDescription {
@@ -27,6 +28,7 @@ export const implementerToolsStore: Store<ImplementerToolsStore> =
     openTabIndex: 0,
     isConfigToolbarOpen: getIsConfigToolbarOpen(),
     isUIEditorEnabled: getIsUIEditorEnabled(),
+    isJsonModeEnabled: getIsJsonModeEnabled(),
   });
 
 export const setHasAlert = implementerToolsStore.action(
@@ -52,6 +54,7 @@ export const showModuleDiagnostics = implementerToolsStore.action((state) => ({
 let lastValueOfIsOpen = getIsImplementerToolsOpen();
 let lastValueOfConfigToolbarOpen = getIsConfigToolbarOpen();
 let lastValueOfIsUiEditorEnabled = getIsUIEditorEnabled();
+let lastValueOfIsJsonModeEnabled = getIsJsonModeEnabled();
 
 implementerToolsStore.subscribe((state) => {
   if (state.isOpen != lastValueOfIsOpen) {
@@ -66,6 +69,10 @@ implementerToolsStore.subscribe((state) => {
     setIsConfigToolbarOpen(state.isConfigToolbarOpen);
     lastValueOfConfigToolbarOpen = state.isConfigToolbarOpen;
   }
+  if (state.isJsonModeEnabled != lastValueOfIsJsonModeEnabled) {
+    setIsJsonModeEnabled(state.isJsonModeEnabled);
+    lastValueOfIsJsonModeEnabled = state.isJsonModeEnabled;
+  }
 });
 
 function getIsImplementerToolsOpen(): boolean {
@@ -109,3 +116,15 @@ function getIsUIEditorEnabled(): boolean {
 function setIsUIEditorEnabled(enabled: boolean) {
   localStorage.setItem("openmrs:isUIEditorEnabled", JSON.stringify(enabled));
 }
+
+function getIsJsonModeEnabled(): boolean {
+  return (
+    JSON.parse(
+      localStorage.getItem("openmrs:getIsJsonModeEnabled") || "false"
+    ) ?? false
+  );
+}
+
+function setIsJsonModeEnabled(enabled: boolean) {
+  localStorage.setItem("openmrs:getIsJsonModeEnabled", JSON.stringify(enabled));
+}

package/src/ui-editor/ui-editor.tsx

@@ -7,7 +7,7 @@ import { Portal } from "./portal";
 import { ExtensionOverlay } from "./extension-overlay.component";
 import { ImplementerToolsStore, implementerToolsStore } from "../store";
 
-export function UiEditor() {
+export default function UiEditor() {
   const { slots, extensions } = useExtensionInternalStore();
   const { isOpen: implementerToolsIsOpen } = useStore(implementerToolsStore);
 

package/translations/en.json

@@ -1,14 +1,15 @@
 {
   "activeItemSourceText": "The current value comes from ",
   "backendModules": "Backend Modules",
-  "clearTemporaryConfig": "Clear Temporary Config",
+  "clearConfig": "Clear Local Config",
   "configuration": "Configuration",
   "devConfig": "Dev Config",
-  "downloadTemporaryConfig": "Download Temporary Config",
+  "downloadConfig": "Download Config",
   "edit": "Edit",
   "editValueButtonText": "Edit",
   "installedVersion": "Installed Version",
   "itemDescriptionSourceDefaultText": "The current value is the default.",
+  "jsonEditor": "JSON Editor",
   "missing": "Missing",
   "moduleName": "Module Name",
   "requiredVersion": "Required Version",

package/translations/es.json

@@ -1,13 +1,20 @@
 {
-  "backendModules": "Módulos backend",
-  "clearTemporaryConfig": "Borrar configuración temporal",
+  "activeItemSourceText": "El valor coriente viene de ",
+  "backendModules": "Modulos backend",
+  "clearConfig": "Borrar config",
   "configuration": "Configuración",
-  "devConfig": "Configuración de desarrollo",
-  "downloadTemporaryConfig": "Descargar configuración temporal",
+  "devConfig": "Valores defectos experimentales",
+  "downloadConfig": "Descargar config",
   "edit": "Editar",
+  "editValueButtonText": "Editar",
   "installedVersion": "Versión instalada",
-  "missing": "Desaparecido",
+  "itemDescriptionSourceDefaultText": "El valor coriente es lo predeterminado.",
+  "jsonEditor": "Editar como JSON",
+  "missing": "Falta",
+  "moduleName": "Nombre de modulo",
   "requiredVersion": "Versión requerida",
-  "uiEditor": "Editora de interfaz de usuario",
-  "implementerTools": "Herramientas de implementación"
+  "resetToDefaultValueButtonText": "Volver al valor predeterminado",
+  "uiEditor": "Editór visual",
+  "value": "Valor",
+  "view": "Vista"
 }

package/dist/237.js

@@ -1,2 +0,0 @@
-(self.webpackChunk_openmrs_esm_implementer_tools_app=self.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[237],{7024:(e,t,r)=>{"use strict";function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}r.d(t,{u9:()=>l});var c=["width","height","viewBox"],p=["tabindex"],s={focusable:"false",preserveAspectRatio:"xMidYMid meet"};function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.width,r=e.height,n=e.viewBox,i=void 0===n?"0 0 ".concat(t," ").concat(r):n,l=a(e,c),u=l.tabindex,b=a(l,p),f=o(o(o({},s),b),{},{width:t,height:r,viewBox:i});return f["aria-label"]||f["aria-labelledby"]||f.title?(f.role="img",null!=u&&(f.focusable="true",f.tabindex=u)):f["aria-hidden"]=!0,f}},459:(e,t,r)=>{"use strict";var n=r(5704);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,a){if(a!==n){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},216:(e,t,r)=>{e.exports=r(459)()},5704:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}}]);
-//# sourceMappingURL=237.js.map