impaktapps-ui-builder 1.0.101 → 1.0.103

package/dist/impaktapps-ui-builder.es.js

@@ -1488,7 +1488,7 @@ var lodash = { exports: {} };
       var reIsNative = RegExp2(
         "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
-      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined$1, symIterator = Symbol ? Symbol.iterator : undefined$1, symToStringTag = Symbol ? Symbol.toStringTag : undefined$1;
+      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined$1, symIterator = Symbol ? Symbol.iterator : undefined$1, symToStringTag = Symbol ? Symbol.toStringTag : undefined$1;
       var defineProperty = function() {
         try {
           var func = getNative(Object2, "defineProperty");
@@ -2750,7 +2750,7 @@ var lodash = { exports: {} };
       }
       function cloneArrayBuffer(arrayBuffer) {
         var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-        new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
+        new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
         return result2;
       }
       function cloneDataView(dataView, isDeep) {
@@ -3354,7 +3354,7 @@ var lodash = { exports: {} };
             object = object.buffer;
             other = other.buffer;
           case arrayBufferTag:
-            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array(object), new Uint8Array(other))) {
+            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
               return false;
             }
             return true;
@@ -6299,6 +6299,17 @@ const ComponentSchema = {
         { title: "Put", const: "put" }
       ]
     },
+    maxPageSize: {
+      type: "number",
+      oneOf: [
+        { title: "10", const: 10 },
+        { title: "20", const: 20 },
+        { title: "30", const: 30 },
+        { title: "50", const: 50 },
+        { title: "100", const: 100 },
+        { title: "500", const: 500 }
+      ]
+    },
     layout: {
       type: "array",
       items: {
@@ -6476,7 +6487,8 @@ const ComponentSchema = {
               { const: "required", title: "Required" },
               { const: "minLength", title: "Minimum Length" },
               { const: "maxLength", title: "Maximum Length" },
-              { const: "pattern", title: "Pattern" }
+              { const: "pattern", title: "Pattern" },
+              { const: "readOnly", title: "Read Only" }
             ]
           },
           validationValue: {
@@ -7623,8 +7635,7 @@ const getSelectField = (scope, label, options) => {
       layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label,
-        type: "text",
-        options
+        type: "text"
       }
     }
   };
