@formio/reporting 2.1.1 → 2.1.2

package/lib/components/ReportingControls/ReportingControls.d.ts

@@ -9,21 +9,21 @@ export default class ReportingControls extends ReportingControls_base {
         clearFilters: string;
         performAction: string;
     };
-    get singleFilterOperators(): string[];
+    get singleFilterOperators(): any;
     get reportingConfig(): any;
     get reportingForms(): any;
     get reportingId(): any;
     get formioGrid(): any;
     get controlsSaveKey(): string;
     attach(element: any): any;
-    getFilterComponents(): any[];
+    getFilterComponents(): any;
     getFilterValueCompFromGridComp(gridComp: any, filter: any, ind: any): any;
     toggleFilterClass(filterInstance: any): void;
     getTabs(): any[];
     formatFilterValue(filterSettings: any, value: any): any;
     getActionComponents(applyActionFor: any): any;
     setGridFilters(filters?: {}): void;
-    getGridFilters(): {} | Exclude<this["formioGrid.options.fetchProvider.defaultFilters"], undefined>;
+    getGridFilters(): any;
     downloadPDF(action: any): Promise<void>;
     exportCSV(action: any): void;
     onApplyColumns(): void;

package/lib/components/ReportingGrid/ReportingGrid.d.ts

@@ -1,4 +1,3 @@
-import { Utils } from '@formio/js';
 import ReportingUrlFetchProvider from '../../providers/ReportingUrlFetchProvider';
 declare const ReportingGrid_base: any;
 export default class ReportingGrid extends ReportingGrid_base {
@@ -13,13 +12,13 @@ export default class ReportingGrid extends ReportingGrid_base {
     get reportingConfig(): any;
     get reportingForms(): any;
     get reportingId(): any;
-    get visibility(): {};
+    get visibility(): any;
     get fetchProvider(): ReportingUrlFetchProvider;
     get iteratableRows(): any[];
     addReportingColumnProperties(comp: any, columnSettings: any): void;
     getCalculatedColumnSchema(columnSettings: any): any;
-    formatGridComponent(comp: any, columnSettings: any): Utils._.Omit<any, "logic" | "prefix" | "suffix" | "action" | "defaultValue" | "conditional" | "hideLabel" | "calculateValue" | "validate" | "hidden" | "customConditional">;
-    isDefaultColumn(columnReportingSettings: any): boolean;
+    formatGridComponent(comp: any, columnSettings: any): any;
+    isDefaultColumn(columnReportingSettings: any): any;
     addColumnsFromReportingForms(allColumns: any, fieldsGroupedByForm: any): void;
     checkDeconstructions(fieldSettings: any): void;
     checkDeconstructionRequirement(formId: any, compPath: any): void;
@@ -42,7 +41,7 @@ export default class ReportingGrid extends ReportingGrid_base {
         resetValue: () => void;
     };
     customFilters(component: any): any;
-    getGridColumns(): any[];
+    getGridColumns(): any;
     get preview(): any;
     initFormioGrid(FormioGrid: any): Promise<any>;
     transformFetchedData(responseData: any): any;

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import { Utils } from '@formio/js';
 import Report from './Report';
 import ReportingUtils from './utils';
 import * as ReportingConfigUtils from './utils/configurationFormUtils';
@@ -84,7 +83,7 @@ declare const _default: {
                 customDefaultValue?: undefined;
             })[];
         };
