@openmrs/esm-form-builder-app 3.1.1-pre.2145 → 3.1.1-pre.2147

package/dist/openmrs-esm-form-builder-app.js.buildmanifest.json

@@ -188,9 +188,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 705293,
+      "size": 705744,
       "sizes": {
-        "javascript": 705293
+        "javascript": 705744
       },
       "names": [],
       "idHints": [],
@@ -204,7 +204,7 @@
       "auxiliaryFiles": [
         "1208.js.map"
       ],
-      "hash": "2906bce328d27a68",
+      "hash": "0d4fc324dd8d8c51",
       "childrenByOrder": {}
     },
     {
@@ -617,9 +617,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 13255,
+      "size": 13289,
       "sizes": {
-        "javascript": 13255
+        "javascript": 13289
       },
       "names": [],
       "idHints": [],
@@ -631,7 +631,7 @@
         "4300.js"
       ],
       "auxiliaryFiles": [],
-      "hash": "4ed252c1cf9e6634",
+      "hash": "0b90bd635dfad45f",
       "childrenByOrder": {}
     },
     {
@@ -1797,7 +1797,7 @@
       "auxiliaryFiles": [
         "8091.js.map"
       ],
-      "hash": "40baea7774557387",
+      "hash": "61aaf9fe9ad6c398",
       "childrenByOrder": {}
     },
     {
@@ -1987,7 +1987,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "44608e605fbb1802",
+      "hash": "9d457117952761ab",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.2.0"},"pages":[{"component":"root","route":"form-builder","online":true,"offline":true,"order":1}],"extensions":[{"name":"system-administration-form-builder-card-link","slot":"system-admin-page-card-link-slot","component":"systemAdministrationFormBuilderCardLink","online":true,"offline":true}],"modals":[{"name":"new-form-modal","component":"newFormModal"},{"name":"new-page-modal","component":"newPageModal"},{"name":"delete-page-modal","component":"deletePageModal"},{"name":"new-section-modal","component":"newSectionModal"},{"name":"delete-section-modal","component":"deleteSectionModal"},{"name":"add-form-reference-modal","component":"addFormReferenceModal"},{"name":"question-modal","component":"questionModal"},{"name":"delete-question-modal","component":"deleteQuestionModal"},{"name":"edit-question-modal","component":"editQuestionModal"},{"name":"restore-draft-schema-modal","component":"restoreDraftSchemaModal"},{"name":"unpublish-form-modal","component":"unpublishFormModal"},{"name":"delete-form-modal","component":"deleteFormModal"},{"name":"edit-translation-modal","component":"editTranslationModal"}],"version":"3.1.1-pre.2145"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.2.0"},"pages":[{"component":"root","route":"form-builder","online":true,"offline":true,"order":1}],"extensions":[{"name":"system-administration-form-builder-card-link","slot":"system-admin-page-card-link-slot","component":"systemAdministrationFormBuilderCardLink","online":true,"offline":true}],"modals":[{"name":"new-form-modal","component":"newFormModal"},{"name":"new-page-modal","component":"newPageModal"},{"name":"delete-page-modal","component":"deletePageModal"},{"name":"new-section-modal","component":"newSectionModal"},{"name":"delete-section-modal","component":"deleteSectionModal"},{"name":"add-form-reference-modal","component":"addFormReferenceModal"},{"name":"question-modal","component":"questionModal"},{"name":"delete-question-modal","component":"deleteQuestionModal"},{"name":"edit-question-modal","component":"editQuestionModal"},{"name":"restore-draft-schema-modal","component":"restoreDraftSchemaModal"},{"name":"unpublish-form-modal","component":"unpublishFormModal"},{"name":"delete-form-modal","component":"deleteFormModal"},{"name":"edit-translation-modal","component":"editTranslationModal"}],"version":"3.1.1-pre.2147"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-builder-app",
-  "version": "3.1.1-pre.2145",
+  "version": "3.1.1-pre.2147",
   "license": "MPL-2.0",
   "description": "Form Builder for O3",
   "browser": "dist/openmrs-esm-form-builder-app.js",

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

@@ -315,18 +315,6 @@ const FormEditorContent: React.FC<TranslationFnProps> = ({ t }) => {
             <div className={styles.heading}>
               <span className={styles.tabHeading}>{t('schemaEditor', 'Schema editor')}</span>
               <div className={styles.topBtns}>
-                <Dropdown
-                  id="target-language"
-                  items={languageOptions}
-                  itemToString={(item) => item?.label ?? ''}
-                  label={t('selectLanguage', 'Select language')}
-                  titleText=""
-                  selectedItem={languageOptions.find((opt) => opt.code === selectedLanguageCode)}
-                  onChange={({ selectedItem }) => {
-                    if (selectedItem) setSelectedLanguageCode(selectedItem.code);
-                  }}
-                />
-
                 {!schema ? (
                   <FileUploader
                     onChange={handleSchemaImport}
@@ -348,6 +336,20 @@ const FormEditorContent: React.FC<TranslationFnProps> = ({ t }) => {
                     {t('inputDummySchema', 'Input dummy schema')}
                   </Button>
                 ) : null}
+                <Dropdown
+                  id="target-language"
+                  items={languageOptions}
+                  itemToString={(item) => item?.label ?? ''}
+                  label={t('selectLanguage', 'Select language')}
+                  onChange={({ selectedItem }) => {
+                    if (selectedItem) setSelectedLanguageCode(selectedItem.code);
+                  }}
+                  titleText={t('previewFormIn', 'Preview form in')}
+                  selectedItem={languageOptions.find((opt) => opt.code === selectedLanguageCode)}
+                  type="inline"
+                  className={styles.dropdown}
+                />
+
                 <Button kind="ghost" onClick={handleRenderSchemaChanges} disabled={invalidJsonErrorMessage}>
                   <span>{t('renderChanges', 'Render changes')}</span>
                 </Button>

package/src/components/form-editor/form-editor.scss

@@ -107,3 +107,11 @@ button {
   display: flex;
   align-items: center;
 }
+
+.dropdown {
+  grid-gap: 0 !important;
+
+  :global(.cds--label) {
+    white-space: nowrap;
+  }
+}