impaktapps-ui-builder 0.0.91 → 0.0.92

package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts

@@ -22,6 +22,7 @@ export declare const APISection: {
                 heading: string;
                 minRows: number;
                 hideButton: boolean;
+                enableCodeEditor: boolean;
             };
         };
     } | {

package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts

@@ -59,6 +59,7 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
             heading: string;
             minRows: number;
             hideButton: boolean;
+            enableCodeEditor: boolean;
         };
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.91",
+    "version": "0.0.92",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts

@@ -45,6 +45,12 @@ export const buildTextArea = (config:any,componentScope:string) =>{
       if (config.placeholder) {
         textArea.config.main.placeholder = config.placeholder;
       }
+      if(config.enableCodeEditor){
+        textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false
+      }
+      if(config.codeEditorLanguage){
+        textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
+      }
       textArea.scope = componentScope;
     return textArea;
 }

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -206,7 +206,8 @@ export const getTextArea = (scope: string, heading: string, hideButton: boolean,
       main: {
         heading: heading,
         minRows: 8,
-        hideButton: hideButton
+        hideButton: hideButton,
+        enableCodeEditor: true
       },
     },
   }
@@ -324,7 +325,9 @@ export const buildPropertiesSection = function (type: String) {
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox("TextAreaEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }), emptyBox("TextAreaEmpty2", {xs: 0, sm: 0, md: 4, lg: 4 })]
+        getRadioInputField("enableCodeEditor", "Enable Code Editor",["YES", "NO"]),
+        getInputField("codeEditorLanguage", "Enter Code Language"),
+      ]
       break;
 
     case "SpeedoMeter":

package/src/impaktapps-ui-builder/runtime/services/events.ts

@@ -146,7 +146,7 @@ function executeCustomHandler(params: handlersProps) {
 }
 
 function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: any, formDataHolder: any) {
-  if (eventConfig.type === "Select"  && handlerResponse?.data && !_.isEmpty(handlerResponse?.data)) {
+  if (eventConfig.type === "Select"  && handlerResponse?.data) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {
@@ -158,7 +158,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
       }
     })
   }
-  else if (eventConfig.type === "MultipleSelect" && handlerResponse?.data && !_.isEmpty(handlerResponse?.data)) {
+  else if (eventConfig.type === "MultipleSelect" && handlerResponse?.data) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -93,7 +93,7 @@ export default (funcParams: funcParamsProps) => {
       const event = new CustomEvent('pageNameChanged', {
         detail: { pageName: config.label }
       });
-       window.dispatchEvent(event)
+      window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
       uiSchema.elements.push(