-        getSingleFilterOperators(): string[];
+        getSingleFilterOperators(): any;
         getSingleFilterOperatorValueComp(filter: any): {
             widget: string;
             data: {
@@ -170,10 +169,7 @@ declare const _default: {
                 label: string;
                 widget: string;
                 data: {
-                    values: {
-                        label: any;
-                        value: string;
-                    }[];
+                    values: any;
                 };
                 dataType: string;
                 key: string;
@@ -296,7 +292,7 @@ declare const _default: {
         reportingGridConfig: {
             gridKey: string;
         };
-        convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): Utils._.Omit<any, "logic" | "prefix" | "suffix" | "action" | "defaultValue" | "conditional" | "hideLabel" | "calculateValue" | "validate" | "hidden" | "customConditional">;
+        convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): any;
         getCalcOperatorFieldArgs(columnSettings: any): any;
         convertReportingCalcSettingsIntoGridComp(columnSettings: any, reportingConfig?: any): any;
         getPropertyFromFormId(formId: any): string;
@@ -305,7 +301,7 @@ declare const _default: {
         getAggrOperatorNumberField(settings: any, reportingConfig?: any): {
             type: string;
         };
-        _: Utils._.LoDashStatic;
+        _: any;
         valueTypes: any;
         connectionByFullSubmissionObjectOptionValue: "submissionObject*";
         defaultColumns: {

package/lib/utils/AggregationOperators/AggregationOperator.d.ts

@@ -9,7 +9,7 @@ export default class AggregationOperator implements IAggregationOperator {
     static getDisplayField(settings: any, reportingConfig?: any): {
         type: string;
     };
-    static getFieldArgs(settings: any): any[];
+    static getFieldArgs(settings: any): any;
     static get acceptedValueTypes(): any[];
     static get operatorTitle(): string;
     static get aggregatedGroupOperator(): boolean;

package/lib/utils/AggregationOperators/Concat.d.ts

@@ -4,13 +4,13 @@ export default class Concat extends AggregationOperator {
     static getDisplayField(settings: any): {
         type: string;
     };
-    static getFieldArgs(settings: any): any[];
+    static getFieldArgs(settings: any): any;
     static get operatorTitle(): string;
     static get acceptedValueTypes(): any[];
     static get aggregatedGroupOperator(): boolean;
     static get aggregatedCalculationOperator(): boolean;
     static get calculationArgs(): string[];
     getRequest(settings: any): {
-        $concat: any[];
+        $concat: any;
     };
 }

package/lib/utils/AggregationOperators/DateDiff.d.ts

@@ -4,7 +4,7 @@ export default class DateDiff extends AggregationOperator {
     static getDisplayField(settings: any, reportingConfig?: any): {
         type: string;
     };
-    static getFieldArgs(settings: any): any[];
+    static getFieldArgs(settings: any): any;
     static get operatorTitle(): string;
     static get acceptedValueTypes(): any[];
     static get aggregatedGroupOperator(): boolean;

package/lib/utils/AggregationOperators/Divide.d.ts

@@ -4,7 +4,7 @@ export default class Divide extends AggregationOperator {
     static getDisplayField(settings: any, reportingConfig?: any): {
         type: string;
     };
-    static getFieldArgs(settings: any): any[];
+    static getFieldArgs(settings: any): any;
     static get operatorTitle(): string;
     static get aggregatedGroupOperator(): boolean;
     static get acceptedValueTypes(): any[];

package/lib/utils/AggregationOperators/Multiply.d.ts

@@ -10,6 +10,6 @@ export default class Multiply extends AggregationOperator {
     static get aggregatedCalculationOperator(): boolean;
     static get calculationArgs(): string[];
     getRequest(settings: any): {
-        $multiply: string[];
+        $multiply: any;
     };
 }

package/lib/utils/AggregationOperators/Subtract.d.ts

@@ -8,7 +8,7 @@ export default class Subtract extends AggregationOperator {
     static get aggregatedGroupOperator(): boolean;
     static get acceptedValueTypes(): any[];
     static get aggregatedCalculationOperator(): boolean;
-    static getFieldArgs(settings: any): any[];
+    static getFieldArgs(settings: any): any;
     static get calculationArgs(): string[];
     getRequest(settings: any): {
         $subtract: string[];

package/lib/utils/AggregationOperators/Sum.d.ts

@@ -10,7 +10,7 @@ export default class Sum extends AggregationOperator {
     static get acceptedValueTypes(): any[];
     static get calculationArgs(): string[];
     getRequest(settings: any): {
-        $sum: string[];
+        $sum: any;
     };
     getGroupRequest(settings: any): {
         $sum: string;

package/lib/utils/AggregationOperators/index.d.ts

@@ -15,8 +15,7 @@ import DayOfMonth from './DayOfMonth';
 import DayOfWeek from './DayOfWeek';
 import DayOfYear from './DayOfYear';
 import Subtract from './Subtract';
-import Percentage from './Percentage';
 declare const AggregationOperators: {
-    [x: string]: typeof Year | typeof DateDiff | typeof Divide | typeof Multiply | typeof Sum | typeof Count | typeof Max | typeof Min | typeof Avg | typeof Concat | typeof Size | typeof Month | typeof Week | typeof DayOfMonth | typeof DayOfWeek | typeof DayOfYear | typeof Subtract | typeof Percentage;
+    [x: string]: typeof Year | typeof DateDiff | typeof Divide | typeof Multiply | typeof Sum | typeof Count | typeof Max | typeof Min | typeof Avg | typeof Concat | typeof Size | typeof Month | typeof Week | typeof DayOfMonth | typeof DayOfWeek | typeof DayOfYear | typeof Subtract;
 };
 export default AggregationOperators;

package/lib/utils/configurationFormUtils.d.ts

@@ -1,36 +1,18 @@
-export declare function getFilterOperatorOptions(operators?: any[]): {
-    label: string;
-    value: string;
-}[];
-export declare function getFilterOperatorsOptionsForCompType(compType: any): {
-    label: string;
-    value: string;
-}[];
-export declare function getControlsFilterOperators(columnSettings: any, reportingForms?: any[], calculatedColumnsSettings?: any[]): {
-    label: string;
-    value: string;
-}[];
-export declare function getUnselectedColumnsOptions(columnsOptions: any, selectedColumns: any): any[];
+export declare function getFilterOperatorOptions(operators?: any[]): any;
+export declare function getFilterOperatorsOptionsForCompType(compType: any): any;
+export declare function getControlsFilterOperators(columnSettings: any, reportingForms?: any[], calculatedColumnsSettings?: any[]): any;
+export declare function getUnselectedColumnsOptions(columnsOptions: any, selectedColumns: any): any;
 export declare function getReportingFormAsOption(form: any): {
     label: any;
     value: any;
 };
-export declare function getConnectionBaseFormOptions(reportingForms: any[], connections: any[], compRowIndex: any): {
-    label: any;
-    value: any;
-}[];
-export declare function getConnectionJoiningFormOptions(reportingForms: any[], connections: any[], compRowIndex: any): {
-    label: any;
-    value: any;
-}[];
+export declare function getConnectionBaseFormOptions(reportingForms: any[], connections: any[], compRowIndex: any): any;
+export declare function getConnectionJoiningFormOptions(reportingForms: any[], connections: any[], compRowIndex: any): any;
 export declare function getConnectionFormComponentsAsOptions(formId: any, reportingForms?: any[]): {
     label: string;
     value: string;
 }[];
-export declare function getAggregationOperatorsOptions(groupOperators?: boolean): {
-    value: string;
-    label: string;
-}[];
+export declare function getAggregationOperatorsOptions(groupOperators?: boolean): any;
 export declare function getReportingFormComponentAsOption(form: any, comp: any, compPath: any): {
     value: {
         path: any;
@@ -50,21 +32,18 @@ export declare function addCalculatedColumnsOptions({ calculatedColumns, options
     options: any;
     operator?: any;
 }): void;
-export declare function getCalculationArgsOptions(reportingForms: any[], calculatedColumns: any[], operator: any, calculatedValueIndex: any): any[];
+export declare function getCalculationArgsOptions(reportingForms: any[], calculatedColumns: any[], operator: any, calculatedValueIndex: any): any;
 export declare function getReportingFormsComponentsAndExtraComponentsAsOptions({ reportingForms, calculatedColumns, selectedItems, operator, }: {
     reportingForms?: any[];
     calculatedColumns?: any[];
     selectedItems?: any[];
     operator?: any;
-}): any[];
+}): any;
 export declare function getColumnsListOptions(reportingForms: any[], groupsSettings: any, calculatedColumns: any): any[];
-export declare function getAvailableColumnsAsOptions(availableColumns: any, columnsList: any): any[];
+export declare function getAvailableColumnsAsOptions(availableColumns: any, columnsList: any): any;
 export declare function getCustomScriptAvailableVarialbles(): string;
-export declare function getDateDiffUnitOptions(operator: any): {
-    label: any;
-    value: any;
-}[];
-export declare function showAggregationOperatorArg(compKey: any, operator: any): boolean;
+export declare function getDateDiffUnitOptions(operator: any): any;
+export declare function showAggregationOperatorArg(compKey: any, operator: any): any;
 export declare function showGroupOperatorArg(operator: any): boolean;
 export declare function getReportTypeInfo(data: any, instance: any): {
     grouping: boolean;

package/lib/utils/controlsUtils.d.ts

@@ -58,7 +58,7 @@ export declare function getColumnsTab(): {
         customDefaultValue?: undefined;
     })[];
 };
-export declare function getSingleFilterOperators(): string[];
+export declare function getSingleFilterOperators(): any;
 export declare function getSingleFilterOperatorValueComp(filter: any): {
     widget: string;
     data: {
@@ -144,10 +144,7 @@ export declare function getActionsTab(actions: any): {
         label: string;
         widget: string;
         data: {
-            values: {
-                label: any;
-                value: string;
-            }[];
+            values: any;
         };
         dataType: string;
         key: string;

package/lib/utils/index.d.ts

@@ -69,7 +69,7 @@ declare const ReportingUtils: {
             customDefaultValue?: undefined;
         })[];
     };
-    getSingleFilterOperators(): string[];
+    getSingleFilterOperators(): any;
     getSingleFilterOperatorValueComp(filter: any): {
         widget: string;
         data: {
@@ -155,10 +155,7 @@ declare const ReportingUtils: {
             label: string;
             widget: string;
             data: {
-                values: {
-                    label: any;
-                    value: string;
-                }[];
+                values: any;
             };
             dataType: string;
             key: string;
@@ -281,7 +278,7 @@ declare const ReportingUtils: {
     reportingGridConfig: {
         gridKey: string;
     };
-    convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): import("lodash").Omit<any, "logic" | "prefix" | "suffix" | "action" | "defaultValue" | "conditional" | "hideLabel" | "calculateValue" | "validate" | "hidden" | "customConditional">;
+    convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): any;
     getCalcOperatorFieldArgs(columnSettings: any): any;
     convertReportingCalcSettingsIntoGridComp(columnSettings: any, reportingConfig?: any): any;
     getPropertyFromFormId(formId: any): string;
@@ -290,7 +287,7 @@ declare const ReportingUtils: {
     getAggrOperatorNumberField(settings: any, reportingConfig?: any): {
         type: string;
     };
-    _: import("lodash").LoDashStatic;
+    _: any;
     valueTypes: any;
     connectionByFullSubmissionObjectOptionValue: "submissionObject*";
     defaultColumns: {

package/lib/utils/utils.d.ts

@@ -1,7 +1,6 @@
-import { Utils } from '@formio/js';
-export declare const _: Utils._.LoDashStatic;
+export declare const _: any;
 export declare const valueTypes: any;
-export declare function convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): Utils._.Omit<any, "logic" | "prefix" | "suffix" | "action" | "defaultValue" | "conditional" | "hideLabel" | "calculateValue" | "validate" | "hidden" | "customConditional">;
+export declare function convertReportingFormCompIntoGridComp(comp: any, columnSettings: any): any;
 export declare function getCalcOperatorFieldArgs(columnSettings: any): any;
 export declare function convertReportingCalcSettingsIntoGridComp(columnSettings: any, reportingConfig?: any): any;
 export declare function getPropertyFromFormId(formId: any): string;

package/package.json

@@ -1,19 +1,21 @@
 {
   "name": "@formio/reporting",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Reporting components for form.io",
   "main": "reporting.js",
   "types": "lib/index.d.ts",
-  "scripts": {
-    "watch": "tsc -w",
-    "build:style": "node-sass ./src/sass/reporting.scss ./dist/reporting.css",
-    "build:dist": "rm -rf lib && rm -rf dist && gulp licenseCheck && tsc && gulp templates && webpack --config=config/webpack.prod.js && gulp modifyPackage && yarn build:style",
-    "build:dev": "rm -rf lib && rm -rf dist  && gulp licenseCheck && tsc && gulp templates && webpack --config=config/webpack.dev.js && gulp changeEntry && yarn build:style",
-    "build:portal": "rm -rf lib && rm -f build/reporting.js && rm -f build/reporting.css && gulp licenseCheck:noCheck && tsc && gulp templates && gulp report-config-template && webpack --config=config/webpack.portal.js && node-sass ./src/sass/reporting.scss ./build/reporting.css",
-    "build:vm": "rm -rf lib && rm -f build/reporting.vm.js && gulp licenseCheck:noCheck && tsc && gulp templates && webpack --config=config/webpack.vm.js",
-    "build": "yarn build:portal && yarn build:vm && yarn build:dist",
-    "lint": "tslint -p .",
-    "release": "yarn build && npm publish ./dist --access public"
+  "exports": {
+    ".": {
+      "import": "./reporting.js",
+      "require": "./reporting.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./reporting.css": "./reporting.css",
+    "./reportConfigTemplate.json": "./reportConfigTemplate.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist"
   },
   "pre-commit": [
     "lint"
@@ -36,8 +38,6 @@
   "reportConfigVersion": 5,
   "homepage": "https://github.com/formio/reporting#readme",
   "devDependencies": {
-    "@formio/js": "^5.0.0",
-    "@formio/license": "2.0.1",
     "@types/file-saver": "^2.0.5",
     "@types/mocha": "^10.0.1",
     "@types/node": "^20.1.5",
@@ -54,7 +54,7 @@
     "jsdom": "^17.0.0",
     "jsdom-global": "^3.0.2",
     "mocha": "^10.2.0",
-    "node-sass": "^7.0.3",
+    "sass": "^1.85.0",
     "nyc": "^15.1.0",
     "pre-commit": "^1.2.2",
     "request": "^2.88.2",
@@ -65,13 +65,25 @@
     "webpack": "^5.88.1",
     "webpack-cli": "^4.9.2",
     "webpack-node-externals": "^3.0.0",
-    "webpack-obfuscator": "^3.5.1"
+    "webpack-obfuscator": "^3.5.1",
+    "@formio/license": "^2.0.1",
+    "@formio/js": "^5.2.3"
   },
   "peerDependencies": {
-    "@formio/js": "^5.0.0"
+    "@formio/js": "^5.2.3"
   },
   "dependencies": {
     "file-saver": "^2.0.5",
     "jose": "^5.6.3"
+  },
+  "scripts": {
+    "watch": "tsc -w",
+    "build:style": "sass ./src/sass/reporting.scss ./dist/reporting.css",
+    "build:dist": "rm -rf lib && rm -rf dist && gulp licenseCheck && tsc && gulp templates && webpack --config=config/webpack.dist.js && npm run build:style",
+    "build:dev": "rm -rf lib && rm -rf dist  && gulp licenseCheck && tsc && gulp templates && webpack --config=config/webpack.dev.js && gulp changeEntry && npm run build:style",
+    "build:portal": "rm -rf lib && rm -rf dist && rm -f build/reporting.css && gulp licenseCheck:noCheck && tsc && gulp templates && gulp report-config-template && webpack --config=config/webpack.portal.js && npm run build:style",
+    "build:vm": "rm -rf lib && rm -f dist/reporting.vm.js && gulp licenseCheck:noCheck && tsc && gulp templates && webpack --config=config/webpack.vm.js",
+    "build": "npm run build:portal && npm run build:vm",
+    "lint": "tslint -p ."
   }
 }

package/reportConfigTemplate.json

@@ -0,0 +1 @@
+{"resources":{"reportingui":{"title":"Reporting UI","type":"resource","name":"reportingui","path":"reportingui","display":"wizard","settings":{"wizardHeaderType":"Vertical"},"components":[{"title":"Basic Settings","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"basic","type":"panel","label":"Page 6","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version1","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Report Setup - Basic Settings</strong></span></p>","label":"Report Setup - Basic Settings","refreshOnChange":false,"key":"basicReportSettings","type":"content","input":false,"tableView":false},{"label":"Columns","columns":[{"components":[{"label":"Report Title","placeholder":"Report Title","applyMaskOn":"change","tableView":true,"validate":{"required":true},"key":"title","type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Report Name","placeholder":"Report Name","tooltip":"This is autogenerated by default to be a camel case version of the Report Title.","applyMaskOn":"change","tableView":true,"calculateValue":"value = _.camelCase(data.title);\n\n","allowCalculateOverride":true,"validate":{"pattern":"(\\w|\\w[\\w-.]*\\w)","patternMessage":"The key must only contain alphanumeric characters, underscores, dots and dashes and should not be ended by dash or dot."},"unique":true,"key":"name","logic":[{"name":"make required","trigger":{"type":"javascript","javascript":"result = data.title;"},"actions":[{"name":"make required","type":"property","property":{"label":"Required","value":"validate.required","type":"boolean"},"state":true}]}],"type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns1","type":"columns","input":false,"tableView":false},{"label":"Report Forms","persistent":false,"trigger":{"init":false,"server":false},"refreshOn":"forms","refreshOnEvent":"formsSet","event":"reportingFormsUpdated","dataSrc":"url","fetch":{"url":"{{Formio.projectUrl}}/form?_id__in={{data.forms.join(\",\")}}","method":"get","headers":[{"key":"","value":""}],"mapFunction":"value = _.isArray(responseData) ? responseData : [];","forwardHeaders":false,"authenticate":true},"allowCaching":true,"key":"reportingForms","type":"datasource","input":true,"tableView":false},{"label":"Container","tableView":false,"key":"gridSettings","type":"container","input":true,"components":[{"html":"<p><span class=\"text-big\">Report Grid - Basic Settings</span></p>","label":"Reporting Grid Basic Settings","refreshOnChange":false,"key":"basicReportingSettings3","type":"content","input":false,"tableView":false},{"label":"Items per page","widget":"choicesjs","tooltip":"Select how many records (Rows) to display on each page of the Report Grid by default.","tableView":true,"defaultValue":10,"data":{"values":[{"label":"5","value":5},{"label":"10","value":10},{"label":"25","value":25},{"label":"50","value":50},{"label":"100","value":100},{"label":"All","value":-1}]},"key":"itemsPerPage","type":"select","input":true,"weight":442},{"label":"Enable to Store Request Result in the Cache","tooltip":"When checked, the requests and their results will be stored in the cache. If the Report tries to make a request to the same URL with the same parameters, the cached data will be returned. This increases performance. PLEASE NOTE: if the remote source's data changes frequently and requires frequent updates, uncheck this option as caching is not ideal in all scenarios.","tableView":false,"defaultValue":true,"key":"allowCaching","type":"checkbox","input":true},{"label":"Cell max width","tooltip":"It sets the maximum size of the Report Grid cells.","applyMaskOn":"change","tableView":true,"key":"cellMaxWidth","type":"textfield","input":true}]}]},{"title":"Source Forms","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"dataSourcePanel","type":"panel","label":"Page 1","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version2","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Report Setup - Source Forms&nbsp;</strong></span></p><p>A report can aggregate Submission Data submitted against one or more Forms. Many times, Reports aggregate data from multiple Forms which allow a singular Report UI to visualize connected data stemming from multiple Form Sources.&nbsp;</p>","label":"Basic Report Settings","refreshOnChange":false,"key":"sourceFormsSettings","type":"content","input":false,"tableView":false},{"label":"Choose from the Forms within this Project:","widget":"choicesjs","tooltip":"Select one or more related forms that will be the source of data for the Report Grid.","tableView":false,"multiple":true,"dataSrc":"url","data":{"url":"{{Formio.projectUrl}}/form","headers":[{"key":"","value":""}]},"valueProperty":"_id","template":"<span>{{ item.title }}</span>","validate":{"required":true,"select":false},"key":"forms","type":"select","disableLimit":false,"searchField":"title__regex","noRefreshOnScroll":false,"authenticate":true,"input":true},{"label":"Forms Connections","tooltip":"Define the fields that are common for the pairs of forms. The fields will be used as connectors to join the submissions of source forms in the Report Grid.","tableView":false,"templates":{"header":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-6 font-weight-bold\">{{ t(component.label) }}</div>\n        {% } %}\n      {% }) %}\n    </div>","row":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n        {% if (component.key === 'baseForm') { %}\n          <div class=\"col-sm-6\">\n            {% } else { %}\n              <div class=\"col-sm-4\">\n                  {% } %}\n            {{ isVisibleInRow(component) ? getView(component, row[component.key]) : ''}}\n          </div>\n        {% } %}\n      {% }) %}\n      {% if (!instance.options.readOnly && !instance.disabled) { %}\n        <div class=\"col-sm-2\">\n          <div class=\"btn-group pull-right\">\n            <button class=\"btn btn-default btn-light btn-sm editRow\"><i class=\"{{ iconClass('edit') }}\"></i></button>\n            {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}\n              <button class=\"btn btn-danger btn-sm removeRow\"><i class=\"{{ iconClass('trash') }}\"></i></button>\n            {% } %}\n          </div>\n        </div>\n      {% } %}\n    </div>"},"addAnother":"Add Connection","redrawOn":"reportingForms","validate":{"required":true},"rowDrafts":false,"key":"connections","customConditional":"show = data.forms && data.forms.length > 1;","logic":[{"name":"min max validation","trigger":{"type":"javascript","javascript":"result = !!data.reportingForms;"},"actions":[{"name":"min max validation","type":"mergeComponentSchema","schemaDefinition":"schema = {validate: {\n  maxLength: data.reportingForms.length - 1,\n  minLength: data.reportingForms.length - 1,\n}}"}]}],"type":"editgrid","displayAsTable":false,"reorder":false,"addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":false,"input":true,"components":[{"label":"Data Source Connections","columns":[{"components":[{"label":"Base Form","widget":"choicesjs","placeholder":"Source Form","tooltip":"Select the form that has a common field with the row Joining Form.","tableView":true,"dataSrc":"custom","data":{"custom":"var rowIndex = instance.rowIndex;\nvar connections = instance.root.data.connections;\n\nvalues = utils.reporting.getConnectionBaseFormOptions(data.reportingForms, connections, rowIndex)\n"},"valueProperty":"value","validate":{"required":true},"key":"baseForm","type":"select","input":true},{"label":"Connecting field of base Form","widget":"choicesjs","placeholder":"Connecting Field","tooltip":"Select the base Form field that has a corresponding field in the row joining Form.","disabled":true,"tableView":false,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getConnectionFormComponentsAsOptions(row.baseForm, data.reportingForms);\n"},"valueProperty":"value","validate":{"required":true},"key":"baseFormField","logic":[{"name":"enable","trigger":{"type":"javascript","javascript":"result = row.baseForm"},"actions":[{"name":"enable","type":"property","property":{"label":"Disabled","value":"disabled","type":"boolean"},"state":false}]},{"name":"clear value","trigger":{"type":"javascript","javascript":"result = !row.baseForm"},"actions":[{"name":"clear value","type":"customAction","customAction":"instance.dataValue = instance.emptyValue"}]}],"type":"select","input":true},{"label":"Base Form path to connecting value","placeholder":"Path","applyMaskOn":"change","tableView":false,"key":"baseFormValuePath","customConditional":"show = !_.includes([utils.reporting.connectionByFullSubmissionObjectOptionValue], row.baseFormField);","type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Joining Form","widget":"choicesjs","placeholder":"Source Form","tooltip":"Select the form that has a common field with the row Base Form.","tableView":true,"dataSrc":"custom","data":{"custom":"var rowIndex = instance.rowIndex;\nvar connections = instance.root.data.connections;\n\nvalues = utils.reporting.getConnectionJoiningFormOptions(data.reportingForms, connections, rowIndex);\n\n"},"valueProperty":"value","refreshOn":"connections.baseForm","validate":{"required":true},"key":"joiningForm","type":"select","input":true},{"label":"Connecting field of joining Form","widget":"choicesjs","placeholder":"Connecting Field","tooltip":"Select the Joining Form field that corresponds to the Connecting Field of the Base Form.","disabled":true,"tableView":false,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getConnectionFormComponentsAsOptions(row.joiningForm, data.reportingForms);\n"},"valueProperty":"value","validate":{"required":true},"key":"joiningFormField","logic":[{"name":"enable","trigger":{"type":"javascript","javascript":"result = row.joiningForm"},"actions":[{"name":"enable","type":"property","property":{"label":"Disabled","value":"disabled","type":"boolean"},"state":false}]},{"name":"clear value","trigger":{"type":"javascript","javascript":"result = !row.joiningForm"},"actions":[{"name":"clear value","type":"customAction","customAction":"instance.dataValue = instance.emptyValue"}]}],"type":"select","input":true},{"label":"Joining Form path to connecting value","placeholder":"Path","applyMaskOn":"change","tableView":false,"key":"joiningFormValuePath","customConditional":"show = !_.includes([utils.reporting.connectionByFullSubmissionObjectOptionValue], row.joiningFormField);","type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"hideLabel":true,"key":"columns","type":"columns","input":false,"tableView":false}]}]},{"title":"Calculated Columns","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"extraColumnsPanel","type":"panel","label":"Page 7","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version3","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Report Setup - Calculated Columns</strong></span></p><p>Here you can add additional columns to the Report Grid that do not exist in the the Data Source Forms. These columns` value(s) will be calculated based on the fields of the Data Source Forms.&nbsp;</p>","label":"Basic Reporting Settings","refreshOnChange":false,"key":"calculatedColumnsSettingsDescription","type":"content","input":false,"tableView":false},{"label":"Calculated Extra Columns","hideLabel":true,"tableView":false,"templates":{"header":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4 font-weight-bold\">{{ t(component.label) }}</div>\n        {% } %}\n      {% }) %}\n    </div>","row":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4\">\n            {{ isVisibleInRow(component) ? getView(component, row[component.key]) : ''}}\n          </div>\n        {% } %}\n      {% }) %}\n      {% if (!instance.options.readOnly && !instance.disabled) { %}\n        <div class=\"col-sm-4\">\n          <div class=\"btn-group pull-right\">\n            <button class=\"btn btn-default btn-light btn-sm editRow\"><i class=\"{{ iconClass('edit') }}\"></i></button>\n            {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}\n              <button class=\"btn btn-danger btn-sm removeRow\"><i class=\"{{ iconClass('trash') }}\"></i></button>\n            {% } %}\n          </div>\n        </div>\n      {% } %}\n    </div>"},"addAnother":"Add Column","redrawOn":"reportingForms","rowDrafts":false,"key":"calculatedColumns","type":"editgrid","displayAsTable":false,"input":true,"components":[{"label":"Columns","columns":[{"components":[{"label":"Column Title","applyMaskOn":"change","tableView":true,"validate":{"required":true},"key":"name","type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Column Key","applyMaskOn":"change","tableView":false,"calculateValue":"value = _.camelCase(row.name);","allowCalculateOverride":true,"validate":{"pattern":"(\\w|\\w[\\w-.]*\\w)","patternMessage":"The key must only contain alphanumeric characters, underscores, dots and dashes and should not be ended by dash or dot."},"key":"key","logic":[{"name":"make required","trigger":{"type":"javascript","javascript":"result = row.title;"},"actions":[{"name":"make required","type":"property","property":{"label":"Required","value":"validate.required","type":"boolean"},"state":true}]}],"type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns","type":"columns","input":false,"tableView":false},{"label":"Operator","widget":"choicesjs","tooltip":"Select an operator to calculate the column value.","tableView":true,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getAggregationOperatorsOptions(false);\n"},"valueProperty":"value","validate":{"required":true},"key":"operator","type":"select","input":true},{"label":"Arguments","widget":"choicesjs","tableView":false,"multiple":true,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"args","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"select","input":true},{"label":"Argument","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"arg","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"select","input":true},{"label":"Arguments","reorder":false,"addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":false,"tableView":false,"validate":{"required":true},"key":"concatArgs","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"datagrid","input":true,"components":[{"label":"Field","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), 'concat', instance.parent.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"field","type":"select","input":true},{"label":"Connector","tooltip":"Enter the connector that will be added between this row field value and next row filed value. Whitespace is used by default.","applyMaskOn":"change","tableView":false,"key":"connector","type":"textfield","input":true}]},{"label":"Columns","columns":[{"components":[{"label":"Dividend","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"dividend","type":"select","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Divisor","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"divisor","type":"select","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"divideArgs","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"columns","input":false,"tableView":false},{"label":"Columns","columns":[{"components":[{"label":"Minuend","widget":"choicesjs","tooltip":"Select the value from which another value is to be subtracted","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"minuend","type":"select","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Subtrahend","widget":"choicesjs","tooltip":"Select the value that is to be subtracted from the minuend","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"subtrahend","type":"select","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"subtractArgs","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"columns","input":false,"tableView":false},{"label":"Columns","columns":[{"components":[{"label":"Start Date","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"startDate","type":"select","input":true}],"width":4,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":4},{"components":[{"label":"End Date","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"endDate","type":"select","input":true}],"width":4,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":4},{"components":[{"label":"Unit","widget":"choicesjs","tooltip":"Select the time measurement unit between the Start Date and End Date.","tableView":false,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getDateDiffUnitOptions(row.operator);"},"valueProperty":"value","validate":{"required":true},"key":"unit","type":"select","input":true}],"size":"md","width":4,"offset":0,"push":0,"pull":0,"currentWidth":4}],"key":"dateDiffArgs","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"columns","input":false,"tableView":false},{"label":"Date","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getCalculationArgsOptions(reportingForms, _.get(instance, 'root.data.calculatedColumns', []), row.operator, instance.rowIndex);"},"valueProperty":"value","validate":{"required":true},"key":"date","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"select","input":true},{"label":"Decimal Places","tooltip":"Enter the number of decimal places for the calculated value. If the original calculated value has more decimal places, the value will be rounded.","applyMaskOn":"change","mask":false,"tableView":false,"delimiter":false,"requireDecimal":false,"inputFormat":"plain","truncateMultipleSpaces":false,"key":"decimalLimit","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"number","input":true}]},{"label":"Container","tableView":false,"key":"calculatedColumnsSettings","type":"container","input":true,"components":[{"html":"<p><span class=\"text-big\">Calculated Columns - Global Settings</span></p>","label":"Reporting Grid Basic Settings","refreshOnChange":false,"key":"calcSettingsDescription","type":"content","input":false,"tableView":false},{"label":"Use Thousands Separator","tooltip":"Separate thousands by local delimiter in calculated columns with number value","tableView":false,"defaultValue":false,"key":"thousandsSeparator","type":"checkbox","input":true}]}]},{"title":"Aggregation","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"groupingPanel","type":"panel","label":"Page 8","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version4","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Report Setup - Aggregated Columns</strong></span></p><p>You can create an <strong>aggregated report</strong> that groups the selected Forms' submissions by one or several fields (e.g. department ID or employee ID). Using the UI below, select the fields that will be used as criteria for the grouping. Then, add columns to your Reporting Grid that will be calculated per group based on the existing selected Forms fields or the Grid Calculated Extra Fields.&nbsp;</p><p><strong>Please note that only Aggregated Columns will be available to display in the Reporting Grid for Aggregated Reports.</strong></p>","label":"Content","refreshOnChange":false,"key":"content","type":"content","input":false,"tableView":false},{"label":"Fields to group by","tooltip":"Select the fields that will be used as criteria for grouping the Data Source Forms` data.","reorder":false,"addAnother":"Add Field","addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":true,"tableView":false,"redrawOn":"reportingForms","key":"groups.groupingFields","type":"datagrid","input":true,"components":[{"label":"Field","widget":"choicesjs","placeholder":"Grouping Field","hideLabel":true,"tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvar calculatedColumns = instance.root.data.calculatedColumns;\nvar selectedItems = _.chain(instance.root.data.groups.groupingFields || [])\n .map(col => col.field)\n .filter(col => col && !_.isEqual(instance.dataValue, col))\n .value();\n\nvalues = utils.reporting.getReportingFormsComponentsAndExtraComponentsAsOptions({ reportingForms, calculatedColumns, selectedItems});"},"valueProperty":"value","validate":{"required":true},"key":"field","type":"select","input":true}]},{"label":"Calculated Aggregation Columns","tooltip":"Here you can add additional calculated columns to the Report Grid based on other aggregated columns.","tableView":false,"templates":{"header":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4 font-weight-bold\">{{ t(component.label) }}</div>\n        {% } %}\n      {% }) %}\n    </div>","row":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4\">\n            {{ isVisibleInRow(component) ? getView(component, row[component.key]) : ''}}\n          </div>\n        {% } %}\n      {% }) %}\n      {% if (!instance.options.readOnly && !instance.disabled) { %}\n        <div class=\"col-sm-4\">\n          <div class=\"btn-group pull-right\">\n            <button class=\"btn btn-default btn-light btn-sm editRow\"><i class=\"{{ iconClass('edit') }}\"></i></button>\n            {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}\n              <button class=\"btn btn-danger btn-sm removeRow\"><i class=\"{{ iconClass('trash') }}\"></i></button>\n            {% } %}\n          </div>\n        </div>\n      {% } %}\n    </div>"},"addAnother":"Add Column","rowDrafts":false,"key":"groups.calculatedColumns","customConditional":"var groupingFields = _.get(data, 'groups.groupingFields', []);\nshow = _.some(groupingFields, field => !!field.field);","type":"editgrid","displayAsTable":false,"input":true,"components":[{"label":"Columns","columns":[{"components":[{"label":"Column Title","applyMaskOn":"change","tableView":true,"validate":{"required":true},"key":"name","type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Column Key","applyMaskOn":"change","tableView":false,"calculateValue":"value = _.camelCase(row.name);","allowCalculateOverride":true,"validate":{"pattern":"(\\w|\\w[\\w-.]*\\w)","patternMessage":"The key must only contain alphanumeric characters, underscores, dots and dashes and should not be ended by dash or dot."},"key":"key","logic":[{"name":"make required","trigger":{"type":"javascript","javascript":"result = row.title;"},"actions":[{"name":"make required","type":"property","property":{"label":"Required","value":"validate.required","type":"boolean"},"state":true}]}],"type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns","type":"columns","input":false,"tableView":false},{"label":"Operator","widget":"choicesjs","tooltip":"Select operator to calculate column value","tableView":true,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getAggregationOperatorsOptions(true);"},"valueProperty":"value","validate":{"required":true},"key":"operator","type":"select","input":true},{"label":"Argument","widget":"choicesjs","tableView":false,"dataSrc":"custom","data":{"custom":"var reportingForms = instance.root.data.reportingForms;\nvalues = utils.reporting.getReportingFormsComponentsAndExtraComponentsAsOptions({reportingForms, calculatedColumns: instance.root.data.calculatedColumns, operator: row.operator});"},"valueProperty":"value","validate":{"required":true},"key":"argument","customConditional":"show = utils.reporting.showGroupOperatorArg(row.operator);","type":"select","input":true},{"label":"Decimal Places","tooltip":"Enter the number of decimal places for the calculated value. If the original calculated value has more decimal places, the value will be rounded.","applyMaskOn":"change","mask":false,"tableView":false,"delimiter":false,"requireDecimal":false,"inputFormat":"plain","truncateMultipleSpaces":false,"key":"decimalLimit","customConditional":"show = utils.reporting.showAggregationOperatorArg(instance.component.key, row.operator);","type":"number","input":true}]}]},{"title":"Columns","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"columnsPanel","type":"panel","label":"Page 2","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version5","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Report Setup - Columns&nbsp;</strong></span></p><p>Use the UI below to choose which columns are available to the end user of the Report. Then, select which columns the end user has available by default. The end user will start out with the default columns shown visually, with an option to choose which of the available columns they wish to see based on their requirements at runtime.&nbsp;</p>","label":"Basic Reporting Settings","refreshOnChange":false,"key":"basicReportingSettings2","type":"content","input":false,"tableView":false},{"label":"Columns List","persistent":false,"redrawOn":"reportingForms","calculateValue":"value = utils.reporting.getColumnsListOptions(data.reportingForms, data.groups, data.calculatedColumns);","key":"columnsList","type":"hidden","input":true,"tableView":false},{"label":"Report Type","persistent":false,"calculateValue":"value = utils.reporting.getReportTypeInfo(data, instance);","key":"reportType","type":"hidden","input":true,"tableView":false},{"label":"Available Columns","tooltip":"Available Columns that will be available for possible display in the Report Grid. The columns will display in the Report Grid in the order chosen here.","reorder":true,"addAnother":"Add Column","addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":true,"tableView":false,"validate":{"required":true},"key":"availableColumns","logic":[{"name":"clear Columns","trigger":{"type":"javascript","javascript":"result = data.reportType?.typeChanged;"},"actions":[{"name":"clear","type":"customAction","customAction":"instance.resetValue();"}]}],"type":"datagrid","input":true,"components":[{"label":"Column","widget":"choicesjs","tableView":true,"dataSrc":"custom","data":{"custom":"var selectedItems = _.chain(instance.root.data.availableColumns || [])\n .map(col => col.column)\n .filter(col => col && !_.isEqual(instance.dataValue, col))\n .value();\n\nvalues = utils.reporting.getUnselectedColumnsOptions(instance.root.data.columnsList, selectedItems);\n"},"valueProperty":"value","refreshOn":"columnsList","validate":{"required":true},"key":"column","type":"select","input":true},{"label":"Display Title","tooltip":"This title will be shown in the Report. If not set, original component title will be used.","applyMaskOn":"change","tableView":true,"key":"displayTitle","customConditional":"show = row.column && row.column.formId;","type":"textfield","input":true}]},{"label":"Default Columns","widget":"choicesjs","tooltip":"Default columns will be displayed in the Report Grid on initial load of the UI. If not set, all available columns will be displayed.","tableView":false,"multiple":true,"dataSrc":"custom","data":{"custom":"values = utils.reporting.getAvailableColumnsAsOptions(data.availableColumns, data.columnsList);"},"valueProperty":"value","refreshOn":"availableColumns","key":"defaultColumns","logic":[{"name":"clear Columns","trigger":{"type":"javascript","javascript":"result = data.reportType?.typeChanged;"},"actions":[{"name":"clear","type":"customAction","customAction":"instance.resetValue();"}]}],"type":"select","input":true}]},{"title":"Control Panel","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"collapsible":false,"key":"controlsPanel","type":"panel","label":"Page 9","input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version6","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Control Panel - Basic Settings</strong></span></p><p>In addition to the Report Grid, a Control Panel can be enabled and customized here. This includes a Columns Selection UI, customized Filters, and Actions that can be performed on rows which are selected in the grid.&nbsp;</p>","label":"Basic Reporting Settings","refreshOnChange":false,"key":"basicReportingSettings7","type":"content","input":false,"tableView":false},{"label":"Enable Control Panel","tooltip":"When checked, a special Control Panel UI will display above the Report Grid. The Control Panel additional settings can be configured in the Filtering and Actions sections.","tableView":false,"defaultValue":false,"key":"enableControls","type":"checkbox","input":true},{"label":"Controls Settings","tableView":false,"key":"controlsSettings","customConditional":"show = data.enableControls;","type":"container","input":true,"components":[{"html":"<p><span class=\"text-big\">Report Controls - &nbsp;Basic Settings</span></p>","label":"Reporting Grid Basic Settings","refreshOnChange":false,"key":"basicReportingSettings8","type":"content","input":false,"tableView":false},{"label":"Control Panel Title","tooltip":"This title will be displayed for the Control Panel.","applyMaskOn":"change","tableView":true,"key":"title","type":"textfield","input":true},{"label":"Control Panel Theme","widget":"choicesjs","tableView":true,"defaultValue":"default","data":{"values":[{"label":"Default","value":"default"},{"label":"Primary","value":"primary"},{"label":"Info","value":"info"},{"label":"Success","value":"success"},{"label":"Danger","value":"danger"},{"label":"Warning","value":"warning"}]},"key":"theme","type":"select","input":true},{"label":"Initially Collapsed","tooltip":"If checked, the Control Panel will initially be collapsed.","tableView":false,"defaultValue":false,"key":"collapsePanel","type":"checkbox","input":true}]}]},{"title":"Filters ","collapsible":false,"key":"filtersPanel","conditional":{"show":true,"conjunction":"all","conditions":[{"component":"enableControls","operator":"isEqual","value":true}]},"type":"panel","label":"Page 3","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version7","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Control Panel - Filters</strong></span></p><p>Filters enable end users of this report to view any subset of data needed at runtime. Customize Filters for your Report Below.&nbsp;</p>","label":"Basic Reporting Settings","refreshOnChange":false,"key":"basicReportingSettings5","type":"content","input":false,"tableView":false},{"label":"Number Of Filters Per Row","widget":"choicesjs","tooltip":"How many filters display horizontally in each row of the Control Panel Filters Section.","tableView":false,"defaultValue":2,"data":{"values":[{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"}]},"dataType":"number","key":"filtersPerRow","type":"select","input":true},{"label":"Filter Label Position","widget":"choicesjs","tooltip":"Position for the labels of the Controls Filter Fields.","tableView":false,"defaultValue":"top","data":{"values":[{"label":"Top","value":"top"},{"label":"Left","value":"left-left"},{"label":"Right","value":"right-right"}]},"key":"filterLabelPosition","type":"select","input":true},{"label":"Control Panel Filters","tooltip":"Add the fields by which you want to filter the data within the Report. These filters will display in the Report Control Panel UI.","reorder":true,"addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":true,"tableView":false,"key":"filters","type":"datagrid","input":true,"components":[{"label":"Field","widget":"choicesjs","tableView":true,"dataSrc":"custom","data":{"custom":"values = instance.root.data.columnsList;"},"valueProperty":"value","refreshOn":"columnsList","validate":{"required":true},"key":"field","type":"select","input":true},{"label":"Filter Type","widget":"choicesjs","tooltip":"Select filter operator you want to apply for filtering the field.","tableView":true,"dataSrc":"custom","data":{"custom":"var calculatedExtraColumns = instance.root.data.calculatedColumns || [];\nvar calculatedGroupingColumns = _.get(instance, 'root.data.groups.calculatedColumns', []);\n\nvalues = utils.reporting.getControlsFilterOperators(row.field, instance.root.data.reportingForms, [...calculatedExtraColumns, ...calculatedGroupingColumns])"},"valueProperty":"value","validate":{"required":true},"key":"filterType","type":"select","input":true},{"label":"Filter Title","tooltip":"This title will be displayed next to the filter. If not set, the label of the filter field is used.","applyMaskOn":"change","tableView":true,"key":"filterTitle","type":"textfield","input":true}]}]},{"title":"Actions","collapsible":false,"key":"actionsPanel","conditional":{"show":true,"conjunction":"all","conditions":[{"component":"enableControls","operator":"isEqual","value":true}]},"type":"panel","label":"Page 4","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"navigateOnEnter":false,"saveOnEnter":false,"scrollToTop":false,"input":false,"tableView":false,"components":[{"html":"<p style=\"text-align:right;\"><span class=\"text-small\"><i>v{{form.properties.version}}</i></span></p>","label":"Content","customClass":"text-muted","refreshOnChange":false,"key":"version8","type":"content","input":false,"tableView":false},{"html":"<p><span class=\"text-big\"><strong>Control Panel - Actions</strong></span></p><p>Enable end users of the Report to execute actions on rows which are selected within the Report Grid. Select a default Action, or create any customized Action to meet bespoke requirements by entering custom Javascript below.&nbsp;</p>","label":"Basic Reporting Settings","refreshOnChange":false,"key":"basicReportingSettings6","type":"content","input":false,"tableView":false},{"label":"Actions","tooltip":"Actions will be displayed in Actions of the Control Panel and will be applied for selected rows in the Report Grid.","tableView":false,"templates":{"header":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4 font-weight-bold\">{{ t(component.label) }}</div>\n        {% } %}\n      {% }) %}\n    </div>","row":"<div class=\"row\">\n      {% util.eachComponent(components, function(component) { %}\n        {% if (displayValue(component)) { %}\n          <div class=\"col-sm-4\">\n            {{ isVisibleInRow(component) ? getView(component, row[component.key]) : ''}}\n          </div>\n        {% } %}\n      {% }) %}\n      {% if (!instance.options.readOnly && !instance.disabled) { %}\n        <div class=\"col-sm-4\">\n          <div class=\"btn-group pull-right\">\n            <button class=\"btn btn-default btn-light btn-sm editRow\"><i class=\"{{ iconClass('edit') }}\"></i></button>\n            {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}\n              <button class=\"btn btn-danger btn-sm removeRow\"><i class=\"{{ iconClass('trash') }}\"></i></button>\n            {% } %}\n          </div>\n        </div>\n      {% } %}\n    </div>"},"addAnother":"Add Action","rowDrafts":false,"key":"actions","type":"editgrid","displayAsTable":false,"input":true,"components":[{"label":"Title","tooltip":"Action title that will be shown in the Control Panel.","applyMaskOn":"change","tableView":true,"validate":{"required":true},"key":"title","type":"textfield","input":true},{"label":"Type","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"Export CSV","value":"csv"},{"label":"Download PDF","value":"pdf"},{"label":"Custom","value":"custom"}]},"validate":{"required":true},"key":"type","type":"select","input":true},{"label":"Apply action for:","optionsLabelPosition":"right","inline":true,"tableView":false,"defaultValue":"availableColumns","values":[{"label":"All Available Columns","value":"availableColumns","shortcut":""},{"label":"Visible Columns","value":"visibleColumns","shortcut":""}],"validate":{"required":true},"key":"applyFor","customConditional":"show = _.includes(['csv', 'pdf'], row.type);","type":"radio","input":true},{"label":"Custom JS Code","placeholder":"promise = Promise.resolve(true);","tooltip":"Enter custom JavaScript code that will be executed for selected rows. If you want the Report Grid to redraw and reload the page data after the custom action is performed, the promise should return true.","applyMaskOn":"change","editor":"ace","autoExpand":false,"tableView":false,"validate":{"required":true},"key":"customCode","conditional":{"conjunction":"all"},"customConditional":"show = row.type === 'custom';","type":"textarea","input":true},{"label":"HTML","attrs":[{"attr":"","value":""}],"content":"{{utils.reporting.getCustomScriptAvailableVarialbles()}}\n","refreshOnChange":false,"key":"html","customConditional":"show = row.type === 'custom';","type":"htmlelement","input":false,"tableView":false}]}]}],"access":[{"type":"read_all","roles":["administrator","authenticated","anonymous"]}],"submissionAccess":[{"type":"read_all","roles":["administrator","authenticated","anonymous"]}],"properties":{"version":5},"controller":"instance.submissionReady.then((subm) => {\n  instance.emit('formsSet');\n});\n","submissionRevisions":"","tags":["noBuilderResource"]}},"actions":{"reportingui:save":{"title":"Save Submission","name":"save","form":"reportingui","priority":10,"method":["create","update"],"handler":["before"]}}}

package/reporting.css

@@ -1,3 +1,6 @@
 .filter-set input,
 .filter-set .selection {
-  background-color: rgba(0, 0, 0, 0.05); }
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+/*# sourceMappingURL=reporting.css.map */

package/reporting.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/sass/reporting.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE","file":"reporting.css"}