feat(JSONEditor): allows to configure statusBar visibility

Author: enzonotario

docs/composables/useTheme.md

@@ -57,6 +57,8 @@ export default {
                     mainMenuBar: false,
                     // Set the visibility of the navigation bar.
                     navigationBar: false,
+                    // Set the visibility of the status bar.
+                    statusBar: false,
                 },
             },
             operation: {
@@ -172,6 +174,7 @@ export default {
 | `setPlaygroundJsonEditorMode`          | Sets the mode of the JSON editor.          | `'tree'`      | `'text'`, `'tree'`, `'table'` |
 | `setPlaygroundJsonEditorMainMenuBar`   | Sets the visibility of the main menu bar.  | `false`       | `true`, `false`               |
 | `setPlaygroundJsonEditorNavigationBar` | Sets the visibility of the navigation bar. | `false`       | `true`, `false`               |
+| `setPlaygroundJsonEditorStatusBar`     | Sets the visibility of the status bar.     | `false`       | `true`, `false`               |
 
 ## Operation Configuration
 

src/components/Common/OAJSONEditor.vue

@@ -32,6 +32,7 @@ const isDark = themeConfig.isDark
     :main-menu-bar="themeConfig.getPlaygroundJsonEditorMainMenuBar()"
     :navigation-bar="themeConfig.getPlaygroundJsonEditorNavigationBar()"
     :mode="themeConfig.getPlaygroundJsonEditorMode()"
+    :status-bar="themeConfig.getPlaygroundJsonEditorStatusBar()"
     class="oa-jse"
     :class="{
       'oa-jse-theme-dark': isDark,

src/composables/useTheme.ts

@@ -57,6 +57,7 @@ export interface PlaygroundConfig {
     mode: Ref<PlaygroundJsonEditorMode>
     mainMenuBar: Ref<boolean>
     navigationBar: Ref<boolean>
+    statusBar: Ref<boolean>
   }
 }
 
@@ -235,6 +236,7 @@ const themeConfig: UseThemeConfig = {
       mode: ref<PlaygroundJsonEditorMode>('tree'),
       mainMenuBar: ref<boolean>(false),
       navigationBar: ref<boolean>(false),
+      statusBar: ref<boolean>(false),
     },
   },
   security: {
@@ -369,6 +371,10 @@ export function useTheme(initialConfig: PartialUseThemeConfig = {}) {
       setPlaygroundJsonEditorNavigationBar(config.playground.jsonEditor.navigationBar)
     }
 
+    if (config?.playground?.jsonEditor?.statusBar !== undefined) {
+      setPlaygroundJsonEditorStatusBar(config.playground.jsonEditor.statusBar)
+    }
+
     if (config?.security?.defaultScheme !== undefined) {
       setSecurityDefaultScheme(config.security.defaultScheme)
     }
@@ -584,6 +590,15 @@ export function useTheme(initialConfig: PartialUseThemeConfig = {}) {
     themeConfig.playground.jsonEditor.navigationBar.value = value
   }
 
+  function getPlaygroundJsonEditorStatusBar(): boolean | undefined {
+    return themeConfig?.playground?.jsonEditor?.statusBar.value
+  }
+
+  function setPlaygroundJsonEditorStatusBar(value: boolean) {
+    // @ts-expect-error: This is a valid expression.
+    themeConfig.playground.jsonEditor.statusBar.value = value
+  }
+
   function getSecurityDefaultScheme(): string | null | undefined {
     return themeConfig?.security?.defaultScheme?.value
   }
@@ -877,6 +892,8 @@ export function useTheme(initialConfig: PartialUseThemeConfig = {}) {
     setPlaygroundJsonEditorMainMenuBar,
     getPlaygroundJsonEditorNavigationBar,
     setPlaygroundJsonEditorNavigationBar,
+    getPlaygroundJsonEditorStatusBar,
+    setPlaygroundJsonEditorStatusBar,
     getSecurityDefaultScheme,
     setSecurityDefaultScheme,
     getOperationBadges,