@@ -7671,7 +7682,7 @@ const buildPropertiesSection = function(type) {
       break;
     case "TreeMap":
       uiSchema.elements = [
-        getSelectField("orientation", "orientation", []),
+        getSelectField("orientation", "orientation"),
         getInputField("linkType", "linkType"),
         getInputField("graphHeight", "Graph Height"),
         getInputField("graphWidth", "Graph Width"),
@@ -7706,10 +7717,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
         getInputField("resetText", "Reset Text"),
         getInputField("completeText", "Complete Text"),
-        getSelectField("orientation", "Orientation Type", [
-          { label: "Horizontal", value: "horizontal" },
-          { label: "Vertical", value: "vertical" }
-        ]),
+        getSelectField("orientation", "Orientation Type"),
         emptyBox$1("Stepper", { xs: 6, sm: 6, md: 4, lg: 4 }),
         getArrayControl("sectionLabels", "label")
       ];
@@ -7726,11 +7734,7 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
         getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
-        getSelectField("variant", "Variant", [
-          { label: "Outlined", value: "outlined" },
-          { label: "Filled", value: "filled" },
-          { label: "Standard", value: "standard" }
-        ]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("TextEmpty1", { xs: 6, sm: 6, md: 0, lg: 3 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name")
@@ -7800,20 +7804,17 @@ const buildPropertiesSection = function(type) {
       break;
     case "Button":
       uiSchema.elements = [
-        getSelectField("buttonType", "Button Type", []),
-        getSelectField("iconName", "Icon Name", []),
-        getSelectField("color", "Color", []),
+        getSelectField("buttonType", "Button Type"),
+        getSelectField("iconName", "Icon Name"),
+        getSelectField("color", "Color"),
         getInputField("tooltipMessage", "Tooltip Message"),
-        getSelectField("defaultStyle", "Default Style", [
-          { label: "Apply Default Style", value: "true" },
-          { label: "No Style", value: "false" }
-        ]),
+        getSelectField("defaultStyle", "Default Style"),
         emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
       ];
       break;
     case "Box":
       uiSchema.elements = [
-        getSelectField("iconName", "Icon Name", []),
+        getSelectField("iconName", "Icon Name"),
         emptyBox$1("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 })
       ];
       break;
@@ -7821,14 +7822,7 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getInputField("height", "Height"),
         getInputField("heading", "Heading"),
-        getSelectField("graphType", "Graph Type", [
-          { label: "Bar Graph", value: "BarGraph" },
-          { label: "Stack Bar Graph", value: "StackBarGraph" },
-          { label: "Line Graph", value: "LineGraph" },
-          { label: "Pie Graph", value: "PieGraph" },
-          { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
-          { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
-        ]),
+        getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
@@ -7877,14 +7871,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
-        getSelectField("maxPageSize", "Max Page Size", [
-          { label: "10", value: 10 },
-          { label: "20", value: 20 },
-          { label: "30", value: 30 },
-          { label: "50", value: 50 },
-          { label: "100", value: 100 },
-          { label: "500", value: 500 }
-        ]),
+        getSelectField("maxPageSize", "Max Page Size"),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -7910,43 +7897,27 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
-        getSelectField("variant", "Variant", [
-          { label: "Outlined", value: "outlined" },
-          { label: "Filled", value: "filled" },
-          { label: "Standard", value: "standard" }
-        ]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("SelectEmpty")
       ];
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        getSelectField("variant", "Variant", [
-          { label: "Outlined", value: "outlined" },
-          { label: "Filled", value: "filled" },
-          { label: "Standard", value: "standard" }
-        ]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
         emptyBox$1("MultipleSelectEmpty2")
       ];
       break;
     case "Date":
       uiSchema.elements = [
-        getSelectField("variant", "Variant", [
-          { label: "Outlined", value: "outlined" },
-          { label: "Filled", value: "filled" },
-          { label: "Standard", value: "standard" }
-        ]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
       ];
       break;
     case "DateTime":
       uiSchema.elements = [
-        getSelectField("variant", "Variant", [
-          { label: "Outlined", value: "outlined" },
-          { label: "Filled", value: "filled" },
-          { label: "Standard", value: "standard" }
-        ]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
       ];
       break;
@@ -8461,7 +8432,7 @@ const sectionLabels = {
   Timer: ["Core", "Events", "Style", "Validation"],
   Rank: ["Core", "Events", "Style", "Validation"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components", "Properties", "Validation"],
+  Array: ["Core", "Components", "Properties", "Events", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -9012,7 +8983,8 @@ const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
+        { title: "downloadFileFromUrl", const: "downloadFileFromUrl" },
+        { title: "downloadFileFromBase64", const: "downloadFileFromBase64" }
       ]
     },
     body: {
@@ -9089,12 +9061,7 @@ const EventUiSchema = (theme) => {
                   }
                 }
               },
-              getSelectField("Handler", "Handler", [
-                { label: "Custom", value: "custom" },
-                { label: "API", value: "api" },
-                { label: "Inbuilt Function", value: "inBuiltFunction" },
-                { label: "Refresh", value: "refresh" }
-              ]),
+              getSelectField("Handler", "Handler"),
               {
                 type: "Control",
                 scope: "#/properties/EmptyBox",
@@ -9773,12 +9740,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[0].elements[0].elements[2] = getSelectField(
             "inBuiltFunctionType",
-            "Function Name",
-            [
-              { label: "RankProvider", value: "RankProvider" },
-              { label: "Download File", value: "downloadFile" },
-              { label: "Download Blob File", value: "downloadBlobFile" }
-            ]
+            "Function Name"
           );
           uiSchema.elements[0].elements[0].elements[3] = {
             type: "Control",
@@ -9974,7 +9936,33 @@ const downloadFile$1 = (obj) => {
   URL.revokeObjectURL(url);
   document.body.removeChild(link);
 };
-const doDownload = (response, service2) => {
+function downloadFileFromBase64({ data, name }) {
+  var _a;
+  const binary = window.atob(data);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  const extension = (_a = name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  const mimeMap = {
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    csv: "text/csv"
+  };
+  const blob = new Blob([bytes], {
+    type: mimeMap[extension] || "application/octet-stream"
+  });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+const downloadFileFromUrl = (response, service2) => {
   let url = `${service2.defaults.baseURL}/${response.path}`;
   if (response == null ? void 0 : response.params) {
     const keysArray = Object.keys(response == null ? void 0 : response.params);
@@ -10323,7 +10311,7 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
+    serviceHolder: { downloadFile: downloadFile$1, download: downloadFileFromUrl, downloadFileFromBase64, ...funcParams.functionsProvider },
     eventGroups,
     functionsProvider: funcParams.functionsProvider,
     formDataHolder
@@ -10533,7 +10521,8 @@ var service = (funcParams) => {
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload,
+    downloadFileFromUrl,
+    downloadFileFromBase64,
     ...funcParams.functionsProvider
   };
 };
@@ -12339,115 +12328,94 @@ let schema = {
   properties: {},
   required: []
 };
-function buildRule(configObj, tableName, arrayHolderName) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  if (arrayHolderName) {
-    if ((_c = (_b = (_a = schema.properties) == null ? void 0 : _a[tableName]) == null ? void 0 : _b.items) == null ? void 0 : _c.properties) {
-      if (!((_g = (_f = (_e = (_d = schema.properties) == null ? void 0 : _d[tableName]) == null ? void 0 : _e.items) == null ? void 0 : _f.properties) == null ? void 0 : _g[configObj.name])) {
-        schema.properties[tableName].items.properties[configObj.name] = {};
-        if (configObj.type === "Select" && ((_h = configObj.value) == null ? void 0 : _h.length) > 0) {
-          schema.properties[tableName].items.properties[configObj.name] = {
-            oneOf: configObj.value.map((e) => {
-              return { const: e.value, title: e.label };
-            })
-          };
-        } else if (configObj.type === "MultipleSelect" && ((_i = configObj.value) == null ? void 0 : _i.length) > 0) {
-          schema.properties[tableName].items.properties[configObj.name] = {
-            items: {
-              oneOf: configObj.value.map((e) => {
-                return { const: e.value, title: e.label };
-              })
-            }
-          };
-        }
+function buildOneOf(values) {
+  return values.map((e) => ({
+    const: e.value,
+    title: e.label
+  }));
+}
+function applyValidations(schemaNode, validations = [], requiredArr, fieldName) {
+  validations.forEach((rule) => {
+    if (rule.validationType === "readOnly") {
+      schemaNode.disabled = true;
+    }
+    if (rule.validationType === "required") {
+      if (requiredArr && fieldName) {
+        requiredArr.push(fieldName);
       }
+    } else {
+      schemaNode.type = "string";
+      schemaNode[rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
     }
-  } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && ((_j = configObj.value) == null ? void 0 : _j.length) > 0) {
-    if (configObj.type === "Select") {
-      schema.properties[configObj.name] = {
-        oneOf: configObj.value.map((e) => {
-          return { const: e.value, title: e.label };
-        })
-      };
-    } else if (configObj.type === "MultipleSelect") {
-      schema.properties[configObj.name] = {
-        items: {
-          oneOf: configObj.value.map((e) => {
-            return { const: e.value, title: e.label };
-          })
-        }
+  });
+}
+function buildNode(config2) {
+  var _a, _b, _c;
+  if (config2.type === "Array") {
+    const arraySchema = {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {},
+        required: []
+      }
+    };
+    (_a = config2.elements) == null ? void 0 : _a.forEach((child) => {
+      var _a2;
+      const childNode = buildNode(child);
+      if (!childNode)
+        return;
+      arraySchema.items.properties[child.name] = childNode.schema;
+      if ((_a2 = childNode.required) == null ? void 0 : _a2.length) {
+        arraySchema.items.required.push(child.name);
+      }
+    });
+    return { schema: arraySchema };
+  }
+  let fieldSchema = {};
+  if ((config2.type === "Select" || config2.type === "MultipleSelect") && ((_b = config2.value) == null ? void 0 : _b.length) > 0) {
+    if (config2.type === "Select") {
+      fieldSchema.oneOf = buildOneOf(config2.value);
+    } else {
+      fieldSchema.type = "array";
+      fieldSchema.items = {
+        oneOf: buildOneOf(config2.value)
       };
     }
   }
-  if (configObj.validation) {
-    configObj.validation.forEach((rule) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l;
-      if (tableName) {
-        if ((_c2 = (_b2 = (_a2 = schema.properties) == null ? void 0 : _a2[tableName]) == null ? void 0 : _b2.items) == null ? void 0 : _c2.properties) {
-          if (!((_g2 = (_f2 = (_e2 = (_d2 = schema.properties) == null ? void 0 : _d2[tableName]) == null ? void 0 : _e2.items) == null ? void 0 : _f2.properties) == null ? void 0 : _g2[configObj.name])) {
-            schema.properties[tableName].items.properties[configObj.name] = {};
-            if (configObj.type === "Select" || ((_h2 = configObj.value) == null ? void 0 : _h2.length) > 0) {
-              schema.properties[tableName].items.properties[configObj.name] = {
-                oneOf: configObj.value.map((e) => {
-                  return { const: e.value, title: e.label };
-                })
-              };
-            } else if (configObj.type === "MultipleSelect" || ((_i2 = configObj.value) == null ? void 0 : _i2.length) > 0) {
-              schema.properties[tableName].items.properties[configObj.name] = {
-                items: {
-                  oneOf: configObj.value.map((e) => {
-                    return { const: e.value, title: e.label };
-                  })
-                }
-              };
-            }
-          }
-          if (rule.validationType === "required") {
-            (_l = (_k = (_j2 = schema.properties) == null ? void 0 : _j2[tableName]) == null ? void 0 : _k.items) == null ? void 0 : _l.required.push(configObj.name);
-          } else {
-            schema.properties[tableName].items.properties[configObj.name]["type"] = "string";
-            schema.properties[tableName].items.properties[configObj.name][rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
-          }
-        }
-      } else {
-        if (!schema.properties[configObj.name]) {
-          schema.properties[configObj.name] = {};
-        }
-        if (rule.validationType === "required") {
-          schema.required.push(configObj.name);
-        } else {
-          schema.properties[configObj.name]["type"] = "string";
-          schema.properties[configObj.name][rule.validationType] = isNaN(rule.validationValue) ? rule.validationValue : Number(rule.validationValue);
-        }
-      }
-    });
+  if (config2.validation) {
+    applyValidations(fieldSchema, config2.validation);
   }
+  const required = ((_c = config2.validation) == null ? void 0 : _c.some(
+    (v) => v.validationType === "required"
+  )) ? [config2.name] : [];
+  return {
+    schema: fieldSchema,
+    required
+  };
 }
-const buildSchema = (config2, tableName, isArrayType) => {
-  buildRule(config2, tableName, isArrayType);
-  if (config2 == null ? void 0 : config2.elements) {
-    if (config2.type == "Array") {
-      if (!schema.properties[config2.name]) {
-        schema.properties[config2.name] = {
-          type: "array",
-          items: {
-            type: "object",
-            properties: {},
-            required: []
-          }
-        };
-      }
-      config2.elements.map((e, elemInd) => {
-        buildSchema(e, config2.name, config2.type === "Array" ? true : false);
-      });
-    } else {
-      config2.elements.map((e, elemInd) => {
-        buildSchema(e);
-      });
+function buildSchema(config2) {
+  var _a;
+  const schema2 = {
+    type: "object",
+    properties: {},
+    required: []
+  };
+  (_a = config2.elements) == null ? void 0 : _a.forEach((element) => {
+    var _a2;
+    const node = buildNode(element);
+    if (!node)
+      return;
+    schema2.properties[element.name] = node.schema;
+    if ((_a2 = node.required) == null ? void 0 : _a2.length) {
+      schema2.required.push(element.name);
     }
+  });
+  if (schema2.required.length === 0) {
+    delete schema2.required;
   }
-  return schema;
-};
+  return schema2;
+}
 const buildUiSchema = (config2, store2) => {
   let elements = {};
   const componentScope2 = `#/properties/${config2.name}`;
@@ -12687,5 +12655,5 @@ const buildUiSchema = (config2, store2) => {
   }
   return elements;
 };
-export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
+export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFileFromBase64, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
 //# sourceMappingURL=impaktapps-ui-builder.es.js.map